.wechat_button {left:10px} p {padding-bottom: 18px} h2{ padding: 50px 0 20px 0;} h3 { padding: 35px 0 20px 0;} h4{margin: 15px 0;} table.infotable th, table.monthWeather th {font-family: 'Calibri';font-size:18px;line-height:20px;} @media (max-width: 768px) { h2{ padding: 50px 15px 20px 15px;} h3 { padding: 50px 15px 20px 15px;} p{padding: 0 15px 18px 15px} .infoimage, .infovideo {margin: 0 15px 30px 15px} ul.traintype li {padding: 5px;} .notescollapse{padding:0 15px;} .tripnotes {padding-left: 0;} .tripnotescontent p{padding: 0 0px 18px 0px} .table-responsive {padding-left: 15px;padding-right: 15px;} } /*train index*/ .flex-row {display:flex;flex-direction:row;flex-wrap:wrap; align-items:stretch;justify-content:flex-start;clear:both; margin-right:-10px} .flex-col-3, .flex-col-4 {margin-right:10px;margin-bottom:10px;display:flex;flex-flow:column; position:relative} .flex-col-3 {width:calc((100% - 10px * 3)/3)} .flex-col-4 {width:calc((100% - 10px * 4)/4)} .red {color:#ad1818;} .bg-grary{background: #f6f6f6} .tripnotes {font-size: 22px;margin: 15px 0;position: relative} .tripnotes h4 {margin: 0px;font-weight: normal;} .tripnotes .CloseIcon,.tripnotes .OpenIcon {top: calc(50% - 5px);right: 0;position: absolute;} .whatsnewinfo {margin-bottom: 20px;} .whatsnewinfo:last-child {margin-bottom: 0;} ul.traintype{ display:block; margin-bottom:10px; min-height:38px; padding:0px;} ul.traintype li{background: #fff; display: block; float: left; padding: 5px 15px; color: #000; border: 1px solid #d1d1d1; margin-right: 10px; border-radius: 5px;} ul.traintype li.active {background: #ad1818; color: #fff;} .traintype li {cursor: pointer;} .returnbox {background: #fff; border-radius:5px; padding: 15px;cursor: pointer;box-shadow: 0 0 5px #ccc;} .returnbox a{text-decoration: none;} .returnbox:hover .return-top{color:#ad1818;} .return-top,.return-bottom {display:flex;flex-direction:row;flex-wrap:wrap;} .return-top{border-bottom:solid 1px #e2e2e2; padding-bottom: 10px; margin-bottom: 10px; position: relative;} .return-left,.return-right{width:50%;} .return-right {text-align:right;} .return-icon { position:absolute;width:24px; height:24px; bottom:-12px;left: calc(50% - 12px); background: url("https://data.chinahighlights.com/css/images/train/return.png")} .caption {padding: 15px; flex: auto; display: flex; flex-flow: column;} .caption h3 {font-size: 24px; padding-top: 0;} ul.infolist {padding-bottom:0;} ul.infolist li {list-style: disc;color:#888;} .caption h3 a,ul.infolist li a {text-decoration: none;} .caption h3 a:hover,ul.infolist li a:hover {color:#ad1818;} .hidden-xs ul.traintype{margin-top: 0;} @media (max-width: 768px){ .flex-col-3,.flex-col-4 { width: 100%; margin-right: 0} .flex-row {margin-right: 0;} .hidden-xs{display: none;} }