/* RELATED INFOGRAPHIC COVER 800x421*/

.related-graphic .left {background-image: url("https://multimedia.scmp.com/infographics/handbook/img/standalone/banner.jpg");}

/* CUSTOM MEDIA QUERIES */
body{background-color:#ebecec}

section.intro {
    background-color: #DDDDDD;
    margin-top: 0;
    padding-top: 60px;
    padding-bottom: 40px
}
section.intro h1, section.intro .author, section.intro .date, section.intro .labelLeft {
    text-align: left;
    width: 100%;
    max-width: 520px;
    margin: 0 auto
}
section.intro p {color: #666666}
section.intro .author, section.intro .date, section.intro .author a {color: #666666}
.author-bottom{background-color:#ebecec}
.label {text-align: left; margin-bottom: 20px}

.mid-clear {height: 25px}
.clear {height: 50px}

.max320 {
    width: 100%;
    max-width: 320px;
    display: block;
    margin: 0 auto;
}

.max450 {
    width: 100%;
    max-width: 450px;
    display: block;
    margin: 0 auto;
}

.max520 {
    width: 100%;
    max-width: 520px;
    display: block;
    margin: 0 auto;
}
.grid{max-width:800px;}
.grid .content{
    background-color: #ebecec;
    vertical-align: middle;
    padding: 20px 0;
}
.step {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-color: #6699CC;
    display: inline-block;
    text-align: left;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.45em;
    text-align: center;
    vertical-align: bottom
}

.stepABC {
    color: #6699CC;
    font-size: 22px;
    font-weight: 600;
}

.txtHighlight {
    color: #6699cc;
}

th, td {border-bottom:1px solid #fff}
.leftRule {border-left:1px solid #fff}
.noBotRue {border-bottom:0px}
.restrictons {color: #6699cc}
.outside {padding-bottom: 10px}
.leftCol {width: 43%}

#airport {
    position: relative;
    width: 100%
}
.arrival {
    text-align: left;
	display: inline-block;
	margin: 0 auto;
	max-width: 520px;		
	position: absolute;
	top: -30px;
	left: 0px;
	right: 0px;
    width:100%;
}

.related-graphic .left {
  width:35%;
    background-image: url("https://multimedia.scmp.com/infographics/news/china/article/3047038/wuhan-virus/img/cover2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    height: 200px;
    border-top-left-radius: 5px 5px;
    border-bottom-left-radius: 5px 5px;
}

.show-mobile {display: none}
@media(max-width:1200px) {
    
}

@media(max-width:960px) {
    .grid .content {padding: 0 10px}
}

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

@media(max-width:500px) {
    section.intro, section.intro .author {padding: 0 10px 10px 10px}
    section.intro h1 {padding: 0 10px }
    .label {padding: 40px 10px 0 10px}
    .show-desktop {display: none}
    .show-mobile {display: block}
    .text {padding: 0 20px}
    .leftCol {width: 40%}
    #map {padding: 0 10px}
}

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