@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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-family: '微軟正黑體', Helvetica, Arial, sans-serif;
	font-weight:bold;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	
	width:100%;
	height:100%;
	background:url(../img/back.jpg) top center repeat;	
	}
ol, ul {list-style: none;}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	margin: 0;
	padding: 0;
	clear: both;
	visibility:hidden;
}

/*---------------------------------------------------------------------*/
body{
	}

.rapper{
	/*background:background: #235d66 url(../img/head_bg.jpg) center top no-repeat;*/
	clear:both;
	overflow:hidden;
	}

h1, h2, h3 {display: none;}
	
.nav {display:none;}

.togglenav {
	z-index:9999;
	position:fixed;
	right:0;
	overflow:hidden;
	line-height: 30px; 
	width:100%;
	cursor:pointer;
	display:block;
	top:0px;
}



#header2{
	display:none;	
	}


 #header2 .container .train {
	 display:none;						
	}

.head{
	width:100%;
	margin:0 auto;
	clear:both;
	overflow:hidden;
	}

.head_hide_xs {display:block;}
.head_hide_sm {display:none;}

.city_box{
	width:50%;
	background-color:#FFF;
	border-radius:5px;
	margin-bottom:2%;	
}
.city_adimg　img{
	width:90%;
}
.city_adimg .xs {display:block;}
.city_adimg .sm {display:none;}
	
.container {
	max-width:960px; padding:0;	
	margin:0 auto;
	overflow:hidden;
	}
	
.main {  }


#phbox { 	
	/*height:500px;*/ 
	margin: 0 auto;
	padding-bottom:10px;	
	position: relative;
	z-index:1px;
}



.religion{
	display:none;
}

/*上面選單*/
	.abgne_tab {	
	display:none;
	}


/*行程*/
.tourbox{
	display:block;
	width:100%;
	overflow:hidden;
	clear:both;
	margin:0 auto;	
	position:relative;
	background-color:#ecc474;
}

.tit_top{
	display:block;
	width:127px;
	height:58px;
	background:url(../img/tourtop.png) top no-repeat;
	text-indent: -5000px;	
}

.tit_name{
	display:block;
	width:100%;	
	font-size:1em;
	line-height:1.2em;
	padding:0.5%;
	color:#944a02;	
}

.tour_list_box ul {	
	padding: 0;
}
	
.tour_list_box li{
	font-size: 0.9em;
	line-height: 1.2em;	
	border-bottom:1px dashed #987226;
	margin-bottom: 2px;
}

.tour_list_box li a{
	color:#0c5804;
	text-decoration:none;
	display:block;
	overflow:hidden;
	padding:1%;
}
.tour_list_box li a:hover{background-color:#fff8d6;}

.tour_list_box li strong{
	font-size:1.3em;
	color: #cc0000;
}

.tour_list_box li em{
	font-style: normal;
	font-size:1em;
	color: #b11212;
	margin:0;
}

.tour_list_box .more{
	width:100%;
	display:block;
	text-align:center;	
	font-size:1.2em;	
}

.tour_list_box .more a{	
	width:200px;
	background-color:#F8E9FF;
	color:#573fa6;
	text-decoration:none;
	display:block;
	overflow:hidden;
	margin:0 auto;	
}
.tour_list_box .more a:hover{background-color:#f0f0f0;}


	.tour_list_box p{
		font-size:0.8em;
		line-height:1.5em;		
		color:#373737;
		margin:0 0 1% 0;
	}
.tour_list_box li p.txt{
	padding:2%;
	color:#980002;
	font-size:1.2em;
	line-height:1.5em;	
	}
.tour_list_box li .red{
	color:#ea0000;
	float:left;
	margin-left: 10px;
}
.tour_list_box li .price{
	font-size:1.2em;
	color:#8F0002;
	margin-right:5px;
	font-weight: bold;
	float:right;	
}
.tour_list_box li .price strong{
	font-size:1.5em;
	color: #cc0000;
}
.tour_list_box li .tour_describe{
	font-size: 1.2em;
	line-height: 1.8em;
	color: #666666;
	margin-left: 10px;
	margin-right: 120px;
	display: block;
}



.head_hide_top {display:block;}

@media only screen and (min-width: 481px) {
.togglenav {
	z-index:9999;
	position:fixed;
	right:0;
	overflow:hidden;
	line-height: 30px; 
	width:100%;
	cursor:pointer;
	display:block;
	top:0;
}

#header2{
	display:none;					
	}

.tourbox {
	/*border-radius:5px;*/
	width:100%;
	padding:1%;
	height:auto;	
	margin:0 auto 0px auto;	
	/*background: rgba(100%,100%,100%,0.8);*/
}

.head_hide_xs {display: none;}


p.txt03{
	background:url(../img/txt01_3.png) top no-repeat;
	width:164px;
	height:54px;
	text-indent: -5000px;
	margin:1% 0 1% 0;
}

}


/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media screen and (min-width: 768px)  {
	

#header2{
	display:none;	
	}
.head_hide_xs {display: none;}
.head_hide_sm {display:block;}

}
@media screen and (min-width: 768px) and (max-width: 992px)  {

.togglenav {
	z-index:9999;
	position:fixed;
	right:0;
	overflow:hidden;
	line-height: 30px; 
	width:100%;
	cursor:pointer;
	display:block;
	top:30px;
	z-index:10;
}

#header2{
	display:none;	
	}
.head_hide_xs {display: none;}
.head_hide_sm {
	display:block;}
	

/*美國*/	
.main-ct01 {
	display:block;
	width:100%;	
}

#phbox {
	display:none;
}

}

@media screen and (min-width:960px)
{

.togglenav {
	z-index:9999;
	position:fixed;
	right:0;
	overflow:hidden;
	line-height: 30px; 
	width:100%;
	cursor:pointer;
	display:block;
	top:30px;
	z-index:10;
}
.head_hide_xs {display: none;}
.head_hide_sm {display:none;}

#usatop{
	width:100%;
}
#header2{
	display:block;
	width:960px;	
	min-height:372px;		
	overflow:hidden;
	clear:both;
	position:relative;
	margin:0 auto;
	background:url(../img/head_bg.jpg) top no-repeat;
	/*background-size: cover;*/		
	}

#header2 .usa {
	display: block;
	width: 467px;
	height: 223px;
	position: absolute;
	left: 60px;
	top: 135px;
	z-index: 10;
	/*text-indent: -5000px;*/
	}
#header2 .map {
	display: block;
	width: 467px;
	height: 223px;
	position: absolute;
	left: 476px;
	top: 73px;
	z-index: 10;
	/*text-indent: -5000px;*/
	}
.head_hide_top {display:none;}
.city_adimg .sm {display:block;}
.city_adimg .xs {display:none;}

#phbox{
	display:none;
}
/*內容*/
.main{
	display:block;	
	width:960px;
	height:450px;
	overflow:hidden;
	clear:both;
	margin:0 auto;
	background:url(../img/main_bg.jpg) top no-repeat;
	position:relative;	
}

/*上面選單*/
	.abgne_tab {
		display:block;
	margin: 0;
	padding: 0;
	width: 920px;
	position: absolute;
	left: 6px;
	top: 6px;
	}
	
	ul.tabs {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 912px;
	height: 49px;
	position: absolute;
	left: 26px;
	top: 16px;
	}		
	ul.tabs li {
	margin: 0;
	padding:0 10px 0 0;
	float: left;
	overflow: hidden;
	position: relative;
	text-indent:-5000px;
	}
	ul.tabs li a {
		display: block;
		width:100%;
		height:100%;
	}
	ul.tabs li#b1 {
	background:	url(../img/btn01.png) left top no-repeat;
	_background: url(../img/btn01.png) left top no-repeat;
	width:132px;
	height: 49px;
}
	ul.tabs li#b2 {
	background: url(../img/btn02.png) left top no-repeat;
	_background: url(../img/btn02.png) left top no-repeat;
	width:132px;
	height: 49px;
}
	ul.tabs li#b3 {
	background: url(../img/btn03.png) left top no-repeat;
	_background: url(../img/btn03.png) left top no-repeat;
	width:149px;
	height: 43px;
}

ul.tabs li#b4 {
	background: url(../img/btn04.png) left top no-repeat;
	_background: url(../img/btn04.gif) left top no-repeat;
	width:153px;
	height: 48px;
}

ul.tabs li#b5 {
	background: url(../img/btn05.png) left top no-repeat;
	_background: url(../img/btn05.gif) left top no-repeat;
	width:183px;
	height: 46px;
}

ul.tabs li#b6 {
	background: url(../img/btn06.png) left top no-repeat;
	_background: url(../img/btn06.gif) left top no-repeat;
	width:134px;
	height: 44px;
}

	ul.tabs li#b1.active , ul.tabs li#b1 a:hover { background: url(../img/btn01.png) left -49px no-repeat;_background: url(../img/btn01.gif) left -49px no-repeat;}
	ul.tabs li#b2.active , ul.tabs li#b2 a:hover { background: url(../img/btn02.png) left -49px no-repeat;_background: url(../img/btn02.png) left -49px no-repeat;}
	ul.tabs li#b3.active , ul.tabs li#b3 a:hover { background: url(../img/btn03.png) left -43px no-repeat;_background: url(../img/btn03.png) left -43px no-repeat;}	
	ul.tabs li#b4.active , ul.tabs li#b4 a:hover { background: url(../img/btn04.png) left -48px no-repeat;_background: url(../img/btn04.gif) left -48px no-repeat;}	
	ul.tabs li#b5.active , ul.tabs li#b5 a:hover { background: url(../img/btn05.png) left -46px no-repeat;_background: url(../img/btn05.gif) left -46px no-repeat;}	
	ul.tabs li#b6.active , ul.tabs li#b6 a:hover { background: url(../img/btn06.png) left -44px no-repeat;_background: url(../img/btn06.gif) left -44px no-repeat;}
	div.tab_container {
		margin:90px 0 0 50px;
		padding:0;
		clear: left;
		width: 850px;
		clear:both;
		font-size:1em;
		line-height:1.5em;
	}
	.tab_content #tab2{
	padding:0 0 0 5px;
	width:900px;
	
}
	div.tab_containe img {
		float:left;
	}
	div.tab_container .tab_content {
		padding:0;
		margin:0; 
	}

.tbox{
	width:900px;
	height:335px;
	background:url(../img/box_bg.png) top no-repeat;
}

.tbox img{
	float:left;	
}

.tbox p{
	margin:1% 5% 0 360px;
}

p.txt01{
	background:url(../img/txt01_1.png) top no-repeat;
	width:270px;
	height:71px;
	text-indent: -5000px;
	margin:50px 0 1% 350px;
}


p.txt02{
	background:url(../img/txt01_2.png) top no-repeat;
	width:270px;
	height:71px;
	text-indent: -5000px;
	margin:50px 0 1% 350px;
}

p.txt03{
		background:url(../img/txt01_3.png) top no-repeat;
	width:307px;
	height:71px;
	text-indent: -5000px;
	margin:50px 0 1% 350px;
}

p.txt04{
		background:url(../img/txt01_4.png) top no-repeat;
	width:307px;
	height:71px;
	text-indent: -5000px;
	margin:50px 0 1% 350px;
}

p.txt05{
		background:url(../img/txt01_5.png) top no-repeat;
	width:369px;
	height:74px;
	text-indent: -5000px;
	margin:50px 0 1% 350px;
}

p.txt06{
		background:url(../img/txt01_6.png) top no-repeat;
	width:270px;
	height:71px;
	text-indent: -5000px;
	margin:50px 0 1% 350px;
}

/*行程*/
.tourbox{
	display:block;	
	width:960px;	
	overflow:hidden;
	clear:both;
	margin:0 auto 50px auto;
	background:url(../img/tourbox_bg.jpg) top no-repeat;
	position:relative;	
}

.tit_top{
	display:block;
	width:127px;
	height:58px;
	background:url(../img/tourtop.png) top no-repeat;
	text-indent: -5000px;	
}

.tit_name{
	display:block;
	width:100%;	
	font-size:1.2em;
	line-height:1.8em;
	padding:0.5%;
	color:#944a02;	
}

.tour_list_box ul {	
	padding: 2% 5% 0 5%;
}
	
.tour_list_box li{
	font-size: 1em;
	line-height: 1.5em;	
	border-bottom:1px dashed #987226;
	margin-bottom: 2px;
}

.tour_list_box li a{
	color:#0c5804;
	text-decoration:none;
	display:block;
	overflow:hidden;
	padding:1%;
}
.tour_list_box li a:hover{background-color:#fff8d6;}

.tour_list_box li strong{
	font-size:1.3em;
	color: #cc0000;
}

.tour_list_box li em{
	font-style: normal;
	font-size:1em;
	color: #b11212;
	margin:0;
}

.tour_list_box .more{
	width:100%;
	display:block;
	text-align:center;	
	font-size:1.2em;	
}

.tour_list_box .more a{	
	width:200px;
	background-color:#F8E9FF;
	color:#573fa6;
	text-decoration:none;
	display:block;
	overflow:hidden;
	margin:0 auto;	
}
.tour_list_box .more a:hover{background-color:#f0f0f0;}


	.tour_list_box p{
		font-size:0.8em;
		line-height:1.5em;		
		color:#373737;
		margin:0 0 1% 0;
	}
.tour_list_box li p.txt{
	padding:2%;
	color:#980002;
	font-size:1.2em;
	line-height:1.5em;	
	}
.tour_list_box li .red{
	color:#ea0000;
	float:left;
	margin-left: 10px;
}
.tour_list_box li .price{
	font-size:1.2em;
	color:#8F0002;
	margin-right:5px;
	font-weight: bold;
	float:right;	
}
.tour_list_box li .price strong{
	font-size:1.5em;
	color: #cc0000;
}
.tour_list_box li .tour_describe{
	font-size: 1.2em;
	line-height: 1.8em;
	color: #666666;
	margin-left: 10px;
	margin-right: 120px;
	display: block;
}


/*按鈕列*/

.nav {
	width: 100%;
	width: 960px\9;
	height: 52px;
	margin: 0 auto;	
	display:block;	
}
.nav ul {
	width: 960px;
	height: 52px;
	margin: 0 auto;
	background: url(../img/nav.png) 0 0 no-repeat;	
}

.nav li {
	float: left;	
}
.nav li div {
	text-indent: -5000px;
	height: 52px;
}
.nav li a {
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
}
.nav li a .nav01 {width: 135px; margin-left: 477px;}
.nav li a .nav01:hover, .nav li.on a .nav01 {background: url(../img/nav.png) -477px -52px no-repeat;}
.nav li a .nav02 {width: 103px;}
.nav li a .nav02:hover, .nav li.on a .nav02 {background: url(../img/nav.png) -612px -52px no-repeat;}
.nav li a .nav03 {width: 103px;}
.nav li a .nav03:hover, .nav li.on a .nav03 {background: url(../img/nav.png) -715px -52px no-repeat;}
.nav li a .nav04 {width: 103px;}
.nav li a .nav04:hover, .nav li.on a .nav04 {background: url(../img/nav.png) -818px -52px no-repeat;}

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