@charset "utf-8";


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

body {
	background-color:#4f357c;
}

/*全部行程*/

#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/main5_bg1.png) center top no-repeat;
	min-height:581px; 
    position: relative;
    z-index: 20;
    margin-top:-20px;
}

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

.tit01,.tit02 {
	color:#e4b7ff;
	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 { 
	color:#fbf7d1;
	font-size: 26px;
	letter-spacing: 1px;
}
.tit01,.tit02 { padding-left: 40px;}

.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 {
	margin: 20px 0;
	z-index: 10;
}

.ttop2 {
    margin:80px 0 50px 0;
	z-index: 10;    
}

.ttop { background: url(img/tit12.png) center top no-repeat; height:40px; text-indent: -3000px; }
.ttop2 { background: url(img/tit13.png) center top no-repeat; height:58px; text-indent: -3000px;  }

.ttop img ,.ttop2 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;
 }

 .ctbox { margin-top: 32px; }
 .ct03,.ct04,.ct05,.ct06 { padding-top: 30px; }
 .ct03-1,.ct04-1,.ct05-1,.ct06-1 { text-align: center; }
 .tit03,.tit04,.tit05,.tit06 {padding-top: 30px; text-align: center; }
 .tit03-xs,.tit05-xs { display: none; text-align: center;  }
 .tit04,.tit06 { padding-left: 30px;}

.ph04 img,.ph05 img,.ph06 img { max-width: 284px;} 

.ph10{
	width: 515px;
	height: 324px;	
	background: url(img/ph38.png)  no-repeat;
	text-indent: -3500px;
	margin-top: 60px;
}

/*行程*/

p.tit07{
	width: 427px;
	height: 43px;		
	background: url(img/tit09.png) no-repeat;
	text-indent: -3500px;
	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;*/
	
}
.tour strong {
	font-size:15px;
	line-height:22px;
	color:#ff6600;
	font-weight:bold;	
}

.tour p {
	font-size: 12px;
	padding:3px 0 0 0;	
	color:#8c97cf;
	
}
.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; color:#88f8ff; margin-top: 5px; padding-bottom:6px; border-bottom:1px solid #88f8ff;}
.tour li a span.price { color:#ffcff9; padding-left: 10px;}


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

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

@media only screen and (max-width:768px) {
    .snow2,.snow3 { display: none;}
    .ph04 img,.ph05 img,.ph06 img { max-width: 230px;} 
    
}
@media only screen and (max-width:767px) {
	.ph04,.ph05,.ph06 { text-align: center; }

}
@media only screen and (min-width: 601px) and (max-width:768px) {
	#main { margin-top: 160px;}
}

@media only screen and (min-width: 481px) and (max-width:600px) {
	.tit01,.tit02 { font-size:20px;}
	#main { margin-top: 150px;}
}

/*---手機版-----*/
@media only screen and (max-width:480px) {
	.tit01,.tit02 { font-size:20px;}
	#main { margin-top: 150px;}
	.snow2,.snow3 { display: none;}
    .tit01,.tit02 { font-size: 17px;}
	.tit01 span,.tit02 span { font-size: 22px;}
	.snow { left:300px;}
	.ph04,.ph05,.ph06 { /*margin-left: 25px;*/ 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%;}
    .ph10 { display: none;}
    .tit03-xs,.tit05-xs { display:block; }
    .tit03,.tit05 { display:none; }  
    .tit03,.tit04,.tit05,.tit06 {padding-top: 10px;}
    
}

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