@charset "UTF-8";

@import url('/webobj/TravelTeam/css/style_show_layout.css?210914');

/* 以下是文字編輯器的標題英文字體 */
@import url('https://fonts.googleapis.com/css?family=Lobster&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Jaldi&display=swap');

/* 以下是DAY1錨點的標題英文字體 */
@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');

#showticket_main{
	position: relative;
	background-color: #FFF;
}

#showticket_main iframe{ max-width: 100%; }

/* 舊版客製化客戶出團資訊、立即報名 */
	.showticket_apply{
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
		list-style: none;
	}
	.showticket_apply li a{
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		width: 65px;
		height: 65px;
		margin: 10px;
		padding: 5px;
		box-sizing: border-box;
		color: #FFF;
		box-shadow: 2px 5px 10px rgba(0,0,0,0.5);
		font-weight: bold;
		font-size: 1.15rem;
		border-radius: 50%;
		transition: all .5s;
	}
	.showticket_apply li:first-child > a{
		background-color: #00A2E8;
	}
	.showticket_apply li:nth-child(2) > a{
		background-color: #ED1C24;
	}
	.showticket_apply li:nth-child(3) > a{
		background-color: rgb(76,175,80);
	}
	.showticket_apply li:nth-child(4) > a{
		background-color: rgb(255, 193, 7);
	}
	.showticket_apply li:nth-child(5) > a{
		background-color: rgb(158, 158, 158);
	}
	.showticket_apply li:first-child:hover > a{
		background-color: rgba(0, 162, 232, .7);
	}
	.showticket_apply li:nth-child(2):hover > a{
		background-color: rgba(237, 28, 36, .7);
	}
	.showticket_apply li:nth-child(3):hover > a{
		background-color: rgba(76,175,80, .7);
	}
	.showticket_apply li:nth-child(4):hover > a{
		background-color: rgba(255, 193, 7, .7);
	}
	.showticket_apply li:nth-child(5):hover > a{
		background-color: rgba(158, 158, 158, .7);
	}

/* 新版客製化客戶浮動按鈕出團資訊、立即報名 */
	.showticket_applyNewbox{
		position: absolute;
		top: 0;
		right: 15px;
	}
	.showticket_applyNew_btn{
		position: absolute;
		top: 0;
		right: 0;
		animation: rotatebtn 6s linear 0s infinite normal;
		z-index: 99;
	}
	@keyframes rotatebtn{
		100%{ transform: rotate(360deg); }
	}
	.showticket_applyNew_btn span{
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		width: 65px;
		height: 65px;
		margin: 10px;
		padding: 5px 5px 5px 7px;
		letter-spacing: 2px;
		box-sizing: border-box;
		color: #000;
		box-shadow: 2px 5px 10px rgba(0,0,0,0.5);
		font-weight: bold;
		font-size: 1.15rem;
		border-radius: 50%;
		transition: all .5s;
		font-family: 'Jaldi', sans-serif;
	}
	.showticket_applyNew_btn span:after{
		position: absolute;
	    content: '';
	    width: 100%;
	    height: 100%;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    border-radius: 50%;
	    border-top: 5px solid #F44336;
	    border-bottom: 5px solid #F44336;
	    border-left: 5px solid rgba(122,122,122,.7);
	    border-right: 5px solid rgba(122,122,122,.7);
	}
	.showticket_applyNew_btn span:hover{
		background-color: #F44336;
		color: #fff;
	}
	.showticket_applyNew{
		position: absolute;
	    top: 100px;
	    right: 0;
	    display: none;
	}
	.showticket_applyNew li a{
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		width: 65px;
		height: 65px;
		margin: 10px;
		padding: 5px;
		box-sizing: border-box;
		color: #FFF;
		box-shadow: 2px 5px 10px rgba(0,0,0,0.5);
		font-weight: bold;
		font-size: 1.15rem;
		border-radius: 50%;
		transition: all .5s;
	}
	.showticket_applyNew li .showticket_applyNew_grpdetail{
		background-color: #00A2E8;
	}
	.showticket_applyNew li .showticket_applyNew_signup{
		background-color: #ED1C24;
	}
	.showticket_applyNew li .showticket_applyNew_favorites{
		background-color: rgb(255, 193, 7);
	}
	.showticket_applyNew li .showticket_applyNew_compare{
		background-color: rgb(76,175,80);
	}
	.showticket_applyNew li .showticket_applyNew_watch{
		background-color: rgb(158, 158, 158);
	}
	.showticket_applyNew li:hover .showticket_applyNew_grpdetail{
		background-color: rgba(0, 162, 232, .7);
	}
	.showticket_applyNew li:hover .showticket_applyNew_signup{
		background-color: rgba(237, 28, 36, .7);
	}
	.showticket_applyNew li:hover .showticket_applyNew_favorites{
		background-color: rgba(255, 193, 7, .7);
	}
	.showticket_applyNew li:hover .showticket_applyNew_compare{
		background-color: rgba(76,175,80, .7);
	}
	.showticket_applyNew li:hover .showticket_applyNew_watch{
		background-color: rgba(158, 158, 158, .7);
	}
/* 行程特色圖檔 */
	.showticket_feature_box_img > img{
		margin-right: 5px;
	}
/* 行程特色插圖 */
	.showticket_feature_addimgcontent{
		display: block;
    	color: #000;
	}
	.showticket_feature_addimgcontenttext{
		display: block;
	}
	.showticket_feature_addimgcontenttext > i{
		display: block;
    	font-style: normal;
	}
/* 收藏、比較圖示 */
	.showticket_info_othernav ul{
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
	}
	.showticket_info_othernav ul li{
		display: inline-block;
		padding: 5px;
		box-sizing: border-box;
		position: relative;
	}
	.showticket_info_othernav ul li a{
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}
	.showticket_info_othernav ul li a svg{
		width: 30px;
		text-align: center;
	}
	.showticket_info_othernav ul li a span{
		display: inline-block;
		font-size: 0.85rem;
		margin-top: 5px;
		color: #444;
		position: absolute;
		top: 0px;
		opacity: 0;
		transition: all .3s;
	}
	.showticket_info_othernav ul li:hover a span{
		opacity: 1;
		top: -15px;
	}
	/* 比較 */
	.star-dashes-2 {
		opacity: 0;
		-webkit-transform-origin: center;
		-webkit-transform: scale(.5);
	}

	.active .star-dashes-2 {
		-webkit-animation: dashes-2 2s forwards;
	}
	.active .main-star-2 {
		fill: #ffeb3b;
		-webkit-transform: rotate(360deg);
	}
	@-webkit-keyframes dashes-2 {
		50% {
			opacity: 1;
			stroke: #ffeb3b;
			-webkit-transform: rotate(360deg);
		}
	}
	/* 收藏 */

	.loader-1 {
		opacity: 0;
		transform-origin: 50% 50%;
		transform: scale(.3);
	}

	.active .heart-1 {
		transform-origin: center;
		animation: grow-heart 500ms .3s forwards;
		stroke: #ec6d46;
		fill: #EC6D46;
	}

	@keyframes grow-heart {
		50% {
			transform: scale(.3);
		}
	}
/* 行程月曆 */
.showticket_calendar_main{
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.showticket_calendar_main h3{
	display: none;
	width: 70%;
}
.showticket_info_othernav ul .showticket_calendar{ padding: 0;}
.showticket_info_othernav ul .showticket_calendar a{
	flex-direction: row;
	padding: 5px 5px 5px 10px;
	box-sizing: border-box;
	background-color: #ff7f27;
	border: 2px solid #ff7f27;
	color: #fff;
	border-radius: 5px;
	margin: 3px;
	transition: all .3s;
}
.showticket_info_othernav ul .showticket_calendar a:hover{
	background-color: #fff;
	color: #ff7f27;
}
.showticket_info_othernav ul .showticket_calendar a i{
	font-style: normal;
}
.showticket_calendar_txt{
	padding: 0 5px;
	box-sizing: border-box;
}
/* 行程比較、 最近瀏覽關閉紐*/
	.showticket_grpboxbtn{
		padding: 10px 10px 10px 40px;
		box-sizing: border-box;
		background-color: #00A2E8;
		color: #fff;
		cursor: pointer;
		transition: all .3s;
	}
	.showticket_grpboxbtn:hover{
		background-color: #0089d0;
	}
	.showticket_grpboxbtn span{
		position: relative;
		display: inline-block;
		padding: 5px 0 5px 5px;
		box-sizing: border-box;
	}
	.showticket_grpboxbtn span:before,
	.showticket_grpboxbtn span:after{
		position: absolute;
		content: '';
		height: 1px;
		background-color: #fff;
	}
	.showticket_grpboxbtn span:before{
		width: 120%;
   		bottom: 0;
    	left: -10px;
	}
	.showticket_grpboxbtn span:after{
		width: 10px;
	    transform: rotate(-45deg);
	    left: -11px;
	    bottom: 4px;
	}

/* 行程比較 */
	.showticket_grpcompare{
		position: fixed;
		top: 0;
		left: -100%;
		z-index: 1000;
		width: 65%;
		max-width: 500px;
		height: 100%;
		background-color: rgba(0,0,0,.5);
		transition: all 1s;
	}
	.showticket_grpcompareBox{
		width: 95%;
		margin: 0 auto;
		height: 90%;
		overflow: auto;
	}
	.showticket_grpcompareBox ul li{
		display: block;
		padding: 10px;
		box-sizing: border-box;
		margin: 10px 0;
	}
	.showticket_grpcompareBox ul li a{
		display: block;
		background-color: #fff;
		position: relative;
		transition: all .3s;
		cursor: pointer;
	}

	.showticket_grpcompareBox ul li a span{
		display: block;
		padding: 5px;
		box-sizing: border-box;
		color: #555;
	}
	.showticket_grpcompareBox ul li a .showticket_grpcompareBox_tick{
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 2;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		background-color: rgba(255,255,255,.5);
		opacity: 0;
		transition: all .3s;
	}
	.showticket_grpcompareBox_tick img{
		height: 60%;
		vertical-align: top;
		background-color: #8BC34A;
		border-radius: 50%;
	}
	.showticket_grpcompareBox ul li a:hover .showticket_grpcompareBox_tick{
		opacity: 1;
	}
	.showticket_grpcompareBox_img{
		width: 100%;
		height: 100px;
		position: relative;
	}
	.showticket_grpcompareBox_img_close{
		position: absolute;
		background-color: #7bd07e;
		color: #fff;
		top: -5px;
		left: -5px;
		border-radius: 50%;
		padding: 2px;
		box-sizing: border-box;
		z-index: 2;
		transition: all .3s;
	}
	.showticket_grpcompareBox_img_close:hover{
		background-color: #4caf50;
	}
	.showticket_grpcompareBox_imgBox{
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 100%;
	}
	.showticket_grpcompare_btn{
		position: absolute;
		bottom: 0;
		height: 5%;
		width: 100%;
		background-color: #4caf50;
		color: #fff;
		border: none;
		cursor: pointer;
		letter-spacing: 5px;
		padding-right: 5px;
		font-size: 1.15rem;
		transition: all .3s;
	}
	.showticket_grpcompare_btn:hover{
		background-color: #e91e63;
	}

/* 最近瀏覽 */
	.showticket_grpwatch{
		position: fixed;
		top: 0;
		left: -100%;
		z-index: 1000;
		width: 65%;
		max-width: 500px;
		height: 100%;
		background-color: rgba(0,0,0,.5);
		transition: all 1s;
	}
	.showticket_grpwatchBox{
		width: 95%;
		margin: 0 auto;
		height: 90%;
		overflow: auto;
	}
	.showticket_grpwatchBox ul li{
		display: block;
		padding: 10px;
		box-sizing: border-box;
		margin: 10px 0;
	}
	.showticket_grpwatchBox ul li a{
		display: block;
		background-color: #fff;
		position: relative;
		transition: all .3s;
	}

	.showticket_grpwatchBox ul li a span{
		display: block;
		padding: 5px;
		box-sizing: border-box;
		color: #555;
	}
	.showticket_grpwatchBox_img{
		width: 100%;
		height: 100px;
		position: relative;
	}
	.showticket_grpwatchBox_img_close{
		position: absolute;
		background-color: #9e9e9e;
		color: #fff;
		top: -5px;
		left: -5px;
		border-radius: 50%;
		padding: 2px;
		box-sizing: border-box;
		z-index: 2;
		transition: all .3s;
	}
	.showticket_grpwatchBox_img_close:hover{
		background-color: #000;
	}
	.showticket_grpwatchBox_imgBox{
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 100%;
		-webkit-transition: all 0.4s ease;
		-text-decoration-linemoz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	.showticket_grpwatchBox ul li a:hover .showticket_grpwatchBox_imgBox{
		opacity: .7;
	}

	.showticket_grpwatch_btn{
		position: absolute;
		bottom: 0;
		height: 5%;
		width: 100%;
		background-color: #9e9e9e;
		color: #fff;
		border: none;
		cursor: pointer;
		letter-spacing: 5px;
		padding-right: 5px;
		font-size: 1.15rem;
		transition: all .3s;
	}
	.showticket_grpwatch_btn:hover{
		background-color: #e91e63;
	}


/* 社群分享 */
	.showticket_shareicons{ list-style: none; }
	.showticket_shareicons_wrap{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		overflow: hidden;
		min-height: 50px;
		position: relative;
	}
	.showticket_shareicons_wrap .showticket_shareicons_btn{
		background-color: #00a2e8;
		padding: 5px 10px;
		box-sizing: border-box;
		font-size: 1.5rem;
		border-radius: 10px;
		color: #fff;
		cursor: pointer;
		position: relative;
		z-index: 99;
	}
	.showticket_shareicons_wrap .showticket_shareicons{
		margin: 0.5rem 0;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		position: absolute;
		left: -350px;
	}
	.showticket_shareicons_wrap .showticket_shareicons li{
		margin: 0.25rem;
	}
	.showticket_shareicons_wrap .showticket_shareicons li a{
		cursor: pointer;
		display: block;
	}
	.showticket_shareicons_wrap .showticket_shareicons li a img{
		vertical-align: middle;
		width: 2rem;
		border-radius: 5px;
	}

/* 景點關鍵字 */
	.showticket_keywords{
		width: 100%;
		margin: 0.5rem auto;
		display: flex;
		align-items: center;
		list-style: none;
	}
	.showticket_keywords li a{
		cursor: pointer;
		display: block;
		padding: 0.25rem 1rem;
		box-sizing: border-box;
		border: 1px solid #547A96;
		color: #547A96;
		border-radius: 2px;
		margin: 0.25rem;
		transition: .3s;
		font-family: sans-serif;
	}
	.showticket_keywords li:hover > a{
		background-color: #547A96;
		color: #FFF;
	}

/* 行程名稱 */
	.showticket_grpname{
		width: 100%;
		margin: 1rem auto;
		padding: 0.25rem 0;
		box-sizing: border-box;
		color: #333;
		font-size: 2rem;
		word-break: break-word;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		font-family: sans-serif;
	}
	.showticket_grpname > span{
		display: inline-block;
		padding: 0.25rem;
		box-sizing: border-box;
		font-size: 0.8rem;
		color: #BBB;
	}
	.showticket_grpname_btnDiv{
		display: inline-flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
	}
	/*以下只有豐創HT02035有*/
	.showticket_grpname_btnSe{
		background-color: #00A2E8;
		color: #fff;
		font-size: 1.25rem;
		padding: 0 10px;
		box-sizing: border-box;
		margin: 5px;
		border-radius: 5px;
		transition: all .3s;
		border: 2px solid #00A2E8;
	}
	.showticket_grpname_btnSe:hover{
		color: #00A2E8;
		background-color: #fff;
	}
	.showticket_grpname .showticket_grpname_btn{
		background-color: #F36767;
		color: #fff;
		font-size: 1.25rem;
		padding: 0 10px;
		box-sizing: border-box;
		margin: 5px;
		border-radius: 5px;
		transition: all .3s;
		border: 2px solid #F36767;
	}

	.showticket_grpname .showticket_grpname_btn:hover{
		color: #F36767;
		background-color: #fff;
	}

/* 社群分享、景點關鍵字、行程名稱，不被報名按鈕遮到的設定 */
	.showticket_shareicons,
	.showticket_keywords,
	.showticket_grpname{
		padding: 0 100px 0 0;
		box-sizing: border-box;
	}

/* 行程資訊 */
	#showticket_main > form > aside{
		width: 100%;
		background-color: #FFF5EF;
		padding: 0.5rem;
		box-sizing: border-box;
	}
	.showticket_info{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.showticket_infotitle{
		padding: 0.5rem 0;
		box-sizing: border-box;
	}
	.showticket_info > div{
		display: inline-block;
		padding: 0.25rem 0;
		box-sizing: border-box;
		word-break: break-all;
	}
	.showticket_info_feature > div,
	.showticket_info_freebie > div{
		width: 100%;
		margin: 0 auto;
	}
	.showticket_info_price, .showticket_info_grpdetailBtn{
		cursor: pointer;
		display: inline-block;
		padding: 0 0.5rem;
		box-sizing: border-box;
		color: #FF7F27;
	}
	.showticket_info_price:hover, .showticket_info_grpdetailBtn:hover{ text-decoration: underline; }



/* 售價欄位後面備註欄位 */
	.showticket_info_pricenotes{
		display: inline-block;
		padding: 0.25rem 0.5rem;
		box-sizing: border-box;
	}

/* 本團售價明細一覽表 */
	.showticket_info_pricelist{
		display: none;
		width: 100%;
		-webkit-overflow-x: scroll;
		   -moz-overflow-x: scroll;
			-ms-overflow-x: scroll;
			 -o-overflow-x: scroll;
				overflow-x: scroll;
	}
	.showticket_info_pricelist > table{
		width: 100%;
		min-width: 500px;
		margin: 0.5rem auto;
		border-collapse: collapse;
	}
	.showticket_info_pricelist > table caption,
	.showticket_info_pricelist > table tr th,
	.showticket_info_pricelist > table tr td{
		vertical-align: middle;
		text-align: center;
		font-size: 1rem;
		border: 1px solid #DDD;
		padding: 0.5rem;
		box-sizing: border-box;
	}
	.showticket_info_pricelist > table caption{
		border: 0;
		background-color: #00A2E8;
		color: #FFF;
	}
	.showticket_info_pricelist > table tr th{ background-color: #E5F6FD; }
	.showticket_info_pricelist > table tr td{ background-color: #FFF; }

	.showticket_info_pricelist > table tfoot tr td{
		text-align: left;
		color: #555;
		font-size: 0.9rem;
	}

/* 錨點(小圓圖) */
	.showticket_gothere ul{
		display: flex;
		align-items: center;
		justify-content: center;
		list-style: none;
	}
	.showticket_gothere ul li a{
		cursor: pointer;
		display: block;
		text-align: center;
		padding: 0.5rem;
		box-sizing: border-box;
		margin: 0.25rem;
		color: #444;
		font-weight: bold;
	}
	.showticket_gothere ul li a img{
		vertical-align: top;
		display: block;
		margin: 0 auto 0.25rem;
	}

/* 主要圖片 */
	.onlyimg{
		width: 100%;
		margin: 1rem auto;
		text-align: center;
	}
	.onlyimg > img{
		vertical-align: top;
		max-width: 100%;
		height: auto;
	}

/* DM圖檔 */
	.showticket_DMimg{
		width: 100%;
		margin: 1rem auto;
		text-align: center;
	}
	.showticket_DMimg > img{
		vertical-align: top;
		width: 100%;
		height: auto;
	}

/* 地圖圖片 */
	.showticketA_mapimg{
		width: 100%;
		margin: 3rem auto 1rem;
		text-align: center;
	}

/* 文字編輯器-標題字 */
	article > section > h2{
		width: 100%;
		margin: 0.25rem auto;
		letter-spacing: 0.25rem;
		padding: 0.25rem 0.75rem 0.25rem 1.75rem;
		box-sizing: border-box;
		color: #0089D0;
		font-size: 2rem;
		border-bottom: 2px solid #0089D0;
		font-family: cwTeXYen;
	}
	article > section > h2 > span{
		letter-spacing: 1px;
		display: inline-block;
		padding: 0 0.25rem;
		box-sizing: border-box;
		font-size: 1.5rem;
		font-family: 'Lobster', cursive;
	}
	article > section > .showticket_headline_clear{
		margin: 0 auto;
		letter-spacing: 0;
		padding: 0.25rem;
		font-size: 100%;
		border-bottom: none;
	}
	article > section > .showticket_headline_clear > img{ max-width: 100%; }

/* 文字編輯器-內容 */
	article > section > div{
		width: 100%;
		padding: 1rem 25px;
		box-sizing: border-box;
		word-break: break-all;
	}
	article > section > div ul,
	article > section > div ol{
		padding-left: 23px;
		box-sizing: border-box;
	}
	.showticket_tourdetail{
		border-width: 0 0 5px 0;
		border-style: dotted;
		border-color: #1EB9EE;
	}
	.showticket_tourdetail:last-child{ border: none; }

/* 文字編輯器-檔案下載 */
	article > section > ul{
		width: 100%;
		margin: 0.25rem auto;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	article > section > ul > li > a{
		cursor: pointer;
		display: inline-block;
		padding: 0.25rem 0.5rem;
		box-sizing: border-box;
		margin: 0.25rem;
		background-color: #7092BE;
		color: #FFF;
		border-radius: 5px;
	}

/* 行程內容 > 天數標題 */
	.showticket_tourdetail_title_preset,
	.showticket_tourdetail_title_image,
	.showticket_tourdetail_title_custom{
		width: 100%;
		margin: 0 auto 0.5rem;
		word-break: break-all;
		font-size: 1.5rem;
		font-family: Microsoft JhengHei;
	}
	.showticket_tourdetail_title_preset > img,
	.showticket_tourdetail_title_image > img,
	.showticket_tourdetail_title_custom > span{
		display: inline-block;
		margin: 0 10px 0 0;
	}
	.showticket_tourdetail_title_image > img,
	.showticket_tourdetail_title_custom > span{ float: left; }

	.showticket_tourdetail_title_image:after,
	.showticket_tourdetail_title_custom:after{
		content: "";
		display: block;
		width: 100%;
		clear: both;
	}

/* 行程內容 > 內容 */
	.showticket_tourdetail_content{
		width: 100%;
		margin: 1rem auto;
	}

/* 行程內容 > 插圖 */
	.showticket_tourdetail_addimg{
		width: 100%;
		margin: 1rem auto;
		text-align: center;
	}
	.showticket_tourdetail_addimg > a{
		display: inline-block;
		text-align: center;
		word-break: break-all;
		margin: 2.5px;
	}
	.showticket_tourdetail_addimg > a img{
		vertical-align: top;
		display: block;
	}

/* 行程內容 > 插圖 > 跳出視窗 */
	#show_alertbox_tourdetail_addimg > .show_alertbox_main{ max-width: 1200px; }

	.show_alertbox_tourdetail_addimg_iframebox{
		width: 95%;
		margin: 1rem auto;
		position: relative;
		padding-bottom: 520px; 
	}
	.show_alertbox_tourdetail_addimg_iframebox > iframe{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
	}

/* 行程內容 > 影片 */
	.showticket_tourdetail_video{
		width: 100%;
		margin: 1rem auto;
	}
	.showticket_tourdetail_video > div{
		position: relative;
		max-width: 100%;
		margin: 1rem auto;
	}
	.showticket_tourdetail_video > div > iframe{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
	}

/* 行程內容 > 餐食&飯店 */
	.showticket_tourdetail_food{
		width: 100%;
		margin: 1rem auto 0.5rem;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.showticket_tourdetail_food > img[title="餐食"]{
		width: 42px;
		vertical-align: top;
	}
	.showticket_tourdetail_food > ul{
		display: inline-flex;
		flex-wrap: wrap;
		align-items: center;
		padding: 0 0 0 2rem;
		box-sizing: border-box;
		list-style: none;
	}
	.showticket_tourdetail_food > ul li{
		padding: 0.5rem;
		box-sizing: border-box;
	}
	.showticket_tourdetail_food > ul li img{
		vertical-align: top;
		margin-right: 0.25rem;
	}
	.showticket_tourdetail_hotel{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		margin: 0.5rem auto;
	}
	.showticket_tourdetail_hotel > img[title="飯店"]{
		width: 42px;
		vertical-align: top;
	}
	.showticket_tourdetail_hotel > a{
		display: block;
		margin: 0 0 0 2.5rem;
	}
/* 行程內容 > 每日行程錨點 */
	.showticket_detailedtours{ position: relative; }
	.showticket_gotheredate{
		position: absolute;
		top: 60px;
		left: -5px;
	}
	.showticket_gotheredate ul{ list-style: none; }
	.showticket_gotheredate ul li{

	
	}
	.showticket_gotheredate ul li a{
		font-family: 'Rubik', sans-serif;
		display: flex;
		width: 25px;
		justify-content: center;
		align-items: center;
		margin-bottom: 10px;
		text-align: center;
		cursor: pointer;
		transition: all .3s;
		color: #888;
	}
	.showticket_gotheredate ul li .gotheredate_focus{
		font-size: x-large;
		color: #1EB9EE;
	}
	.showticket_gotheredate ul li a:hover{
		font-size: x-large;
		color: #1EB9EE;
	}
/* 航班時間 */
	.showticketA_flight_oldtable{
		width: 100%;
		margin: 0.5rem auto 3rem;
		border-collapse: collapse;
	}
	.showticketA_flight_oldtable tr > td{ border: 1px solid #555; }

/* 方案類型 */
	.showticket_plan{
		width: 95%;
		margin: 1rem auto;
		background-color: #F1F6FA;
	}
	.showticket_plan_date{
		cursor: pointer;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 200px;
		margin: 1rem;
		background-color: #cc9933;
		color: #FFF;
		padding: 1rem 1.5rem;
		box-sizing: border-box;
		font-weight: bold;
		border-radius: 5px;
		transition: all .5s;
	}
	.showticket_plan_date > input[type='text']{
		cursor: pointer;
		border: 0;
		display: block;
		width: 100%;
		background-color: transparent;
		color: #FFF;
		font-size: 1.1rem;
		letter-spacing: 0.1rem;
		padding: 0.25rem;
		box-sizing: border-box;
	}
	.showticket_plan_date > input[type='text']:focus{ outline: none; }

	.showticket_plan_date:hover{ background-color: #FFC34B; }

	.showticket_plan_type,
	.showticket_plan_quantity,
	.showticket_plan_car,
	.showticket_plan_markup{
		width: 100%;
		margin: 0 auto 1rem;
	}
	.showticket_plan_type > h3,
	.showticket_plan_quantity > h3,
	.showticket_plan_car > h3,
	.showticket_plan_markup > h3{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 1.5rem;
		font-weight: normal;
		color: #444;
		border-bottom: 1px solid #444;
		letter-spacing: 0.25rem;
		padding: 0.15rem 0 0.15rem 0.25rem;
		box-sizing: border-box;
		margin: 1rem 1.25rem 0.25rem;
	}
	.showticket_plan_type > h3:before,
	.showticket_plan_quantity > h3:before,
	.showticket_plan_car > h3:before,
	.showticket_plan_markup > h3:before{
		content: "";
		display: inline-block;
		width: 0.5rem;
		height: 0.5rem;
		background-color: #cc9933;
		margin: 0 1rem 0 0;
	}
	.showticket_plan_type > ul{
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: flex-start;
		padding: 0.5rem 0.75rem;
		box-sizing: border-box;
	}
	.showticket_plan_type ul > li{
		display: inline-block;
		margin: 0.25rem;
	}
	.showticket_plan_type ul li > input[type="button"]{
		cursor: pointer;
		display: inline-block;
		background-color: #FCF4E9;
		color: #000;
		border: 2px solid #ffd190;
		padding: 0.25rem 1.25rem;
		box-sizing: border-box;
		font-size: 1.1rem;
		font-weight: bold;
		border-radius: 2px;
	}
	/*.showticket_plan_type ul li > input[type="button"]:focus*/
	.showticket_plan_type ul li > input[type="button"].showticket_plan_typechoose{
		background-color: #cc9933;
		color: #FFF;
		border: 2px solid #CC9933;
	}
	.showticket_plan_type > p{
		padding: 0.25rem 1rem;
		box-sizing: border-box;
		color: #44AD98;
		font-weight: bold;
	}
	.showticket_plan_quantity > h4{
		padding: 1rem 1.25rem 0.25rem;
		box-sizing: border-box;
	}
	.showticket_plan_adult,
	.showticket_plan_child,
	.showticket_plan_childbed,
	.showticket_plan_baby,
	.showticket_plan_car > div,
	.showticket_plan_ticket > div,
	.showticket_plan_markupbox{
		width: 97.5%;
		margin: 0.5rem auto;
		background-color: #FFF;
		padding: 1rem 1.5rem;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 1.25rem;
		font-weight: bold;
	}
	.showticket_plan_adultprice,
	.showticket_plan_childprice,
	.showticket_plan_childbedprice,
	.showticket_plan_babyprice,
	.showticket_plan_carprice,
	.showticket_plan_ticketprice,
	.showticket_plan_markupboxprice{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.showticket_plan_adultprice > span,
	.showticket_plan_childprice > span,
	.showticket_plan_childbedprice > span,
	.showticket_plan_babyprice > span,
	.showticket_plan_carprice > span,
	.showticket_plan_ticketprice > span,
	.showticket_plan_markupboxprice > span{
		color: #cc9933;
		font-weight: bold;
		font-size: 1.15rem;
		padding: 0 1.5rem;
		box-sizing: border-box;
	}
	.showticket_getNumButton{
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	.showticket_getNumButton > button,
	.showticket_getNumButton > input[type="text"]{
		margin: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		width: 40px;
		height: 40px;
		background-color: transparent;
		border: 1px solid #E5E5E5;
		box-sizing: border-box;
		font-size: 1rem;
	}
	.showticket_getNumButton > button{
		cursor: pointer;
		font-size: 0.8rem;
		font-weight: normal;
		background-color: #FAFAFA;
		color: #777;
	}
	.showticket_getNumButton > button[data-type="minus"]{
		border-radius: 5px 0 0 5px;
	}
	.showticket_getNumButton > button[data-type="plus"]{
		border-radius: 0 5px 5px 0;
	}

	.showticket_plan_total{
		width: 100%;
		margin: 1rem auto 0;
		padding: 1rem;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.showticket_plan_total > input[type="submit"]{
		cursor: pointer;
		border: 0;
		display: inline-block;
		width: 150px;
		min-width: 150px;
		text-align: center;
		background-color: #cc9933;
		color: #FFF;
		padding: 1rem 0;
		box-sizing: border-box;
		font-size: 1.5rem;
		border-radius: 5px;
	}
	.showticket_plan_total > input[type="submit"]:hover{ background-color: #FFC34B; }

	.showticket_plan_total > p{
		display: inline-block;
		width: 100%;
		color: #555;
		font-size: 0.9rem;
	}
	.showticket_plan_total > p > input[type="text"]{
		border: 0;
		display: inline-block;
		width: 100%;
		background-color: transparent;
		color: #cc9933;
		font-weight: bold;
		font-size: 2rem;
		padding: 0 0.5rem;
		box-sizing: border-box;
	}
/* 新的方案類型 */
.showticket_grpcalendar{
	position: fixed;
	width: 80%;
	transform: translate(-50%, -50%);
	max-width: 500px;
	top: -100%;
	left: 50%;
	background: rgba(0,0,0,.2);
	z-index: 99999;
	height: 80%;
	overflow-y: auto;
	transition: all .3s;
	box-sizing: border-box;
}
/*捲軸底色*/
.showticket_grpcalendar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #ccb5ae;
}
/*捲軸寬度*/
.showticket_grpcalendar::-webkit-scrollbar {
    width: 4px;
    background-color: black;
}
/*捲軸滾動軸顏色*/
.showticket_grpcalendar::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.5);
}
.showticket_grpcalendar_Cross{
	position: absolute;
    right: 0;
    top: 0;
    color: #ffffff;
    background-color: #464646;
    border: 1px solid #464646;
    box-sizing: border-box;
    font-size: 25px;
    transition: all .3s;
    cursor: pointer;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.showticket_grpcalendar_calendar{
	width: 95%;
    margin: 50px auto 1rem;
    background-color: #F1F6FA;
    position: relative;
}
.showticket_grpcalendar_calendar > h3{
	position: absolute;
	top: -10px;
	background-color: #F1F6FA;
	padding: 10px;
	box-sizing: border-box;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 10px;
}
.showticket_grpcalendar_calendar > div{
	padding: 20px 5px;
    box-sizing: border-box;
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
@media all and (max-width: 1200px)
{
	/*.show_alertbox_tourdetail_addimg_iframebox{
		padding-bottom: 65vh;
	}*/
}
@media all and (max-width: 1000px)
{
	/*.show_alertbox_tourdetail_addimg_iframebox{
		padding-bottom: 60vh;
	}*/
}
@media all and (max-width: 800px)
{
	/*.show_alertbox_tourdetail_addimg_iframebox{
		padding-bottom: 40vh;
	}*/
}
@media all and (max-width: 600px)
{
	.show_alertbox_tourdetail_addimg_iframebox{
		padding-bottom: 270px;
	}
	#show_alertbox_tourdetail_addimg > .show_alertbox_main{ padding: 1rem 0.1rem; }
}
@media all and (max-width: 768px)
{
	article > section > div{ padding: 0.5rem 0.25rem; }
}