@charset "utf-8";
body {
	background: #f9f7eb url(../img/bgTattoo.png) top left repeat;
	overflow-x: hidden;
}
	body.noScrollBar {
		/*overflow: hidden;*/
	}

.wrap {
	width:1360px;
	margin:0 auto;
	padding: 0;
}
	@media (max-width: 1800px){
		.wrap {
			width: 1400px;
		}
	}
		@media (max-width: 1500px){
			.wrap {
				width: auto;
				padding: 0px 30px;
			}
		}
			@media (max-width: 590px){
				.wrap {
					padding: 0px 15px;
				}
			}

.main {
	padding: 0px 0px 80px;
}

/*-----------------------Banner------------------------------*/
.banner {
	background: url(../img/banner.png) top center no-repeat;
	height: 980px;
	margin: 0px 0px -440px;
	animation: bnShow 2s ease-in-out;
	position: relative;
	overflow: hidden;
}
	@keyframes bnShow {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
	
	.bannerTitArea {
		background: url(../img/bT_shadow.png)center center no-repeat;
		height: 590px;
		position: relative;
		top: 0px;
		width: 1318px;
		margin: 0 auto;
		position: absolute;
		left: 50%;
		margin-left: -659px;
	}
	.bannerTitArea > img {
		position: absolute;
	}
		/*卷軸*/
		.bT_bg {
			position: absolute;
			top: 100px;
			left: 288px;
			opacity: 0;
			transition: 0.8s ease all;
			overflow: hidden;
			width: 0px;
		}
		
		/*飛機*/
		.bT_airplane {
			top: 90px;
    		left: 460px;
			opacity: 0;
			transition: 2s ease opacity,
						0.8s ease top,
						0.8s ease left;
		}
		
		/*雲*/
		.bT_cloud {
			opacity: 0;
			transition: 5s ease opacity,
						2s ease top,
						2s ease left,
						2s ease right;
		}
			.bT_cloud1 {
				top: 205px;
				left: 88px;
			}
			.bT_cloud2 {
				top: 200px;
				left: 226px;
			}
			.bT_cloud3 {
				top: 155px;
				left: 434px;
			}
			.bT_cloud4 {
				top: 215px;
				right: 257px;
			}
			.bT_cloud5 {
				top: 162px;
				right: 188px;
			}
			.bT_cloud6 {
				top: 349px;
				right: 101px;
			}
		
		/*太陽*/
		.bT_sun {
			top: 205px;
			left: 166px;
			opacity: 0;
			transition: 1s ease opacity;
			animation: bT_sunRotate 5s cubic-bezier(0.27, 0.3, 0.64, 0.64) infinite 0s;
		}
			@keyframes bT_sunRotate {
				from {
					transform: rotate(0deg);
				}
				to {
					transform: rotate(360deg);
				}
			}
		
		/*星星*/
		.bT_start {
			opacity: 0;
			transform: rotateY(0) scale(2);
			transition: 2s ease opacity,
						2s ease transform;
		}
			.bT_start1 {
				top: 34px;
				right: 239px;
			}
			.bT_start2 {
				top: 55px;
				right: 164px;
			}
			.bT_start3 {
				top: 112px;
				right: 121px;
			}
			.bT_start4 {
			    top: 175px;
				right: 152px;
			}
			.bT_start5 {
			    top: 231px;
				right: 204px;
			}
			@keyframes startRotate {
				from { 
					transform: rotateY(0);
				}
        		to { 
					transform: rotateY(360);
				}
			}
		
		/*放大鏡*/
		.bT_search {
			top: 256px;
			right: 205px;
			opacity: 0;
			transform: scale(2);
			transition: 2s ease opacity,
						1s ease transform;
		}
		
		/*海鷗*/
		.bT_seagull {
			top: 152px;
			right: 437px;
			opacity: 0;
			transition: 2s ease opacity;
			animation: seagullFly 5s cubic-bezier(0.27, 0.3, 0.64, 0.64) infinite 0s alternate;
		}
			@keyframes seagullFly {
				0% { 
					top: 150px;
					right: 437px;
				}
				20% {
					top: 160px;
					right: 447px;
				}
				80% {
					top: 150px;
					right: 457px;
				}
        		100% { 
					top: 160px;
					right: 437px;
				}
			}
		
		/*大標*/
		.bT_tit1 {
		    top: 133px;
			left: 302px;
			opacity: 0;
			transition: 2s ease opacity,
						1s ease left,
						1s ease top;
		}
		
		/*指針*/
		.bT_pointer {
		    top: 225px;
			left: 605px;
			transform-origin: bottom left;
			transform: rotate(0deg);
			opacity: 0;
			transition: 2s ease opacity,
						3s ease transform,
						1s ease top,
						1s ease left;
		}
		
		/*小標*/
		.bT_tit2 {
			position: absolute;
			top: 425px;
			left: 314px;
			opacity: 0;
			transition: 2s ease opacity,
						1s ease left,
						1s ease top;
		}
			.bT_tit2 img {
				position: relative;
				transition: 2s ease all;
			}
			.bT_tit2Bg {
				position: absolute;
				width: 0%;
				height: 100%;
				background: url(../img/bT_tit2_bg.png) bottom right no-repeat;
				background-position: top left;
				top: 0px;
				left: 0px;
				transition: 0.5s ease width;
			}
		
		/*公司logo*/
		.bT_cpLogo {
			top: 477px;
			right: 290px;
			opacity: 0;
		}
		
		/*照片*/
		.bT_pic {
			top: 351px;
			left: 157px;
			opacity: 0;
		}
		
		/*相機*/
		.bT_camera {
		    top: 364px;
			right: 277px;
			opacity: 0;
		}
		
	@media (min-width: 1900px){
		.banner {
			background-size: 100%;
		}
	}

/*　banner hover 移動*/
.bannerTopLeft, .bannerTopRight, .bannerBottomLeft, .bannerBottomRight {
	width: 50%;
	height: 50%;
	position: absolute;
	z-index: -999999;
}
	.bannerTopLeft, .bannerTopRight {
		top: 0px;
	}
	.bannerBottomLeft, .bannerBottomRight {
		bottom: 0px;
	}
		.bannerTopLeft:hover ~ .bT_bg,
		.bannerTopRight:hover ~ .bT_bg,
		.bannerBottomLeft:hover ~ .bT_bg,
		.bannerBottomRight:hover ~ .bT_bg{
			transition: 2s ease top,
						2s ease left;
		}
		.bannerTopLeft:hover ~ .bT_tit2,
		.bannerTopRight:hover ~ .bT_tit2,
		.bannerBottomLeft:hover ~ .bT_tit2,
		.bannerBottomRight:hover ~ .bT_tit2{
			transition: 3s ease top,
						3s ease left;
		}

	/*左上*/
	.bannerTopLeft {
		left: 0px;
	}
		.bannerTopLeft:hover ~ .bT_bg {
			top: 90px;
			left: 278px;
		}
		.bannerTopLeft:hover ~ .bT_tit1 {
			top: 123px;
			left: 332px !important;
		}
		.bannerTopLeft:hover ~ .bT_tit2 {
			top: 415px;
			left: 344px !important;
		}
		.bannerTopLeft:hover ~ .bT_pointer {
			top: 215px;
			left: 590px;
		}
	
	/*右上*/
	.bannerTopRight {
		right: 0px;
	}
		.bannerTopRight:hover ~ .bT_bg {
			top: 90px;
			left: 298px;
		}
		.bannerTopRight:hover ~ .bT_tit1 {
			top: 123px;
			left: 352px !important;
		}
		.bannerTopRight:hover ~ .bT_tit2 {
			top: 415px;
			left: 364px !important;
		}
		.bannerTopRight:hover ~ .bT_pointer {
			top: 215px;
			left: 610px;
		}
	
	/*左下*/
	.bannerBottomLeft {
		left: 0px;
	}
		.bannerBottomLeft:hover ~ .bT_bg {
			top: 110px;
			left: 278px;
		}
		.bannerBottomLeft:hover ~ .bT_tit1 {
			top: 143px;
			left: 332px !important;
		}
		.bannerBottomLeft:hover ~ .bT_tit2 {
			top: 435px;
			left: 344px !important;
		}
		.bannerBottomLeft:hover ~ .bT_pointer {
			top: 235px;
			left: 590px;
		}
	
	/*右下*/
	.bannerBottomRight {
		right: 0px;
	}
		.bannerBottomRight:hover ~ .bT_bg {
			top: 110px;
			left: 298px;
		}
		.bannerBottomRight:hover ~ .bT_tit1 {
			top: 143px;
			left: 352px !important;
		}
		.bannerBottomRight:hover ~ .bT_tit2 {
			top: 435px;
			left: 364px !important;
		}
		.bannerBottomRight:hover ~ .bT_pointer {
			top: 235px;
			left: 610px;
		}
	
	@media (max-width: 1320px){
		.banner {
			overflow: hidden;
			background-size: 126%;
			height: 950px;
		}
			.bannerTitArea {
				transform: scale(0.9);
			}
	}
		@media (max-width: 950px){
			.banner {
				height: 800px;
			}
				.bannerTitArea {
					transform: scale(0.7);
					transform-origin: top center;
				}
		}
			@media (max-width: 690px){
				.banner {
					margin: 0 0 -265px;
					height: 440px;
				}
					.bannerTitArea {
						transform: scale(0.4);
						top: -7px;
					}
			}
				@media (max-width: 425px){
					.banner {
						margin: 0 0 -50px;
						height: 374px;
						background-size: 100%;
					}
						.bannerTitArea {
							top: 70px;
						}
				}
					@media (max-width: 380px){
						.banner {
							/*margin: 0 0 -60px;
							height: 250px;*/
						}
						.bannerTitArea {
							/*transform: scale(0.32);*/
						}
					}

/*-----------------------手機menu按鍵------------------------------*/
.menu_btn {
	position: fixed;
    width: 37px;
    top: 64px;
    right: 32px;
    cursor: pointer;
    display: none;
    z-index: 100;
    background: #f1b93e;
    padding: 4px 7px;
    box-shadow: 0px 0px 10px #fff,
			 	0px 0px 10px #fff,
				0px 0px 10px #fff,
				0px 0px 10px #fff,
				0px 0px 10px #fff,
				0px 0px 10px #fff,
				0px 0px 10px #fff,
				0px 0px 10px #fff;
}
	.menu_btn:before {
		content: '';
		position: absolute;
		border-top: solid 30px rgba(0, 0, 0, 0);
		border-right: solid 7px #f1b93e;
		top: 0px;
		left: -7px;
	}
	.menu_btn:after {
		content: '';
		position: absolute;
		border-bottom: solid 30px rgba(0, 0, 0, 0);
		border-left: solid 7px #f1b93e;
		top: 0px;
		right: -7px;
	}
	.menu_btn span {
		display:block;
		background:#2b231d;
		height:2px;
		margin: 4px 0px;
		transition:0.3s ease all;
		border-radius:3px;
	}
		.menu_btn span:nth-of-type(1), .menu_btn span:nth-of-type(2) {
			position: absolute;
			width: 23px;
			top: 10px;
		}

		/*點擊*/
		.menu_btn.active span {
			opacity: 0;
		}
		.menu_btn.active span:nth-of-type(1), .menu_btn.active span:nth-of-type(2) {
			opacity: 1;
			transform-origin: center center;
		}
			.menu_btn.active span:nth-of-type(1) {
				transform: rotate(45deg);
			}
			.menu_btn.active span:nth-of-type(2) {
				transform: rotate(-45deg);
			}

	@media (max-width: 1150px){
		.menu_btn {
			display: block;
		}
	}
		@media (max-width: 767px){
			.menu_btn {
				top: 5px;
				right: 20px;
				box-shadow: none;
			}
		}

/*-----------------------導行列------------------------------*/
.navigationArea {
	position: fixed;
	top: 200px;
	right: 40px;
	background: rgba(26, 153, 222, 0.85);
	border-radius: 10px;
	border:  solid 3px #fff;
	box-shadow: 0px 0px 16px #000;
	width: 190px;
	box-sizing: border-box;
	padding: 0px 9px 9px;
	z-index: 10;
}
	.navigationList {
		position: relative;
	}
		.navigationList a {
			display: block;
			text-decoration: none;
			transition: 0.3s ease all;
			font-size: 18px;
			line-height: 24px;
			color: #fff;
			text-align: center;
			text-shadow: 0px 0px 4px #000;
			border-bottom: solid 1px #fff;
			padding: 13px 0px;
		}
		.navigationList:nth-of-type(3) a {
			border: none;
		}
			.navigationList a strong {
				font-size: 23px;
				color: #fff000;
			}
			.navigationList a br {
			}
				/*hover*/
				.navigationList a:hover, .navigationList.active a {
					text-shadow: 0px 0px 4px #000,
								 0px 0px 4px #000,
								 0px 0px 10px #000;
				}
		
		/*敬請期待*/
		.waitTag {
			position: absolute;
			display: block;
			color: #fff;
			font-size: 16px;
			line-height: 24px;
			background: #c4407e url(../img/startTattooOp7.png);
			background: #00284e url(../img/startTattooOp7.png);
			text-shadow: none;
			padding: 3px 15px;
			left: -105px;
			top: 10px;
		}
			.waitTag:after {
				position: absolute;
				content: '';
				height: 4px;
				width: 4px;
				border-radius: 100%;
				background: #fff;
				right: 4px;
				bottom: 5px;
			}
		
		/*立即購票按鍵*/
		.navigationListGo {
		}
			.navigationListGo a {
				border-bottom: none;
				position: relative;
				background: #ffae00;
				font-weight: bold;
				color: #004971;
				text-shadow: 0px 0px 4px #fff,
							 0px 0px 4px #fff,
							 0px 0px 4px #fff;
				padding: 8px 0px;
				margin: 0px -9px;
			}
				.navigationListGo a i {
					vertical-align: middle;
				}
				.nLG_before {
					width: 12px;
					background: #ffae00;
					display: inline-block;
					position: absolute;
					top: 0px;
					left: -12px;
					height: 100%;
				}
					.nLG_before:before {
						position: absolute;
						content: '';
						border-right: solid 12px #ffae00;
						border-bottom:  solid 41px rgba(0,0,0,0.00);
						top: 0px;
						left: -12px;
					}
					.nLG_before:after {
						position: absolute;
						content: '';
						border-bottom:  solid 13px #9f5a00;
						border-left: solid 21px rgba(0,0,0,0.00);
						top: -13px;
						left: -12px;
					}
				.nLG_after {
					width: 5px;
					background: #ffae00;
					display: inline-block;
					position: absolute;
					top: 0px;
					right: -5px;
					height: 100%;
				}
					.nLG_after:before {
						position: absolute;
						content: '';
						border-top: solid 20px #ffae00;
					border-right: solid 13px rgba(0,0,0,0.00);
						top: 0px;
						right: -13px;
					}
					.nLG_after:after {
						position: absolute;
						content: '';
						border-bottom: solid 20px #ffae00;
						border-right: solid 13px rgba(0,0,0,0.00);
						bottom: 0px;
						right: -13px;
					}
						/*hover*/
						.navigationListGo a:hover {
							color: #00865e;
							text-shadow: 0px 0px 4px #fff,
										 0px 0px 4px #fff,
										 0px 0px 10px #fff,
										 0px 0px 10px #fff,
										 0px 0px 10px #fff,
										 0px 0px 20px #fff;
						}
	
	@media (max-width: 1150px){
		.navigationArea {
			top: 0px;
			right: -100%;
			height: 100%;
			border: none;
			border-radius: 0px 0px 0px;
			padding: 99px 25px 0px 11px;
			width: 210px;
			transition: 0.3s ease all;
		}
			.navigationArea.active {
				right: 0px;
			}
	}
		@media (max-width: 767px){
			.navigationArea {
				padding: 39px 11px 0px;
			}
		}
			@media (max-width: 767px){
			}

/*-----------------------立即購票------------------------------*/
.buyTicketNowBtn {
	position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 3;
	border-bottom: solid 3px #9f5a00;
	display: none;
}
	.buyTicketNowBtn a {
		background: #ffae00;
		font-weight: bold;
		color: #004971;
		text-shadow: 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff;
		display: block;
		line-height: 42px;
		text-align: center;
		font-size: 21px;
	}
		.buyTicketNowBtn a i {
			vertical-align: middle;
		}
	
	@media (max-width: 767px){
		.buyTicketNowBtn {
			display: block;
		}
	}

/*-----------------------公用樣式------------------------------*/
/*標題樣式1*/
.titType1 {
	position: relative;
	padding: 60px 0px 8px;
}
	.titType1:before, .titType1:after {
		position: absolute;
		content: '';
		background: url(../img/titBg.png);
		background-size: 10px;
		width: 466px;
		height: 15px;
		bottom: 12px;
		left: 0px;
	}
		.titType1:after {
			left: auto;
			right: 0px;
		}
	
	.titType1 h1 {
		line-height: 41px;
		color: #0069cb;
		text-align: center;
		font-family: Arial, "微軟正黑體";
	}
		.titType1 h1 span {
			font-size: 31px;
			display: block;
			font-weight: bold;
			font-family: Arial, "微軟正黑體";
		}
		.titType1 h1 span:nth-of-type(2) {
			color: #00376a;
		}
			.titType1 h1 em {
				font-size: 38px;
				font-weight: bold;
				font-style: italic;
				color: #00376a;
				position: relative;
				display: inline-block;
			}
		
		.tit1 em:after, .tit2 em:after {
			position: absolute;
			content: '';
			border-radius: 100%;
			background: #c4407e;
			width: 9px;
			height: 9px;
			left: 0px;
			bottom: -10px;
		}
			.tit1 em:after {
				box-shadow: 25px 0px #c4407e,
							50px 0px #c4407e,
							75px 0px #c4407e,
							100px 0px #c4407e,
							125px 0px #c4407e,
							150px 0px #c4407e,
							175px 0px #c4407e,
							200px 0px #c4407e;
			}
			.tit2 em:after {
				box-shadow: 25px 0px #c4407e,
							50px 0px #c4407e,
							75px 0px #c4407e,
							100px 0px #c4407e,
							125px 0px #c4407e;
			}
			
	@media (max-width: 1360px){
		.titType1:before, .titType1:after {
			width: 340px;
		}
	}
		@media (max-width: 1100px){
			.titType1:before, .titType1:after {
				width: 160px;
			}
		}
			@media (max-width: 750px){
				.titType1:before, .titType1:after {
					width: 15vw;
				}
				.titType1 h1 {
					padding: 0px 15vw;
				}
			}
				@media (max-width: 600px){
					.titType1 {
						padding: 47px 0px 8px;
					}
						.titType1 h1 {
							line-height: 34px;
						}
							.titType1 h1 span {
								font-size: 25px;
							}
								.titType1 h1 em {
									font-size: 31px;
								}
									.tit1 em:after {
										box-shadow: 25px 0px #c4407e,
													50px 0px #c4407e,
													75px 0px #c4407e,
													100px 0px #c4407e,
													125px 0px #c4407e,
													150px 0px #c4407e;
									}
									.tit2 em:after {
										box-shadow: 25px 0px #c4407e,
													50px 0px #c4407e,
													75px 0px #c4407e,
													100px 0px #c4407e;
									}
				}

/*標題樣式2*/
.titType2 {
	text-align: center;
}
	.titType2 h2 {
		position: relative;
		display: inline-block;
		font-size: 25px;
		color: #fff;
		background: #c4407e;
		padding: 8px 24px;
		box-sizing: border-box;
		height: 41px;
	}
		.titType2 h2 span {
			position: absolute;
			top: 0px;
		}
			.titType2 h2 span:after {
				position: absolute;
				content: '';
				bottom: -41px;
			}
				.titType2 h2 span:nth-of-type(1) {
					border-right: solid 15px #c4407e;
					border-bottom: solid 21px rgba(0,0,0,0.00);
					left: -15px;
				}
					.titType2 h2 span:nth-of-type(1):after {
						border-right: solid 15px #c4407e;
						border-top: solid 21px rgba(0,0,0,0.00);
					}
				.titType2 h2 span:nth-of-type(2) {
					border-left: solid 15px #c4407e;
					border-bottom: solid 21px rgba(0,0,0,0.00);
					right: -15px;
				}
					.titType2 h2 span:nth-of-type(2):after {
						border-left: solid 15px #c4407e;
						border-top: solid 21px rgba(0,0,0,0.00);
						left: -15px;
					}
	
	@media (max-width: 600px){
		.titType2 h2 {
			font-size: 22px;
			height: auto;
		}
	}

/*說畫框*/
.speakBox {
	position: absolute;
    border-radius: 100%;
    background: #ffae00;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    font-style: italic;
    text-align: center;
    box-sizing: border-box;
    width: 92px;
    height: 92px;
	padding: 23px 0px 0px;
	left: 467px;
    top: 0px;
}
@media (max-width: 1366px){	
	.speakBox {left:440px;}
}
	.speakBox span {
		display: block;
		font-size: 31px;
	}
		/*只有一個字時*/
		.oneFont span {
			margin-left: -10px;
		}
	.speakBox:after {
		content: '';
		position: absolute;
		border-top: solid 30px #ffae00;
		border-left: solid 22px rgba(0,0,0,0.00);
		border-right: solid 22px rgba(0,0,0,0.00);
		transform: rotate(-56deg);
		bottom: 1px;
		right: -16px;
	}

	@media (max-width: 1360px){
		.speakBox {
			left: 31%;
		}
	}
		@media (max-width: 950px){
			.speakBox {
				left: 21%;
			}
		}
			@media (max-width: 720px){
				.speakBox {
					left: 0px;
					transform: scale(0.7);
					transform-origin: bottom left;
				}
			}

/*網編區*/
.textArea {
	text-align: center;
	padding: 20px 0px 0px;
	letter-spacing: 0.5px;
}
	.textArea p, .textArea ol  {
		font-size: 18px;
		line-height: 30px;
		color: #262626;
	}
	.textArea ol {
		text-align: left;
	}
		.textArea p strong {
			font-size: 30px;
			font-size: 28px;
			color: #d00062;
			/*text-shadow: 1px 1px 5px #ffffff,
						 1px 1px 5px #ffffff,
						 1px 1px 5px #ffffff,
						 1px 1px 5px #ffffff,
						 1px 1px 5px #ffffff;*/
			background: #fff355 url(../img/startTattooOp7.png);
			border-radius: 5px;
			display: inline-block;
			color: #fff;
			background: #d00062 url(../img/startTattooOp7.png);
			border: solid 2px #fff;
		}
			.textArea p strong span {
				font-size: 35px;
				/*font-style: italic;*/
				font-size: 31px;
				line-height: 37px;
			}
		.textArea p strong.tPS_type2 {
			padding: 4px 5px;
			background: #d0558f url(../img/startTattooOp7.png);
			font-size: 25px;
		}
			.goodTit {
				font-weight: bold;
				color: #ca0040;
				font-size: 22px;
			}
		
		.airLogo {
			width: 200px;
			vertical-align: middle;
			padding: 0px 8px;
			box-sizing: content-box;
		}
	@media (max-width: 430px){
		.textArea p strong {
			font-size: 27px;
		}
			.textArea p strong span {
				font-size: 31px;
			}
	}

/*規定跟說明*/
.explainArea {
	background: #fff;
	border-radius: 10px;
	padding: 40px 28px 15px;
	margin: 38px 0px 0px;
	position: relative;
}
	.explainTit {
	}
		.explainTit h3 {
			position: absolute;
			cursor: pointer;
			color: #fff;
			font-size: 18px;
			line-height: 45px;
			background: #2a9fd6;
			border-radius: 0px 0px 10px 10px;
			padding: 0px 28px;
			top: -13px;
			left: 16px;
		}
			.explainTit h3:before {
				position: absolute;
				content: '';
				border-left: solid 18px #00486a;
				border-top: solid 13px rgba(0,0,0,0.00);
				top: 0px;
				right: -18px;
			}
			.explainTit h3:after {
				content: '';
				display: inline-block;
				vertical-align: middle;
				border-top: solid 10px #fff;
				border-left: solid 6px rgba(0,0,0,0.00);
				border-right: solid 6px rgba(0,0,0,0.00);
				margin: -3px 0px 0px 3px;
			}
			
	.explainInfo {
	}
		.explainInfo ol {
			padding-left: 28px;
		}
			.explainInfo li {
				font-size: 16px;
				line-height: 30px;
				color: #3f3f3f;
				list-style-position: outside;
			}
				.explainInfo li a {
					text-decoration: underline;
					color: #007db7;
					word-wrap: break-word;
				}
		.explainInfo > strong {
			font-size: 22px;
			line-height: 30px;
			padding: 20px 0px 0px;
			display: block;
		}
		.explainInfo > span {
			font-size: 17px;
			line-height: 26px;
			display: block;
			padding: 5px 0px 0px;
		}
	@media (max-width: 600px){
		.explainInfo {
			display: none;
		}
	}

.dom1, .dom2, .dom3 {
	padding: 100px 0px 0px;
}
	@media (max-width: 1200px){
		.dom1, .dom2, .dom3 {
			padding: 70px 0px 0px;
		}
	}
		@media (max-width: 600px){
			.dom1, .dom2, .dom3 {
				padding: 35px 0px 0px;
			}
		}

/*-----------------------買就送wifi序號------------------------------*/
.dom1 {
	position: relative;
	top: 200px;
	opacity: 0;
	transition: 1s ease all;
}
	/*訂購流程*/
	.stepArea {
		padding: 25px 0px 0px;
		font-size: 0px;
		text-align: center;
	}
		.step {
			display: inline-block;
			vertical-align: top;
			width: 20%;
			padding: 72px 0px 0px;
		}
			.stepTop {
				position: relative;
				background: #2a9fd6 url(../img/startTattooOp7.png);
				height: 93px;
				box-sizing: border-box;
				text-align: center;
				border-radius: 10px 10px 0px 0px;
				padding: 42px 0px 0px;
			}
				.stepTopNo {
					font-weight: bold;
					color: #fff;
					font-size: 18px;
					line-height: 23px;
					font-style: italic;
					border-radius: 100%;
					background: #c4407e;
					border: solid 4px #fff;
					padding: 5px;
					position: absolute;
					top: -65px;
					left: 50%;
					margin-left: -54px;
				}
					.stepTopNo div {
						border-radius: 100%;
						border: solid 4px #fff;
						width: 89px;
						height: 89px;
						box-sizing: border-box;
						padding: 18px 0px 0px;
					}
						.stepTopNo div span {
							font-size: 36px;
							display: block;
							letter-spacing: 4px;
						}
						
				.stepTop strong {
					color: #fff;
					font-size: 24px;
					vertical-align: middle;
				}
				.stepTop:after {
					display: inline-block;
					vertical-align: middle;
					height: 100%;
					content: '';
				}
				
			.stepBottom {
				font-size: 16px;
				line-height: 24px;
				color: #3b5d7d;
				background: #fff;
				border-radius: 0px 0px 10px 10px;
				height: 99px;
				box-sizing: border-box;
				padding: 12px 20px;
				text-align: center;
			}
				.stepBottom p {
					vertical-align: middle;
					display: inline-block;
				}
				.stepBottom:after {
					content: '';
					height: 100%;
					display: inline-block;
					vertical-align: middle;
				}
		
		.stepArrow {
			text-align: center;
			display: inline-block;
			height: 180px;
			padding: 72px 0px 0px;
			box-sizing: content-box;
			width: 6.66%;
		}
			.stepArrow:after {
				display: inline-block;
				vertical-align: middle;
				content: '';
				height: 100%;
			}
			.stepArrow i {
				vertical-align: middle;
				font-size: 38px;
			}
	
	@media (max-width: 1150px){
		.step {
			width: 49.9%;
			box-sizing: border-box;
			padding: 72px 1% 0px;
		}
			.stepTop {
				height: 86px;
			}
		.stepArrow {
			display: none;
		}
	}
		@media (max-width: 480px){
			.step {
				width: auto;
				display: block;
				padding: 72px 0px 0px;
			}
				.stepTopNo {
					font-size: 13px;
					line-height: 19px;
					margin-left: -45px;
					top: -48px;
				}
					.stepTopNo div {
						width: 72px;
						height: 72px;
						padding: 13px 0px 0px;
					}
						.stepTopNo div span {
							font-size: 30px;
						}
				.stepBottom {
					height: auto;
				}
					.stepBottom:after {
						display: none;
					}
		}
	
/*-----------------------限時折價------------------------------*/
.dom2 {
}
	/*限時折價的 敬請期待*/
	.dom2 .waitTag {
		right: 36%;
		left: auto;
		top: 72px;
		transform: rotate(19deg);
	}
	@media (max-width: 1360px){
		.dom2 .waitTag {
			right: 33%;
		}
	}
		@media (max-width: 1100px){
			.dom2 .waitTag {
				right: 21%;
			}
		}
			@media (max-width: 600px){
				.dom2 .waitTag {
					right: 0px;
					top: 57px;
				}
			}

/*-----------------------推薦熱門------------------------------*/
.recommendArea {
	padding: 70px 0px 0px;
}
	/*推薦熱門 頁籤*/
	.recommendTabsArea {
	}
		.recommendTab {
			width: 50%;
			float: left;
			text-align: center;
			padding-left: 206px;
		}
		.recommendTab:nth-of-type(2) {
			padding-left: 0px;
			padding-right: 206px;
		}
			.recommendTab div {
				display: inline-block;
				border-radius: 100%;
				color: #fff;
				font-weight: bold;
				font-size: 20px;
				line-height: 29px;
				box-sizing: border-box;
				width: 164px;
				height: 164px;
				background: #108ccf url(../img/startTattooOp7.png);
				padding: 51px 0px 0px;
				cursor: pointer;
				transition: 0.3s ease all;
			}
			.recommendTab:nth-of-type(2) div {
				background: #c4407e url(../img/startTattooOp7.png);
			}
				.recommendTab span {
					font-size: 25px;
					display: block;
				}
				.recommendTab div:after {
					content: '';
					border-top: solid 15px #fff;
					border-left: solid 9px rgba(0,0,0,0.00);
					border-right: solid 9px rgba(0,0,0,0.00);
					display: inline-block;
				}
					/*當前模式 & hover*/
					.recommendTab.active div, .recommendTab div:hover {
						box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.41);
					}
	
	/*推薦熱門 資訊區*/
	.recommendInfoArea {
		padding-top: 24px;
	}
		.recommendInfo {
			border-top:  solid 13px #108ccf;
		}
		.recommendInfo:nth-of-type(2) {
			border-top:  solid 13px #c4407e;
			display: none;
		}
			.recommendInfoImgList {
				float: left;
				width: 25%;
				padding: 0px 0px 42px;
			}
				.recommendInfoImgList a {
					transition: 0.3s ease all;
					position: relative;
				}
					.recommendInfoImgList a img {
						width: 100%;
						height: auto;
						transition: 0.2s ease all;
					}
					.rIIL_tit {
						position: absolute;
						left: 80px;
						bottom: -42px;
						font-size: 20px;
						color: #000;
						font-weight: bold;
						text-shadow: 0px 0px 8px #fff,
									 0px 0px 8px #fff,
									 0px 0px 8px #fff;
					}
						.rIIL_tit:before {
							position: absolute;
							content: '';
							border-bottom: solid 12px #108ccf;
							border-left: solid 6px rgba(0,0,0,0.00);
							border-right: solid 6px rgba(0,0,0,0.00);
							top: 33px;
							left: -23px;
						}
							.recommendInfo:nth-of-type(2) .rIIL_tit:before {
								border-bottom: solid 12px #c4407e;
							}
								
						.rIIL_tit span {
							font-size: 50px;
							display: block;
						}
							/*hover*/
							.recommendInfoImgList a:hover .rIIL_tit {
								z-index: 3;
							}
							.recommendInfoImgList a:hover img {
								position: relative;
								transform: scale(1.05);
								z-index: 2;
								box-shadow: 0px 0px 4px #fff,
											0px 0px 4px #fff,
											0px 0px 4px #fff,
											0px 0px 4px #fff,
											0px 0px 4px #fff,
											0px 0px 4px #fff,
											0px 0px 4px #fff,
											0px 0px 4px #fff,
											0px 0px 4px #fff,
											0px 0px 4px #fff;
								border-radius: 4px;
							}
							
	@media (max-width: 1570px){
		.rIIL_tit {
			font-size: 15px;
			bottom: -20px;
			left: 36px;
		}
			.rIIL_tit:before {
				top: 27px;
			}
			.rIIL_tit span {
				font-size: 30px;
			}
	}
		@media (max-width: 910px){
			.recommendTab, .recommendTab:nth-of-type(2) {
				padding: 0px;
			}
			.recommendInfo {
				overflow-x: scroll;
				font-size: 0px;
				white-space: nowrap;
			}
				.recommendInfoImgList {
					width: 48vw;
					display: inline-block;
					float: none;
				}
		}
			@media (max-width: 460px){
				.recommendTab div {
					width: 138px;
					height: 138px;
					padding: 37px 0px 0px;
					font-size: 16px;
				}
					.recommendTab div:after {
						
					}
				.recommendInfoImgList {
					width: 80vw;
				}
			}
							
/*-----------------------馬上搞懂------------------------------*/
.dom3 {
}
	/*比較表*/
	.compareArea {
		padding: 50px 0px 0px;
	}
		/*第一組*/
		.compareList {
			float: left;
			width: 50%;
			box-sizing: border-box;
			border-right: solid 1px #042544;
			height: 390px;
			position: relative;
		}
			.compareList:before {
				position: absolute;
				top: 49px;
				left: 50%;
				margin-left: -228px;
				content: '';
				border-bottom: solid 288px #12308f;
				border-left: solid 228px rgba(0,0,0,0.00);
				border-right: solid 228px rgba(0,0,0,0.00);
			}
			.compareList:after {
				position: absolute;
				top: 53px;
				left: 50%;
				margin-left: -220px;
				content: '';
				border-bottom: solid 280px #fff;
				border-left: solid 220px rgba(0,0,0,0.00);
				border-right: solid 220px rgba(0,0,0,0.00);
			}
			.compareL_tit {
				font-size: 38px;
				font-weight: bold;
				color: #12308f;
				text-align: center;
				position: absolute;
				z-index: 1;
				width: 190px;
				height: 86px;
				top: 192px;
				left: 50%;
				margin-left: -95px;
			}
				.compareL_tit p {
					display: inline-block;
					vertical-align: middle;
				}
					.compareL_tit p img {
						display: block;
						margin: 0 auto 12px;
					}
				.compareL_tit:after {
					content: '';
					display: inline-block;
					vertical-align: middle;
					height: 100%;
				}
			
			.compareL_ev {
				border-radius: 100%;
				background: #12308f url(../img/startTattooOp7.png);
				text-align: center;
				color: #fff;
				width: 164px;
				height: 164px;
				position: absolute;
				z-index: 2;
			}
			.compareL_ev:nth-of-type(2) {
				top: 0px;
				left: 50%;
				margin-left: -82px;
			}
			.compareL_ev:nth-of-type(3) {
				bottom: 0px;
    			left: 60px;
			}
			.compareL_ev:nth-of-type(4) {
				bottom: 0px;
    			right: 60px;
			}
				.compareL_ev > div {
					display: inline-block;
					vertical-align: middle;
					width: 87%;
				}
					.compareL_ev .speakBox {
						left: -50px;
						top: -44px;
						transform: scale(0.7);
						transform-origin: bottom right;
						background: #c4407e;
					}
						.compareL_ev .speakBox:after {
						    border-top: solid 30px #c4407e;
						}
						
					.compareL_ev_tit {
						display: inline-block;
						font-size: 17px;
						line-height: 30px;
						width: 98px;
						background: #000d37;
						margin: 5px 0px 0px;
					}
					.compareL_ev_text {
						font-size: 29px;
						line-height: 39px;
						padding: 3px 0px 0px;
						font-weight: bold;
					}
				.compareL_ev:after {
					content: '';
					display: inline-block;
					vertical-align: middle;
					height: 100%;
				}
		
		/*第二組*/
		.compareList:nth-of-type(2) {
			border: none;
		}
			.compareList:nth-of-type(2):before {
				border-bottom: solid 288px #595959;
			}
			.compareList:nth-of-type(2) .compareL_tit {
				color: #595959;
			}
			
			.compareList:nth-of-type(2) .compareL_ev {
				background: #595959;
			}
				.compareList:nth-of-type(2) .compareL_ev_tit {
					background: #232323;
				}
				.compareList:nth-of-type(2) .compareL_ev_text {
					font-size: 18px;
					line-height: 25px;
					padding: 7px 0px 0px;
				}
	
	@media (max-width: 1430px){
		.compareL_ev:nth-of-type(3) {
			left: 23px;
		}
		.compareL_ev:nth-of-type(4) {
			right: 23px;
		}
			.compareL_ev .speakBox {
				left: -14px;
				top: -65px;
			}
	}
		@media (max-width: 1170px){
			.compareList {
				height: 376px;
			}
				.compareList:before {
					border-bottom: solid 270px #12308f;
					border-left: solid 188px rgba(0,0,0,0.00);
					border-right: solid 188px rgba(0,0,0,0.00);
					margin-left: -188px;
				}
					.compareList:nth-of-type(2):before {
						border-bottom: solid 270px #595959;
					}
				.compareList:after {
					border-bottom: solid 262px #fff;
					border-left: solid 180px rgba(0,0,0,0.00);
					border-right: solid 180px rgba(0,0,0,0.00);
					margin-left: -180px;
				}
				.compareL_tit {
					font-size: 29px;
					width: 145px;
					height: 70px;
					margin-left: -72px;
					top: 178px;
				}
					.compareL_tit p img {
						width: 125px;
					}

				.compareL_ev {
					width: 150px;
					height: 150px;
				}
					.compareL_ev_text, .compareList:nth-of-type(2) .compareL_ev_text {
						font-size: 18px;
						line-height: 25px;
					}
		}
			@media (max-width: 988px){
				.compareList {
					height: auto;
				}
				.compareList:before, .compareList:after {
					display: none;
				}
					.compareL_tit {
						position: relative;
						top: 0px;
						left: 0px;
						margin: 0px;
						width: auto;
						padding: 0px 0px 15px;
						box-sizing: content-box;
					}
					.compareL_ev {
						position: relative;
						top: auto !important;
						bottom: auto !important;
						left: auto !important;
						right: auto !important;
						margin: 0px !important;
						width: auto;
						height: auto;
						border-radius: 0px;
						border-bottom: solid 1px #fff;
						padding: 15px 10px;
					}
						.compareL_ev > div {
							width: auto;
							display: block;
						}
							.compareL_ev .speakBox {
								top: -43px;
							}
							.compareL_ev_text {
								padding: 5px 0px 0px !important;
							}
						.compareL_ev:after {
							display: none;
						}
			}
				@media (max-width: 550px){
					.compareL_ev .speakBox {
						left: -10px;
						top: -15px;
						transform-origin: top left;
						transform: scale(0.5);
					}
					.compareL_ev_text, .compareList:nth-of-type(2) .compareL_ev_text {
						font-size: 17px;
						height: 55px;
					}
						.compareL_ev_text:after {
							display: inline-block;
							height: 100%;
							vertical-align: middle;
							content: '';
						}
						.compareList:nth-of-type(2) .compareL_ev_text:after {
							display: none;
						}
				}
					@media (max-width: 330px){
						.compareL_tit {
							font-size: 27px;
						}
					}

/*-----------------------一直在飛的飛機------------------------------*/
.flyingAir {
	position: fixed;
    pointer-events: none;
    opacity: 0.3;
	animation: flyingAir 40s ease infinite 0s;
	transform: rotate(-60deg);
	z-index: 4;
}
	@keyframes flyingAir {
		from {
			bottom: -5%;
			left: -5%;
		}
		to {
			bottom: 120%;
			left: 110%;
		}
	}
	
	@media (max-width: 800px){
		.flyingAir {
			transform: rotate(-71deg);
		}
	}
		@media (max-width: 430px){
			.flyingAir {
				transform: scale(0.6) rotate(-79deg);
			}
		}

/*-----------------------回到最上面------------------------------*/
a.scroll2top {
	display: none !important;
}
.topBtn {
	position: fixed;
	right: 20px;
	bottom: -70px;
	z-index: 3;
	text-shadow: 0px 0px 5px #fff,
				 0px 0px 5px #fff,
				 0px 0px 5px #fff,
				 0px 0px 5px #fff,
				 0px 0px 5px #fff,
				 0px 0px 5px #fff;
}
	.topBtn a {
		color: #006dd1;
		text-decoration: none;
		transition: 0.3s ease all;
		position: relative;
	}
		.topBtn a i {
			font-size: 58px;
		}
		.topBtn a span {
			font-size: 16px;
			border-top: solid 1px #006dd1;
			display: inline-block;
			padding: 4px 14px 0px;
			position: absolute;
			transform: rotate(-90deg);
			top: 24px;
			left: 7px;
		}
			/*hover*/
			.topBtn a:hover {
				opacity: 0.7;
			}
			
	@media (max-width: 767px){
		.topBtn {
			transform: scale(0.6);
			transform-origin: top right;
		}
	}
	
/*-----------------------得獎公告------------------------------*/
.winnerArea {
	font-size: 0px;
	text-align: center;
	padding: 25px 0px 0px;
}
	.winnerAreaTit {
		font-size: 26px;
		font-weight: bold;
		padding: 0px 0px 20px;
		position: relative;
	}
		.winnerAreaTit:before, .winnerAreaTit:after {
			content: '';
			display: inline-block;
			vertical-align: middle;
			width: 320px;
			height: 15px;
			background: url(../img/titBg.png);
			background-size: 10px;
		}
		@media (max-width: 830px){
			.winnerAreaTit:before, .winnerAreaTit:after {
				width: 69px;
				margin: 0px 8px;
			}
		}
	.winnerList {
		display: inline-block;
		vertical-align: top;
		/*width: 33.2%;*/
		padding: 10px 42px;
	}
		.winnerListBg {
			border-radius: 100%;
			width: 200px;
			height: 200px;
			background: #108ccf url(../img/startTattooOp7.png);
			color: #fff;
			box-sizing: border-box;
			padding: 25px 0px 0px;
			margin: 0 auto;
			font-size: 14px;
			line-height: 20px;
			border: solid 3px #ffffff;
			box-shadow: 0px -51px 50px #00a6ff inset;
		}
			.wL_prizes {
				font-weight: bold;
				font-size: 23px;
				line-height: 28px;
				margin-bottom:8px;
				padding: 0px 0px 2px;
				color: #fff900;
				position: relative;
			}
				.wL_prizes span {
					position: absolute;
					color: #fff;
					border-radius: 100%;
					background: #d00062;
					width: 40px;
					text-align: center;
					line-height: 40px;
					top: -28px;
					left: 17px;
					font-weight: 100;
					box-shadow: 0px 0px 10px #d00062;
				}
			.wL_orderNumber {
				background: #00284e;
				width: 80%;
				margin: 0 auto;
				padding: 3px 0px;
				border-radius: 4px;
				/*box-shadow: 1px 1px 2px #fff inset;*/
			}
				.wL_orderNumber span {

				}
				.wL_orderNumber strong {
					font-size: 19px;
					display: inline-block;
				}
			.wL_name {
				padding:8px 0px 0px;
			}
				.wL_name span {

				}
				.wL_name strong {
					font-size: 18px;
					display: inline-block;
				}

.fbLink {
	color:#fff !important;
	background: #3b5998;
	padding: 5px 8px;
	border-radius: 4px;
}