@charset "utf-8";
body{background-image:url(../images/../images/edm.jpg); background-color:#13132d; background-attachment:fixed; background-position:center top; background-repeat:no-repeat; background-size:100% auto; padding-top:0;}
a:hover{text-decoration:none;}
p{margin:0 0 2em; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.wrapper{max-width:1300px; margin:0 auto;}
header{text-align:center; margin:68px 0 20px;}
header img{width:200px; height:auto;}
.banner{height:700px; padding:0; -webkit-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; transition:all 0.2s ease-in;}
.banner .hgroup{width:97rem; margin:0 auto;}
.banner h1{text-align:center;}
.banner h1 img.m{display:none;}
.banner h2{text-align:center; padding:5.5em 2em 1em; margin:1.5rem 0; font-size:24px;}
.banner h2 b{display:inline-block; max-width:880px; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:10px 0 10px 10px; font:normal 2.2rem/1.4 "微軟正黑體"; color:#fff; letter-spacing:0.2em; background-color:rgba(0,0,0,.5);}
.banner h2 b span{display:inline-block;}
.banner h3{font:18px/24px "微軟正黑體"; color:#fff; text-align:center; letter-spacing:3px; margin-bottom:4.5rem; text-shadow:0 0 10px #000, 0 0 10px #000, 0 0 10px #000;}
nav{position:fixed; top:0; width:100%; background-color:rgba(0,0,0,.8); -webkit-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; transition:all 0.2s ease-in; z-index:999999;}
nav ul{margin:0 auto; padding:0; list-style:none; width:60%; max-width:97rem;}
nav ul li{margin:0 1px; padding:10px 0; float:left; width:calc(25% - 2px); text-align:center; /* background:#187be0 url(../images/menu-bg.png) no-repeat center center; border:1px solid #4695e6;*/ }
nav ul li a{display:inline-block; font-size:20px; font-family:'微軟正黑體'; color:#fff;}
nav ul li:hover{background-color:#70cbce; /* border:1px solid #fff; */ }
nav ul li:hover a{display:block; width:100%; height:100%; color:#000;}
nav a.language{position:absolute; right:10px; top:10px;}
@media screen and (max-width:1400px) {
	.banner{height:600px;}
	.banner h2{padding:5.5em 2em 1em;}
}
@media screen and (max-width:1200px) {
	.banner{height:500px;}
	.banner h2{padding:5.5em 2em 3em;}

}
@media screen and (max-width:1000px) {
	.banner{height:auto;}
	.banner h1 img{margin:0 auto; width:90%;}
	.banner h2{margin-bottom:0;}
}
@media screen and (max-width:800px) {
	nav ul{width:80%;}
}
@media screen and (max-width:760px) {
	body{background-size:150%;}
	.banner h1{margin:0; padding:0;}
	.banner h1 img{display:none;}
	.banner h1 img.m{display:block; max-width:360px;}
	.banner h2 b{font-size:2rem;}
}
@media screen and (max-width:500px) {
	body{background-size:200%;}
	nav ul{width:100%;}
	nav ul li a{font-size:18px;}
	.banner h2{padding:0.5em .5em 1em; margin:1.5rem 0 2.5rem;}
}
@media screen and (max-width:400px) {
	body{background-size:250%;}
	nav ul li a{font-size:15px;}
	.banner h2 b{font-size:1.8rem;}
}

article.model-main{background:#fff;}
article.model-main section.main1, article.model-main section.main2, article.model-main section.main3, article.model-main section.main4, article.model-main section.main5{position:relative; margin:0 auto;}

/* 人氣景點 */
.main1{background:#d4e5f5 url(../images/../images/main1-bg.jpg) center center; background-size:cover;}
.main1 .wrapper{position:relative; padding:5rem;}
.main1 .wrapper h3{position:absolute; width:50%; right:5rem; bottom:5rem; background-color:#f8f9f8; color:#333; margin:0; padding:20px 30px; font-size:20px; line-height:1.3; font-family:Arial, '微軟正黑體'; -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.1); -moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.1); box-shadow:0 0 20px 0 rgba(0,0,0,0.1);}
.main1 .wrapper ul.nav{float:right; right:0; background:rgba(255,255,255,.85); border:1px solid #000;}
.main1 .wrapper ul.nav li a{font:bold 15px/43px "微軟正黑體"; color:#000; height:43px; border-bottom:1px solid #000; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; transition-duration:0.5s;}
.main1 .wrapper ul.nav li:last-child a{}
.main1 .wrapper ul.nav li a:hover, .main1 .wrapper ul.nav li.active a{font:20px/43px "微軟正黑體";}
.main1 .nav-pills > li.active > a, .main1 .nav-pills > li.active > a:hover, .main1 .nav-pills > li.active > a:focus, .main1 .wrapper ul.nav li.active a{background-color:#70cbce; color:#fff;}
.main1 .nav-pills > li > a i{font:italic 25px/43px "Times New Roman"; height:43px; text-indent:25px;}
.main1 .nav-pills > li > a:hover i, .main1 .nav-pills > li.active > a i{font:italic 30px/43px "Times New Roman";}
.main1 .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border:none;}
.main1 .nav-tabs > li > a{border:none; margin-right:0;}
.main1 .nav > li > a{padding:0;}
.main1 .nav-pills > li > a{border-radius:0; padding:0 25px; width:150px;}
.main1 .wrapper .tab-content img{width:100%; max-width:582px; vertical-align:top;}
.main1 .wrapper .tab-content .intr-txt{margin-right:200px; padding:0.5rem 1.5rem; color:#fff;}
.main1 .wrapper .tab-content .intr-img{margin:20px 0 0; width:70%;}
.main1 .wrapper .tab-content h1{font-weight:bold; font-family:"微軟正黑體";}
.main1 .wrapper .tab-content p{font:18px "微軟正黑體"; color:#fff; height:6em; line-height:1.5;}
@media screen and (max-width:1100px) {
	.main1 .wrapper{padding:3rem;}
	.main1 .wrapper h3{font-size:2rem; right:3rem;}
	.main1 .wrapper .tab-content p{height:7em;}
	.main1 .wrapper .tab-content .intr-img{width:70%;}
}
@media screen and (max-width:900px) {
	.main1 .wrapper .tab-content p{height:9em;}
	.main1 .wrapper .tab-content .intr-img{margin:20px 0 80px;}
}
@media screen and (max-width:820px) {
	.main1 .wrapper .tab-content p{height:10em;}
}
@media screen and (max-width:760px) {
	.main1 .wrapper h3{position:relative; right:0; top:0; width:100%; margin-bottom:2rem;}
	.main1 .wrapper .tab-content p{height:auto;}
	.main1 .wrapper .tab-content .intr-img{width:100%; margin:20px 0 0;}
	.main1 .nav-pills > li > a{width:80px; padding:0 5px 0 10px;}
	.main1 .wrapper .tab-content .intr-txt{margin-right:90px;}
	.main1 .wrapper{background-size:auto; background-position:right top; background-repeat:no-repeat;}
	.main1 .wrapper ul.nav li a:hover, .main1 .wrapper ul.nav li.active a{font:15px/43px "微軟正黑體";}
	.main1 .nav-pills > li > a i{font:italic 15px/43px "Times New Roman"; height:43px; text-indent:25px;}
	.main1 .nav-pills > li > a:hover i, .main1 .nav-pills > li.active > a i{font:italic 15px/43px "Times New Roman";}
}
@media screen and (max-width:480px) {
	.main1 .wrapper{padding:1.5rem;}
}

/* 經典路線 */
.main2{background:#5ca9d7 url("../images/main2-bg.jpg") no-repeat center bottom; background-size:100% auto;}
.main2>div{max-width:1140px; margin:0 auto; padding:7rem 5rem 0;}
.main2 .todo{background-color:#f8f9f8; max-width:500px; position:relative; text-align:center; margin-bottom:6.75rem; -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.1); -moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.1); box-shadow:0 0 20px 0 rgba(0,0,0,0.1); padding:1.5rem 3.2rem .5rem;}
.main2 .todo h2{font-weight:bold; margin-bottom:1em; color:rgb(43, 52, 61); line-height:1.3; font-family:"Times New Roman";}
.main2 .todo p{font:1.5rem/1.75 '微軟正黑體'; color:rgb(43, 52, 61);}
.main2 .nav{float:left; width:4em;}
.main2 .nav-tabs{border-bottom:0;}
.main2 .tours{max-width:1140px; padding:0 0 4rem; margin:0 auto;}
.main2 .tours>div{padding-left:0; margin-bottom:2rem; min-height:357px; text-align:left; -webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1); box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);}
.main2 .tours>div>div{background:#f8f9f8 50% 50%; padding:0; display:table-cell; background-size:cover;}
.main2 .tours>div>div:nth-child(1){width:40%;}
.main2 .tours>div>div:nth-child(2){width:60%; height:369px;}
.main2 .tours>div>div .pro{margin:0 3.2rem 1.25rem}
.main2 .tours>div h3{margin:0; padding:3.2rem 3.2rem 1.6rem; font-weight:bold; font-family:"微軟正黑體";}
.main2 .tours>div div > p{margin:0 3.2rem 1.25rem; font:1.4rem/1.5 "微軟正黑體";}
.main2 a.ac{border-bottom:none; width:100%;}
.main2 a.ac:hover{background-color:#ffb6b6; -moz-transition:background-color 0.2s ease-in; -webkit-transition:background-color 0.2s ease-in; -ms-transition:background-color 0.2s ease-in; transition:background-color 0.2s ease-in;}
.main2 .ac{padding:0 .5rem; position:relative; bottom:0; display:table;}
.main2 .tours>div a .ac-desc{position:relative;}
.main2 .ac-desc > div h5{font:bold 1.4rem/1.5 "微軟正黑體"; margin-bottom:0; background:url(../images/icon_snow2.png) no-repeat 0 top; padding-left:2.5rem;}
.main2 .ac-desc > div .details{color:#f45555; font:bold 1.2rem/1.25 "微軟正黑體"; display:inline-block; float:right; margin-bottom:10px;}
.details::after{content:""; width:10px; height:15px; background-image:url(../images/arrow.png); background-size:cover; margin-left:0.5rem; display:inline-block; vertical-align:middle;}
.main2 .nav-pills > li > a{border-radius:0; background-color:#fff; font:2.15rem '微軟正黑體'; text-align:center;}
.main2 .nav-tabs > li > a:hover{background-color:#70cbce; color:#fff;}
.main2 .nav-pills > li.active > a, .main2 .nav-pills > li.active > a:hover, .main2 .nav-pills > li.active > a:focus{font:2.15rem '微軟正黑體'; border-radius:0; background-color:#337ab7; border-bottom:1px solid #ddd;}
.main2 .nav-pills > li > a:hover{border:1px solid #ddd;}
@media screen and (max-width:1030px){
	.main2{background:#5ca9d7 url("../images/main2-bg.jpg") no-repeat center bottom; background-size:100% auto;}
	.main2>div{padding:7rem 2rem 0;}
	.main2 .tours{padding:0;}
	.main2 .tours>div>div{width:100%;}
	.main2 .tours>div>div:first-child{height:250px;}
	.main2 .nav > li > a{padding:5px 10px;}
	.main2 .tours>div div > p{height:auto;}
	.main2 .tours>div a .ac-desc{min-height:5rem;}
	.main2 .tours>div>div .pro{height:auto; padding-bottom:20px;}
}
@media screen and (max-width:800px){
	.main2{background:#5ca9d7 url("../images/main2-bg.jpg") no-repeat center bottom; background-size:none;}
}
@media screen and (max-width:650px){
	.main2 .tours>div>div{display:block; height:auto;}
	.main2 .tours>div>div:nth-child(1){width:100%;}
	.main2 .tours>div>div:nth-child(2){width:100%;}
	.main2 .tours{margin-left:44px;}
	.main2 .nav{float:left; width:3.2em;}
	.main2 .nav-pills > li > a{font:1.5rem '微軟正黑體'; text-align:center;}
}
@media screen and (max-width:550px){
	.main2 .todo{padding:1rem 1.2rem .5rem;}
	.main2 .todo p br{display:none;}
}
@media screen and (max-width:450px){
	.main2 .todo h2{font-size:24px;}
}
@media screen and (max-width:380px){
	.main2 .todo h2{font-size:20px;}
}

/* ADD-ON */
.add_on{background-color:#187be0; color:#fff; font-family:"微軟正黑體";}
.add_on .wrapper{display:flex; padding:44px 66px;}
.add_on h1{display:block; width:357px; align-self:center; float:left; border-right:1px solid #fff;margin:0; padding:0; padding-right:20px; margin-right:20px; font-size:24px; line-height:1.2;}
.add_on p{display:block; align-self:center; float:left; font-size:15px; padding-top:.5em; margin-bottom:.5em; width:calc(100% - 397px);}
@media screen and (max-width:920px){
	.add_on .wrapper{display:block; padding:22px 5%;}
	.add_on h1{display:block; width:100%; align-self:auto; float:left; border-right:none; border-bottom:1px solid #fff; margin:0; padding:0; padding-bottom:20px; margin-bottom:20px; font-size:26px; line-height:1.2;}
	.add_on h1 br{display:none;}
	.add_on p{display:block; align-self:auto; float:left; font-size:15px; padding-top:.5em; margin-bottom:.5em; width:100%;}
	.add_on p br{display:none;}
}


/* 推薦活動 */
.main3{background:#97aacc url(../images/main3-bg.jpg) no-repeat center top; background-size:100% auto; padding:5rem 0;}
.main3 .itinerary-3{width:100%; margin:52px auto 47px;}
.main3 .itinerary-3 a{display:inline-block; width:32%; margin-right:2%; float:left;}
.main3 .itinerary-3 a:nth-child(3){margin-right:0;}
.main3 .itinerary-3 a .itin-img{width:100%; height:auto; overflow:hidden;}
.main3 .itinerary-3 a .itin-img img{width:100%; height:auto; -webkit-transition-duration:1s; -moz-transition-duration:1s; transition-duration:1s;}
.main3 .itinerary-3 a .itin-img:hover img{transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); -webkit-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2);}
.main3 .itinerary-3 a .itin_tit{display:inline-block; background-color:#165dae; color:#fff; font:14px/22px "微軟正黑體"; padding:0 5px;}
.main3 .itinerary-3 a .itin_brief{font:bold 1.85rem/1.3em "Times New Roman"; color:#3b3b3b; margin:15px 0; padding:5px 0; border-bottom:1px solid #333; height:3.1em; overflow: hidden;}
.main3 .itinerary-3 a .itin_price{color:#fcc81c; font:46px/46px "Times New Roman";}
.main3 .itinerary-3 a .itin_price .i-sign{font-size:16px; margin-top:14px;}
.main3 .itinerary-3 a .itin_cont{font:13px/20px "微軟正黑體"; color:#666; margin:5px 0 10px;}
.main3 .itinerary-4{width:100%; margin:18px auto 47px;}

.main3 .itinerary-4 a{display:inline-block; width:23.5%; margin-right:2%; padding:1%; border:1px solid #ccc; float:left; background-color:#fff;}
.main3 .itinerary-4 a:nth-child(4){margin-right:0;}
.main3 .itinerary-4 a .itin-img{position:relative; width:100%; height:auto; overflow:hidden;}
.main3 .itinerary-4 a .itin-img img{width:100%; height:auto; -webkit-transition-duration:1s; -moz-transition-duration:1s; transition-duration:1s;}
.main3 .itinerary-4 a .itin-img:hover img{transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); -webkit-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2);}
.main3 .itinerary-4 a .itin_tit{position:absolute; right:5px; top:5px; width:60px; height:60px; background-color:#165dae; color:#fff; font:14px/22px "微軟正黑體"; padding:8px 0; text-align: center; border-radius:50%;}
.main3 .itinerary-4 a .itin_brief{font:1.85rem/1.3em "微軟正黑體"; color:#3b3b3b; margin:0 0 15px 0; padding:5px 0; border-bottom:1px solid #333; height:4.4em; overflow:hidden;}
.main3 .itinerary-4 a .itin_price{color:#fcc81c; font:46px/46px "Times New Roman";}
.main3 .itinerary-4 a .itin_price .i-sign{font-size:16px; margin-top:14px;}
.main3 .itinerary-4 a .itin_cont{font:13px/20px "微軟正黑體"; color:#666; margin:5px 0 10px; min-height:8em;}
.main3 .more{text-align: center; background-color:#efefef; padding:15px 0;}
.main3 .more .tit{font-weight:bold; line-height:3.6rem; font-size:25px;}
.main3 .more a{display:inline-block; text-decoration:underline;}
.main3 .more a img{vertical-align: bottom; height:30px;}


@media screen and (max-width:1360px){
	.main3{background:#97aacc url(../images/main3-bg.jpg) no-repeat center top; background-size:none;}
	.main3 .itinerary-3{width:90%;}
	.main3 .itinerary-4{width:90%;}
	.main3 .more{width:90%; margin:0 auto;}

}
@media screen and (max-width:1200px){
	.main3 .itinerary-4{margin:0 auto;}
	.main3 .itinerary-4 a{width:48.5%; margin-right:3%; margin-bottom:40px; padding-bottom:20px;}
	.main3 .itinerary-4 a .itin_brief{height:3.1em;}
	.main3 .itinerary-4 a:nth-child(2n+2){margin-right:0;}
}
@media screen and (max-width:1140px){
	.main3 .itinerary-3 a .itin_brief{height:4.3em;}
}
@media screen and (max-width:820px){
	.main3 .itinerary-4 a:nth-child(3) .itin_brief{height:4.3em;}
	.main3 .itinerary-4 a:nth-child(4) .itin_brief{height:4.3em;}
}
@media screen and (max-width:760px){
	.main3 .itinerary-3 a{width:100%; margin-right:0; float:none; padding-bottom:20px; border-bottom:10px solid #eee; margin-bottom:40px;}
	.main3 .itinerary-3 a .itin_brief{height:auto;}
}
@media screen and (max-width:742px){
	.main3 .itinerary-4 a .itin_brief{height:4.3em;}
}
@media screen and (max-width:560px){
	.main3 .itinerary-4 a{width:100%; margin-right:0; margin-bottom:40px; padding-bottom:20px; border-bottom:10px solid #eee;}
	.main3 .itinerary-4 a .itin_brief, .main3 .itinerary-4 a:nth-child(3) .itin_brief, .main3 .itinerary-4 a:nth-child(4) .itin_brief{height:auto;}
}

/* 行前必看 */
.main4{background:#cae2fc url(../images/main4-bg.jpg) no-repeat center center; background-size:cover; padding:5rem 0;}
.main4 .wrapper{background:rgba(255,255,255,.9) url(../images/airplane.png) no-repeat right top;  width:90%;}
h1.main4_tit{line-height:56px; font-weight:bold; margin-bottom:36px; text-align:center;}
h1.main4_tit b{display:inline-block; border-bottom:1px solid #333;}
h1.main4_tit b span{display:inline-block; margin:0 .5em;}
.main4 .nav-pills > li > a{border-radius:0; background:#fff; font:bold 2.5rem '微軟正黑體'; border:0; color:#000;}
.main4 .nav-pills > li.active > a, .main4 .nav-pills > li.active > a:hover, .main4 .nav-pills > li.active > a:focus{position:relative; 2.5rem '微軟正黑體'; border-radius:0; background-color:#eee; border:0; color:#000;}
.main4 .nav-pills > li.active > a:after{content:""; position:absolute; bottom:-10px; left:calc(50% - 8px); width:0; height:0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #000 transparent transparent transparent;}
.main4 .nav-tabs{width:70%; max-width:1200px; margin:0 auto;}
.main4 .tab-content{width:70%; max-width:1200px; margin:0 auto; padding:31px 40px;}
.main4 .tab-content h1{font:normal 24px "微軟正黑體";}
.main4 .tab-content h3{font:bold 20px/24px "微軟正黑體"; color:#000;}
.main4 .tab-content p{font:15px/24px "微軟正黑體"; color:#333;}
.main4 .tab-content i{font:italic 18px "Times New Roman";}
.main4 .tab-content b{font:bold 15px/24px "微軟正黑體"; color:#000;}
.main4 .tab-content .traffic{}
.main4 .tab-content .traffic ul{margin:0; padding:0; list-style:none;}
.main4 .tab-content .traffic li{width:45%; margin:0 5% 0 0; padding:0; float:left;}
.main4 .tab-content .traffic li h2{font:bold 2rem/1.3em "Times New Roman"; color:#ffc91f;}
.main4 .tab-content .wifi{}
.main4 .tab-content .wifi a{display:inline-block; margin:10px 0; width:50%; float:left;}
.main4 .tab-content .food{}
.main4 .tab-content .food ul{margin:0; padding:0; list-style:none;}
.main4 .tab-content .food ul li{width:33.33%; margin:20px 0; padding:0; float:left;}
.main4 .tab-content .food ul li img{border-radius:50%; margin:0 auto; width:90%;}
.main4 .nav-tabs > li{width:calc(25% - 6px); border:2px solid #000;}
.main4 .nav-tabs > li a{display:block; width:100%; text-align:center;}
.main4 .nav-tabs > li a br{display:none;}
.main4 .nav-tabs > li a i.traffic{display:inline-block; width:20px; height:20px; background:url(../images/icon-airplane.png) no-repeat center center; margin-right:5px;}
.main4 .nav-tabs > li a i.wifi{display:inline-block; width:20px; height:20px; background:url(../images/icon-wifi.png) no-repeat center center; margin-right:5px;}
.main4 .nav-tabs > li a i.weather{display:inline-block; width:20px; height:20px; background:url(../images/icon-weather.png) no-repeat center center; margin-right:5px;}
.main4 .nav-tabs > li a i.food{display:inline-block; width:20px; height:20px; background:url(../images/icon-food.png) no-repeat center center; margin-right:5px;}
.main4 .tab-content .brief{font:15px/24px "微軟正黑體"; color:#333;}
.main4 .tab-content .m4_price{color:#fcc81c; font:bold 30px/46px "Times New Roman";}
.main4 .tab-content .m4_price b{font-size:12px; margin-top:14px;}
.main4 cite{font:bold normal 15px "微軟正黑體"; color:#000;}
@media screen and (max-width:1120px){
	.main4 .tab-content .wifi a{width:100%; float:none;}
}
.main4 .tab-content .wifi a img{border-radius:50%; float:left; margin:0 15px;}
@media screen and (max-width:970px){
	.main4 .nav-tabs{width:85%;}
	.main4 .tab-content{width:85%;}
	.main4 .nav-pills > li > a{font-size:2.25rem;}
	.main4 .nav-tabs > li a i.traffic{display:block; margin:0 auto;}
	.main4 .nav-tabs > li a i.wifi{display:block; margin:0 auto;}
	.main4 .nav-tabs > li a i.weather{display:block; margin:0 auto;}
	.main4 .nav-tabs > li a i.food{display:block; margin:0 auto;}
}
@media screen and (max-width:800px){
	.main4 .wrapper{background-image:none;}
}
@media screen and (max-width:630px){
	.main4 .nav-tabs{width:90%;}
	.main4 .tab-content{width:90%; max-width:1200px; margin:0 auto; padding:31px 0; min-height:394px;}
	.main4 .nav-tabs > li a br{display:block;}
}
@media screen and (max-width:520px){
	.main4 .tab-content .traffic li{width:100%; margin-right:0; float:none;}
}
@media screen and (max-width:480px){
	.main4 .nav-pills > li > a{font:bold 1.5rem '微軟正黑體'; color:#000; padding:10px 5px;}
	.main4 .nav-pills > li.active > a, .main4 .nav-pills > li.active > a:hover, .main4 .nav-pills > li.active > a:focus{font:bold 2rem '微軟正黑體'; background-color:#000; color:#fff; padding:10px 5px;}
	.main4 .nav-pills > li > a:hover{background-color:#eee;}
	.main4 .nav-tabs > li.active a i.traffic{display:block; width:20px; height:20px; background:url(../images/icon-airplane-white.png) no-repeat center center; margin:0 auto;}
	.main4 .nav-tabs > li.active a i.wifi{display:block; width:20px; height:20px; background:url(../images/icon-wifi-white.png) no-repeat center center; margin:0 auto;}
	.main4 .nav-tabs > li.active a i.weather{display:block; width:20px; height:20px; background:url(../images/icon-weather-white.png) no-repeat center center; margin:0 auto;}
	.main4 .nav-tabs > li.active a i.food{display:block; width:20px; height:20px; background:url(../images/icon-food-white.png) no-repeat center center; margin:0 auto;}
}
@media screen and (max-width:420px){
	.main4 .tab-content .wifi a{text-align:center;}
	.main4 .tab-content .wifi a img{width:80%; margin:20px 10%;}
	.main4 .tab-content .wifi a .desc{width:70%; margin:0 auto;}
}

/* 祝福 */
.main5{padding:5rem 0; background:#fff url(../images/main5-bg.jpg) no-repeat center center; background-size:cover; overflow:hidden;}
.main5 .wrapper{display:table; width:100%; height:434px;}
.main5>.wrapper>div{display:table-cell; width:50%;}
.main5 .left .todo{padding-top:30px;}
.main5 .left .todo .todo-text{text-align:center;}
.main5 .left .todo .todo-text h2{font-weight:bold; line-height:3.6rem; font-family:"微軟正黑體";}
.main5 .left .todo .todo-text p.slab{font:bold 15px "微軟正黑體"; margin-top:8rem;}
.main5 .left .more{text-align: center; padding:15px 0; margin-bottom:40px;}
.main5 .left .more a{display:inline-block; text-decoration:underline; border:2px solid #84be00; background-color:#fff; -webkit-transition-duration:1s; -moz-transition-duration:1s; transition-duration:1s;}
.main5 .left .more a:hover{border:2px solid #84be00; transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1);}
.main5 .left .more a img{vertical-align: bottom; height:30px; margin:10px 15px;}


.main5 .right{position:relative; background:url(../images/main5-right-bg.jpg) no-repeat right bottom; background-size:cover; border:10px solid #fff; box-shadow:5px 5px 15px rgba(0,0,0,.3); transform: rotate(5deg);}
.main5 .right .stamp{position:absolute; left:-85px; top:calc(50% - 107px);}
@media screen and (max-width:900px){
	.main5>.wrapper>div{display:block; width:100%; height:434px;}
	.main5>.wrapper>div.left{height:auto;}
	.main5 .right .stamp{left:initial; right:0; top:calc(50% - 107px);}
}
@media screen and (max-width:420px){
	.main5 .left .todo .todo-text h2 span{display:block;}
	.main5 .left .todo .todo-text h2 span:nth-child(2){margin-bottom:-20px;}
	.main5>.wrapper>div{height:400px;}
	.main5 .left .todo .todo-text p.slab span{display:inline-block;}

}

/* 詩 */
.main6{background:url(../images/main6-bg-2.jpg) repeat-x top, url(../images/main6-bg.jpg) repeat top; padding:5rem 0;}
.main6 .wrapper img{width:50%;}
@media screen and (max-width:650px){
	.main6 .wrapper img{width:100%;}
}

/* 底部 */
footer{background:#2b343d url(../images/footer-bg.jpg) no-repeat center center; background-size:cover;}
footer .wrapper{max-width:1300px; overflow:hidden; margin:40px auto;}
footer div.poem{text-align: center; font:18px/20px "微軟正黑體"; color:#fff; margin-bottom:4em; letter-spacing:2px;}
footer div.poem img{vertical-align:center;}
footer div.poem span{display:inline-block;}
@media screen and (max-width:500px){
	footer div.poem span{display:block;}
}
footer div.facebook{width:500px; float:left;}
footer div.facebook .fb-page-m{display:none;}
footer div#footer{width:calc(100% - 500px); float:left;}
#footer{padding:4rem 0 2rem; text-align:center;}
#footer .logos{margin-bottom:4rem;}
#footer .logos img{margin:2rem;}
#footer .copyright{font-size:0.8em; letter-spacing:0.225em; list-style:none; padding:0; text-transform:uppercase; margin-bottom:0;}
#footer .copyright li{border-left:solid 1px rgba(255, 255, 255, 0.5); display:inline-block; line-height:1em; margin-left:1em; padding-left:1em;}
#footer .copyright li:first-child{border-left:0; margin-left:0; padding-left:0; color:#fff;}

@media screen and (max-width:980px) {
	#footer{padding:3em 2.5rem 2em;}
	#footer .logos{margin-bottom:3rem;}
}
@media screen and (max-width:760px) {
	footer div.facebook{width:500px; float:none; margin:0 auto;}
	footer div#footer{width:100%; float:none; text-align: center;}
	footer .wrapper{height:auto;}
	#footer .logos{margin-bottom:0;}
	footer .wrapper{margin:40px auto 0;}
}
@media screen and (max-width:560px) {
	footer div.facebook{width:100%;}
	footer div.facebook .fb-page-m{display:block; text-align: center;}
	footer div.facebook .fb-page-d{display:none;}
}
@media screen and (max-width:480px) {
	#footer{padding:1.5rem;}
	#footer .logos{margin-bottom:1rem;}
	#footer .copyright li{border:0; display:block; line-height:1.65em; margin:0; padding:0.5em 0;}
}

/* 底部 - 簡體版 */
footer div#footer.sc{width:100%; float:none;}


/* 到最上方 */
#toTop{display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:100%; background:url(../images/ui.totop.png) no-repeat left top;}
#toTopHover{background:url(../images/ui.totop.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);}
#toTop:active, #toTop:focus{outline:none;}





.fb-like-sp{display: none !important;}
.fb-like-pc{
    position: absolute !important;
    top: 14px;
    right: 20px;
}

@media screen and (max-width:639px) {

	.fb-like-pc{display: none !important;}
    .pc-none {display: block;}

	.fb-like-sp{
	    display: block !important;
	    left: 50%;
	    width: 50px;
	    position: absolute !important;
	    bottom: -1.6em;
	    margin-left: -30px;
	}
	.banner h3{position: relative;}

}