body {
   font-family: 'Open Sans', sans-serif;
    font-size: 100%;
    color: #333333;
    background-color: #fff;
}
	#main{
		margin: initial;
	}
	h1,h2,h3,h4,h5{
		font-family: 'Open Sans', sans-serif;
	    font-weight: initial;
	}
	p{
		  font-family: 'Open Sans', sans-serif;
		font-size:16px;
	color:#454545;
	 
	}
textarea, input{
	  font-family: 'Open Sans', sans-serif;
}
/*header样式*/
header{overflow: initial;}
	.quote_box {
		    position: absolute;
		       right: 0px;
    top: 0;
	}
	.quote_box  a{
	    line-height: 80px;
    font-size: 18px;
      padding: 0px 10px 0 45px;
    display: block;
    color: #fff;
    position: relative;
	    font-family: 'Open Sans', sans-serif;
	}
	.quote_box  a:hover{
	    background-color: #b53a3c;
		    text-decoration: initial;
	}
	.quote_box a span{
		    width: 30px;
    height: 30px;
    position: absolute;
    background: url(https://www.downtownmelody.com/_x/d3d3LmNoaW5hdGliZXR0cmFpbi5jb20/assets/images/train-iti-2017-quote.png) no-repeat 0px 0px;
    top: 25px;
    left: 10px;
		
	}

#menunav li.routemenu .drowmenudiv {
    width: 380px;
}
#menunav, #copyright {
    height: 80px;
    line-height: initial;
    background-color: #b00000;
    position: relative;
    z-index: 999;
	    box-shadow: rgba(0,0,0,.7) 0 0 15px;
}
	#menunav li .drowmenudiv{
		top: 80px;
	width: 195px;
	}
	#menunav li>a{
		    font-size: 18px;
		    line-height: 80px;
		 padding: 0 1em;
	    font-family: 'Open Sans', sans-serif;
	}
	.logo_box {
	    padding: 10px 0 10px 10px;
    box-sizing: border-box;
	}
	.logo_box a{
		    display: block;
    font-size: 0;
	}
	#menunav li.drowmenu>a span {
		    margin-left: 10px;
		    border-top: 8px solid #fff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
	#menunav li.drowmenu.current>a span, #menunav li.drowmenu>a:hover span {
    border-top: none;
    border-bottom: 8px solid #fff;
}
	/* footer*/
	#footer{
		    padding-top: initial;
    border-top: initial;
	}
	.footer_bg2b{
    background: #2b2b2b;
    padding: 20px 0;
	}
	.footer_bg2b h3{
		    text-align: center;
    font-size: 24px;
    color: #b4b4b4;
    margin-bottom: 20px;
		font-weight: initial;
	}
	#footer .footer_whylist li{
		    width: 25%;
    float: left;
	}
	#footer .footer_whylist li p{
		color: #b4b4b4;
    font-size: 14px;
	 line-height: 1.8em;
	}
	#footer .footer_whylist li h4{
		    color: #b4b4b4;
    font-size: 18px;
    margin-bottom: 8px;
	padding-left: 35px;
		position: relative;
    line-height: 35px;
	}
	#footer .footer_whylist li h4 span{
		    position: absolute;
    width: 35px;
    height: 35px;
    background: url(https://www.downtownmelody.com/_x/d3d3LmNoaW5hdGliZXR0cmFpbi5jb20/assets/images/train-iti-2017-ok-icon.png) no-repeat 0px -1px;
    top: 0px;
    left: 0px;
	}
	#footer .footer_whylist li .info{
		width: 85%;
	}
	#footer .footer_enmaillist li.email_li{
		width:50%;
	}
		#footer .footer_enmaillist li {
		width:25%;
	}
	.footer_bged{
		    padding: 15px 0;
    background: #ededed;
	}
	#footer .footer_enmaillist li h4{
		    color: #333333;
    margin-bottom: 15px;
    font-size: 16px
	}
	#footer .footer_enmaillist li h4 a:after{
	content: '';
    right: -12px;
    top: 4px;
    position: absolute;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #333;

	}
	.footer_enmaillist li h4 a{
		    color: #333333;
		    position: relative;
	}
#footer .footer_enmaillist li .info p,#footer .footer_whylist li .info p{
	    margin-bottom: initial;
}
	.footer_enmaillist li h4 a:hover{
		text-decoration: initial;
    color: #bc0000;
	}
	.copyright_box p{
		text-align: center;
    background: #bc0000;
    color: #fff;
    height: 30px;
    line-height: 30px;
	    margin-bottom: initial;
	}
	#newsletter .name_input{
		height: 33px;
    line-height: 33px;
    border: 1px solid #d9d9d8;
    background-color: #fff;
    width: 100px;
    font-size: .875em;
	}
	#newsletter .email_input{
			height: 33px;
    line-height: 33px;
    border: 1px solid #d9d9d8;
    background-color: #fff;
    width: 200px;
    font-size: .875em;
	}
	.sendnewsletter{
		height: 38px;
    background: #bc0000;
    color: #fff;
    padding: 0 20px;
    line-height: 38px;
    display: inline-block;
	    vertical-align: middle;
	cursor: pointer;
	}
#menunav li {
    
  float: initial;
    position: relative;
    display: inline-block;
}

.pagenavajax a.current, .pagenavajax a:hover {
    background-color: #bc2000;
    color: #fff;
}
.pagenavajax a {
 
       font-family: 'Open Sans', sans-serif;
    color: #bc2000;
    border: 1px solid #bc2000;
  
}
#comment-reply h4 span{
	 font-family: 'Open Sans', sans-serif;
	color:#bc2000;
	}
.maylike h4 {
    font-weight: bold;
    color: #bc2000;
}
	@media screen and (max-width:1400px) {
		
		/*header*/
		#menunav li>a {
		    font-size: 18px;
    line-height: 80px;
    padding: 0 .5em;
		}
		.quote_box  a{
			    font-size: 18px;
		}

		
	}	
@media screen and (max-width:1169px) {
#menunav {
    height: auto;
    line-height: 24px;
    z-index: 999;
}
#menunav {
    display: none;
    position: fixed;
    top: 56px;
    left: 0;
    width: 100%;
    padding: .5em 0;
}
	#header {
    height: 56px;
}
	.mobile-header {
    display: block;
}
	.logo_box {
		display:none;
	}
	.quote_box {
		    position: static;
    float: initial;
		    width: 98%;
    margin: 0 1%;
    overflow: hidden;
	}
	#menunav li>a{
		    line-height: initial;
	}
	.quote_box  a{
		    line-height: initial;
    padding-left: .5em;
	}
	.quote_box a span{
		display:none;
	}
	.normal-header, #menunav li.drowmenu>a span {
    display: none;
}
	#menunav li a {
    text-align: left;
    display: block;
}
	#menunav li {
    width: 100%;
    height: 30px;
    line-height: 30px;
}
	
}
@media screen and (max-width:860px) {
	#footer .footer_whylist li {
		width: 50%;
	}
	#footer .footer_enmaillist li h4 a:after {
		    display: none;
	}
}
	@media screen and (max-width:480px) {
	#newsletter .email_input{
		    width: 120px;
	}
		#footer .footer_whylist li {
    display: block;
    width: 100%;
			padding: 0 20px;
		}
		#footer .footer_enmaillist li {
    width: 100%;
    display: block;
    padding: 0 20px;
    box-sizing: border-box;
}
		#footer .footer_enmaillist li.email_li{
			    width: 100%;
		}
		}


#menunav li{
	    position: static;
	}
	#menunav li.routemenu .drowmenudiv {
    width: 100%;
}
	.drotrain_left {
	    width: 55%;
    padding-right: 3%;
    box-sizing: border-box;
    border-right: 1px solid #d5d5d5;
	}
	.drotrain_right {
	width: 45%;
    padding-left: 3%;
    box-sizing: border-box;
	}
	.drotrain_imgbox {
		    width: 35%;
	}
	.drotrain_routebox {
	    width: 64%;
    padding: 10px;
    box-sizing: border-box;
	}
	.drotrain_leftbg {
		background:#2b2b2b;
	}
	.drotrain_routebox a.drotrain_title{
		    color: #ffca2c;
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
	}
	.drotrain_routebox a.drotrain_title:hover{
		text-decoration: initial;
		color:#af0000;
	}
	#menunav .dromenuroute_list li{
		
	} 
	.dromenuroute_list li:before{
		content: initial;

	}
.drotrain_imgbox a:hover img{opacity:.8;filter:alpha(opacity=80)}
.drogroup_left a:hover img{opacity:.8;filter:alpha(opacity=80)}
#menunav .dromenuroute_list li>a {
    font-size: initial;
    line-height: initial;
    padding: initial;
    font-family: 'Open Sans', sans-serif;
}
	#menunav li .drowmenudiv{
		    border: initial;
	}
#menunav .dromenuroute_list li {
    padding-left: 30px;
    position: relative;
	    display: block;
    width: 50%;
    float: left;
    box-sizing: border-box;
	    margin-bottom: 15px;
	    color: #fff;
}
	#menunav .dromenuroute_list li span{
		    position: absolute;
    color: #1d1d1d;
    top: 1px;
    left: 3px;
    background: #ffca2c;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
	}
	#menunav li .drowmenudiv{
		padding:20px 0;
	}
	.drotrain_routebox  p{
		    font-size: 14px;
    color: #fff;
    margin-bottom: 15px;
	}
.dromenu_link {
    font-size: 16px;
    padding: 9px 20px;
    background: #ffca2c;
    border-radius: 5px;
    color: #1d1d1d;
	    border: 1px solid #ffca2c;
	    display: inline-block;
}
	.dromenu_link:hover{
		text-decoration: initial;
    color: #ffca2c;
    background: #fff;
	}
	#menunav .dromenuroute_list li>a:hover{
           text-decoration: underline;
		    background-color: initial;
}
	.droall_train{
		font-size: 20px;
    color: #b00000;
    margin-bottom: 8px;

	}
	#menunav .drotrain_list  li {
    padding-left: 18px;
    position: relative;
    display: block;
    width: 50%;
    float: left;
    box-sizing: border-box;
    margin-bottom: 15px; 
}
	#menunav .drotrain_list li>a {
    font-size: initial;
    line-height: initial;
    padding: initial;
    font-family: 'Open Sans', sans-serif;
    color: #1d1d1d;
	font-size: 16px;
    display: block;
}
		#menunav .drotrain_list li>a:hover{
           text-decoration: underline;
		    background-color: initial;
}
	#menunav .drotrain_list li:before {
    content: '';
    left: 0px;
    top: 3px;
    position: absolute;
    border-top: 6px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 8px solid #ffca2c;
    width: 0;
    height: 0;
}
	.drotrain_imgbox img{
		    display: block;
	}
	#menunav .dromenuin_list>li {
		    width: 28%;
    float: left;
    padding: 0 2em;
	    box-sizing: border-box;
}
	#menunav .dromenuin_list>li.dromenuin_one{
		width:40%;
	  padding-left: initial;
	} 
	
	.drogroup_left {
		    width: 38%;
	}
	.drogroup_right{
		    width: 62%;
    padding: 15px;
    box-sizing: border-box;
	}
	.drogroup_bg {
		    background: #2d2d2d;
	   margin-bottom: 2em;
	}
	.drogroup_left  img{
			display: block;
		height:100%;

	}
	.drogroup_right a.drogroupright_title{
		    font-size: 18px;
    color: #ffca2c;
    margin-bottom: 5px;
	    font-style: initial;
	}
	.drogroup_right p {
		    font-size: 16px;
    color: #fff;
    font-style: italic;
	    margin-bottom: 10px;
	}
	.drogroup_btn{
		    font-size: 16px;
    padding: 7px 12px;
    color: #1d1d1d;
    background: #ffca2c;
    display: inline-block;
    border-radius: 5px;
	   
	}
	.drogroup_btn:hover{
		 color: #ffca2c;
    background: #fff;
	 text-decoration: initial;
	}
	.drotranintour_title{
		    font-size: 20px;
    color: #af0000;
    margin-bottom: 10px;
	}
	#menunav .dromenutour_list li {
    padding-left: 18px;
    position: relative;
    display: block;
  float: initial;
    box-sizing: border-box;
    margin-bottom: 15px;
}
#menunav .dromenutour_list li>a {
    font-size: initial;
    line-height: initial;
    padding: initial;
    font-family: 'Open Sans', sans-serif;
    color: #1d1d1d;
	font-size: 16px;
    display: block;
}
		#menunav .dromenutour_list li>a:hover{
           text-decoration: underline;
		    background-color: initial;
}
	#menunav li>a.droviewrall{
		font-size: 16px;
    color: #0066d9;
    padding: initial;
    line-height: initial;
	}
	#menunav li>a.droviewrall:hover{
           text-decoration: underline;
		    background-color: initial;
}
	#menunav .dromenutour_list  li:before {
    content: '';
    left: 0px;
    top: 3px;
    position: absolute;
    border-top: 6px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 8px solid #ffca2c;
    width: 0;
    height: 0;
}
	#menunav .dromenuin_list>li.dromenuin_two{
		    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;

	}
	#menunav .dromenuguide_list>li{
		    width: 25%;
    display: initial;
    float: left;
    padding-left: 20px;
    box-sizing: border-box;
    border-left: 1px solid #d5d5d5;
	}
	.dromenuguide_title{
		    color: #b00000;
    font-size: 20px;
    margin-bottom: 15px;
	}
	#menunav .dromenuguide_list>li:first-child{
		padding-left: initial;
    border: initial;
	}
	.menuhot{
		margin-left:3px;
	}
	
	
.m-menu-list{
    display: none;
	}

	
	
	
	
	
	.hd-container{
		    display: none;
	}	
.header-top .nav-item-link{
    color: #666666;
    text-decoration: none;
		font-size:12px;

	}
	.header-top{height:30px;display:none;}
	.header {
		display:none;
	}
	.header-top ul li{
		float:left;
	}
	.navbar-nav .train{position:static !important;}
	.header-top ul li span{
		display:block;
		float:right;
		width:10%;
	}
	.navbar-nav{
	
	}
	.navbar-nav li.a {
		  height:50px;
		  position:static;
		  background: #b21d23;
		}
	.navbar-nav li.a a{
		height:20px;
	}
.header_live_link{color:#c71119;font-size: 12px;}
	.header_live_link:hover{text-decoration:underline;}
	.header_live_link img{display: inline-block;
    width: 22px;
    margin-top: -2px;
    vertical-align: middle;
    margin-right: 5px;}
	@media screen and (max-width:1024px){
		.header .hd-container{display:none;}
		.header .mobile-header{display:block;}
		#menunav{display:none;}
		.noSpam{bottom:0 !important;position:static !important;}
	}
	@media screen and (max-width:1169px){
		.navbar-nav{width:965px;margin:0 auto;height:50px;}
		.hd-container{width:98%;padding:0 1%;}
		.header .input {
			display:none;
      }
	#qmEditor, #qmEditorClosed {
			display: none;
		}
	  #itimenu li{margin:0 2px 0 0 !important;}
	  #menunav .container{width:98%;margin: 0 1%;}
	  .navbar-nav {
		width: 100%;
		margin: 0 auto;
		height: 50px;
      }
		.top_right_1{
			margin-top:0;
			height:auto;
		}
		.top_right_1 a{
		display:block;
		padding:20px 0;
	}
		.top_right {
    width: 30%;
    height: 88px;
}
		
	.navbar-nav li.a >a {
    padding: 1.2em .5em;
    display: block;
    color: #fff;
    font-size: .875em;
    }
	.navbar-nav li.a >a span {
    font-size: 1em;
   }
		.ipadhide a{
			padding: 1.2em .5em !important;
		}
	}
@media screen and (max-width:480px){
	
.lhasajgfmobile {
    display: block;
}
	.header {
    height: 90px !important;
    position: relative;
    background: #f6f6f6;
}
	.lhasajgfmobile {
       display: block !important;
    position: absolute;
    bottom: -13px;
    width: 100%;
    height: 40px;
}
}
	@media screen and (max-width:360px){
		.mobile-header a.tv-nav-c{width:60px !important}
	}
	header{width:100%;overflow:initial;}
	.header-website .logo_1{
		margin-top:20px;
	}
	.logo  a,.logo_1 a{
		display:block;
		margin:0;
		width:100%;
		height:100%;
		
	}
.lhasajgf{
	    position: absolute;
    height: initial !important;
    bottom: -28px;
}
.lhasajgfmobile{
	    display: none;
}
.lhasajgf:hover img{
	opacity:.8;filter:alpha(opacity=80)
}
.logo{
	    position: relative;
}
.lhasajgf img{
	margin-top:initial !important
}
	.logo_lj ul li{
		float:left;
		width:25px;
		height:25px;
		margin-right:5px;
	}
	.logo_lj span{
		float:left;
		margin:5px 5px 0 0;
	}
	.logo_lj ul li a{
		display:block;
		margin:0;
		width:100%;
		height:100%;
		background:url('../images/m-icon.png') no-repeat;
	}
	.logo_lj ul li a img{
		width:100%;
		height:100%;
	}
	.input{
		width:30%;
		height: 30px;
     margin-top: 42px;
	}
	
	.navbar-nav{
		position:relative;
	}
	.drop{
		width:100%;
		background:#f7f7f7;
		left:0;
		top:50px;
		position:absolute;
		display:none;
		z-index:9;
	}
	.drop img:hover{opacity:.8}
	.h-dd{
   width:56%;float:left;
		padding:20px 2%;		
	}
	.h-dd .h-dd-one{width:49.5%;float:left;margin-right:1%;}
	.h-dd li{width:100% !important}
	.nrm{margin-right:0 !important;}
	.h-dd a {
    font-size: 0.875em !important;
    line-height: 2em !important;
    color: #000 !important;
		padding:0 !important;
		display:inline !important;
}
	.h-dd a:hover{
		text-decoration:underline !important;
	}
	.h-dd .y{
		margin-right:20%;
	}
	.arrowleft {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 10px;
		margin-top:-2px;
    vertical-align: middle;
    border-left: 5px solid #666;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
	.mobliebox a{
		margin-top:15px !important;
	}
	.mobile-header{
		padding:0;
		height:56px;
	}
	.m-menu-list{
		width:250px;
		background:#c71119;
		height:100%;
		position:fixed;
		right:-250px;
		top:0;
		overflow:hidden;
		display:none;
		z-index: 9998;
	}
	
	.m-menu-list .m-list-one li,.m-menu-list .m-list-two li{
		    height: initial;
    border-bottom: 1px solid #b21d23;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
       line-height: 35px;
    min-height: 40px;
    color: white;
    background: #c71119;
		
	}
	.m-menu-list .m-list-two{
		width:250px;
		height:100%;
		position:fixed;
		right:0;
		top:56px;
		webkit-transition: -webkit-transform .5s ease-in-out;
    -moz-transition: -moz-transform .5s ease-in-out;
    -ms-transition: -ms-transform .5s ease-in-out;
    -o-transition: -o-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
		display:none;
	}
	.m-list-num{
		width:250px;
		position:absolute;
		height: 100%;
      background: #c71119;
		webkit-transition: -webkit-transform .5s ease-in-out;
    -moz-transition: -moz-transform .5s ease-in-out;
    -ms-transition: -ms-transform .5s ease-in-out;
    -o-transition: -o-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
		-webkit-transform:  translate3d(250px,0,0);
    -moz-transform: translate3d(250px,0,0);
    -ms-transform:  translate3d(250px,0,0);
    -o-transform:  translate3d(250px,0,0);
		z-index: 9999;
	    margin-bottom: 200px;
	}
	.m-list-on{
		-webkit-transform:  translate3d(-250px,0,0);
    -moz-transform: translate3d(-250px,0,0);
    -ms-transform:  translate3d(-250px,0,0);
    -o-transform:  translate3d(-250px,0,0);
	
	}

	 .toback{
		height:56px;
		font-size:1em;
		color:white;
		width:250px;
		line-height:56px;
		padding-left:15px;
		-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
		border-bottom:1px solid #b21d23;
		-webkit-transform:  translate3d(250px,0,0);
    -moz-transform: translate3d(250px,0,0);
    -ms-transform:  translate3d(250px,0,0);
    -o-transform:  translate3d(250px,0,0);
	}
	.m-menu-list a{
		display:block;
		width:100%;
		height:100%;
		color:white !important;
	}
	.m-menu-list img{
		width: 15px;
   	   float: right;
      margin: 12.5px 15px 0 0;
	}
	.toback img{
	 width: 15px;
    float: left;
    margin: 20px 1px 0 0;
	}
	.input{
		width:368px;
    height: 30px;
   margin-top:0;
    position: relative;
    right: -6px;
	}
	.top_right_1 {
		margin-top:20px;
	}
	.style {
		margin:5px 0;
	}
	.header-website{
		width:60%;
	}
	.mobile-header a{ display:inline-block; margin:0 5px; height:25px; vertical-align:middle;background: url(https://www.downtownmelody.com/_x/d3d3LmNoaW5hdGliZXR0cmFpbi5jb20/assets/images/menu-phone.png) no-repeat;}
.mobile-header a.tv-nav-c{width: 60px;
	
    background-position: 0 2px;
    display: block;
    float: right;
    height: 100%;
	 background: #c71119;
    margin-top: 0 !important;
    margin-right: 0;
	 height:56px;}
		.mobile-header a.tv-nav-c img{width:25px;height:18px;margin:19px 20px;}
		.mobile-header a.tv-logo{ width:125px; height:40px;background:url(https://www.downtownmelody.com/_x/d3d3LmNoaW5hdGliZXR0cmFpbi5jb20/assets/images/train-mobile-logo-2018.png) no-repeat 0 0;margin:8px 10px;} /*https://www.downtownmelody.com/_x/d3d3LnRpYmV0dHJhdmVsLm9yZw/assets/modxFile/images/mobile-img/logo-vista.png*/
.mobile-header a.tv-phone{ width:30px;background: url(https://www.downtownmelody.com/_x/d3d3LmNoaW5hdGliZXR0cmFpbi5jb20/assets/images/menu-phone.png) no-repeat;}
.mobile-header a.tv-mail{ width:40px; background:none; border-left:1px solid #ccc;}
.mobile-header a.tv-mail span{ display:block; width:25px; height:25px;background:url(https://www.downtownmelody.com/_x/d3d3LmNoaW5hdGliZXR0cmFpbi5jb20/assets/images/menu-mail.png) no-repeat; margin-left:16px;}