<meta charset="UTF-8"><meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style> body { font: 14px/1 Arial, Sans-Serif, Verdana; color: #333; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul { margin: 0; padding: 0; } a:link, a:visited, a:hover { text-decoration: none; color: #333; cursor: pointer; } .container { position: relative; } .row { width: 100%; } .col5 { width: 20%; } .col5, .col6 { float: left; } .col6 { width: 16.66666%; } .row:after { content: ''; display: table; clear: both; overflow: hidden; } .wrapper { min-width: 1175px; max-width: 1200px; margin: 0 auto; } .card { padding: 5px 8px; transition: all .25s; list-style: none; border-radius: 3px; } .card:hover { box-shadow: 0 1px 5px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12); } .card-media { background-color: white; height: 0; padding-top: 100%; position: relative; } .card-media-inner { text-align: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .card-media-inner img { max-height: 100%; max-width: 100%; vertical-align: middle; } .card-title { font-size: 14px; font-weight: 400; height: 40px; line-height: 20px; margin: 5px 0 0 0; color: #333; overflow: hidden; white-space: normal; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .card-subtitle { font-size: 17px; font-weight: 500; margin: 8px 0 0 0; } .card-label { font-size: 13px; margin: 5px 0 0 0; font-weight: 400; color: #767676; } .panel { border: 1px solid #d9d9d9; padding: 10px; border-radius: 5px; } .panel-header { padding: 10px; margin: 0; } .panel-header-title { margin: 0; } .tabs { position: relative; } .tab-navs > span { display: inline-block; background: #A9A9A9; color: #fff; padding: 6px 10px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .tabs > input { display: none; } .tabs > section { display: none; } .tabs label { color: #ffffff; background: #A9A9A9; opacity: 0.7; font-family: Times; font-size: 16px; padding: 7px 15px; -moz-user-select: none; user-select: none; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; display: inline-block; text-align: center; cursor: pointer; } .tab-content { padding: 10px; line-height: 25px; } #tab-nav1:checked ~ #tab-content1 {