@charset "utf-8";

/* CSS Document */
/************************************************************************************
RESET
*************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;	
	-webkit-text-size-adjust: none;/*防止allpe的safari瀏覽器字體變大*/
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
   /* border-collapse: collapse;*/
    border-spacing: 0;
}

a img {
	border: none;
}

.clean { clear:both;}

.clearfix {
  overflow: auto;
}

img { width:100%;}

/************************************************************************************
STRUCTURE 主要區塊
*************************************************************************************/


body {
	font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;
}

#web-outer {
	max-width: 2000px;
	overflow: hidden;
	_overflow: none;
	line-height:1.8em;
	font-size:13px;
    color:#434343;
}

h1,h2,h3 { display:none; }

/*---主按鈕---*/
#navigation {
    -webkit-transition: all 0.8s ease 0s;
       -moz-transition: all 0.8s ease 0s;
        -ms-transition: all 0.8s ease 0s;
         -o-transition: all 0.8s ease 0s;
            transition: all 0.8s ease 0s;

    background-color: rgba(255,255,255,1);
/*    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);*/
    padding: 20px 0 20px 0;
		z-index:999;
}

#navigation.animated-header {
    padding: 20px 0 0 30px;
}


.navbar-inverse .navbar-nav > li > a {
    color:#6e6e6e;
    font-size: 18px;
	font-weight:bold;
	font-family:"黑體","微軟正黑體",Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
    text-transform: uppercase;
    padding:20px 15px;
}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#6e6e6e;background-color:#fcf1b1;}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#f5c008; height: 100%; width: 100%; }

nav { padding-top: 10px;}

.icon { font-size: 11px; padding-left: 4px; vertical-align: text-top; }

.dropdown-menu{ font-size:15px;border:none;border-radius:0px;  line-height: 30px;}
.dropdown-menu>a{ color: #6e6e6e;  font-weight: bold; padding-left: 15px;}
.dropdown-menu>a:hover { color:#E48E00; }



/*-------*/
header {	background:url(images/bg-header.jpg) center top fixed no-repeat;
	height: 800px;
	max-width: 2000px; width:100%;
	background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

#side-btn { display: none;}

.container2 {
	max-width:1194px;
}
.header-p1 {
	position: absolute;
	margin-top: 120px;
	margin-left: 40px;
}

.header-p1 img {
	max-width: 1194px;
}

.main-p {
	position: absolute;
	top:66px;
}
.main-p img {
	max-width: 1130px;
}
.main-p-s {
	position: absolute;
	top:66px;
	display: none;
}
.main-p-s img {
	max-width: 1130px;
}


.title {
	position: absolute;
	margin-top:170px;
	margin-left: 400px;
}
.title img {
	max-width: 270px;
}

/*======================
====recommend 推薦行程=====
=======================*/

#recommend,#recommend2 {
	background:url(images/bg-tour.jpg) center top no-repeat;
	min-height: 1140px;
}
#recommend2 { border-top:1px solid #e9e2d6;}
.recommend-inner { /*padding-top:150px; margin-top: -200px;    */
}
.tour {
	position: relative;
	min-height: 370px;
}
.recommend-title {
	margin-left:45px;
	position:relative;
}
.recommend-title img{
	max-width: 339px;
}
.recommend-title-s { 
	display: none;
	color: #ffffff; background: #93ab10;
	font-size: 18px;
	font-family: "黑體","微軟正黑體",Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	line-height: 26px;
	padding: 5px 20px;
}

.tour-box {
	position: absolute;
	left:330px;
	top:50px;

}
.tour-title {
	background: url(images/tour-title02.png) 0 0 no-repeat;
	height: 44px;
	padding-bottom: 10px;
	text-indent: -3000px;
}
.tour-info,.tour-info2 { 
	max-width:556px; 
	margin-top: 16px;
	padding:10px 30px;
	font-size: 16px;
	color: #4f4f4f;
	font-weight: 600;
	font-family: "黑體","微軟正黑體",Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
}

.tour-info { 
    background: url(images/tour-bubble.png) 0 0 no-repeat; 
    height: 91px;
}
.tour-info2 { 
	background: url(images/tour-bubble02.png) 0 0 no-repeat;
	height: 114px;
}

ul.tour-list {
	margin-top: 10px;
}
ul.tour-list li {
	font-size: 24px;
	color: #93ab10;
	font-weight: 600;
	background: url(images/icon-r.png) right center no-repeat;
	font-family: "黑體","微軟正黑體",Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	line-height: 40px;
	list-style: url(images/icon-l.png) ;
	padding: 2px 20px 2px 5px;
}
ul.tour-list li a {
	color: #93ab10;
	background: #fffdfb ;
	text-decoration: underline;
	padding:2px 10px;
}

ul.tour-list li a:hover {
	text-decoration:none;
}
.e-pic {
	max-width: 124px;
	height: 101px;
	margin-left: 370px;
}
/*---------spot-景點-------*/
.spot-area { margin-top:20px;}
.spot-area > div { float: left;padding-right: 30px; }
.spot-area > div:first-child { padding-left: 15px; }

.spot1 {}
.spot2 {}
.spot4 { margin-top: -80px;}
.spot5 { margin-top: -20px;}
.spot6,.spot12 {margin-top:100px;}
.spot9 { margin-top: 10px; }
.spot10 { margin-top: -40px; }
.spot11 { margin-top: 10px; }

.spot1-title { 
	background: url(images/spot01-title.png) 0 0 no-repeat;
	height: 110px;
	text-indent: -3000px;
}
.spot1-pic img {
	max-width: 276px;
}
.spot-w {
	width:270px;
	line-height: 1.6em;
	font-size: 13px;
	color: #b08875;
	font-weight: 600;
	font-family: "黑體","微軟正黑體",Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
}
.spot2-title { 
	background: url(images/spot02-title.png) 0 0 no-repeat;
	height: 58px;
	text-indent: -3000px;
}
.spot2-pic img {
	max-width: 283px;
}
.spot3-title { 
	background: url(images/spot03-title.png) 0 0 no-repeat;
	height: 179px;
	text-indent: -3000px;
}
.spot3-pic img {
	max-width: 281px;
}

.spot4-title { 
	background: url(images/spot04-title.png) 0 0 no-repeat;
	height: 80px;
	text-indent: -3000px;
	width:320px;
}
.spot4-pic img {
	max-width: 281px;
}

.spot5-title { 
	background: url(images/spot05-title.png) 0 0 no-repeat;
	height: 58px;
	text-indent: -3000px;
}
.spot5-pic img {
	max-width: 287px;
}
.spot6-pic img {
	max-width: 105px;
}

.spot7-title { 
	background: url(images/spot06-title.png) 0 0 no-repeat;
	height: 58px;
	text-indent: -3000px;
}
.spot7-pic img {
	max-width: 276px;
}

.spot8-title { 
	background: url(images/spot07-title.png) 0 0 no-repeat;
	height: 58px;
	text-indent: -3000px;
}
.spot8-pic img {
	max-width: 283px;
}

.spot9-title { 
	background: url(images/spot08-title.png) 0 0 no-repeat;
	height: 135px;
	text-indent: -3000px;
}
.spot9-pic img {
	max-width: 282px;
}


.spot10-title { 
	background: url(images/spot09-title.png) 0 0 no-repeat;
	height: 70px;
	text-indent: -3000px;
}
.spot10-pic img {
	max-width: 296px;
}


.spot11-title { 
	background: url(images/spot10-title.png) 0 0 no-repeat;
	height: 58px;
	text-indent: -3000px;
}
.spot11-pic img {
	max-width: 287px;
}
.spot12-pic img {
	max-width: 133px;
}

/*---rwd----*/

.spot-rwd { display: none; padding-bottom: 50px; }
.spot-w2 {
	width:100%;
	line-height: 1.6em;
	font-size: 15px;
	color: #b08875;
	font-weight: 600;
	font-family: "黑體","微軟正黑體",Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
}
.spot-w2 span {
	color: #a85c37;
	font-weight: bold;
	font-family: "黑體","微軟正黑體",Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
}


/*======================
====feature 圖片=====
=======================*/
#features {
	background:url(images/bg-feature.jpg) center top fixed no-repeat;
	height: 320px;
	width:100%;
	position: relative;
	background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.features {
	text-indent: -3000px;
}


/*======================
====guide-mdandy =====
=======================*/
#guide1 {
	background:#fbca20  url(images/bg-guide1.jpg) center top no-repeat;
	min-height: 880px;
	width:100%;
	position: relative;
}
.guide-title {
	margin-left:36px;
	position: absolute;
	z-index: 998;
}
.guide-title img {max-width: 349px;}

.guide-title-s { 
	display: none;
	color: #ffffff; background: #93ab10;
	font-size: 18px;
	font-family: "黑體","微軟正黑體",Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	line-height: 26px;
	padding: 5px 20px;
}

.guide1-pic {
	background: url(images/guide-mandy.png) right 80px no-repeat;
	height: 678px;
	z-index: 998;
	position: relative;
}
.guide1-pic-s { display: none; max-width: 320px; padding: 10px; margin:0 auto;}

ul.guide-feature {
	width:255px;
	position: absolute;
	left:370px;
	top:350px;
}

ul.guide-feature li {
	line-height: 1.6em;
	font-size: 20px;
	font-weight: 600;
	font-family: "黑體","微軟正黑體",Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
}
.guide1-pic ul.guide-feature li {
	color: #836600;
}

.guide1-intro {
	width:255px;
	position: absolute;
	left:370px;
	top:460px;
	color: #7b8b25;
}
.guide1-time {
	width:255px;
	position: absolute;
	left:370px;
	top:550px;
	color: #836600;
	font-size: 15px;
	font-family: "黑體","微軟正黑體";
	font-weight: 600;
}

.guide1 { position: relative;}
.guide1-1 { 
	position: absolute;
	top:10px;
	left:220px;
}
.guide1-1 img { 
	max-width: 58px;
}
.guide1-2 { 
	position: absolute;
	top:340px;
	left:100px;
}
.guide1-2 img { 
	max-width: 211px;
}

/*-------口碑----*/
.wom { margin-top: 60px; margin-left: 16px;}
.wom-title img { max-width: 166px;}
.wombg { background: url(images/wom-bg01.png) 0 0 no-repeat; min-height:170px;overflow: hidden;}

.item { padding:0px 26px; min-height:130px; margin-top: 20px;}
.wom-w {
	font-size: 13px;
	font-weight:600;
	font-family: "黑體","微軟正黑體",Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	line-height: 22px;
}
.wom-w span { display: block; color:#996407;  }
.wom-w span.date { font-size: 12px; text-align: right; padding-right: 10px;}

.q-a { margin-top: 20px; margin-left: 16px;}
.qa-title img { max-width: 195px;}
.q {
	line-height: 2em;
	padding-left: 16px;
	margin:12px 0  ;
	font-size: 18px;
	font-weight: 600;
	font-family: "黑體","微軟正黑體",Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
}
.guide1 .q {
	color: #ffffff;
	background: #e49916;
}

.a {
	line-height: 1.8em;
	font-size: 13px;
	margin:0 10px;
	padding-bottom: 26px;
}
.guide1 .a {
	color: #996407;
}

/*======================
====guide-小廖 =====
=======================*/

#guide2 {
	background:#3fc7db  url(images/bg-guide2.jpg) center top no-repeat;
	min-height: 880px;
	width:100%;
	position: relative;
}
.guide2-pic {
	background: url(images/guide-liao.png) right 80px no-repeat;
	height: 704px;
	z-index: 998;
	position: relative;
}
.guide2-pic-s { display: none; max-width: 320px; padding: 10px; margin:0 auto;}

ul.guide-feature2 {
	width:255px;
	position: absolute;
	left:370px;
	top:370px;
}

ul.guide-feature2 li {
	line-height: 1.6em;
	font-size: 20px;
	font-weight: 600;
	font-family: "黑體","微軟正黑體",Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
}

.guide2-pic ul.guide-feature2 li {
	color: #0f5e49;
}
.guide2-intro {
	width:255px;
	position: absolute;
	left:360px;
	top:480px;
	color: #2d8c9a;
}
.guide2-time {
	width:255px;
	position: absolute;
	left:400px;
	top:590px;
	color: #0f5e49;
	font-size: 15px;
	font-family: "黑體","微軟正黑體";
	font-weight: 600;
}

.guide2 { position: relative;}
.guide2-1 { 
	position: absolute;
	top:190px;
	left:230px;
}
.guide2-1 img { 
	max-width: 43px;
}
.guide2-2 { 
	position: absolute;
	top:370px;
	left:130px;
}
.guide2-2 img { 
	max-width: 116px;
}

.guide2 .q {
	color: #ffffff;
	background: #029eb6;
}

.guide2 .a {
	color: #4a4a4a;
}

.link-tour { max-width:70px;  position:fixed; top:340px; right:1%; z-index:9999;}
.link-tour2 { max-width:70px;  position:fixed; top:420px; right:1%; z-index:9999;}
.link-tourguide { max-width:70px;  position:fixed; top:420px; right:1%; z-index:9999;}

/*------media query----------*/


@media (min-width: 992px) and (max-width: 1200px) {

}

@media only screen and (min-width: 960px) and (max-width:991px) {
	header { height: 650px;}
	.spot-area > div { padding-right: 20px; }
	.spot-area > div:first-child { margin-left: 30px; }
	.spot4,.spot10 { margin-top: -50px; margin-left: 30px;}
	.guide1-pic {background: url(images/guide-mandy.png) 120px 80px no-repeat;}
	.guide2-pic {background: url(images/guide-liao.png) 120px 80px no-repeat;}
}

@media only screen and (min-width: 768px) and (max-width:959px) {
	header { height: 520px;}
	.main-p {top:0px;}
	.recommend-title {  position: absolute;left:-35px;}
	.recommend-title img { width:80%; }
	.tour-box {	left:210px;	top:50px;}
	.tour {min-height: 370px;}
	ul.tour-list li {font-size: 20px; background:none; }
	.tour-info,.tour-info2 { font-size: 15px;}
	.spot4,.spot10 { margin-top: 10px;}
	.spot5,.spot11 { margin-top: 20px;}
	.spot6,.spot12 {display: none;}
	.guide-title {left:-30px;}
	.guide-title img {width: 80%;}
	.guide1-pic {background: url(images/guide-mandy.png) 0px 80px no-repeat;}
	.guide2-pic {background: url(images/guide-liao.png) 0px 80px no-repeat;}
	ul.guide-feature,ul.guide-feature2 {left:250px;}
	.guide1-intro {left:240px;}
	.guide2-intro {left:240px;}
	.guide1-time {left:240px;}
	.guide2-time {left:270px;}
	.guide1-1 {top:200px; left:200px;}
	.guide1-2 { top:610px;}
	.guide2-1 {top:200px; left:200px;}
	.guide2-2 { top:620px;}
	.item { padding:0px 10px 0px 20px; }
	#navigation { display: none;}
}

/*---平板-----*/

@media only screen and (min-width: 481px) and (max-width:767px) {
	.header-p1 {margin-top: 30px;}
	.main-p {top:0px;}
	.link-tour { display: none;}
	.link-tourguide { display: none;}
	.recommend-title { display: none;}
	.recommend-title-s {display: block;} 
	.guide-title {display: none;} 
	.guide-title-s {display: block;} 
	.tour-box {	left:30px;	top:50px;}
	ul.tour-list li { font-size: 20px; background:none; list-style: none;}
	.tour-info,.tour-info2 { font-size: 15px; background: none;  margin-left: 0;padding:12px 10px;}
	.spot-area { display: none; }
	#recommend,#recommend2 { min-height: 500px;}
	#features { display: none;}
	.guide1-pic { background: url(images/guide-mandy.png) 10px 0 no-repeat;  }
	.guide2-pic { background: url(images/guide-liao.png) 10px 0 no-repeat; }
	ul.guide-feature {	left:250px;	top:260px;}
	ul.guide-feature2 {	left:250px;	top:280px;}
	ul.guide-feature li,ul.guide-feature2 li  {	font-size: 17px;}
	.guide1-intro { width:200px;left:250px;	top:350px; }
	.guide2-intro { width:200px;left:250px;	top:370px; }
	.guide1-time {left:240px; top:450px;}
	.guide2-time {left:280px; top:480px;}
	.q-a { margin: 20px 40px 10px 16px; }
	.guide1-1,.guide1-2 {display: none;}
	.wombg { background:none;}
	.wom-w { background:url(images/wombg2.png) 0 0 no-repeat; padding:10px;}
	#navigation { display: none;}
	.spot-rwd { display: block;}
	.e-pic { display: none;}

}

@media only screen and (min-width: 601px) and (max-width:767px) {
	header { height: 500px;}
	.tour {min-height: 250px; }

}
@media only screen and (min-width: 481px) and (max-width:600px) {
		header { height: 400px;}
		.tour {min-height: 280px; }

}

/*---手機版-----*/
@media only screen and  (min-width: 321px) and (max-width:480px) {
	.link-tour { display: none;}
	.header-p1 {display: none;}
	.main-p-s {top:10px;}
	.link-tour { display: none;}
	.link-tourguide { display: none;}
	header { height: 420px;}
	.main-p  { display: none;}
	.main-p-s  { display:block; }	
	.recommend-title { display: none;}
	.recommend-title-s {display: block;} 
	.guide-title {display: none;} 
	.guide-title-s {display: block;} 
	.tour-box {	left:30px;	top:50px;}
	ul.tour-list li { font-size: 20px; background:none; list-style: none;}
	.tour-info,.tour-info2 { font-size: 15px; background: none;  margin-left: 0;padding:12px 10px;}
	.spot-area { display: none; }
	#recommend,#recommend2 { min-height: 400px;}
	#features { display: none;}
	.guide1-pic { display: none;}
	.guide1-pic-s {display: block;}
	.guide2-pic {  display: none; }
	.guide2-pic-s {display: block;}
	.q-a { margin: 20px 40px 10px 16px; }
	.guide1-1,.guide1-2,.guide2-1,.guide2-2 {display: none;}
	.e-pic { display: none;}
	.wombg { background:none;}
	.wom-w { background:url(images/wombg2.png) 0 0 no-repeat; padding:10px;}
	#navigation { display: none;}
	.spot-rwd { display: block;}
	.e-pic { display: none;}
}

@media only screen and  (min-width: 415px) and (max-width:480px) {
		.tour {min-height: 320px;}
}

@media only screen and (max-width:414px) {
		.tour {min-height: 390px;}
}

/*---手機版2-----*/
@media only screen and (max-width:321px) {
	.link-tour { display: none;}
	.link-tourguide { display: none;}
	header { height: 400px;}
	.main-p-s {top:20px;}
	.header-p1 { display: none;}
	.main-p  { display: none;}
	.main-p-s  { display:block; }	
	.recommend-title { display: none;}
	.recommend-title-s {display: block;} 
	.guide-title {display: none;} 
	.guide-title-s {display: block;} 
	.tour-box {	left:30px;	top:50px;}
	.tour {min-height: 410px;}
	ul.tour-list li { font-size: 20px; background:none; list-style: none;}
	.tour-info,.tour-info2 { font-size: 15px; background: none;  margin-left: 0;padding:12px 10px;}
	.spot-area { display: none; }
	#recommend,#recommend2 { min-height: 500px;}
	#features { display: none;}
	.guide1-pic { display: none;}
	.guide1-pic-s {display: block;}
	.guide2-pic {  display: none; }
	.guide2-pic-s {display: block;}
	.q-a { margin: 20px 40px 10px 16px; }
	.guide1-1,.guide1-2,.guide2-1,.guide2-2 {display: none;}
	.e-pic { display: none;}
	.wombg { background:none;}
	.wom-w { background:url(images/wombg2.png) 0 0 no-repeat; padding:10px;}
	#navigation { display: none;}
	.spot-rwd { display: block;}
	.e-pic { display: none;}
}