@charset "utf-8";


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

body {
	background-color:#3d477f;
}

/*全部行程*/

#main {
	width:100%;
	margin:0 auto;
/*	position: relative;*/
	z-index:10;		
	font-size:15px;
	line-height:25px;
	color:#FFF;
	overflow:hidden;
	margin-top:280px;
	background: url(img/snow-bg.png) center top repeat-y;
}

.main01 {
	background: url(img/main_bg1.png) center top no-repeat;
	min-height:500px; 
    position: relative;
    z-index: 20;
}
.main02 { margin-top: -100px; }
.main04 { 
	background:url(img/main4_bg.jpg) center bottom no-repeat;
	min-height: 600px;
}

.tbox01{
	z-index:10;
	position: relative;
}
.tbox02{
	margin-top: 50px;
	z-index:10;
}

.tbox03 {
	background: url(img/main_bg4.png) right bottom no-repeat;
	min-height: 360px;
	position: relative;
}
.tbox04 {
	position: relative;
}

.tit01,.tit02,.tit03,.tit04,.tit05{
	color:#c5feff;
	font-family: "微軟正黑體","黑體";
	font-size: 22px;
	line-height: 32px;
	letter-spacing: 1px;
	padding: 15px 0 15px 22px;
	background: url(img/line.png) left bottom no-repeat;
	line-height: : 60px;
	text-indent: -22px;
	margin-bottom: 10px;
}
.tit01 span,.tit02 span,.tit03 span,.tit04 span,.tit05 span { 
	color:#fbf7d1;
	font-size: 26px;
	letter-spacing: 1px;
}

.tit05 { padding-left: 80px; margin-top: 20px; }

.tit03 img { max-width: 465px; } 
.tit04 img { max-width: 432px; } 

.tit03,.tit04 { padding-left: 60px;}

.ct02 strong,.ct01 strong{
	font-size:13px;
	line-height: 18px;
	color:#FFED00;
	font-weight: normal;
}


.snow{
	width: 56px;
	height: 54px;
	background: url(img/snow.png) no-repeat;
	left: 360px;
	top: 20px;
	position: absolute;
}

.snow2{
	width: 56px;
	height: 55px;
	background: url(img/snow.png) no-repeat;
	left: 440px;
	top: 0px;
	position: absolute;
	text-indent: -3500px;
}

.snow3{
	width: 174px;
	height: 176px;
	background: url(img/snow.png) no-repeat;
	left: 365px;
	top: 0px;
	position: absolute;
	text-indent: -3500px;
}


.ttop,.ttop2,.ttop3 {
	/*margin: 20px 0 20px 20px;*/
	margin: 20px 0;
	z-index: 10;
}
.ttop { background: url(img/ph06.png) center top no-repeat; height:157px; text-indent: -3000px; }
.ttop2 { background: url(img/ph07.png) center top no-repeat; height:58px; text-indent: -3000px; }
.ttop3 { background: url(img/ph11.png) center top no-repeat; height:58px; text-indent: -3000px; }

.ttop img ,.ttop2 img,.ttop3 img {
	max-width: 866px;
}

.ttop-xs { 	
	font-family: "微軟正黑體","黑體";
	font-size: 22px;
	color:#ffffff;
	display: none;
	margin:10px 0;
	text-align: center;
	background: #1B1B1B;
	line-height: 30px;
 }


.ph04 img,.ph05 img,.ph06 img { max-width: 272px;} 
.ph07 img,.ph09 img { max-width: 236px;} 
.ph08 img { max-width: 252px;}

.ph10{
	width: 400px;
	height: 280px;	
	background: url(img/ph16.png) no-repeat;
	text-indent: -3500px;
	padding-top: 20px;
}

/*行程*/

.tour p.tit05{
	width: 427px;
	height: 43px;		
	background: url(img/tit09.png) no-repeat;
	text-indent: -5000px;
	margin:0 0 10px 0;
}


/*行程*/


.tour {
	margin:50px 0 50px 0px;
}
.tour ul {
	margin: 0;
	padding:10px 0 0  0 ;
}

.tour li {
	font-size: 15px;
	line-height: 22px;
	color: #ffffff;
	margin: 0 5px;
	padding: 12px 0 12px 0;
	/*border-bottom: 1px dashed #9D9D9D;*/
	font-family: "微軟正黑體","黑體";
	
	
}
.tour strong {
	font-size:13px;
	line-height:22px;
	color:red;
	font-weight:600;	
	background: #ffffff;
	padding: 2px 3px;
	margin: 0 6px;
}

.tour div {
	margin:8px 0;	
}

.tour p {
	font-size: 12px;
	padding:1px 0;	
	color:#c2c3f8;
	text-indent: -12px; margin-left: 12px;	
}

.tour p a:link, .tour p a:visited {
	font-size:15px;
	height:28px;
	color: #fff;	
}

.tour p a:hover, .tour p a:active {
	color: #fff;
	text-decoration:none;
	
}
.tour em{
	text-decoration:none;
	color:#FFED00;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
}
.tour li a:link, .tour li a:visited {
	font-size:15px;
	height:28px;
	color: #fff;
	text-decoration:none;
}

.tour li a:hover, .tour li a:active {
	color: #29d4ff;
	text-decoration:none;
}

.tour li.tour-title { color:#88f8ff; padding-bottom:6px; border-bottom:1px solid #88f8ff; }
.tour li a span.price { color:#ffcff9; padding-left: 10px;}

/*特開*/

.tour p.tour-title { font-size:15px; color:#22e6fd; font-family: "微軟正黑體","黑體";}
.sp-box { border: 1px dashed #22e6fd ; padding:6px 12px; margin-top: 6px; 	font-family: "微軟正黑體","黑體";}
.sp-box a p.sp-title { font:500 20px "微軟正黑體","黑體"; color:#fcff27; line-height: 26px; }
.sp-box a p.sp-subtitle { font-size:13px ; color:#fff; }
.sp-box a p {	font-size: 12px; padding:3px 0 0 0;	color:#c2c3f8; text-indent: -12px; margin-left: 12px; }
.sp-box a p.btn { border: 1px solid #f6f7ff; padding:5px 10px 5px 22px; border-radius: 6px; color: #f6f7ff; margin: 6px 0; float: right; }
.sp-box a p.btn:hover { background: #f6f7ff; text-align: center; color:#3d477f; }


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

@media only screen and (max-width:960px) {
	.snow2,.snow3 { display: none;}
}
/*---平板-----*/

@media only screen and (max-width:768px) {
	.tbox03 { background: none;}
    .tit03,.tit04 { padding-left:60px;}
}
@media only screen and (max-width:767px) {
	.ph04,.ph05,.ph06 { text-align: center;}
	.main01 { background: none;}
	#main { margin-top: 230px;}
	.ph02,.ph03 { text-align: center; }
	.tit02,.tit03{
	background: url(img/line.png) center bottom no-repeat;
	text-align: center; }
	
}
@media only screen and (min-width: 601px) and (max-width:767px) {
}

@media only screen and (min-width: 481px) and (max-width:600px) {
	.tit01,.tit02,.tit05 { font-size:20px;}
	.ph07,.ph08,.ph09 { margin-left: 80px;}		
}

/*---手機版-----*/
@media only screen and (max-width:480px) {
	.tit01,.tit02,.tit05 { font-size:20px;}
	#main { margin-top: 200px;}
	.main02 { margin-top: 0px; }
    .tit01,.tit02,.tit03,.tit04,.tit05{ font-size: 17px;}
	.tit01 span,.tit02 span,.tit03 span,.tit04 span,.tit05 span { font-size: 22px;}
	.snow { display: none;}
	.tit03,.tit04 { padding-left: 0px; text-align: center; font-size: 20px;}
	.tbox03 { background: none;}
	.ph04,.ph05,.ph06 { /*margin-left: 25px;*/ text-align: center;}
	.ph07,.ph08,.ph09 { /*margin-left: 35px;*/ text-align: center;}
	.tour li {font-size: 16px;}
	.tour li a:link, .tour li a:visited {font-size:18px;}
	.ttop { display: none;}
	.ttop-xs { display: block;}	
	.tbox01, .tbox02 {width: 100%;}
	.tit02 span { display: block;}
	.tit05,.tit01 {text-align: center; padding-left: 0px;  }
}

/*---手機版2-----*/
@media only screen and (max-width:320px) {
	 #main { margin-top: 180px;}
	.tit01,.tit02,.tit03,.tit04,.tit05{ line-height: 24px;}
	.ttop, .ttop2, .ttop3 {margin: 20px 0;}
}