@charset "utf-8";

/* ========================================================
	umanusihuku.css => 馬主服紹介
======================================================== */

.center{text-align:center;}
.flex{display:flex;flex-wrap:wrap;}

.sel_tab{margin:3rem auto;background:#ffbb37;border:2px solid #ffbb37;flex-wrap:none;justify-content:space-between;}
.sel_tab li{flex-grow:1}
.sel_tab li+li{border-left:2px solid #FFF;}
.sel_tab li a{display:flex;height:50px;background:#ffbb37;color:#FFF;align-items:center;justify-content:center;text-decoration:none;font-size:1.6rem;font-weight:bold;}
.sel_tab li a.current,
.sel_tab li a:hover{background:#FFF;color:#000;}

.col2 > *{width:50%;margin-top:1rem;}


.hukulist dl{
	padding:1rem;
	border-top:5px solid #f4f4f4;
}
.hukulist dl:nth-child(1),
.hukulist dl:nth-child(2){
	border-top:0px;
}

.hukulist dl dt,
.hukulist dl dd{
	display:inline-block;
}

.hukulist dl{
	display: table;
	table-layout: fixed;
}
.hukulist dl dt,
.hukulist dl dd{
	display:table-cell;
}
.hukulist dl dt{
	width: 100px;
}
.hukulist dl dd{
	width: 100%;
	vertical-align:top;
}

.hukulist dl dd p{
	margin-bottom:1rem;
}
.hukulist dl dd p span{

	font-weight:bold;
	font-size:1.6rem;
	line-height:1.4;
}

@media screen and (max-width: 768px) {
	.col2 > *{width:100%;}
	.hukulist dl:nth-child(2){
		border-top:5px solid #f4f4f4;
	}
	.hukulist dl dd p span{
		font-size:1.4rem;
	}
	.sel_tab{flex-wrap:wrap;}
	.sel_tab > *{width:33%;}
	.sel_tab > *:nth-child(n+4){border-top:2px solid #FFF;}
	.sel_tab > *:nth-child(3n+1){border-left:0px;}
}
@media screen and (max-width: 370px) {
	.hukulist dl dt{
		width:100px;
	}
}

*/