@CHARSET "UTF-8";





.banner {
	max-width:100%;
	height:18.9063vw;
}

.banner img {
	width:100%;
	height:18.9063vw;
}

.wrap {
	width:1300px;
	margin:0 auto;
}

.wrap-title {
	width:1050px;
	display:flex;
	justify-content:space-between;
	margin:0 auto;
	margin-top:30px;
}


.wrap-title > h3 {
	color:#881C25;
}

.wrap-title > span {
	font-size:14px;
}

.receipt-list  {
	width:1100px;
	height:280px;
	margin:0 auto;
	margin-top:30px;
}

.receipt-list .box {
	width:306px !important;
	height:211px;
	background:#EFEFEF;
	border-radius:5px;
	filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.15));
	padding:25px 15px 25px 15px;
	margin-left:20px;
}

.receipt-box {
	width:75px;
	height:34px;
	border-radius: 5px;
	text-align:center;
	font-size:14px;
	line-height:34px;
	font-weight:bold;
}

.receipt-list .exam_date {
	display:flex;
	justify-content:space-between;
	border-bottom:1px solid #C6C6C6;
	padding-bottom:10px;
}

.turn {
	margin-top:5px;
}

.schedule {
	margin-top:15px;
}

.schedule > p {
	margin-top:5px;
}

.receipt-btn {
	width:275px;
	height:43px;
	border-radius:5px;
	margin-top:12px;
	
	color:#FFFFFF;
	cursor:pointer;
	text-align:center;
	line-height:43px;
	font-weight:bold;
}

.receipt-end {
	background:#768190;
	color:#FFFFFF;
}

.receipt-start {
	background:#881C25;
}

.receiving {
	color:#FFFFFF;
	background:#DC143C;
}

.line {
	width:100%;
	border-bottom:1px solid #D9D9D9;
}

.short-btn {
	height:262px;
}

.short-btn > .short-wrap > .tosel-short {
	width:350px;
	height:171px;
	filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.25));
	float:left;
	margin-left:12px;
	background-size:cover;
	cursor:pointer;
		transition: all ease 0.5s;
}

.short-btn > .short-wrap > .tosel-short:hover{
	transform:scale(1.05);
}

.short-wrap {
	width:1100px;
	margin:0 auto;
	margin-top:15px;
}

.tosel-lab {
	background-image: url('/new/images/tosel_lab.png');
}

.tosel-hof {
	background-image: url('/new/images/tosel_hof.png');
}

.tosel-news {
	background-image: url('/new/images/minicard-institute.png');
}

.sub_content {
	width:1050px;
	height:233px;
	display:flex;
	justify-content:space-between;
}

.sub_content > section {
	width:50%;
	height:233px;
	padding-right:17px;
	padding-top:17px;
}

.sub_content > section:first-child {
	border-right:1px solid #EDEDED;
}

.sub_content > section h3 {
	color:#881C25;
}

.quick ul {
	list-style:none;
	margin-top:33px;
	text-align:center;
	display:flex;
	justify-content:space-between;
}

.quick .menu-name {
	font-weight:bold;
	font-size:13px;
	margin-top:10px;
}

.quick ul li {
	cursor:pointer;
}

.quick ul li div:first-child {
	width:60px;
	height:60px;
	margin:0 auto;
	border-radius:25px;
	margin-top:20px;
	position:relative;
}

.quick ul li div:first-child:hover {
	background:#F4F4F4;	
}

.quick ul li div:first-child > img {
	position: absolute;
    left: 50%; top: 50%;
   transform: translate(-50%, -50%);
}

.note {
	padding-left:25px;
}

.note > .wrap-title {
	width:100% !important;
	margin:0 !important;
}

.note > .wrap-title img {
	padding-left:10px;
}

.note ul {
	list-style:none;
}

.note ul li {
	margin-top:15px;
	font-size:12px;
	display:flex;
	justify-content:space-between;
	cursor:pointer;
}

.event_banner {
	max-width:100%;
	height:7.9167vw;
	position:relative !important;
}

.event_banner img {
	height:7.9167vw;
}

.first-tosel {
	width:1050px;
	margin:0 auto;
	padding-bottom:45px;
}

.first-recommend {
	display:flex;
	justify-content:space-between;
	margin-top:45px;
	text-align:center;
}

.first-recommend .img {
	width:66px;
	height:66px;
	margin:0 auto;
}

.first-recommend p {
	font-size:14px;
	margin-top:5px;
}

.first-recommend h4 {
	margin-top:15px;
}

.first-recommend .now-btn {
	margin-top:15px;
	font-size:14px;
	color:#881C25;
	cursor:pointer;
}

.normal-wrap {
		width:1050px;
	margin:0 auto;
}

.tosel-utilization ul {
	list-style:none;	
	display:flex;
	justify-content:space-between;
	margin-top:35px;
}	


