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

html,body {
  color: #505050;
  line-height: 1.75em;
  background: #ffffff;
  position: relative;
  font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
}

.navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.mycol{
  padding: 0;
  margin:0;
}

.mycol1{
  padding:0 10px 0 15px;
}

.mycol2{
  padding:0 15px 0 0;
}

.main-header{
  background: #ffffff;
}

.myhead{
	padding:0;
	height:87px;
}

.branding{
	height:87px;
}

.toptext{
  line-height: 93px;
  padding:0;
	text-align: center
}

.topright{
  text-align: center;
	margin-top:28px;
}

.topbtns{
  padding:.5em 0;
}

.topbtns a{
  display: block;
  border: solid thin #888;
  border-radius: 0.3em;
  color: #888;
  padding:0 0.3em;
  text-decoration: none;
}

.topbtns a:hover{
  border: solid thin #a62584;
  border-radius: 0.3em;
  color: #fff;
  background: #a62584;
  text-decoration: none;
}

.topbtndiv{
  padding:0 3px 3px 0;
}

.main{
  background: #ffffff;
  padding:10px;
  margin: 10px auto;
}

.justify{
  text-align:justify;
}

.pink{
	color:#e4007f;
}

.center{
  text-align: center;
}

.left{
  text-align: left;
}
/* main-navigation */
.main-navigation {
  text-align: center;
}

.mymenu{
	background: #a62584;
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
    color:#ffffff;
}

.main-navigation .menu {
  padding: 0;
  margin: 0;
}

.main-navigation .menu li {
  list-style: none;
  display: inline-block;
  position: relative;
}

.main-navigation .menu li.nav-current {
  border-bottom: 2px solid #e67e22;
  margin-bottom: -2px;
}

.main-navigation .menu li a {
  color: #ffffff;
  line-height: 2em;
  display: block;
  padding: 0 12px;
  font-size: 1.2em;
  font-weight: 500;

}

.main-navigation .menu li:hover > a {
  color: #fff100;
  text-decoration: none;
}

.main-navigation .menu li ul {
  visibility: hidden;
  background: #ffffff;
  text-align: left;
  padding: 2px 0px;
  margin: 0;
  position: absolute;
  left: 0;
  top: 120%;
  /*width: 200px;*/
  z-index: 999;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
          transition: all 0.2s ease;
}

.main-navigation .menu li ul li {
  display: block;
  margin: 0;
}

.main-navigation .menu li ul li a {
  line-height: 1.8em;
  color: #505050;
}

.main-navigation .menu li ul:hover > a {
  color: #e67e22;
}

.main-navigation .menu li:hover ul {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  top: 100%;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
 	background:#a62584;
} 


.brXsm{
	display: none;
}

.dropdown-menu li:hover > a {
  	color:#ffffff !important;
}


.logo-img{
  height: 80px;
  padding-top:20px;
}

.topline{
  padding:1em 0 0 0 ;
}


.hotline-text{
  font-size:1.2em;
}

.shotline{
  font-size:2.2em;
  color: #a62584;
  padding:0 0 0 6px;
  font-style: italic;
}



a.shotline:hover{
  text-decoration: none;
  color: #a62584;
}


a.loca-text:hover{
  text-decoration: none;
  color: #505050;
}


@media (max-width: 1199px){
  #main-menu{
    padding:0;
  }
	.main-navigation .menu li a {
	    text-align: center;
      padding:0 4px;
	}
  .topline{
    padding:0.3em 0 0 0;
  }

}

@media(max-width:991px){
  .copyright {
    background: #0168b7;
    text-align: center;
    color: #ffffff;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 300;
    font-size: 0.9em;
  }
  .main-navigation .menu li a {
     text-align: center;
     padding: 0 28px;
  }
  .logo-img{
    height: 70px;
  }
  .hotline-text{
    font-size:1em;
  }
  .passreulst {
      box-shadow: none !important;
      height: auto !important;
  }
	.topright{
	padding:0;
	}
	.topbtns a{
		padding:0;
	}
	.toptext{
		line-height:30px;
	}
	.myhead{
		height:77px;
	}
	
 }

@media(max-width: 767px){

  body{
    background: #ffffff;
  }
  .branding{
    width: 100%;
    height: 100%;
  }

  .myhead{
    background: none;
    height: 100%;
  }

  .main-navigation {
    text-align: left;
  }
  .main-navigation .menu li {
    display: block;
  }
  .main-navigation .menu li:hover > a {
    color: #fff100;
    text-decoration: none;
  }
  .main-navigation .menu li ul {
    visibility: visible;
    padding: 0px 0px 0px 20px;
    margin: 0;
    position: relative;
    top: 0;
    width: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .topline{
    padding: 0;
  }
  .hhtext{
    text-align:center;
    letter-spacing: 1px;
    font-size: 1.2em;
  }
  .shotline{
    font-size: 1.3em;
  }
  .logo-img {
      height: 80px;
  }
  .copyright span{
  	font-size: 0.8em;
  	line-height:0.8em;
  }
  .container{
    padding:0;
  }
  .row{
    margin: 0;
  }
  .main{
    padding:0;
  }
  .mycol1{
    padding:0;
  }
  .mycol2{
    padding:0;
  }

	.topright{
		margin-top:0;
	}
	
}

/* navbar */
.navbar-header {
  text-align: center;
}

.navbar-header i {
  height: 56px;
  line-height: 56px;
  font-size: 2em;
  cursor: pointer;
}

@media (min-width: 767px) {
  .nav-toggle-button {
    display: none;
  }
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}






/*====================================================
	footer
====================================================*/
.office{
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  padding:6px 5px;
  line-height: 1.5em;
}

.bottom{
  text-align: center;
  padding:10px 5px;
}

.bottom a{
  color: #333333;
}


@media (max-width: 1199px){
}

@media (max-width: 991px){

}

@media (max-width: 767px) {
  .copyright span{
  	font-size: 0.8em;
  	line-height:0.8em;
  }
  .bottom{
    text-align: left;
    line-height: 1.4em;
  }
  .copyright{
    text-align: center;
  }
  .office{
    padding:5px;
  }
}





















.alert {
    background-color: #fffee1 !important;
    color: #daac50 !important;
    border: 1px solid #f5c056 !important;
}


.alert.alert-error {
    background-color: #fdeaea !important;
    color: #ca6f74 !important;
    border: 1px solid #f27b81 !important;
}

.alert.alert-success {
    background-color: #edf6e5 !important;
    color: #7a9659 !important;
    border: 1px solid #9fc76f !important;
}

.alert.alert-info {
    background-color: #e9f8ff !important;
    color: #5d9fa9 !important;
    border: 1px solid #75c7d3 !important;
}

.alert.alert-normal {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #d5d5d5 !important;
}

.alert.alert-booking {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #d5d5d5 !important;
}




.wbg{
  background: #ffffff;
}

.navlink{
  padding:5px 5px 0 5px;
}

.navlink a{
  color: #333333;
}