* { margin: 0; padding: 0; word-wrap: break-word; }
*, *::after, *::before { -moz-box-sizing : border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
html, body { height: 100%; font:12px/1.5 -apple-system-font,'Helvetica Neue',sans-serif; color: #444; }
ul, ol, li, span, p, form, h1, h2, h3, h4, h5, h6, dl, dt, dd { margin: 0; padding: 0; border: 0; z-index: inherit; }
img,a img { border: 0; margin: 0; padding: 0; }
ul,ol,li { list-style: none; }
input, select, textarea, button { font:12px/1.5  "Helvetica Neue", Helvetica, sans-serif; }
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc { margin: 0; padding: 0; }
table { empty-cells: show; border-spacing: 0; border-collapse: collapse; }
caption, th { text-align: left; font-weight: 400; }
ul li, .xl li { list-style: none; }
em, cite, i { font-style: normal; }
a img { border: none; }
label { cursor: pointer; }
.bg { background: #F3F3F3; }
.z { float: left; } .y { float: right; }
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }
a { background-color: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; }
a, button, input, select, textarea { outline: 0; }

a:link, a:visited, a:active, a:hover{ outline: 0; color: #333; text-decoration: none !important; }

body {
    font-family: Arial, sans-serif;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.header {
	background:linear-gradient(to right, rgba(255, 68, 102, 0.75), #8d73e3);
    color: #fff;
	font-size:30px;
	text-align:center;
	padding:10px;
	font-weight:1000;
}

.foot {
	background:#f6f6f6;
    color: #333;
	font-size:12px;
	text-align:center;
	padding:10px;
}

.start {
	background:#fff;
    color: #555;
	font-size:14px;
	text-align:left;
	padding:10px;
	height:auto;
	line-height:30px;
}

.title {
    background:linear-gradient(to right, rgba(255,68,102,0.75), rgba(250,101,197,0.94));
    color: white;
	font-size:18px;
	text-align:center;
	padding:10px;
	margin-top:10px;
}

.title1 {
    background:linear-gradient(to right, rgb(243 55 88 / 75%), rgb(237 94 187 / 94%));
    color: white;
	font-size:18px;
	text-align:center;
	padding:10px;
	margin-top:0px;
}

.title2 {
    background:linear-gradient(to right, #ff6a00, #ff9a8b);
    color: white;
	font-size:18px;
	text-align:center;
	padding:10px;
	margin-top:10px;
}

.title3 {
    background: linear-gradient(to right, rgb(7 188 247), rgb(133 196 247));
    color: white;
	font-size:18px;
	text-align:center;
	padding:10px;
	margin-top:10px;
}

.title4 {
    background: linear-gradient(to right, #76b852, #98d376);
    color: white;
	font-size:18px;
	text-align:center;
	padding:10px;
	margin-top:10px;
}

.title5 {
    background: linear-gradient(to right, #ff4b1f, #ff9068); 
    color: white;
	font-size:18px;
	text-align:center;
	padding:10px;
	margin-top:10px;
}

.title6 {
    background:linear-gradient(to right, #d85ae5, #b37cef); 
    color: white;
	font-size:18px;
	text-align:center;
	padding:10px;
	margin-top:10px;
}

.title7 {
    background:linear-gradient(to right, #ff7e5f, #feb47b);
    color: white;
	font-size:18px;
	text-align:center;
	padding:10px;
	margin-top:10px;
}

.title8 {
    background:linear-gradient(to right, #09c6ef, #78dcff);
    color: white;
	font-size:18px;
	text-align:center;
	padding:10px;
	margin-top:10px;
}

.title9 {
    background: linear-gradient(to right, #ff5f6d, #ffc3a0);
    color: white;
	font-size:18px;
	text-align:center;
	padding:10px;
	margin-top:10px;
}

.table {
    display: flex;
    flex-direction: column;
}

.row {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
}

.row.header {
    background-color: #3388cc;
    color: white;
    font-weight: bold;
}

.cell {
    width: 33.33%;
    padding: 12px;
    text-align: center;
    font-size: 14px;
	border-right:1px solid #efefef;
}

.cell:first-child {
	border-left: 1px solid #efefef;
    text-align: center;
}

.row:nth-child(even) .cell {
    background: #f9f9f9;
	 border-right: 1px solid #efefef;
}

@media (max-width: 768px) {
    .cell {
        font-size: 14px;
        padding: 12px;
    }

    .title {
        font-size: 18px;
		font-weight:600;
    }

    .container {
        padding: 0px;
    }
}

@media (max-width: 480px) {
    .cell {
        font-size: 14px;
        padding: 12px;
    }

    .title {
        font-size: 18px;
		font-weight:600;
    }
}

.s {
	float:right;
	font-size:12px;
	padding-top:5px;
}

.tit {
	float:left;
}


.s a{
    color:#fff;
}

.bt a{
    color:#e65a5a;
	font-weight:600;
}

.back {
    position: absolute;
    left: 0;
    background: url('/images/back.png') no-repeat center center;
    background-size: 20px 20px;
    width: 40px;
    height: 20px;
    top: 13px;
}

.back a {
    display: block;
    width: 100%;
    height: 100%;
}

.show {
    background:linear-gradient(to right, rgba(255, 68, 102, 0.75), #8d73e3);
    color: white;
	font-size:18px;
	text-align:center;
	padding:10px;
	margin-top:0px;
}