@charset "UTF-8";
/*===========================================
About
===========================================*/

/*-------------------------------------------
理事長的話
-------------------------------------------*/
.section__title .btn{
	position:absolute; top:4px; right:0;
	padding:10px 15px;
	margin:0;
	font-size:.875rem;
}
.section__title .btn-before{
	background:url(../../images/icon-history.svg) no-repeat 8px 50%;
	padding-left:36px;
}
.chariman{
	position:relative;
}
	.chairman__photo{
		margin:0 0 20px 40px;
		float:right;
		width:460px;
		/*
		height:200px;
		border:3px solid #4e5eab;
		border-radius:50%;
		overflow:hidden;
		box-shadow:0 5px 12px rgba(0,0,0,.1);
		*/
	}
		.chairman__photo img{
			display:block;
			width:100%;
		}
	.chariman p{
		/* text-indent:2em; */
	}
	.chariman .sign{
		font-size:1.5rem;
		text-indent:0;
		text-align:right;
	}
		.chariman .sign small{
			font-size:1rem;
			margin-left:10px;
		}
@media screen and (max-width:1024px){
	.chairman__photo{
		width:340px;
	}
}
@media screen and (max-width:992px){
	.chairman__photo{
		width:230px;
	}
}
@media screen and (max-width:576px){
    .section__title .btn{
        top:45px;
    }
    .chariman p:first-of-type{
        padding-top:20px;
    }
}
@media screen and (max-width:430px){/* i14-i15 Pro Max */
	.chairman__photo{
		float:none;
		margin:0 auto 30px;
		height:230px;
		border:3px solid #4e5eab;
		border-radius:50%;
		overflow:hidden;
		box-shadow:0 5px 12px rgba(0,0,0,.1);
	}
}

/*-------------------------------------------
成立宗旨
-------------------------------------------*/
.objective{
	position:relative;
}
	.objective .tafprs__logo{
		display:inline-block;
		margin:0;
		width:200px;
		position:absolute; left:0;
	}
		.objective .tafprs__logo img{
			display:block;
			width:100%;
		}
	.objective__content{
		padding-left:270px;
	}
		.objective__item{
			position:relative;
			margin-bottom:30px;
			padding-left:90px; padding-bottom:30px;
			border-bottom:1px solid #e3e3e3;
		}
		.objective__item:last-of-type{
			margin-bottom:0;
		}
			.objective__item .part__title{
				position:absolute; left:0;
			}
		.objective__item ul{
			list-style:none;
			margin:0;
			padding:0;
		}
			.objective__item ul li{
				padding-left:24px;
				position:relative;
			}
				.objective__item ul li::before{
					content:"";
					display:inline-block;
					background-color:#e04a74;
					width:11px;
					height:11px;
					border-radius:50%;
					position:absolute; top:9px; left:0;
				}
@media screen and (max-width:992px){
	.objective__content{
		padding-left:250px;
	}
}
@media screen and (max-width:430px){/* i14-i15 Pro Max */
	.objective .tafprs__logo{
		display:block;
		margin:0 auto 30px;
		position:static;
	}
	.objective__content{
		padding-left:0;
	}
		.objective__item{
			padding-left:70px;
		}
}

/*-------------------------------------------
章程
-------------------------------------------*/
.rules__update{
	border-bottom:1px solid #e3e3e3;
	list-style:none;
	padding:0 0 30px;
	margin:0 0 20px;
	color:#777;
	font-size:.75rem; line-height:1;
}
	.rules__update li{
		text-align:right;
		padding-bottom:5px;
	}
		.rules__update i{
			color:#333;
			margin-right:3px;
		}
.chapter__content{
	border-bottom:1px solid #e3e3e3;
	padding-bottom:30px;
	margin-bottom:30px;
	line-height:1.5;
}
.chapter__content:last-of-type{
	margin-bottom:0;
}
	.chapter__content .part__title span{
		color:#e04a74;
	}
	.rule__item{
		position:relative;
		padding-left:6.5em;
	}
		.rule__num{
			font-size:1rem;
			float:left;
			margin:0 0 0 -6.5em;;
		}
		.rule__item ol{
			
		}
			.rule__item ol{
				padding-left:1.4em;
			}
		.list__chi{
			list-style:none;
			margin:0;
			padding:0;
		}
			.list__chi li{
				padding-left:2em;
				text-indent:-2em;
			}
@media screen and (max-width:430px){/* i14-i15 Pro Max */
	.chapter__content{
		font-size:.875rem;
	}
		.rule__num{
			font-size:.875rem;
		}
}

/*-------------------------------------------
組織成員 / 屆別
-------------------------------------------*/
.organization__tabs-wrap{
	position:absolute; top:0; right:40px;
	text-align:center;
	box-shadow:inset 0 -2px 0 #e1e1e1;
}
	.organization__tabs{
		display:inline-block;
		list-style:none;
		margin:0;
		padding:0 15px 0;
	}
		.organization__tab{
			display:inline-block;
		}
			.organization__tab a{
				display:block;
				color:#111;
				padding:8px 20px;
				transition:.2s;
			}
			.organization__tab a:hover{
				opacity:.65;
			}
			.organization__tab.is--current a{
				color:#e04a74;
				border-bottom:2px solid #e04a74;
				opacity:1;
			}
@media screen and (max-width:1024px){
	.organization__tabs-wrap{
		right:30px;
	}
}
@media screen and (max-width:992px){
	.organization__tabs-wrap{
		right:20px;
	}
}
@media screen and (max-width:430px){/* i14-i15 Pro Max */
	.organization__tabs-wrap{
		position:static;
		margin:-20px -20px 30px;
		overflow-x:auto;
		overflow-y:hidden;
		white-space:nowrap;
	}
		.organization__tabs-wrap::before,
		.organization__tabs-wrap::after{
			content:"";
			display:inline-block;
			width:16px;
			height:16px;
			background-color:#fff;
			background-position:50% 50%;
			background-repeat:no-repeat;
			background-size:16px 16px;
			opacity:.65;
			position:absolute;
			pointer-events:none;
		}
		.organization__tabs-wrap::before{
			background-image:url(../images/icon-arrow-prev.svg?v=20200810);
			left:0;
			margin-top:15px;
		}
		.organization__tabs-wrap::after{
			background-image:url(../images/icon-arrow-next.svg?v=20200810);
			right:0;
			margin-top:-31px;
		}
		.organization__tabs{
			display:block;
		}
			.organization__tabs a{
				padding-left:15px; padding-right:15px;
				font-size:.875rem;
			}
}
/*-------------------------------------------
組織成員
-------------------------------------------*/
#rosters__container{
	position:relative;
	overflow:hidden;
}
	.period__content{
		transition:.3s;
	}
		.period__content .part__title{
			
		}
			.period__content .part__title span{
				color:#e04a74;
			}
		.rosters__content{
			
		}
			.rosters__item{
				position:relative;
				border-bottom:1px solid #ddd;
                line-height:1.3;
                min-height:45px;
				margin-bottom:10px;
				padding-left:270px; padding-bottom:10px;
			}
				.rosters__item .title{
					margin:0;
					color:#e04a74;
					font-size:1.125rem; font-weight:400;
					position:absolute; left:0;
				}
				.rosters__list{
					list-style:none;
					margin:0;
					padding:0;
				}
					.rosters__list li{
						position:relative;
						padding-left:240px;
						min-height:50px;
                        margin-bottom:10px;
                        padding-bottom:10px;
						border-bottom:1px dotted #e1e1e1;
					}
					.rosters__list li:last-of-type{
						border-bottom:none;
                        margin-bottom:0;
					}
						.rosters__list .name{
							color:#111;
							position:absolute; left:0;
						}
						.rosters__item:nth-of-type(n+2) .name{
							font-weight:400;
						}
						.rosters__item .name span{
							display:block;
                            font-size:.875rem; font-weight:400;
                            opacity:.6;
						}
						.rosters__list .job{
							color:#777;
						}
						.rosters__list .job:nth-of-type(n+2){
							margin-top:5px;
						}
		.committee__content{
			
		}
			.committee__item{
				position:relative;
				border-bottom:1px solid #ddd;
				margin-bottom:10px;
				padding-left:360px; padding-bottom:10px;
			}
				.committee__item .committee__type{
					margin:0;
					color:#e04a74;
					font-size:1.125rem; font-weight:400;
					position:absolute; left:0;
				}
					.committee__item .committee__type br{
						display:none;
					}
				.committee__list{
					list-style:none;
					margin:0;
					padding:0;
				}
					.committee__list li{
						position:relative;
						padding-left:120px;
						min-height:2em;
						border-bottom:1px dotted #e1e1e1;
					}
					.committee__list li.no-title{
						padding-left:0;
					}
					.committee__list li:last-of-type{
						border-bottom:none;
					}
						.committee__list .title{
							color:#777;
							position:absolute; left:0;
						}
						.committee__list .name{
							color:#111;
							font-weight:400;
						}
@media screen and (max-width:1024px){
    .rosters__item{
        padding-left:220px;
    }
        .rosters__list li{
            padding-left:210px;
        }
            .rosters__list .job{
                font-size:.875rem;
            }
}
@media screen and (max-width:992px){
	.committee__item{
		padding-left:0;
	}
		.committee__item .committee__type{
			position:static;
			margin-bottom:5px;
		}
}
@media screen and (max-width:768px){
    .rosters__item{
        padding-left:125px;
    }
        .rosters__item .title{
            width:100px;
        }
        .rosters__list li{
            padding-left:0;
        }
            .rosters__list .name{
                position:static;
            }
                .rosters__item .name span{
                    display:inline;
                }
                .rosters__list .job{
                    font-size:.75rem;
                    margin-top:3px;
                }
}
@media screen and (max-width:576px){
    .rosters__item .title{
        font-size:1rem;
    }
        .rosters__list .job{
            line-height:1.2;
        }
    .committee__item .committee__type{
        font-size:1rem;
    }
        .committee__list li{
            font-size:.875rem;
        }
}
@media screen and (max-width:430px){/* i14 Pro Max */
    .rosters__item{
        padding-left:90px;
    }
        .rosters__item .title{
            font-size:.875rem; font-weight:700;
            margin-top:2px;
            width:85px;
        }
}

/*-------------------------------------------
聯絡我們
-------------------------------------------*/
.contact__info{
	float:left;
	width:50%;
	padding-right:50px;
}
	.contact__info h3{
		margin:0 0 20px;
		color:#111;
		font-size:1.25rem;
	}
	.contact__desc{
		list-style:none;
		margin:0;
		padding:0;
	}
		.contact__desc li{
			position:relative;
			padding-left:120px;
			margin-top:15px;
			line-height:1.3;
		}
			.contact__desc label{
				color:#e04a74;
				float:left;
				margin-left:-120px;
			}
			.contact__desc a{
				color:#333;
				transition:.2s;
			}
			.contact__desc a:hover{
				color:#0078ff;
			}
.contact__map{
	float:left;
	width:50%;
	height:350px;
	padding-bottom:50px;
	text-align:right;
}
	.contact__map .btn{
		font-size:.875rem;
		padding:8px 15px;
	}
@media screen and (max-width:1024px){
	.contact__info{
		padding-right:20px;
	}
		.contact__addr span{
			display:block;
		}
}
@media screen and (max-width:736px){/* i6,i7,i8 Plus Landscape */
	.contact__info,
	.contact__map{
		width:100%;
	}
	.contact__info{
		padding-right:0;
		font-size:.875rem;
	}
	.contact__map{
		margin-top:30px;
	}
}