@charset "utf-8";
/* CSS Document */

.pageIndex{max-width:100%; padding:0;}
.main_part{max-width:2000px; padding:0; margin:0 auto;}
.edit, .edit_part, .show_content, .main_part{width:100%; max-width: 100%; padding:0;}
.edit *{word-break: normal;}

.box_container {width:100%; max-width:2000px; font-family:"微軟正黑體",Microsoft JhengHei; font-size:var(--font16); letter-spacing: 1px; color:#525252; border:0; text-decoration:none; overflow:hidden; background:#EAE4DF; margin: auto;}
.box_container img{width:auto; max-width:100%;}
.box_container * {box-sizing: border-box; max-width:100%;  padding:0; margin:0; line-height:180%;}
.box_container a{text-decoration:none;}
.box_container ul{list-style:none;}
.box_container i, .box_container em, .box_container dfn, .box_container var{font-style: normal;line-height: 0px;}
.box_container u{text-decoration:none;}

/*Animations*/
[data-animate-in] { opacity: 0; transition: transform 0.8s ease, opacity 0.8s ease;}
[data-animate-in="up"] { transform: translate3d(0, 20%, 0);}/*由下往上*/
[data-animate-in="left"] { transform: translate3d(-30%, 0, 0);}/*由左往右*/
[data-animate-in="right"] { transform: translate3d(30%, 0, 0);}/*由右往左*/
[data-animate-in="down"] { transform: translate3d(0, -20%, 0);}/*由上往下*/
[data-animate-in="fadeIn"] { transform: translate3d(0, 0, 0);}/*淡入*/
[data-animate-in="scaleIn"] {transform: scale(.3);}/*放大淡入*/
[data-animate-in].in-view { opacity: 1; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); transition: transform 1.2s ease, opacity 1s ease;}
.fade-in { opacity: 0; transition: opacity 1s ease; }

	.content_flex{
        display: flex;
		justify-content: space-between;
        align-items: center;
    }
	.box_container{
		--font16: 16px;
		--font18: 18px;
		--font20: 20px;
		--font25: 25px;
		--themeFont: "Lato", sans-serif;
	}
	.theme_title{
		display: flex;
		align-items: center;
		color: #1F1F1F;
		padding: 40px 0 0px 0;
	}
	.theme_title span{
		font-family: var(--themeFont);
		padding-right: 10px;
		font-size: var(--font25);
		font-weight: 700;
	}
	.theme_title h4{
		font-size: var(--font25);
	}

/*nnn*/
	.nnn{
		background: url(https://pic03.eapple.com.tw/0425621168/rule_bc.jpg) repeat-y center;
		background-size: contain;
		padding:100px 8%;
	}
	.nnn h3{
		color: #512504;
		font-size: var(--font20);
		text-align: center;
		padding-bottom: 70px;
		letter-spacing: 2px;
	}
	/*nnn_a*/
	.nnn .nnn_a{
		max-width: 1014px;
		margin: auto;
		display: grid;
		grid-template-columns: repeat(5 , 1fr);
		gap: 25px;
	} 
	.nnn_a a{
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 5px;
		border: 1px solid #888888;
		color: #000;
		padding: 6px 8px;
		transition: all 0.4s ease;
	}
	.nnn_a a:nth-last-child(1){
		margin-right: 0;
	}
	.nnn_a a h4{
		font-size: var(--font25);
		font-weight: 900;
		font-family: var(--themeFont);
		line-height: normal;
		padding-right: 8px;
	}
	.nnn_a a h5{
		font-size: var(--font18);
		line-height: normal;
	}
	.nnn_a a:hover{
		background-color: #967D6B;
		color: #ffffff;
	}
	/*nnn_b*/
	.nnn_b{
		max-width: 1165px;
		margin: auto;
	}
	.nnn_b section dl{
		border-bottom: 1px solid #8A8A7B;
		position: relative;
		padding-left: 25px;
		padding-bottom: 20px;
	}
	.nnn_b section dl::before{
		content: '';
		position: absolute;
		width: 12px;
		height: 12px;
		border-top: 2px solid #2E4918;
		border-right: 2px solid #2E4918;
		transform: rotate(45deg);
		top: 8px;
		left: 0;
	}
	.nnn_b section dl dd{
		color: #2D4818;
		font-size: var(--font18);
		font-weight: 700;
		padding:0 0 20px 5px;
		margin-top: 20px;
	}
	.nnn_b section dl dt{
		font-size: var(--font16);
		text-align: justify;
	}
	.nnn_b dl ul ,
	.nnn_b dl ol{
		font-size: var(--font16);
	}
	.nnn_b dl ul li{
		position: relative;
		padding-left: 1em;
		margin-top: 5px;
		line-height: 160%;
	}
	.nnn_b dl ul li::before{
		content:'．';
		position: absolute;
		top: 0;
		left: 0;
		color: #1F1F1F;
	}
	.nnn_b dl ol li{
		margin-left: 1.3em;
	}
	/*各區微調*/
	#n03 dl{
		border: none;
		margin: 7px 0;
	}
	#n03 dl:nth-child(2){
		margin-top: 20px;
	}
	#n03 dl:nth-last-child(1){
		border-bottom:1px solid #8A8A7B ;
	}
	#n04 figure{
		margin-top: 20px;
		border: 1px solid rgb(160 160 160); 
	}
	#n04 figure em{
		display: grid;
		grid-template-columns:1fr 2fr 2fr 2fr;
		text-align: center;
		border-collapse: collapse;
		border-bottom: 1px solid rgb(160 160 160); 

	}
	#n04 figure em p{
		border-left: 1px solid rgb(160 160 160);
	}
	#n04 figure em:nth-last-child(1),
	#n04 figure em p:nth-child(1){
		border: none;
	}
	#n04 figure em p{
		padding: 6px 8px;
	}
	#n04 figure em p span{
		white-space: nowrap;
	}

	#n05 .n05_table,
	#n05 .n05_table2{
		border: none;
	}
	#n05 .n05_table table,
	#n05 .n05_table2 table{
		border-collapse: collapse;
		width: 100%;
	}
	#n05 .n05_table table tr td:nth-child(1){
		width: 280px;
		text-align: center;
	}
	#n05 .n05_table table tr td:nth-child(2){
		min-width: calc(100% - 280px);
	}
	#n05 .n05_table table tr td{
		padding: 20px;
		border: 1px solid rgb(160 160 160); 
	}
	#n05 .n05_table2 tr{
		width: 100%;
		text-align: center;
	}
	#n05 .n05_table2 tr td{
		width: 20%;
		padding: 8px;
		border: 1px solid rgb(160 160 160); 
	}

@media screen and (max-width:1600px) {

}

@media screen and (max-width:1440px) {
	.box_container{
		--font25: 24px;
	}
}

@media screen and (max-width:1250px) {
	.box_container{
		--font18: 17px;
		--font25: 22px;
	}
	.nnn{
		padding: 70px 8%;
	}
	.nnn h3{
		padding-bottom: 50px;
	}
	.nnn .nnn_a{
		grid-template-columns: repeat(3 , 1fr);
		max-width: 800px;
	}
	#n05 .n05_table table tr td:nth-child(1){
		width: 220px;
	}
}

@media screen and (max-width:1024px) {
	.box_container{
		--font16: 16px;
		--font20: 20px;
		--font25: 22px;
	}
	#n05 .n05_table table tr td:nth-child(1){
		width: 160px;
	}
	/* .nnn section ul li{
		padding-bottom: 30px;
	} */
}

@media screen and (max-width:768px) {
	.box_container{
		--font16: 15px;
		--font20: 20px;
		--font25: 20px;
		--themeFont: "Lato", sans-serif;
	}
	.nnn .nnn_a{
		grid-template-columns: repeat(2 , 1fr);
		max-width: 500px;
	}
	#n05 .n05_table table tr td:nth-child(1){
		width: 80px;
	}
	.nnn_b section dl::before{
		width: 10px;
		height: 10px;
		top: 9px;
	}
}

@media screen and (max-width:480px) {
	.box_container{
		--font16: 14px;
		--font20: 20px;
		--font25: 18px;
		--themeFont: "Lato", sans-serif;
	}
	.nnn{
		padding:50px 5%;
	}
	.nnn h3{
		padding-bottom: 30px;
	}
	.nnn .nnn_a{
		grid-template-columns: repeat(1 , 1fr);
		max-width: 200px;
		gap: 15px;
	}
	.nnn .nnn_a a{
		justify-content: left;
		padding-left:15px ;
	}
	#n05 .n05_table table tr td{
		padding: 10px;
	}
	#n05 .n05_table table tr td:nth-child(1){
		width: 60px;
	}
	.theme_title{
		padding: 20px 0 10px;
	}
}