body{
  font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
}

  @media print {
    a:after {content: "  "!important;}
	 .col-lg-12 {
		width: 100%!important;
	  }
	  .col-lg-11 {
		width: 91.66666667%!important;
	  }
	  .col-lg-10 {
		width: 83.33333333%!important;
	  }
	  .col-lg-9 {
		width: 75%!important;
	  }
	  .col-lg-8 {
		width: 66.66666667%!important;
	  }
	  .col-lg-7 {
		width: 58.33333333%!important;
	  }
	  .col-lg-6 {
		width: 50%!important;
	  }
	  .col-lg-5 {
		width: 41.66666667%!important;
	  }
	  .col-lg-4 {
		width: 33.33333333%!important;
	  }
	  .col-lg-3 {
		width: 25%!important;
	  }
	  .col-lg-2 {
		width: 16.66666667%!important;
	  }
	  .col-lg-1 {
		width: 8.33333333%!important;
	  }
	  .visible-lg{
		  display: block !important;
	  }
	  .visible-md{
		  display: none !important;
	  }
	  .visible-sm{
		  display: none !important;
	  }
	  .visible-xs{
		  display: none !important;
	  }
	  .buttonxs{
		  display: none!important;
	  }
	  .main-navigation{
		  display: none!important;
	  }
  }


@media only screen and (min-width: 1200px){
  .container {
      width: 1200px;
  }
}
.container {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

.mycol{
  padding:0;
}

.myhead{

  padding:0;
}

.buttonxs a{
  font-size: 0.8em;
  padding:5px;
  width: 20%;
}

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

.mymenu{
background: #0068b7; 
  
  padding:0;
}

.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 16px;
  font-size: 1.3em;
  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;
}

.newnimei{display:block;background:url(../images_1408/common/new.gif) no-repeat;width:23px;height:12px;position:absolute;top:-3px;left:170px;}

.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:#0081cc;
}

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

#main-menu{
  padding:0;
}

#menu-home,#menu-ticket,#menu-hotel,#menu-package,#menu-rail,#menu-ebt,#menu-tour,#menu-st,#menu-flex,#menu-sports,#menu-cruises,#menu-ex{
  /*background:url(/images_2017/menu-line.jpg) top right no-repeat;*/
}

.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 only screen and (max-width: 1199px){
	.main-navigation .menu li a {
	   text-align: center;
	   padding:0 5px;
	}
	.newnimei{display:block;background:url(../images_1408/common/new.gif) no-repeat;width:23px;height:12px;position:absolute;top:-3px;left:806px;}
}

@media only screen and (max-width: 991px){
	.main-navigation .menu li a {
	    text-align: center;
	    padding:0 24px;
	}
  #menu-home,#menu-ticket,#menu-hotel,#menu-package,#menu-rail,#menu-ebt,#menu-tour,#menu-st,#menu-flex,#menu-sports,#menu-cruises{
    background:none;
  }
	.newnimei{display:block;background:url(../images_1408/common/new.gif) no-repeat;width:23px;height:12px;position:absolute;top:38px;left:490px;}
}

@media only screen and (max-width: 767px) {
  .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);
  }
  .copyright span{
  	font-size: 0.8em;
  	line-height:0.8em;
  }
  .bottom{
    text-align: left;
    line-height: 1.4em;
  }
  .copyright{
    text-align: center;
  }

	h3{
		font-size: 20px;
	}

}

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

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


@media only screen and (min-width: 767px) {
  .nav-toggle-button {
    display: none;
  }
  .office{
    padding:5px;
  }
}

.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);
}

.myrow{
  display:flex;
  flex-wrap: wrap;
}

.myrow-1 {
  flex: 0 0 auto;
  width: 100%;
}

.myrow-2 {
  flex: 0 0 auto;
  width: 50%;
}

.myrow-3 {
  flex: 0 0 auto;
  width: 33.33%;
}

.myrow-4 {
  flex: 0 0 auto;
  width: 25%;
}

.img-fluid{
    max-width: 100%;
    height: auto;
}

.p-0{
  padding:0px;
}

.m-0{
  margin:0px;
}

.p-5{
  padding:5px;
}

.p-10{
  padding:10px;
}

.m-5{
  margin:5px;
}

.m-10{
  margin:10px;
}

.pb-0{
  padding-bottom: 5px;
}

.pb-5{
  padding-bottom: 5px;
}

.pb-10{
  padding-bottom: 10px;
}

.mb-0{
  margin-bottom: 0px;
}

.mb-5{
  margin-bottom: 5px;
}

.mb-10{
  margin-bottom: 10px;
}

.pt-0{
  padding-top: 0px;
}

.pt-5{
  padding-top: 5px;
}

.pt-10{
  padding-top: 10px;
}

.mt-0{
  margin-top: 0px;
}

.mt-5{
  margin-top: 5px;
}

.mt-10{
  margin-top: 10px;
}

.ps-0{
  padding-left: 0px;
}

.ps-5{
  padding-left: 5px;
}

.ps-10{
  padding-left: 10px;
}

.ms-0{
  margin-left: 0px;
}

.ms-5{
  margin-left: 5px;
}

.ms-10{
  margin-left: 10px;
}

.pe-0{
  padding-right: 0px;
}

.pe-5{
  padding-right: 5px;
}

.pe-10{
  padding-right: 10px;
}

.me-0{
  margin-right: 0px;
}

.me-5{
  margin-right: 5px;
}

.me-10{
  margin-right: 10px;
}

@media (max-width: 767px){

  .p-xs-0{
    padding:0px;
  }

  .m-xs-0{
    margin:0px;
  }
  
  .pb-xs-0{
    padding-bottom: 0px;
  }

  .pb-xs-5{
    padding-bottom: 5px;
  }

  .pb-xs-10{
    padding-bottom: 10px;
  }

  .mb-xs-0{
    margin-bottom: 0px;
  }

  .mb-xs-5{
    margin-bottom: 5px;
  }

  .mb-xs-10{
    margin-bottom: 10px;
  }

  .pt-xs-0{
    padding-top: 0px;
  }

  .pt-xs-5{
    padding-top: 5px;
  }

  .pt-xs-10{
    padding-top: 10px;
  }

  .mt-xs-0{
    margin-top: 0px;
  }

  .mt-xs-5{
    margin-top: 5px;
  }

  .mt-xs-10{
    margin-top: 10px;
  }

  .ps-xs-0{
    padding-left: 0px;
  }

  .ps-xs-5{
    padding-left: 5px;
  }

  .ps-xs-10{
    padding-left: 10px;
  }

  .ms-xs-0{
    margin-left: 0px;
  }

  .ms-xs-5{
    margin-left: 5px;
  }

  .ms-xs-10{
    margin-left: 10px;
  }

  .pe-xs-0{
    padding-right: 0px;
  }

  .pe-xs-5{
    padding-right: 5px;
  }

  .pe-xs-10{
    padding-right: 10px;
  }

  .me-xs-0{
    margin-right: 0px;
  }

  .me-xs-5{
    margin-right: 5px;
  }

  .me-xs-10{
    margin-right: 10px;
  }

  .p-xs-5{
    padding:5px;
  }

  .p-xs-10{
    padding:10px;
  }

  .m-xs-5{
    margin:5px;
  }

  .m-xs-10{
    margin:10px;
  }
  .myrow-xs-1 {
    flex: 0 0 auto;
    width: 100%;
  }

  .myrow-xs-2 {
    flex: 0 0 auto;
    width: 50%;
  }

  .myrow-xs-3 {
    flex: 0 0 auto;
    width: 33.33%;
  }

  .myrow-xs-4 {
    flex: 0 0 auto;
    width: 25%;
  }
}