@charset "big5";
/* CSS Document */

.antarcticArctic{
	background-image: url(/extravel/images/antarcticArctic.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
	padding:0;
	margin:0;
}

.killspace{
	padding:0;
	marign:0;
}

.headbanner{
	height: 400px;
}

.CSamerica{
	background-image: url(/extravel/images/CSamerica.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
	padding:0;
	margin:0;	
}

.africa{
	background-image: url(/extravel/images/africa.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
	padding:0;
	margin:0;	
}

.europe{
	background-image: url(/extravel/images/europe.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
	padding:0;
	margin:0;	
}

.office{
	margin-top:20px;
}

.irowx{
	border-radius: 10px;
	background-color: #ffffff;
	margin:10px 0;
	padding:10px;
	}

.exsite{
	padding-top:5px;
	padding-bottom:10px;
	border-bottom:thin solid #d5d5d5;
}

.tul{
	list-style-type:disc !important;
	padding:0 0 0 40px;
}

.tol{
	padding:0 0 0 40px;
}

.tol li{
	font-size: 1em;
	padding:3px 20px 0 3px;
	line-height: 1.8em;
	text-align: justify;
}


.pt{
	font-size:1.2em;
	font-weight: bold;
	color: #03004c;
	padding:5px 20px;
}

.ptd p{
	line-height: 2.2em;
	padding:3px 20px;
}

.tul li{
	font-size:1.2em;
	padding:8px 0;
}
.tt {
	color: #578fb4;
	font-family: "Microsoft YaHei",Arial;
	font-size: 18px;
	font-weight: 600;
	margin: 0;
	padding: 5px 20px;
	line-height: 26px;
	background: #c4e8ff;
}
.pricetext{
	font-size:1.2em;
	line-height: 2.2em;
	float:left;
	text-align: center;
}

.text2{
	font-size:1.2em;
	line-height: 2.2em;
    color: #005296;
}

.pricebig{
	color:red;
	font-size:1.8em;
}

.pricered{
	color:red;
	font-size:1.2em;
}

.pricetable{
    font-size: 1em;
	padding: 10px;
}

.stext{
	font-size:0.9em;
}

.line1{
	border-top:thin #d5d5d5 solid;
}

.line2{
	border-bottom:thin #d5d5d5 solid;
}

.line3{
	border-top:thin #d5d5d5 solid;
	border-bottom:thin #d5d5d5 solid;
}

.padding1{
	padding-top:10px;
}

.padding2{
	padding-bottom:10px;
}

.padding3{
	padding-top:10px;
	padding-bottom:10px;
}


 .fa-plus-circle{
	display: none;
}

#firstday .fa-minus-circle{
	display: block;
}

#firstday .fa-plus-circle{
	display: none;
}

.collapsed .fa-minus-circle,#firstday.collapsed .fa-minus-circle{
	display: none;
}

.collapsed .fa-plus-circle,#firstday.collapsed .fa-plus-circle{
	display: block;
}

.panel-title a{
	display:block;
	text-decoration:none;
}

.panel-title a:hover{
	text-decoration:none;
}

.dayTxt{
	text-align:justify;
	font-size:1.2em;
}

.icon-plan{
	display: inline-block;
	width: 1.2em;
	height:1.2em;
	background-image: url(/extravel/images/plane.svg);
	background-size: cover;
	background-repeat: no-repeat;
	margin:0 0.2em;
}

.icon-food{
	display: inline-block;
	width: 1.1em;
	height:1.1em;
	background-image: url(/extravel/images/food.svg);
	background-size: cover;
	background-repeat: no-repeat;
	margin:0 0.2em;
}

.icon-house{
	display: inline-block;
	width: 1.2em;
	height:1.2em;
	background-image: url(/extravel/images/bed.svg);
	background-size: cover;
	background-repeat: no-repeat;
	margin:0 0.2em 0 0.5em;
}

.icon-pay{
	display: inline-block;
	width: 1em;
	height:1em;
	background-image: url(/extravel/images/money.svg);
	background-size: cover;
	background-repeat: no-repeat;
	margin:0 0.2em 0 0;
}

.headtd{
	background:#00a0e9;
	color:#ffffff;
	font-weight:bold;
}

#navbar{
	padding-top:10px;
}

#navbar ul.nav-tabs.affix{
   top: 20px; /* Set the top position of pinned element */
}

#navbar .nav-tabs{
	border:none;
	font-size:1.2em;
}

#navbar .nav-tabs>li>a{
	border-radius: 0;
	border-left: 4px solid #ffffff;
}

#navbar .nav>li>a:focus, #navbar .nav>li>a:hover
{
	background:#920783;
	color:#ffffff;
}

#navbar .nav-tabs>li.active>a, #navbar .nav-tabs>li.active>a:focus, #navbar .nav-tabs>li.active>a:hover
{
	border:none;
	border-left: 4px solid #920783;
}

#navbar .affix{
	width:232px;
}


@media(max-width: 1199px){
	
	.headbanner{
		height: 350px;
	}

}



@media(max-width: 991px){
	
	.headbanner{
		height: 300px;
	}


}

@media(max-width: 768px){
	
	.headbanner{
		height: 200px;
	}

	.xsnopadding{
		padding-left: 0;
		padding-right: 0;
	}

}