@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Ysabeau+SC:wght@1..1000&display=swap');
#main .brh_list{
	margin: 0 auto;
	width: 100%;
	top: 70px;
}

#main #brh_list01 {
	display: flex;
	align-items:center;
	justify-content:center;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	height: 450px;
	font-size: 48px;
	font-weight: 400;
	text-align: center;
	line-height: 48px;
	color: #FFF;
	text-shadow: 2px 2px 3px #434a54;	
	background-repeat: no-repeat;
	background-position: center;
	box-sizing: border-box;
}

#main #brh_list02 {
    width: 100%;
    max-width: 1280px; 
	margin: 0 auto 50px;
	display: block;
	box-sizing: border-box;
	height: 100%;
}

#main #brh_list02 .brh_title {
    width: 100%; 
	max-width: 1280px;
	margin: 50px auto 0;
	display: block;
}

#main #brh_list02 .brh_title li {
	display: block;
	border-top: solid 2px #000;
	border-bottom: solid 2px #000;
	padding: 15px 0;
	font-size: 22px;
	font-weight: 400;
	color: #000;
	line-height: 25px;
	float: left;
	box-sizing: border-box;
}
#main #brh_list02 .brh_title li .en{
	font-size: 24px;
	font-weight: 400;
	font-family: "Ysabeau SC", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}
#main #brh_list02 .brh_title_01 {
    width: 20%;
	text-align: center;
}
#main #brh_list02 .brh_title_02 {
    width: 20%;
	text-align: left;
}
#main #brh_list02 .brh_title_03 {
    width: 20%;
	text-align: left;
}
#main #brh_list02 .brh_title_04 {
    width: 40%;
	text-align: left;
}

#main #brh_list02 .brh1 {
    width: 100%; 
	max-width: 1280px;
	margin: 0 auto ;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#main #brh_list02 .brh1 li {
	display: block;
	border-bottom: solid 1px #000;
	padding: 15px 0;
	font-size: 21px;
	font-weight: 400;
	color: #000;
	line-height: 25px;
	float: left;
	box-sizing: border-box;
}
#main #brh_list02 .brh1 li .rk {
	display: none;
}
#main #brh_list02 .brh1_01 {
    width: 20%;
	text-align: center;
}
#main #brh_list02 .brh1_01 a {
	color: #000;
}
#main #brh_list02 .brh1_01 a:hover {
	color: #d48332;
}
#main #brh_list02 .brh1_02 {
    width: 20%;
	text-align: left;
}
#main #brh_list02 .brh1_03 {
    width: 20%;
	text-align: left;
}
#main #brh_list02 .brh1_04 {
    width: 40%;
	text-align: left;
}
#main #brh_list02 .brh1_04 a {
	color: #0068b7;
}
#main #brh_list02 .brh1_04 a:hover {
	color: #d48332;
}
#main #brh_list02 .brh2 {
    width: 100%; 
	max-width: 1280px;
	margin: 0 auto ;
	box-sizing: border-box;
}

#main #brh_list02 .brh2 li {
	display: block;
	border-bottom: solid 1px #000;
	padding: 15px 0;
	font-size: 21px;
	font-weight: 400;
	color: #000;
	line-height: 25px;
	float: left;
	box-sizing: border-box;
}
#main #brh_list02 .brh2 li .rk {
	display: none;
}
#main #brh_list02 .brh2_01 {
    width: 20%;
	text-align: center;
}
#main #brh_list02 .brh2_01 a {
	color: #000;
}
#main #brh_list02 .brh2_01 a:hover {
	color: #d48332;
}
#main #brh_list02 .brh2_02 {
    width: 20%;
	text-align: left;
}
#main #brh_list02 .brh2_03 {
    width: 20%;
	text-align: left;
}
#main #brh_list02 .brh2_04 {
    width: 40%;
	text-align: left;
}
#main #brh_list02 .brh2_04 a {
	color: #0068b7;
}
#main #brh_list02 .brh2_04 a:hover {
	color: #d48332;
}
.triangle-right {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 20px solid black; /* 修改顏色以更改三角形顏色 */
}
@media all and (min-width: 1025px) and (max-width: 1280px)  {
	#main #brh_list02 .brh_title_01 {
	    width: 15%;
	}
	#main #brh_list02 .brh_title_02 {
	    width: 15%;
	}
	#main #brh_list02 .brh_title_03 {
	    width: 15%;
	}
	#main #brh_list02 .brh_title_04 {
	    width: 55%;
	}

	#main #brh_list02 .brh1_01 {
	    width: 15%;
	}
	#main #brh_list02 .brh1_02 {
	    width: 15%;
	}
	#main #brh_list02 .brh1_03 {
	    width: 15%;
	}
	#main #brh_list02 .brh1_04 {
	    width: 55%;
	}

	#main #brh_list02 .brh2_01 {
	    width: 15%;
	}
	#main #brh_list02 .brh2_02 {
	    width: 15%;
	}
	#main #brh_list02 .brh2_03 {
	    width: 15%;
	}
	#main #brh_list02 .brh2_04 {
	    width: 55%;
	}
}
@media all and (min-width: 901px) and (max-width: 1024px)  {
	#main #brh_list01 {
		height: 400px;
	}
	#main #brh_list02 {
		margin: 0 auto 30px;
	}
	#main #brh_list02 .brh_title {
		margin: 30px auto 0;
	}
	#main #brh_list02 .brh_title li {
		padding: 15px 0;
		font-size: 21px;
		font-weight: 400;
		line-height: 23px;
	}
	#main #brh_list02 .brh_title li .en{
		font-size: 23px;
	}
	#main #brh_list02 .brh_title_01 {
	    width: 13%;
	}
	#main #brh_list02 .brh_title_02 {
	    width: 16%;
	}
	#main #brh_list02 .brh_title_03 {
	    width: 16%;
	}
	#main #brh_list02 .brh_title_04 {
	    width: 55%;
	}
	#main #brh_list02 .brh1 li {
		padding: 15px 0;
		font-size: 20px;
		line-height: 20px;
	}
	#main #brh_list02 .brh1_01 {
	    width: 13%;
	}
	#main #brh_list02 .brh1_02 {
	    width: 16%;
	}
	#main #brh_list02 .brh1_03 {
	    width: 16%;
	}
	#main #brh_list02 .brh1_04 {
	    width: 55%;
	}
	#main #brh_list02 .brh2 li {
		padding: 15px 0;
		font-size: 20px;
		line-height: 20px;
	}
	#main #brh_list02 .brh2_01 {
	    width: 13%;
	}
	#main #brh_list02 .brh2_02 {
	    width: 16%;
	}
	#main #brh_list02 .brh2_03 {
	    width: 16%;
	}
	#main #brh_list02 .brh2_04 {
	    width: 55%;
	}
}
@media all and (min-width: 561px) and (max-width: 900px)  {
	#main #brh_list01 {
		height: 300px;
		font-size: 40px;
		line-height: 40px;
	}
	#main #brh_list02 {
		margin: 0 auto 20px;
	}
	#main #brh_list02 .brh_title {
		display: none;
	}

	#main #brh_list02 .brh1 { 
		margin: 0 auto;
		padding: 12px 15px 10px;
		border-bottom: solid 1px #000;
	}

	#main #brh_list02 .brh1 li {
		border-bottom: 0;
		padding: 5px 0;
		font-size: 20px;
		line-height: 22px;
	}
	#main #brh_list02 .brh1 li .rk {
		display: inline;
		font-size: 21px;
		font-weight: 400;
		font-family: "Ysabeau SC", sans-serif;
		font-optical-sizing: auto;
		font-style: normal;
	}
	#main #brh_list02 .brh1_01 {
	    width: 100%;
		text-align: left;
	}
	#main #brh_list02 .brh1_02 {
	    width: 50%;
	}
	#main #brh_list02 .brh1_03 {
	    width: 50%;
	}
	#main #brh_list02 .brh1_04 {
	    width: 100%;
	}

	#main #brh_list02 .brh2 {
		margin: 0 auto;
		padding: 12px 15px 10px;
		border-bottom: solid 1px #000;
	}

	#main #brh_list02 .brh2 li {
		border-bottom: 0;
		padding: 5px 0;
		font-size: 20px;
		line-height: 22px;
	}
	#main #brh_list02 .brh2 li .rk {
		display: inline;
		font-size: 21px;
		font-weight: 400;
		font-family: "Ysabeau SC", sans-serif;
		font-optical-sizing: auto;
		font-style: normal;
	}
	#main #brh_list02 .brh2_01 {
	    width: 100%;
		text-align: left;
	}

	#main #brh_list02 .brh2_02 {
	    width: 50%;
	}
	#main #brh_list02 .brh2_03 {
	    width: 50%;
	}
	#main #brh_list02 .brh2_04 {
	    width: 100%;
	}

	.triangle-right {
	  width: 0;
	  height: 0;
	  margin: 0 5px 2px 0;
	  border-top: 6px solid transparent;
	  border-bottom: 6px solid transparent;
	  border-left: 10px solid black; /* 修改顏色以更改三角形顏色 */
	}
}
@media all and (min-width: 0) and (max-width: 767px)  {
	#main {
		top: 66px;
	}
}
@media all and (min-width: 0) and (max-width: 560px)  {
	#main #brh_list01 {
		height: 250px;
		font-size: 35px;
		line-height: 35px;
	}
	#main #brh_list02 {
		margin: 0 auto 15px;
	}
	#main #brh_list02 .brh_title {
		display: none;
	}

	#main #brh_list02 .brh1 { 
		margin: 0 auto;
		padding: 12px 10px 10px;
		border-bottom: solid 1px #000;
	}

	#main #brh_list02 .brh1 li {
		border-bottom: 0;
		padding: 5px 0;
		font-size: 19px;
		line-height: 22px;
	}
	#main #brh_list02 .brh1 li .rk {
		display: inline;
		font-size: 20px;
		font-weight: 400;
		font-family: "Ysabeau SC", sans-serif;
		font-optical-sizing: auto;
		font-style: normal;
	}
	#main #brh_list02 .brh1_01 {
	    width: 100%;
		text-align: left;
	}
	#main #brh_list02 .brh1_02 {
	    width: 50%;
	}
	#main #brh_list02 .brh1_03 {
	    width: 50%;
	}
	#main #brh_list02 .brh1_04 {
	    width: 100%;
	}

	#main #brh_list02 .brh2 {
		margin: 0 auto;
		padding: 12px 10px 10px;
		border-bottom: solid 1px #000;
	}

	#main #brh_list02 .brh2 li {
		border-bottom: 0;
		padding: 5px 0;
		font-size: 19px;
		line-height: 22px;
	}
	#main #brh_list02 .brh2 li .rk {
		display: inline;
		font-size: 20px;
		font-weight: 400;
		font-family: "Ysabeau SC", sans-serif;
		font-optical-sizing: auto;
		font-style: normal;
	}
	#main #brh_list02 .brh2_01 {
	    width: 100%;
		text-align: left;
	}

	#main #brh_list02 .brh2_02 {
	    width: 50%;
	}
	#main #brh_list02 .brh2_03 {
	    width: 50%;
	}
	#main #brh_list02 .brh2_04 {
	    width: 100%;
	}		
	.triangle-right {
	  width: 0;
	  height: 0;
	  margin: 0 5px 2px 0;
	  border-top: 6px solid transparent;
	  border-bottom: 6px solid transparent;
	  border-left: 10px solid black; /* 修改顏色以更改三角形顏色 */
	}
}