@charset "utf-8";


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

body {
	background-color:#083247;
}



/*全部行程*/

#main {
	width:100%;
	margin:0 auto;
/*	position: relative;*/
	z-index:10;		
	font-size:15px;
	line-height:25px;
	color:#FFF;
	overflow:hidden;
	margin-top: 280px;
}

.ph01{
	background: url(img/ph02.png) center bottom no-repeat;
	height: 601px;
}
.ph02 {
	background: url(img/main2_bg.png) center center no-repeat;
}

.tit01,.tit02{
	line-height: 60px;
	color:#c5feff;
	font-family: "微軟正黑體","黑體";
	font-size: 22px;
	letter-spacing: 1px;
	padding: 10px 0;
}
.tit01 span,.tit02 span { 
	color:#fbf7d1;
	font-size: 30px;
	letter-spacing: 1px;
}

.icon01 { max-width: 16px; margin-right: 1px; margin-top:-10px; vertical-align:text-top;}



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

.ttop{
	max-width: 865px;
	margin: 30px 0 20px 20px;
	z-index: 10;
}
.ttop-xs {
	line-height: 60px;
	color:#c5feff;
	font-family: "微軟正黑體","黑體";
	font-size: 18px;
	margin: 30px 0 20px 0px;
	text-align: center;
	display: none;
}
.ttop-xs span { 
	color:#fbf7d1;
	font-size: 24px;
	padding:0 1px;
}


.tit03 img,.tit04 img,.tit05 img { max-width: 144px; } 
.ct03,.ct04,.ct05 { padding-top: 30px;}


/*行程*/

.tbox12 {
	background: #e6e8e8;
	margin-top: 50px;
}

.giguo{
	margin-top: 15px;
}

.giguo img {
	max-width:437px;
}

.tour {padding:10px 0 30px 0;}
.tour-title { padding:12px 10px 0px 10px;}
.tour-title img { max-width: 377px;}


.tour li {
	font-size: 15px;
	line-height: 20px;
	color: #6b6ea2;
	margin: 10px 5px 8px 5px;
	padding: 0;
	border-bottom: 1px dashed #9D9D9D;	
}
.tour strong {
	font-size:12px;
	line-height:22px;
	color:#ff6600;
	_font-weight:bold;	
}

.tour p {
	padding:3px 0 0 0;
	text-align:right;
	color:#2F2F2F;
}
.tour p a:link, .tour p a:visited {
	font-size:15px;
	height:28px;
	color: #2F2F2F;	
}

.tour p a:hover, .tour p a:active {
	color: #2F2F2f;
	text-decoration:none;
	
}
.tour em{
	text-decoration:none;
	padding-left:5px;
	color:#FC0036;
	font-size:13px;
	font-style:normal;
}
.tour li a:link, .tour li a:visited {
	font-size:15px;
	height:28px;
	color: #6b6ea2;
	text-decoration:none;
}

.tour li a:hover, .tour li a:active {
	color: #20224d;
	text-decoration:none;
}
.tour .title {
	font-size: 16px;
	color:#000066;
	font-weight: 500;
	margin: 15px 5px 8px 5px;
}



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

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

@media only screen and (max-width:959px) {
	.giguo img {
		max-width:350px; margin-top: 20px;
	}
@media only screen and (max-width:767px) {
	.giguo { display: none;}
}


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

/*---手機版-----*/

@media only screen and (max-width:480px) {
	.ttop-xs { display: block;}
	.tbox01 {float: none !important; margin: 0 auto;}
	.tbox02 {float: none !important; margin-left: auto; margin-right: auto;}
	.ttop { display: none;}
	.tit01,.tit02 { font-size:20px;}
    #main { margin-top: 150px;}
	.ph01{ background: none; margin-top:40px; height: auto;}
	.ct03,.ct05 { padding-left: 20px;}
	.tit04 img,.tit03 img,.tit05 img {  padding-top: 30px;}
	
}


/*---手機版2-----*/
@media only screen and (max-width:320px) {
	.ttop-xs { display: block; font-size:13px;}
	.ct03,.ct05 { padding-left: 30px;}
	.tit04 img { padding-right: 20px; padding-top: 30px;}
	.tit03 img,.tit05 img { padding-right: 20px; padding-top: 30px;}
	
}