@font-face {
	font-family: DINProRegular;
	src: url(DINProRegular.eot);
	src: local(DINProRegular), url(DINProRegular.woff) format("woff"), url(DINProRegular.ttf) format("truetype");
}

html,
body{
	height:100vh;
	overflow:hidden;
}

body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd{
	margin:0;
	padding:0;
}

body{
	font-family:DINProRegular, Tahoma, 微軟正黑體, sans-serif;
	color:#333;
}

*,
*:before,
*:after{
	box-sizing:border-box;
}
ul, ol{
	list-style:none;
}
a{
	text-decoration:none;
}


/*********************************** slick start *****************************************/
.slick{
	margin:0; /* 覆寫 slick-theme.css 的 .slick-slider 的 margin-bottom: 30px; */
	z-index:0;
}
.slickPN{
	position:absolute;
	top:50%;
	width:8.33%;
	height:0;
	padding-top:8.33%;
	transform:translateY(-50%);
	cursor:pointer;
	font-size:0;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
	background:rgba(0, 0, 0, 0.2);
	z-index:1;
	opacity:1;
	transition:all 0.2s;
}
.slick:hover .slickPN{
	opacity:1;
}
.slickPN.prev{
	left:0;
	transform:translateY(-50%) scaleX(-1);
}
.slickPN.next{
	right:0;
}
.slickPN:before,
.slickPN:after{
	position:absolute;
	content:"";
	left:37.5%;
	width:37.5%;
	height:1px;
	background:#FFF;
}
.slickPN:before{
	top:22.5%;
	transform-origin:left top;
	transform:rotate(45deg);
}
.slickPN:after{
	top:75%;
	transform-origin:left bottom;
	transform:rotate(-45deg);
}
.slickPN:hover{
	background:rgba(0, 0, 0, 0.5);
}

.slick-dots{
	bottom:3.33%;
}
.slick-dots li{
	width:10px;
	height:10px;
}
.slick-dots li button{	
	width:100%;
	height:100%;
	border-radius:50%;
	border:none;
	background:#FFF;
	box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.5);
}
.slick-dots li button:hover,
.slick-dots li button:focus,
.slick-dots li.slick-active button{
	background:#000;
	box-shadow:0 0 1px 1px rgba(255, 255, 255, 0.5);
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before,
.slick-dots li button:before,
.slick-dots li.slick-active button:before{
	display:none;
}
/*********************************** slick end *****************************************/


/************************************** header start ***************************************************/
header{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:1;
}
header h1{
	position:absolute;
	left:30px;
	top:30px;
	width:140px;
	z-index:1;
}
header h1 a{
	display:block;
	font-size:0;
	padding-top:32.14%;
	background:url(../images/logo.png) no-repeat left top;
	background-size:contain;
}
header nav ul{
	position:absolute;
	left:0;
	top:100vh;
	width:100%;
	overflow:hidden;
	transition:all 0.5s;
	overflow:hidden;
	border-top:5px solid;
}
.showTour + header nav ul{
	transform:translateY(-100%);
	box-shadow:0 10px 10px 10px rgba(0, 0, 0, 0.1);
}
header nav ul.home{ border-color:#333;}
header nav ul.sanFrancisco{ border-color:#223762;}
header nav ul.dublin{ border-color:#b98853;}
header nav ul.saintPaul{ border-color:#5c381e;}
header nav ul.copenhagen{ border-color:#aca158;}
header nav ul.taipei{ border-color:#e7621c;}
header nav ul.tokyo{ border-color:#449cc0;}
header nav ul.newYork{ border-color:#bd4e68;}
header nav ul li{
	float:left;
	width:12.5%;
	height:60px;
	text-align:center;
}
header nav ul li a{
	display:block;
	height:inherit;
	line-height:1em;
	color:#FFF;
	font-size:1.125em;
	white-space:nowrap;
	padding:1.2em 0;
	background:#777;
	transition:background 0.2s;
}
header nav ul li.home a:hover,
header nav ul.home li.home a{ background:#333;}
header nav ul li.sanFrancisco a:hover,
header nav ul.sanFrancisco li.sanFrancisco a{ background:#223762;}
header nav ul li.dublin a:hover,
header nav ul.dublin li.dublin a{ background:#b98853;}
header nav ul li.saintPaul a:hover,
header nav ul.saintPaul li.saintPaul a{ background:#5c381e;}
header nav ul li.copenhagen a:hover,
header nav ul.copenhagen li.copenhagen a{ background:#aca158;}
header nav ul li.taipei a:hover,
header nav ul.taipei li.taipei a{ background:#e7621c;}
header nav ul li.tokyo a:hover,
header nav ul.tokyo li.tokyo a{ background:#449cc0;}
header nav ul li.newYork a:hover,
header nav ul.newYork li.newYork a{ background:#bd4e68;}

header nav ul li a em{
	font-style:normal;
	font-size:0.8em;
}

/******************* sns start **********************/
.snsBlock{
	position:absolute;
	right:30px;
	top:30px;
}
.snsBlock .btn{
	cursor:pointer;
	width:20px;
	height:20px;
	background:url(../images/snsBtn.png) no-repeat left top;
	transition:background-position 0.2s;
}
.snsBlock:hover .btn{
	background-position:left bottom;
}
.snsBlock section{
	position:absolute;
	overflow:hidden;
	right:20px;
	top:0;
	width:0;
	height:20px;
	transition:width 0.2s;
}
.snsBlock:hover section,
.sns{
	width:150px;
}
.sns:after{
	clear:both;
	content:"";
	display:block;
}
.sns > div{
	float:left;	
}
.sns > div+div{
	margin-left:5px;
}
.sns > div a{
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	width:20px;
	height:20px;
	background-repeat:no-repeat;
}
.sns > div.twitter a{
	background-image:url(../images/btnTwitter.png);
}
.fb-like{
    height:20px;
    overflow:hidden;
}
/******************* sns end **********************/
/************************************** header end ***************************************************/


/************************************** scene 共用 start ***************************************************/
.sceneContainer{
	position:relative;
	z-index:0;
	transition:all 0.7s;
}
.sceneContainer.showTour{
	transform:translateY(-50%);
}

.scene{
	position:relative;
	height:100vh;
	overflow:hidden;
}
/************************************** scene 共用 end ***************************************************/


/************************************** home start ***************************************************/
.scene.home .kv{
	position:relative;
	height:inherit;
	background:url(../images/homeMap.jpg) no-repeat center;
	background-size:100%;
}

/****************** 主要內容 start ************************/
.scene.home .main{
	position:relative;
	height:inherit;
}
.scene.home .main .ct{
	position:absolute;
	left:50%;
	top:50%;
	width:30.2%;
	transform:translate(-50%, -50%);
	margin-top:-2%;
}

.scene.home .main .ct hgroup{
	position:relative;
	pointer-events:none;
}
.scene.home .main .ct hgroup > *{
	font-size:0;
	overflow:hidden;
	position:relative;
}
.scene.home .main .ct hgroup h2{
	width:100%;
	padding-top:62.06%;
}
.scene.home .main .ct hgroup h3{
	position:absolute;
	right:8.1%;
	top:68%;
	width:43.1%;
	padding-top:5.86%;
}

.scene.home .main .ct hgroup span{
	position:absolute;
	top:0;
	height:100%;
	display:block;
}
.scene.home .main .ct hgroup span:before{
	content:"";
	display:block;
	height:inherit;
	background-repeat:no-repeat;
	background-size:contain;
}
.scene.home .main .ct hgroup h2 span{
	left:0;
	width:30.2vw;
}
.scene.home .main .ct hgroup h2 span:before{
	background-image:url(../images/homeMainT.png);
}
.scene.home .main .ct hgroup h3 span{
	right:0;
	width:13.02vw;
}
.scene.home .main .ct hgroup h3 span:before{
	background-image:url(../images/homeSubT.png);
	background-position:right top;
}

.scene.home .main .ct p{
	line-height:1.8em;
	margin:-7% 7.24% 0 12.93%;
}
/****************** 主要內容 end ************************/

/****************** 地標 start ************************/
.scene.home ul{
	position:absolute;
	left:0;
	top:0;
	width:100%;
}
.scene.home ul li{
	position:absolute;
	left:50vw;
	top:50vh;
	cursor:pointer;
}
.scene.home ul li.sanFrancisco{	margin:-6.66% 0 0 -40.52%; color:#223762;}
.scene.home ul li.dublin{ margin:-11.77% 0 0 -4.89%; color:#b98853;}
.scene.home ul li.saintPaul{ margin:14.89% 0 0 -17.44%; color:#5c381e;}
.scene.home ul li.copenhagen{ margin:-13.02% 0 0 0.26%; color:#aca158;}
.scene.home ul li.taipei{ margin:-1.71% 0 0 35.41%; color:#e7621c;}
.scene.home ul li.tokyo{ margin:-6.2% 0 0 40.46%; color:#449cc0;}
.scene.home ul li.newYork{ margin:-7.34% 0 0 -25.26%; color:#bd4e68;}
.scene.home ul li .marker{
	position:absolute;
	left:0;
	top:0;
	width:22px;
}
.scene.home ul li .marker:before{
	content:"";
	display:block;
	padding-top:136.36%;
	background:url(../images/marker.png) no-repeat;
	transform:translate(-50%, -100%);
}
.scene.home ul li span{
	position:absolute;
	display:block;
	left:0;
	top:0;
	white-space:nowrap;
	text-align:center;
	font-weight:bold;
	text-shadow:0 0 5px rgba(255, 255, 255, 1), 0 0 5px rgba(255, 255, 255, 1), 0 0 5px rgba(255, 255, 255, 1), 0 0 5px rgba(255, 255, 255, 1), 0 0 5px rgba(255, 255, 255, 1);
	transform:translateX(-50%);
	transition:all 0.2s;
}
.scene.home ul li span em{
	display:block;
	font-size:0.8em;
	font-style:normal;
}
.scene.home ul li:before{
	position:absolute;
	content:"";
	display:block;
	left:0;
	top:0;
	width:10em;
	height:10em;
	border-radius:50%;
	border:3px dotted currentColor;
	background:#FFF;
	opacity:0;
	transform:translate(-50%, -50%) rotate(0deg) scale(0);
	animation:markerHint 1.5s linear infinite;
}
.scene.home ul li.sanFrancisco:before{ animation-delay:1s;}
.scene.home ul li.dublin:before{ animation-delay:1.5s;}
.scene.home ul li.saintPaul:before{	animation-delay:2s;}
.scene.home ul li.copenhagen:before{ animation-delay:2.5s;}
.scene.home ul li.taipei:before{ animation-delay:3s;}
.scene.home ul li.tokyo:before{	animation-delay:3.5s;}
.scene.home ul li.newYork:before{ animation-delay:4.5s;}
@keyframes markerHint{
	50%{
		opacity:0.6;
		transform:translate(-50%, -50%) rotate(-30deg) scale(0.5);
	}
	100%{
		opacity:0;
		transform:translate(-50%, -50%) rotate(-60deg) scale(1);
	}
}

.scene.home ul li:after{
	position:absolute;
	content:"";
	display:block;
	left:0;
	top:0;
	width:12.5em;
	height:12.5em;
	border-radius:50%;
	background:url(../images/markerP.jpg) no-repeat;
	background-size:cover;
	box-shadow:0 0 10px 3px rgba(0, 0, 0, 0.1);
	transform:translate(-50%, -50%) scale(0.3);
	opacity:0;
	transition:all 0.2s;
}

.scene.home ul li.sanFrancisco .marker:before,
.scene.home ul li.sanFrancisco:after,
.sight.sanFrancisco .part .txtBlock .txt .marker:before{ background-position:0% top;}
.scene.home ul li.dublin .marker:before,
.scene.home ul li.dublin:after,
.sight.dublin .part .txtBlock .txt .marker:before{ background-position:16.66% top;}
.scene.home ul li.saintPaul .marker:before,
.scene.home ul li.saintPaul:after,
.sight.saintPaul .part .txtBlock .txt .marker:before{ background-position:33.32% top;}
.scene.home ul li.copenhagen .marker:before,
.scene.home ul li.copenhagen:after,
.sight.copenhagen .part .txtBlock .txt .marker:before{ background-position:49.98% top;}
.scene.home ul li.taipei .marker:before,
.scene.home ul li.taipei:after,
.sight.taipei .part .txtBlock .txt .marker:before{ background-position:66.64% top;}
.scene.home ul li.tokyo .marker:before,
.scene.home ul li.tokyo:after,
.sight.tokyo .part .txtBlock .txt .marker:before{ background-position:83.3% top;}
.scene.home ul li.newYork .marker:before,
.scene.home ul li.newYork:after,
.sight.newYork .part .txtBlock .txt .marker:before{ background-position:100% top;}

.scene.home ul li:hover span{
	transform:translate(-50%, -9.2em);
}
.scene.home ul li:hover:after{
	transform:translate(-50%, -50%) scale(1);
	opacity:1;
	z-index:1;
}
/****************** 地標 end ************************/

/****************** downArrow start ************************/
.downArrow{
	position:absolute;
	width:3.75em;
	height:3.75em;
	left:50%;
	bottom:1.875em;
	margin-left:-1.875em;
	background:#999;
	border-radius:50%;
	animation:floatArrow 0.5s infinite alternate;
	cursor:pointer;
	transition:background 0.2s;
}
@keyframes floatArrow{
	to{
		transform:translateY(10px);
	}
}
.downArrow:before,
.downArrow:after{
	position:absolute;
	content:"";
	display:block;
	top:1.4375em;
	width:1.25em;
	height:0.25em;
	background:#FFF;
	border-radius:5px;
}
.downArrow:before{
	left:1.125em;
	transform-origin:left top;
	transform:rotate(45deg);
}
.downArrow:after{
	right:1.125em;
	transform-origin:right top;
	transform:rotate(-45deg);
}
.downArrow:hover{
	background:#666;
}
/***************** downArrow end ***********************/

.home .copyright{
	position:absolute;
	right:30px;
	bottom:30px;
	font-size:12px;
	color:#666;
}
/************************************** home end ***************************************************/


/************************************** 內頁 start ***************************************************/
.sectionContainer{
	position:relative;
	height:calc(100% - 65px);
}

.sight{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:none;
}
.sight.active{
	display:block;
}

.part{
	position:absolute;
	left:0;
	top:0;
	width:inherit;
	height:inherit;
	overflow:hidden;
	display:none;
}
.part.active{
	display:block;
}

.part .imgBlock,
.part .txtBlock{
	width:50%;
	height:inherit;
}
.part.intro .imgBlock,
.part.intro .txtBlock{
	float:right;
}
.part.chair .imgBlock,
.part.chair .txtBlock{
	float:left;
}

.part .imgBlock{
}
.part .imgBlock .slick,
.part .imgBlock .slick-list,
.part .imgBlock .slick-track,
.part .imgBlock .slick-slide,
.part .imgBlock .slick-slide div{
	height:inherit;
}
.part .imgBlock .slick-slide div{
	position:relative;
	background-position:center;
	background-size:cover;
}
.part .imgBlock .slick-slide div i{
	position:absolute;
	display:block;
	font-style:normal;
	font-size:0.75em;
	right:5px;
	bottom:5px;
	padding:0.5em 1em;
	color:#FFF;
	background:rgba(0, 0, 0, 0.5);
	border-radius:4px;
}
.part .imgBlock .slick-slide div i:before{
	content:"photo credit: ";
}

/******************* 文字區塊 start **********************/
.part .txtBlock{
	display:flex;
	justify-content:center;
	align-items:center;
}

.part .txtBlock .txt h4,
.part .txtBlock .txt h5,
.part .txtBlock .txt p.att,
.part .txtBlock .txt p.btn,
.part .txtBlock .txt p.back{
	text-align:center;
}

.part .txtBlock .txt h4{
	font-size:3.5em;
}
.sight.copenhagen .part.chair .txtBlock .txt h4{
	font-size:3.2em;
}
.part .txtBlock .txt h5{
	font-size:1.6em;
	margin:0.3em auto 0;
}

.part .txtBlock .txt .marker{
	position:relative;
	width:0;
	height:0;
	margin:0 auto calc(2% + 40px);
}
.part .txtBlock .txt .marker:before{
	position:absolute;
	left:0;
	bottom:0;
	content:"";
	display:block;
	width:22px;
	height:30px;
	background:url(../images/marker.png) no-repeat;
	transform:translateX(-50%);
}

.part .txtBlock .txt .marker em{
	position:absolute;
	left:18px;
	bottom:6px;
	line-height:1em;
	white-space:nowrap;
	font-style:normal;
	font-weight:bold;
}

.part .txtBlock .txt p{
	width:60%;
	line-height:2em;
	margin:1.5em auto 0;
}
.part .txtBlock .txt p.att,
.part .txtBlock .txt p.btn{
	display:block;
	width:37.5%;
}
.part .txtBlock .txt p.att{
	border:1px solid currentColor;
	border-radius:10px;
	padding:0.4em;
}
.part .txtBlock .txt p.btn{
	font-size:1.25em;
	font-weight:bold;
	line-height:1em;
	border-radius:3em;
	border:1px solid;
	transition:all 0.2s;
}
.part .txtBlock .txt p.btn a{
	display:block;
	padding:0.6em 0;
}
.part .txtBlock .txt p.back a{
	text-decoration:underline;
	color:currentColor;
}
.part .txtBlock .txt p.back a:hover{
	text-decoration:none;
}

.sight.sanFrancisco{ color:#223762;}
.sight.dublin{ color:#b98853;}
.sight.saintPaul{ color:#5c381e;}
.sight.copenhagen{ color:#aca158;}
.sight.taipei{ color:#e7621c;}
.sight.tokyo{ color:#449cc0;}
.sight.newYork{ color:#bd4e68;}

.part.intro .txtBlock{
	position:relative; /* 使用 flex 時, 需加 position:relative; 才能讓 jQuery 的 position() 正常計算 */
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100%;
}
.part.intro .txtBlock .txt{
	position:relative; /* 使用 flex 時, 需加 position:relative; 才能讓 jQuery 的 position() 正常計算 */
}
.part.intro .txtBlock .txt h5{
	margin-bottom:calc(0.4em + 30px);
}
.part.intro .txtBlock .txt p:not(.btn){
	color:#333;
}
.part.intro .txtBlock .txt p.btn{
	background:currentColor;
	border-color:currentColor;
}
.part.intro .txtBlock .txt p.btn a{
	color:#FFF;
}
.part.intro .txtBlock .txt p.btn a:hover{
	color:currentColor;
}
.sight.sanFrancisco .part.intro .txtBlock{ background-image:url(../images/map_sanFrancisco.jpg);}
.sight.dublin .part.intro .txtBlock{ background-image:url(../images/map_dublin.jpg);}
.sight.saintPaul .part.intro .txtBlock{ background-image:url(../images/map_saintPaul.jpg);}
.sight.copenhagen .part.intro .txtBlock{ background-image:url(../images/map_copenhagen.jpg);}
.sight.taipei .part.intro .txtBlock{ background-image:url(../images/map_taipei.jpg);}
.sight.tokyo .part.intro .txtBlock{ background-image:url(../images/map_tokyo.jpg);}
.sight.newYork .part.intro .txtBlock{ background-image:url(../images/map_newYork.jpg);}

.part.chair .txtBlock{
	background:currentColor;
}
.part.chair .txtBlock .txt > *:not(.btn){
	color:#FFF;
}
.part.chair .txtBlock .txt p.btn{
	background:#FFF;
	border-color:#FFF;
}
.part.chair .txtBlock .txt p.btn a{
	color:currentColor;
}
.part.chair .txtBlock .txt p.btn a:hover{
	color:#FFF;
}

.part.intro .txtBlock .txt p.btn:hover,
.part.chair .txtBlock .txt p.btn:hover{
	background:transparent;
}
/******************* 文字區塊 end **********************/

.cover{
	position:absolute;
	top:0;
	width:0;
	height:100%;
	background:#FFF;
}
.cover.L{
	left:auto;
	right:50%;
}
.cover.R{
	left:50%;
	right:auto;
}
.cover.L.expandDone{
	left:0;
	right:auto;
}
.cover.R.expandDone{
	left:auto;
	right:0;
}

.cover.sub{
	width:50%;
	height:0;
}
.cover.sub.L{
	top:0;
	bottom:auto;
}
.cover.sub.R{
	top:auto;
	bottom:0;
}
.cover.sub.L.expandDone{
	top:auto;
	bottom:0;
}
.cover.sub.R.expandDone{
	top:0;
	bottom:auto;
}
/************************************** 內頁 end ***************************************************/


@media screen and (min-width:1024px) and (max-width:1440px){
	
	body{
		font-size:13px;
	}
	
	/************************************** header start ***************************************************/
	header h1{
		left:20px;
		top:20px;
		width:110px;
	}
	header nav ul li a{
		padding:1.5em 0;
	}
	
	/******************* sns start **********************/
	.snsBlock{
		right:20px;
		top:20px;
	}
	/******************* sns end **********************/
	/************************************** header end ***************************************************/
	
	/************************************** home start ***************************************************/
	.home .copyright{
		right:20px;
		bottom:20px;
	}
	/************************************** home end ***************************************************/
	
	/************************************** 內頁 start ***************************************************/	
	/******************* 文字區塊 start **********************/	
	.part .txtBlock .txt p{
		width:75%;
	}
	/******************* 文字區塊 end **********************/
	/************************************** 內頁 end ***************************************************/

}


@media screen and (max-width:1023px){
	
	body{
		font-size:12px;
	}
	
	/*********************************** slick start *****************************************/
	.slick-dots{
		bottom:-30px;
	}
	/*********************************** slick end *****************************************/
	
	/************************************** header start ***************************************************/
	header h1{
		left:10px;
		top:10px;
		width:90px;
	}
	header nav{
		position:absolute;
		left:0;
		bottom:0;
		width:100%;
		height:100vh;
		padding:0 10px;
		background:#FFF;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		transition:all 0.2s;
	}
	header.open nav{
		transform:translateY(100%);
	}
	header nav ul{
		position:static;
		border-top:none;
	}
	.showTour + header nav ul{
		transform:none;
		box-shadow:none;
	}
	header nav ul li{
		float:none;
		width:auto;
		height:auto;
		margin-top:1px;
	}
	header nav ul li a{
		height:auto;
		padding:0.7em 0;
		background:#FFF;
		color:currentColor;
	}
	header nav ul li a:hover,
	header nav ul.home li.home a,
	header nav ul.sanFrancisco li.sanFrancisco a,
	header nav ul.dublin li.dublin a,
	header nav ul.saintPaul li.saintPaul a,
	header nav ul.copenhagen li.copenhagen a,
	header nav ul.taipei li.taipei a,
	header nav ul.tokyo li.tokyo a,
	header nav ul.newYork li.newYork a{ color:#FFF;}
	
	/******************* sns start **********************/
	.snsBlock{
		position:static;
		width:150px;
		margin:20px auto 0;
	}
	.snsBlock .btn{
		display:none;
	}
	.snsBlock section{
		position:static;
		width:auto;
	}
	/******************* sns end **********************/
	
	header .burgerBtn{
		right:10px;
		top:20px;
	}
	header .burgerBtn span{
		position:absolute;
		display:block;
		right:-5px;
		top:-15px;
		width:35px;
		height:30px;
		z-index:1;
	}
	header .burgerBtn:before,
	header .burgerBtn:after{
		content:"";
		display:block;
		right:0;
	}
	header .burgerBtn,
	header .burgerBtn:before,
	header .burgerBtn:after{
		position:absolute;
		width:25px;
		height:1px;
		background:#000;
		cursor:pointer;
		transition:all 0.2s;
	}
	header .burgerBtn:before{
		top:-6px;
		transform-origin:right top;
	}
	header .burgerBtn:after{
		top:6px;
		transform-origin:right bottom;
	}
	header.open .burgerBtn{
		background:transparent;
	}
	header.open .burgerBtn:before{
		top:-9px;
		transform:rotate(-45deg);
	}
	header.open .burgerBtn:after{
		top:8px;
		transform:rotate(45deg);
	}
	/************************************** header end ***************************************************/

	
	/************************************** home start ***************************************************/
	.scene.home .kv{
		overflow:auto;
		overflow-x:hidden;
		background-size:200%;
	}
	
	/****************** 主要內容 start ************************/
	.scene.home .main{
		position:static;
		height:auto;
	}
	.scene.home .main .ct{
		position:static;
		width:90%;
		transform:none;
		margin:10% auto 0;
	}
	.scene.home .main .ct hgroup h2 span{
		width:90vw;
	}
	.scene.home .main .ct hgroup h3 span{
		width:38.79vw;
	}
	.scene.home .main .ct p{
		margin-top:-8%;
	}
	/****************** 主要內容 end ************************/
	
	/****************** 地標 start ************************/
	.scene.home ul{
		position:static;
		width:90%;
		margin:10% auto 30%;
	}
	.scene.home ul:after{
		content:"";
		clear:both;
		display:block;
	}
	.scene.home ul li{
		position:static;
		float:left;
		width:40%;
		padding:0.5em;
		border-radius:5em;
		border:1px solid currentColor;
	}
	.scene.home ul li.sanFrancisco,
	.scene.home ul li.dublin,
	.scene.home ul li.saintPaul,
	.scene.home ul li.copenhagen,
	.scene.home ul li.taipei,
	.scene.home ul li.tokyo,
	.scene.home ul li.newYork{ margin:2% 5%;}
	
	.scene.home ul li:before{
		display:none;
	}
	
	.scene.home ul li .marker{
		display:none;
	}
	.scene.home ul li span{
		position:static;
		transform:none;
	}
	.scene.home ul li:after{
		display:none;
	}
	.scene.home ul li:hover span{
		transform:none;
	}
	/****************** 地標 end ************************/

	/****************** downArrow start ************************/
	.downArrow{
		bottom:4em;
		z-index:1;
	}
	/****************** downArrow end ************************/
	
	.home .copyright{
		right:0;
		bottom:0;
		width:100%;
		padding:2em 1em 1em;
		background:linear-gradient(to top, #FFF 50%, rgba(255, 255, 255, 0));
		text-align:center;
	}
	/************************************** home end ***************************************************/
	
	
	/************************************** 內頁 start ***************************************************/
	.scene.tour{
		overflow:auto;
	}
	
	.sectionContainer{
		height:auto;
	}
	
	.sight{
		height:auto;
	}
	
	.part .imgBlock,
	.part .txtBlock{
		width:100vw;
	}
	.part.intro .imgBlock,
	.part.intro .txtBlock,
	.part.chair .imgBlock,
	.part.chair .txtBlock{
		float:none;
	}

	.part .imgBlock .slick-slide div{
		height:0;
		padding-top:94.27%;
	}
	
	/******************* 文字區塊 start **********************/
	.part .txtBlock{
		display:block;
		margin-top:50px;
		padding:15% 5%;
	}
	
	.part .txtBlock .txt h4,
	.sight.copenhagen .part.chair .txtBlock .txt h4{
		font-size:2.2em;
	}
	.part .txtBlock .txt h5{
		font-size:1.2em;
	}
	
	.part .txtBlock .txt p{
		width:auto;
	}
	.part .txtBlock .txt p.att,
	.part .txtBlock .txt p.btn{
		width:90%;
	}
	/******************* 文字區塊 end **********************/
	/************************************** 內頁 end ***************************************************/
	
}