/****Table of Contents***
*****0.0 GENERAL*********
*****1.0 Carousel********
*****2.0 Navigation******
*****3.0 Compnay*********
*****4.0 Services********
*****5.0 FLEET***********
*****6.0 GALLERY*********
*****7.0 PRICE***********
*****8.0 CONTACT*********
*****9.0 FAQ*************/

/*0.0 General*/
/*INITIAL SETTING*/
body,h1,h2,h3,h4,h5,h6,p,a{
  font-family: "微软雅黑",verdana,arial,sans-serif;
}

body{
	overflow-x:hidden;
	position: relative;
}

html,body{
 margin: 0;
 padding:0;
 -webkit-font-smoothing: antialiased;
 width: 100%;
 height: 100%;
}
.center{
	margin: 0 auto;
	float: none;
}

.text-center{
	text-align: center;
}

.green{
	color: #00a651;
}

.banner img,
.serviceEach img,
#gallery img,
#price img
{
	width: 100%;
}

.btn-green {
background-color: #118007;
margin: 0 auto;
width: 45%;
border: none;
display: block;
}

.btn-grey {
background-color: #929699;
margin: 0 auto;
width: 55%;
border: none;
display: block;
padding:5px;
color: #fff;
/* -webkit-transition: all 1s ease-in-out;
 -moz-transition: all 1s ease-in-out;
 -o-transition: all 1s ease-in-out;
 transition: all 1s ease-in-out;*/
}

.btn-black{
/*background-color: rgba(255, 255, 255,0.35);*/
background: url(../img/icon/bg-white.png) repeat;
border-radius: 0;
border: 1px solid #fff;
}

.loading {
    background: url(../img/load/loading.gif) no-repeat 50% 50% fixed;
    z-index:999;
}

section {
    opacity: 0;
    -webkit-transition:opacity .6s;
    -moz-transition:opacity .6s;
    -o-transition:opacity .6s;
    transition: opacity .6s;
}

.loaded section{
    opacity: 1;
}

h2{
	font-size:36px;
	margin-bottom:20px;
}

/*@media (min-width:992px){*/
.animated {
visibility: hidden;
}

.visible {
visibility: visible;
}
/*}*/

/*background*/
#home,#navigation,#company,#services,#fleet,#gallery,#price,#faq,#contact{
	width: 100%;
}

/*#company,#services,#gallery,#price,#contact .contactBody,#faq,#fleet{
	padding:95px 0;
}*/



#company .container,
#services .container,
#fleet .container,
#gallery .container,
#price .container,
#faq .container,
#contact .container{
	padding-top: 75px;
	padding-bottom: 75px;
}

#home,#company,#services,#fleet,#gallery,#price,#faq,#contact{
	position: relative;
	display: block;
	margin:0;
	height: auto;

}

#company,#services,#fleet,#gallery,#price,#faq,#contact .contactBody{
	padding:25px 0;
}

#blank{
	width: 100%;
	padding:200px 0;
	background-color: #fff;
}

/*#fleet{
	padding: 100px 0;
}*/

#services,#gallery{
	background-color: #fff;
}

#company{
	background: url(../img/bg/company.jpg) top center fixed;
}

#fleet {
background: url(../img/bg/fleet.jpg) top center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;;
color: #fff;

}

#price {
background: url(../img/bg/price.jpg) top center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;;
}

#contact{
  background: url(../img/bg/contact.jpg) top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;;
}

#faq{
 background: url(../img/bg/faq.jpg) top center fixed;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;;
}

/*1.0 Carousel*/
#home {
position: relative;
}

#carousel-cover{
	background: url(../img/icon/cover.png);
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

/*#carousel-cover {
background: url(../img/icon/cover.png);
background-repeat: repeat;
width: 100%;
height: 100%;
position: relative;
z-index: 5;
}*/

.banner  {
padding-top: 12%;
}

.banner .col-lg-5.col-md-5.col-sm-4.col-xs-6.center{
	float: none;
}

#carouselMain {
    width: 100%;
    top: 0;
    z-index: 0;
    position: relative;
}

.carousel-inner .item {
    width: 100%;
}


/*2.0 Navigation*/
/*#navigation{
  width: 100%;
  position:static;
  top:-32px;
  height: 50px;
}

#navigation.affix {
   position: fixed;
   top: 0;
   z-index:200;
   -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}*/

@media (min-width: 992px){
	#navigation{
  width: 100%;
  position:static;
  top:-32px;
  height: 50px;
	}

	#navigation.affix {
	   position: fixed;
	   top: 0;
	   z-index:200;
	   -webkit-transition: all .6s ease-in-out;
	}
}

@media (max-width: 992px){
	#navigation{
		position: fixed;
		top:0;
		left: 0;
	}

	#home{
		margin-top: 50px;
	}
}

.navbar-brand{
	overflow: hidden;
	display: block;
	padding:5px 10px;
}

.navbar-brand img{
	height: 100%;
	width: auto;
	display: block;
}

.navbar-default{
	background: url(../img/icon/navibg.png);
}


.navbar-default .navbar-nav > .current > a, .navbar-default .navbar-nav > .current > a:hover, .navbar-default .navbar-nav > .current > a:focus {
color: #488e48;
background-color: none;
border-top: 3px solid #488e48;
}

.navbar-default .navbar-nav > li > a{	
 border-top: 3px solid transparent;
 color: #666;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #488e48;
}

.navbar-default .navbar-nav > li{
	text-align: center;
}

#navigation > div > div.navbar-header > button {
background-color: #ddd;
}

.navbar{
	margin-bottom: 0;
}

.navbar-default .navbar-nav > li > a > span{
	font-size:20px;
}

@media (max-width: 768px){
	.navbar-nav > li > a {
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 20px;
	}
}

/*3.0 Company*/
#company .row {
margin-top: 10%;
margin-bottom: 10%;
}

.companyEach{
background-color: #000;
opacity: .9;
-moz-opacity: .9;
filter: alpha(opacity=90);
color: #Fff;
padding:15px;
margin-top: 15px;
margin-bottom: 15px;
}

.companyEach h3{
	font-size: 17px;
	font-weight: bold;
}

@media (min-width: 992px){
	.companyEach h3{
		height: 36px;
	}
}

.companyShort{
  text-overflow:ellipsis;
  height: 150px;
  margin-bottom: 15px;
  overflow: hidden;
  padding:5px;
  text-align: justify;
}

.companyPopup .modal-content{
	background: #6E6D72;
	border-radius: 0;
}

.companyPopup .modal-header{
  border-bottom:none;
}

.companyPopup .modal-title {
color: #829b64;
font-weight: bold;
}

.companyPopup .modal-body {
overflow: hidden;
color: #fff;
}

.companyPopup .modal-body ul {
margin: 0;
padding: 0 10px;
font-size: 13px;
}

.companyPopup .modal-body ul li {
width: 50%;
float: left;
padding: 5px;
}

/*4.0 Services*/
#services .row {
margin-bottom: 15px;
}

.serviceEach
{
 position: relative;
}

.serviceMask{
 background:#488e48;
 opacity: .6;
 -moz-opacity: .6;
 filter: alpha(opacity=60);
 position: absolute;
 top: 0;
 left:0;
 z-index: 5;
 width: 100%;
 height: 100%;
 -webkit-transition: all 1s ease;
 -moz-transition: all 1s ease;
 -o-transition: all 1s ease;
 transition: all 1s ease;
}

.serviceEach:hover .serviceMask{
 background-color: transparent;
}

.serviceTitle{
	width: 100%;
	background-color: #000;
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
	color: #fff;
	font-size: 12px;
}

.hyper,
.hyper:hover{
	text-decoration: underline;
}

/*5.0 Fleet*/
.fleetMap {
height: 95px;
}

.mapSydney {
padding-top: 45px;
}

.mapMelbourne img {
padding-top: 60px;
}

.fleetIntro{
	margin-top: 15px;
	margin-bottom: 15px;
}

#fleet .panel {
margin-bottom: 5px;
background-color: transparent;
border: none;
border-radius: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
}

#fleet .panel-default .panel-heading {
color: #fff;
background-color: transparent;
border-color: transparent;
border-bottom:none;
}

#fleet .panel-group .panel-heading + .panel-collapse .panel-body {
border-top: none;
padding: 10px 15px 10px 50px;
}
}

#fleet .panel-group .panel-title{
	line-height: 30px;
}

#fleet .panel .panel-heading .panel-title a {
background: url(../img/icon/plus.png) 0 38% no-repeat;
padding-left: 40px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
}

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


/*6.0 Gallery*/
#gallery .col-sm-4,
#gallery .col-md-4,
#gallery .col-lg-4{
padding-right: 0;
padding-left: 0;
}

#gallery .galleryEach{
	position: relative;
	color: #fff;
}

#gallery .galleryEach a,
#gallery .galleryEach a:hover{
	color:#fff;
	text-decoration: none;
}

#gallery .galleryEach .galleryHover{
 cursor:pointer;
 position: absolute;
 top: 0;
left: 0;
width: 100%;
height: 100%;
 opacity: 0;
 -moz-opacity: 0;
 filter: alpha(opacity=0);
 -webkit-transition:all 0.45s ease-in-out;
 -moz-transition:all 0.45s ease-in-out;
 -o-transition:all 0.45s ease-in-out;
 -ms-transition:all 0.45s ease-in-out;
 transition:all 0.45s ease-in-out;
}

#gallery .galleryEach:hover .galleryHover{
background:#488e48;
opacity: .7;
-moz-opacity: .7;
filter: alpha(opacity=70);
}

/*7.0 Price*/
.priceEach,
.priceEach .priceThumb{
	position: relative;
}

.priceEach .priceThumb h3,
.priceEach .priceThumb .priceOur{
	position: absolute;
}

.priceEach .priceThumb h3 {
	top: 0;
	left: 0;
	width: 100%;
	color: #fff;
	text-shadow: 1px 1px 5px #000;
}

.priceEach .priceThumb .priceOur {
background: url(../img/icon/price.png) 0 0 no-repeat;
width: 86px;
height: 86px;
background-size: 100% 100%;
padding-top: 25px;
font-size:12px;
font-weight: bold;
cursor: default;
top: 85%;
left: 50%;
margin-left: -43px;
}

.priceEach:hover{
	cursor: pointer;
}

.priceEach .priceOur,
.priceEach:hover .priceOur{
	color: red;
}

.priceEach:hover .btn-grey,
.btn-grey:hover{
background-color: #0b800e;
}

.priceEach .priceContent {
border: 2px solid #ccc;
padding-top: 50px;
background-color: #fff;
}

.priceEach .priceContent p {
border-top: 2px solid #ccc;
padding-top: 10px;
}

.priceEach .priceDescri {
min-height: 120px;
padding: 5px;
}

a.btn-grey,
a.btn-grey:hover
{
	text-decoration: none;
	color: #fff;
}

/*8.0 Contact Us*/
#contact{
	color: #fff;
}
.contactHeading{
 background-color: #231f20;
 padding-top: 5px;
 padding-bottom: 5px;
}

.contactHeading,
.contactBody{
 width: 100%;
}

/*.contactBody h1{
	margin-bottom: 40px;
}
*/
.contactBody h4{
	border-bottom:1px solid #fff;
	padding-top:10px;
	padding-bottom: 10px;
	margin-top: 0;
	margin-bottom: 15px;
}

/*@media (min-width: 1200px){
.contactBody form{
	padding-left: 15%;
}
}*/

.contactBody .form .form-control{
	color: #fff;
	background-color: transparent;
/*	background-image: none;*/
	border: 1px solid #FFFCFC;
	border-radius: 0;
/*	opacity: .5;
	-moz-opacity: .5 ;
 	filter: alpha(opacity=50);*/
}

.contactBody  select option{
	background: #000;
/*	background: url(../img/icon/bg-black.png) repeat;*/
	color: #fff;
}

.icon-phone, .icon-email, .icon-address, .icon-txt {
padding-left: 35px;
}


.operation h5{
/*	background-color: rgba(29, 221, 91, 0.27);*/
padding: 10px;
background: url(../img/icon/bg-green.png) repeat;
}

.icon-phone{
	background: url(../img/icon/phone.png) 0 0 no-repeat;
}

.icon-email{
	background: url(../img/icon/email.png) 0 0 no-repeat;
	line-height: 27px;
}

.icon-address{
	background: url(../img/icon/address.png) 0 0 no-repeat;
	line-height: 27px;
}

.icon-txt{
	background: url(../img/icon/txt.png) 0 0 no-repeat;
}

#contact .contactBody .container{
	position: relative;
}

@media (min-width: 992px){
.copyright{
	position: absolute;
	bottom: 0;
	left: 0;
}	
}


/*9.0 Faq*/
#faq .col-sm-4,
#faq .col-md-4,
#faq .col-lg-4{
padding-right: 0;
padding-left: 0;
}

.faqTabs {
width: 245px;
text-align: center;
margin-top: 20px;
margin-bottom: 30px;
overflow: hidden;
padding: 0;
margin: 30px auto;
}

.faqTabs li {
display: inline;
list-style: none;
text-align: center;
float: left;
}

.faqTabs li a {
color: #000;
display: block;
padding: 10px 20px;
background-color: #fff;
opacity: .7;
-moz-opacity: .7;
filter: alpha(opacity=70);
}

.faqTabs li a:hover, .faqTabs li a:focus, .faqTabs li.active a {
background-color: #000;
color: #fff;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
text-decoration: none;
}

#faq .tab-content {
width: 85%;
margin: 0 auto;
}

.termsEach, .questionEach {
background-color: #fff;
opacity: .7;
-moz-opacity: .7;
filter: alpha(opacity=70);
overflow: hidden;
padding: 5px 20px;
border: 1px solid #B9B5B5;
}

.icon-quotes{
	background:url(../img/icon/quotes.png) 0 0 no-repeat;
}

.icon-payments{
	background:url(../img/icon/payments.png) 0 0 no-repeat;
}

.icon-amendments{
	background:url(../img/icon/amendments.png) 0 0 no-repeat;
}

.icon-cancellations{
	background:url(../img/icon/cancellations.png) 0 0 no-repeat;
}

.icon-extensions{
	background:url(../img/icon/extensions.png) 0 0 no-repeat;
}

.icon-liability{
	background:url(../img/icon/liability.png) 0 0 no-repeat;
}

.icon-luggage{
	background:url(../img/icon/luggage.png) 0 0 no-repeat;
}

.icon-lost{
	background:url(../img/icon/lost.png) 0 0 no-repeat;
}

.icon-child{
	background:url(../img/icon/child.png) 0 0 no-repeat;
}

.icon-pickups{
	background:url(../img/icon/pickups.png) 0 0 no-repeat;
}

.icon-food{
	background:url(../img/icon/food.png) 0 0 no-repeat;
}

.icon-safety{
	background:url(../img/icon/safety.png) 0 0 no-repeat;
}

.termsEach p {
height: 85px;
overflow: hidden;
padding-left: 40px;
transition: All 1.5s ease;
-webkit-transition: All 1.5s ease;
-moz-transition: All 1.5s ease;
-o-transition: All 1.5s ease;
-ms-transition: all 1.5s;
font-size: 12px;
}

.termsEach{
	width: 100%;
	transition: All 1.5s ease;
	-webkit-transition: All 1.5s ease;
	-moz-transition: All 1.5s ease;
	-o-transition: All 1.5s ease;
	-ms-transition: all 1.5s;
}

.termsEach .termsMore {
color: #918F8F;
}

.termsEach .termsMore:hover,
.termsEach .termsMore:focus {
color: #918F8F;
text-decoration: none;
}

.termsEach h4,
.questionEach h4,
.questionEach p{
	font-weight: bold;
	padding:10px 0 10px 40px;
}

.termsEach h4{
	height: 36px;
	font-size: 14px;
}

.icon-question {
background: url(../img/icon/question.png) 0 0 no-repeat;
}

.icon-answer{
	background: url(../img/icon/answer.png) 0 0 no-repeat;
}


/*colorbox*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(img/icon/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/icon/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/icon/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/icon/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}




/*RESPONSIVE*/
@media (min-width: 768px){
	.nav > li > a {
		padding: 10px 5px;
		}
	.modal-dialog {
	width: 600px;
	margin: 15% auto;
	}
}

@media (min-width: 996px){
    
    .nav > li > a {
		padding: 10px 15px;
		}

	.fiveInOne .col-2{
		width: 20%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.row-narrow {
		width: 80%;
		}

	.modal-dialog {
	width: 750px;
	}

}

@media (min-width: 1200px){
	#fleet .panel-group {
		margin-bottom: 20px;
		width: 80%;
		margin: 0 auto;
		}
}