@charset "utf-8";
body{
	font-family: "Microsoft JhengHei","Noto Sans TC", Arial,sans-serif;
	min-height: 100vh;
	padding-top: 90px;
}
p,td{
	line-height:22pt;
	font-size:1.2rem;
}

.selectorLevyStart{
	border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.EKPink{ color: #DE277A; }
.EKPinkLink a{ color: #DE277A; }
.EKcolor75{ color: #757575; }

.EKPink1{ color: #ED76AC; }
.EKPink2{ color: #E44B91; }
.EKPink3{ color: #D80062; }
.EKPink4{ color: #A3004A; }


.page-footer{
	background: #322b2b;
	color: #FFF;
}

.RecordBlock{
	background: #a5a5a5;
	border-right: 1px solid #FFF;
}

.RecordBlockPink{
	background: #DE277A;
	border-right: 1px solid #FFF;
}

.footerContactStr{
	line-height: 2;
}

.footerLink{
	color: #FFF;
	font-size: 20px;
}

.footerLink a{
	color: #FFF;
}

.btnPink{
	background: #DE277A;
	color: #FFF;
}

.btnPink1{
	background: #ED76AC;
	color: #FFF;
}

.btnPinkCube{
	border-radius: 0;
	background: #DE277A;
	color: #FFF;
}

.btnCube{
	border-radius: 0;
}

.footerLinkIcon{
	width: 40px;
}

.radioBig20{
	width: 20px;
	height: 20px;
}

/*.navbarStyle2 a{
	color: #DE277A;
	font-size: 20px;
}

.navbarStyle2 .navbar-light .navbar-nav .nav-link {
    color: #DE277A;
}

.navbarStyle2 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #DE277A;
}

.navbarStyle2 .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #DE277A;
}*/

.navbarStyle a{
	color: #808080;
	font-size: 20px;
}
@media (max-width: 992px)
{
	.navbar-background{
		display:block!important;
		background: #fff;
		padding: 4% 0;
		z-index: 10;
	    right: -300px;
	    position: fixed;
	    top: 0;
	    height: 100%;
	    width: 270px;
	}
	.blackBackground{
		background: #000;
	    opacity: 0.5;
	    z-index: 200;
	    width: 100%;
	    position: fixed;
	    top: 0;
	    left: 0;
	    height: 100%;
	}
}
.dropdown-menu {
	background: transparent;
	border: 0px solid rgba(0,0,0,.15);
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #DE277A;
    text-decoration: none;
    /*background-color: #DE277A;*/
    background: transparent;
}

.dropdown-item a {
    color: #808080;
    font-size: 20px;
	text-decoration: none;
	background: transparent;
}

.dropdown-item, .dropdown-item {
    color: #808080;
    text-decoration: none;
    /*background-color: #DE277A;*/
    background: transparent;
}


.navbar-light .navbar-nav .nav-link {
    color: #DE277A;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #DE277A;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #DE277A;
}

.isLink>a{
	color: #007bff;
  text-decoration: none;
}

.dropdown-toggle::after { 
  content: none; 
} 

.zone4Pink{		/* groupinfo 公益團體 */
	font-size: 2rem;
	color: #DE277A;
}
@media (max-width: 480px){
	.zone4Pink{
		font-size: 1.5rem;
	}
	#home p{ font-size:1rem;padding:0px 10px;} /*服務說明*/
}

.zone4Str{
	font-size: 4vh;
}

/*.zone5Str{
	position: absolute;top: 45%;left:30%;font-size:4vh;color: #FFF;
}*/
.zone5Str{
	position: absolute;
    left: 0;
    right: 0;
    font-size: 4vh;
    color: #FFF;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100px;
    width: 155px;
    z-index: 100;
}

section{
	height: 100vh;
  	position: relative;
}

.MainLeftLink{
	margin-top: 10px;
}  

.MainLeftLink a{
	color: #000;
}

.MainColLink a {
    /*color: #007bff;
    text-decoration: underline;*/
	color: #4b4b4b;
    background-color: transparent;
}

.MainColLink h5 {
    /*color: #007bff;
    text-decoration: underline;*/
	line-height: 1.7;
}

.GroupInfo-nav-tabsPink{
	border-bottom: 2px solid #DE277A;
}

.GroupInfo-nav-tabsPink .nav-link {
	color: #333;
	background-color: #EEE;
	border-color: #EEE #EEE #DE277A #EEE;
	/*
  border: 1px solid #343a40;
  border-color: #343a40 #343a40 #DE277A #343a40;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;*/
}

.GroupInfo-nav-tabsPink .nav-item {
    margin:10px 10px -1px 0px;
}

.GroupInfo-nav-tabsPink a{
	color: #000;
	font-weight: bold;
}

.GroupInfo-nav-tabsPink a:hover{
	/*
	color: #DE277A;
	font-weight: bold; */
	color: #FFF;
	font-weight: bold;
	background:#DE277A;
}

.GroupInfo-nav-tabsPink .nav-link:focus, .GroupInfo-nav-tabsPink .nav-link:hover {
    border-color: #DE277A #DE277A #DE277A;
}

.GroupInfo-nav-tabsPink .nav-item.show .nav-link, .GroupInfo-nav-tabsPink .nav-link.active {
    color: #FFF;
    font-weight: bold;
    background-color: #DE277A;
    border-color: #DE277A #DE277A #DE277A;
}

.TableProcessBar td{
	padding: 0px;
}

.ProjectTagBK1{
	background: #e46281;
	border-color: #e46281;
}

.ProjectTagBK2{
	background: #843c0c;
	border-color: #843c0c;
}

/*-- heade -- 側邊捲軸顏色 
::-webkit-scrollbar {
width: 10px;
direction:ltr;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 10px grey; 
border-radius: 10px;
direction:ltr;
}
::-webkit-scrollbar-thumb {
background: #DE277A; 
border-radius: 10px;
direction:ltr;
}
*/

.login-content{
/* border: 1px solid#000; */
text-align: center;
}
.RQcodeBtn{
	font-size: 16px;
    border: none;
    background: transparent;
    padding-top: 7%;
}
#qrcode{
	width: 155px;
	height: 155px;
	margin: auto;
}
#putvf1{
	height: 42px;
    font-size: 16px;
    margin: auto;
    padding-bottom: 5%;
}
.ek_download{
	color: white;
}
.Login-tab-operate{
	display: flex;
	text-align: center;
	list-style: none;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: unset;
	margin: unset;
}
.Login-tab-operate-item{
	width:100%;
	border-bottom: 1px solid#aaaaaa;
}
.Login-tab-operate-text{font-size: 18px;color: #000;text-decoration: none;}
.Login-tab-operate-item.active{
	border-bottom: 2px solid#DE277A;
}
.Login-tab-operate-item.active .Login-tab-operate-text{
	color: #DE277A;
}
.Login-tab-time{
	display:none;
}
.Login-tab-time.show{
	display:block;
}
.Login-input-title{
	position: absolute;
    top: -16px;
    left: 14px;
    font-size: 15px;
    background: #fff;
    width: 55px;
    margin-bottom: unset;
    font-weight: bold;
}
.Login-input-title span{
	color: #FF0000;
}

.header-content{
	position:fixed;
	top:0px;
	left:0;
	z-index:100;
	width: 100%;
	background:#fff;
	box-shadow: 2px 2px 5px 0px rgb(0,0,0,0.2);
	background-image: linear-gradient(to top, #EEE 0%,#FEFEFE 20%, white 100%);
}
.iconImage{
	width: 204px;height: 90px;padding:6px;
}
.ek_logo{
	width:150px;
	object-fit:cover;
	padding:5px 0px 10px 10px;
}
@media (min-width: 768px) and (max-width: 991px){ /*768-991*/
	.ek_logo{
		width: 120px;
		object-fit:cover;
		padding: 13px 0px 0px 10px;
	}
}
@media (max-width:767px){/*767,480,375*/
	.iconImage{
		width: 204px;height:60px;padding:6px;
	}
	.ek_logo{
		width: 90px;
		object-fit:cover;
		padding: 6px 0px 0px 10px;
	}
	body{
		padding-top:75px;
	}
}


.header-menu-content{
	width: 100%;
}
.header-menu-content p {
	margin-bottom: unset;
}
.img-shadow{
	box-shadow: 2px 2px 10px 0px rgb(0,0,0,0.5);
}

/* 主選單 */
.header-menu-list{
	display:none;
	list-style:none;
	align-items:center;
	padding-left:unset;
	margin-bottom:unset;
	justify-content:center;
}
.header-menu-list li{
	padding: 5px 5px;
	color: #333333;
	font-size: 16pt;
	letter-spacing:1pt;
	font-weight: bold;
	position: relative;
}
.header-menu-list li .dropdown-menu{
	background: #FFF;
	border-top: 3px solid #DE277A;
	margin:unset;
}

.header-menu-list a{
	padding:4px 15px;
}
.header-menu-list a:hover{
	background:red;
}
/*@media (max-width: 768px){
@media (min-width: 769px) and (max-width: 991px){*/
@media (min-width: 768px) and (max-width: 991px){
	.header-menu-list li{
		padding: 5px 0px;
		font-size: 14pt;
	}
	.header-menu-list a{
		padding:4px 8px;
		letter-spacing:0pt;
	}	
}



/* 次選單 */
.header-menu-list li a{
	color: #333333;
}
.header-menu-list li a:hover{
	background:#DE277A;
	color: #FFF;
	font-weight:bold;
}


.aboutUSBtn:hover .dropdown-menu{
	display: block;
}
.header-login-content{
	width:220px;
}
.header-login-content li{
	padding: 0px 1%;
}
.header-login-list{
	display:flex;
	list-style:none;
	align-items:center;
	padding-left:unset;
	margin-bottom:unset;
	justify-content: flex-end;
}
.header-login-list #LoginModalOpen{ /*立即行動 but - 右上*/
	width: 80px;
  padding: 2px 0;
  border-radius: 5px;
  margin-left: 15px;
	margin-right:30px;
}
.burgarBtn{
	border-radius: 5px;
  font-size: 26px;
  height: 35px;
  width: 45px;
  line-height: 0;
	padding-left:20px;
  background: transparent;
  border-color: transparent;
}
@media (min-width: 768px){
	.burgarBtn{
		display:none;
	}
	.header-menu-list{
		display:flex;
	}
	.blackBackground{
		display:none;
	}
}


/*@media (min-width: 695px) and (max-width: 769px){
@media (min-width: 695px) and (max-width: 3000px){	*/
@media (min-width: 768px) and (max-width: 3000px){	
	.header-burgar-content{ /*不顯示主選單-Left */
		display: none;
	}
}

.carousel-indicators li{
	width: 16px;
	height: 16px;
	border-radius: 50%;
}

.CaseTitle{	/*標題-愛心專案*/
	text-align:center;
	background:#DE277A;
	color: #fff;
	margin-bottom: 3%;
	padding: 6px 0px;
	letter-spacing: 2pt;
	font-size:18pt;
	font-weight:bold;
	background: linear-gradient(to left, #b91d73, #f953c6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
@media (max-width: 570px){
	.CaseTitle{ font-size: 1.4rem; }
}

/* <h4 class="section-title"><span>最新消息</span></h4> */
.section-title { /* 標題文字 */
	text-align: left;
	margin: 0 0 30px 0;
	font-size: 20pt;
	font-weight: 600;
	color: #DE277A;
	position: relative;
	line-height: 1.5;
	letter-spacing:5pt;
}
.section-title span { /* 標題文字-bg */
  padding: 3px 30px;
  background: #FFFFFF;
  position: relative;
	border:2px solid #DE277A;;
	-webkit-border-radius: 30px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 30px;
	-moz-border-radius-bottomleft: 0;
	border-radius: 30px;
	border-bottom-left-radius: 0;
}
.section-title:before { /* 標題文字-線 */
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 26px;
    background: #DE277A;
    margin-top: -1px
}


.ReadMoreBtn{
	margin-top: 2%;
	margin-bottom: 2%;
	border:1px solid#DE277A;
	padding: 5px 10px;
	box-shadow: 2px 2px 5px 0px rgb(0,0,0,0.5);
}
.ReadMoreBtn p {
	margin-bottom: unset;
}

.CaseBox{
	border: 1px solid #CCC;
	padding: 4%;
	margin-bottom: 30px;
	/* border-radius: 5px; 
	box-shadow: 2px 2px 5px 0px rgb(0,0,0,0.5);
	*/
}
.CaseBox a{
	color:#000;
}
.CaseBox a:hover{
	text-decoration:none;
}

.CaseImage-content{
	position:relative;
	height: 220px;
	text-align: center;
	/*
	margin-bottom: 8%;
	height: 170px;

	position:relative;
	margin-bottom: 6%;
	background: #EEE; 
	*/
}
.CaseText-content{
	margin-top: 3%;
	margin-bottom: 6%;
}
.CaseLabel-content{
	margin-top: 5%;
}
.CaseClassLabel{ /* 公益團體-類別 */
	position: absolute;
    right: 4%;
    bottom: 4%;
    border: 1px solid#DE277A;
    background: #DE277A;
    color: #fff;
    font-size: 16px;
    padding: 0px 10px;
    border-radius: 20px;
    font-weight: bold;
}
@media (max-width: 1200px) {
	.CaseClassLabel{
		font-size: 14px;
		right: 0px;
		padding: 0px 6px;
	}
}
@media (max-width: 570px) {
	.CaseClassLabel{ right: 10px; }
}

/* 首頁 - 主題標題 - 四則圖框 */
.CaseText-title{
	font-size:22px;
	font-weight:bold;
	color:#333;
	height: 26px;
	max-height: 26px;
	margin-top:15px;
}
.CaseText-text{ 
	font-size:16px;
	height: 50px;
	max-height: 50px; /*愛心活動, 文字說明沒有加<p>, 要設定與<p>相同屬性*/
	line-height:18pt;
	font-weight:normal;
}
.CaseText-text p{
	font-size:16px;
	max-height: 50px;
	line-height:18pt;
	margin-bottom:unset;
}


.CaseText-label{
	font-size:17px;
	font-weight:bold;
	height: 21px;
}
.text-area {
overflow:hidden;
/* white-space: nowrap; */
text-overflow: ellipsis;
}

.EK_footerList{
	display:flex;
	list-style:none;
	text-align:left;
	align-items: center;
}
.EK_footerList .footer-head-item{
	margin-right: 30px;
	min-width: 65px;
}
.EK_footerList  .footer-head-item-image{
	padding-right:5%;
	width: 110px;
}
.EK_footerList .footer-item{
	padding-right:3%;
	word-break: break-all
}
.EK_footerList .footer-item p{
	margin-bottom: unset;
}
.EK_footerList a{
	color: #fff;
}
.subEmail-input{
	position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
    background:#fff;
    border-radius: 6px;
}
.footer-subtitle-text a{
	color: #fff;
}
.JoinBehaviorBtn{
	width: 90px;
    border-radius: 5px;
    padding: 3px 0px;
    border-color:#DE277A;
}
.header-burgar-content{	/* 手機版下拉選單 */
	list-style: none;
    position: fixed;
		margin-left: -300px;
   	/*
    top: 92px;
		left: 1000px;
    height: 100%;
		min-width:250px;
    max-width: 80%;
		*/
		width:220px;
		max-height: 85%;
    background: #fff;
    padding: unset;
    margin-bottom: unset;;
    text-align: left;
    z-index: 1000;
    background:#fff;
    padding:10px;
    overflow-y: auto;
    /* max-height: 100%; */
}
.header-burgar-content li{
	/*border-bottom: 1px solid#CCC; */
	margin-bottom: 2px;
}
.header-burgar-content li a{
	color: #000;
	font-size: 20px;
	font-weight:bold;
}
.header-burgar-item{
	list-style:none;
	padding-left:10px;
}
.header-burgar-item a:hover{
	text-decoration: none;
}

.header-burgar-item i{
	float: right;
  line-height: 1.5;
}
.header-burgar-text{ /* 手機 - menu 選項*/
	padding: 6px 12%;
	cursor :pointer;
	margin-bottom:unset;
	font-weight:500;
}
.header-burgar-text:hover{
	background:#DE277A;
	border-radius: 50px;
	color: #fff;
}
.header-burgar-Community-list{
	list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: unset;
    margin-top: 20%;
}
.header-burgar-Community-list li{
	padding: 0 15px;
}
.burgar-secondList{
	list-style:none;
  padding-left: 6%;
	margin-top: 5px;
   margin-bottom: 15px;
}

/* 主選單 */
.menu-item.action{
	background: #DE277A;
}
.menu-item.action .menu-link{
	color: #FFF;
}

.menu-item a:hover{
	background: #DE277A;
	color: #FFF;
	text-decoration:none;
}


.RightFloat-menu{
	position:fixed;
	right: 20px;
	bottom: 200px;
	z-index: 100;
}
.RightFloat-item{
	border-radius:50%;
	background:#fff;
	box-shadow: 2px 2px 5px 0px rgb(0,0,0,0.5);
	text-align:center;
	width: 60px;
	height: 60px;
	font-size: 12px;
	padding: 10px 0;
	margin: 5px 0px;
	cursor :pointer;
}

#shopcart b{ color:rgb(255,255,255,0); } /*右選單, shopcart 隱藏文字*/
#shopcart .fas{ font-size:30pt !important; } /* TOP 箭頭 */


@media (max-width: 768px){
	.RightFloat-menu{
		right: 3%;
		bottom: 5%;
	}
	.RightFloat-item{
		width: 40px;
		height: 40px;
		font-size: 12px;
		padding: 10px 0;
		margin: 5px 0px;
		cursor :pointer;
	}
	.RightFloat-item b{ color:rgb(255,255,255,0);} /*右選單, 隱藏文字*/
	#shopcart .fas{ font-size:30pt !important; margin-top:-10px; } /* TOP 箭頭 */
}
@media (max-width: 570px){
	.RightFloat-menu{
		right: 10px;
		bottom: 5%;
	}
	.RightFloat-item{
		width: 40px;
		height: 40px;
		font-size: 12px;
		padding: 10px 0;
		margin: 5px 0px;
		cursor :pointer;
	}
	.RightFloat-item b{ color:rgb(255,255,255,0);} /*右選單, 隱藏文字*/
	#shopcart .fas{ font-size:30pt !important; margin-top:-10px; } /* TOP 箭頭 */
}
@media (max-width: 480px){
	.RightFloat-menu{
		right: 5%;
		bottom: 5%;
	}
	.RightFloat-item{
		width: 30px;
		height: 30px;
		font-size: 10px;
		padding: 5px 0;
		margin: 5px 0px;
		cursor :pointer;
	}
	.RightFloat-item b{ color:rgb(255,255,255,0);} /*右選單, 隱藏文字*/
	#shopcart .fas{ font-size:20pt !important; margin-top:-4px; } /* TOP 箭頭 */
}


.identityChgPannel {
	/* height: 74px; */
	line-height: 55px;
	text-align: center;
	color: #DE277A;
	font-size: 18px;
}

.identityChgPannel a {
	cursor: pointer;
	border-color: #DE277A;
	border-style: solid;
	padding: 5px 20px;
	border-radius: 15px;
}

.identityChgPannel a:hover {
	border-color: #DE277A;
	border-style: solid;
	border-width: 3px;
}
.GuestService-content{
    width: 360px;
    display:none;
}
.CloseGuestServiceLeftBtn{
	float: left;
    font-size: 15px;
    line-height: 15px;
    margin-left: 6px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 20px;
    height: 20px;
    color: #fff!important;
}
.CloseGuestServiceRightBtn{
	float: right;
    font-size: 25px;
    line-height: 15px;
    margin-right: 6px;
    margin-top: 3px;
    margin-bottom: 3px;
    width: 20px;
    height: 20px;
    color: #fff;
}
.GuestService-header{
	padding: 6px 0;
	border-radius: 8px 8px 0 0;
}
.GuestService-body{
	background:#fff;
	overflow-y: auto;
	overflow-x: hidden;
	height: 480px;
	padding: 4%;
}
.GuestService-title{
    font-size: 18px;
    font-weight: bold;
}
.GuestService-title i{
	margin-right:5px;
}
.GuestService-item-content{
	display: inline-flex;
	align-items: center;
	overflow-x: auto;
}
.GuestService-item{
	background: gainsboro;
	padding:2% 1%;
	width:280px;
	border-radius: 7px;
	margin-right: 20px;
}
.GuestService-item-right{
	background: gainsboro;
	width:100%;
	border-radius: 7px;
}
.GuestService-item-title{
	background:#fff;
	padding:3%;
	font-size:19px;
	font-weight:bold;
	border-radius: 5px;
}
.GuestService-item-text{
	background:#fff;
	padding: 3%;
	font-size:16px;
	font-weight:bold;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 5px;
	margin-bottom: unset;
}
.GuestService-item-text-right{
	background:#fff;
	padding: 3%;
	font-size:16px;
	font-weight:bold;
	align-items: center;
	justify-content: space-between;
	border-radius: 5px;
	margin-bottom: unset;
}
.GuestService-content-BgColor{
	background:gainsboro;
	padding: 3%;
}
.GuestService-link{
	padding: 0 8px;
}
.GuestService-footer{
	padding: 3% 12%;
	border-radius:0 0 8px 8px;
	text-align-last: justify;
	background:#fff;
}
.btn-outline-PinkCube{
	color: #DE277A;
    background: #fff;
    border: 1px solid#DE277A;
}
.GuestServiceBtn{
	padding: 3px 22px;
	font-size: 15px;
	border-radius:5px;
}
.btn-PinkCube{
	background: #DE277A;
	color: #FFF;
	border: 1px solid#DE277A;
}
.GuestService-input{
	width: 100%;
	border: 1px solid#000;
	border-radius:3px;
	height: 40px;
}
.GuestService-input-text{
	margin-bottom:unset;
	font-size: 16px;
	font-weight: 600;
}
.red-mark{
	color: #FF0000;
}
.GuestService-radio-gender{
	padding: 8px;
	margin-bottom: unset;
}
.GuestService-menu{
	position:fixed;
	right: 2%;
	top: 13%;
	z-index: 100;
}
.EnterFAQ-btn{
	display:none;
}
.GuestService-overviewX{
	overflow-y: auto;
}
.ReadMoreText2{
	font-size:14px;
	font-weight: bold;
}
.ReadMoreText2 i{
	margin-left: 5px;
}

.ReadMoreText3{
	font-size:14px;
	font-weight: bold;
	padding-right:0;
	white-space:nowrap;
}
.ReadMoreText3 i{
	margin-left: 5px;
}
.row_ml_20{ margin:0px -20px -15px -20px; } /*groupinfo*/

.change_project_filter_btn{ /*PC:篩選活動.不顯示*/
	display: none;
}
.search-input{
	border-radius: 12px;
    background-image: url(../img/Research.png);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 40px;
}
@media (max-width: 768px){
	.PhonePixel{
		display: inline-flex;
		align-items: center;
	}
	.Newsletter{
		margin-bottom: 8%;
	}
	.EK_footerList{
		padding-left:unset;
	}
	.ReadMoreText1{
		display:none;
	}
	.ReadMoreTextBox{
		padding-left:8px;
		padding-right:8px;
	}
	.normal_project_filter_btn{ /* PC */
		display:none;
	}
	.change_project_filter_btn{ /* mobile */
		display: flex;
	}
	.PC_manicon {
		display:none;
	}
}

#LatestNewsContent, #LoveProjectContent, #GroupContent{
	padding: 10px;} /*圖框往內縮*/

.Case-outer-box .carousel-control-prev,.carousel-control-next{
	color: #000;
	font-size: 30px;
	margin: -20px; /*箭頭往外移*/
}

@media (min-width: 769px) and (max-width: 991px){
	/*.normal_project_filter_btn{  PC:活動類別,查詢
		display:none;
		}*/
	/*.change_project_filter_btn{ 手機:篩選活動,找找看
		display: block;
	}*/
}

/**/
@media (min-width: 768px){
	.Case-outer-box .carousel-control-prev,.carousel-control-next{
		display: none;
	}
	.ReadMoreText2{
		display: none;
	}
}





.FilterBtn{
	padding: 7px 20px;
  border-radius: 12px;
}
.love_burgar_filter_box{
	position: fixed;
    top: 92px;
    right: 0;
    border: 1px solid#fff;
    width: 220px;
    padding: 4% 5%;
    background: #fff;
    min-height: 400px;
    margin-right: -300px;
    z-index: 250;
}
.love_burgar_filter_box select{
	border: 1px solid#000;
	border-radius: 12px;
}
@media (min-width: 992px){
	.love_burgar_filter_box{ display:none; } /*物資類別*/
}


/* 愛心銀行 - 左選單 */
.LoveBankType-leftitem a:hover{ text-decoration:none !important; }

.LoveBankTypeList{
	padding-left:unset;
	margin-bottom:unset;
	list-style:none;
	text-align: center;
}
/*
.LoveBankType-item{}
*/

.LoveBankType-text{
	color: #000;
	font-size: 20px;
	padding: 2px 0px 2px 0px;
}
.LoveBankType-text:hover{
	background: #DE277A;
  border-radius: 50px;
  color: #fff;
}
.LoveBankType-text.active{
	background: #DE277A;
  border-radius: 50px;
  color: #fff;
}
.CloseFilterBtn{
	background:transparent;
	color:#000;
	font-size: 20px;
	font-weight:block;
	border: 1px solid#fff;
	outline: none;
}

.CloseFilterBtn i{
	margin-right: 10px;
}
/*-- heade --*/

.ProjectTypeTag{		/* groupInfo 公益團體 */
	position: absolute;
	bottom: 5px;
	left: 5px;
	padding: 0px 8px;
}
.DonateTypeTag{		/* donate 愛心銀行 */
	position: absolute;
	bottom: 5px;
	left: 20px;
	padding: 0px 8px;
}

.LoveBank-title{
	font-weight:bold;
	color:#000;
	padding: 7px 0;
	margin-bottom:unset;
	font-size: 1.2rem;
}

.LoveBank-input{
	width: 100%;
  border: 2px solid#dee2e6;
  padding: 2px 10px;
  border-radius: 5px;
  font-size: 1.1rem;
  text-align:center;
}
.input-group-prepend p {
	margin-bottom: unset;
}
.copyright p {
	margin-bottom: unset;
}

@media (max-width: 570px){
	.ProjectTypeTag{		/* groupInfo 公益團體 */
		position: absolute;
		bottom: 5px;
		left: 20px;
		padding: 0px 8px 1px 8px;
		font-size:0.9rem;
		margin-left:-15px;
	}
	.DonateTypeTag{		/* donate 愛心銀行 */
		position: absolute;
		bottom: 5px;
		left: 20px;
		padding: 0px 8px;
		font-size:0.9rem;
	}
	
	.LoveBank-title{
		font-size:14pt;
		padding:auto 0px;
		margin-left:-10px;
	}

	.LoveBank-input{
		padding: 2px 0px;
		font-size: 18px;
	}
}


/* index ========================================================= */
/* 1.累積愛心,關注人次,參與企業,公益團體
	 2.我們能做的比知道得更多 */
#countStartDiv{ padding: 50px 0px; }

.j-col3 { width:25%; padding:5px; } /*1列4圖*/

#countStartDiv .image{ /*累積愛心, 1列4圖 讓圖片保持正圓*/	
	position : relative;
	/*background: #ccc;*/
	width: 100%;
	padding-bottom : 100%;
 }
#countStartDiv .image2{ /*累積愛心, 1列4圖 讓圖片保持正圓*/	
	position : absolute;
	top:0; left:0; right:0; bottom:0;
	height:100%;width:100%;
}
/*累積愛心, 1列4圖 讓圖片保持正圓*/	
@media (min-width: 1000px){ 
	#countStartDiv .image2{ padding:10%; }
}
@media (min-width: 1200px){
	#countStartDiv .image2{ padding:10%; }
}


#countStartDiv h1{
	font-size: 1.8rem;
	font-weight: 600;
	padding-top:10px;
}
/* #countStartDiv h5{ font-size:1.25rem; } <h5>預設值 */

/* 2.我們能做的比知道得更多 */
#startProjectImg{ padding-left:20px;} /*大圓*/
.home_cando{ position: absolute;bottom:0;right:0;width: 20%; } /*小圓*/
#startProjectText{ text-align:left;padding:20px 30px 0px 5%;} /*文字區*/
#startProjectText h2{ font-size:20pt;font-weight:bold;}
#startProjectText h3{ font-size:18pt;padding-bottom:0px;color:#666;font-weight:bold; }

.j-fa-angle-bg{	display: none; } /* 小輪播圖-左右箭頭 */


@media (min-width: 768px) and (max-width: 991px){ /*768-991*/
	/*1列4圖*/
	#countStartDiv{ padding: 30px 0px; }
	.j-col3 { width:25%; padding:20px; } /*1列4圖*/
	#countStartDiv h1{font-size: 1.3rem;}
	#countStartDiv h5{ font-size:1rem; }
	
	/*累積愛心, 我們能做的比知道得更多*/
	#startProjectImg{ padding-left:20px;width:115%;} /*大圓*/
	.home_cando{ margin-bottom:-10px;margin-right:-40px; width:35%; } /*小圓*/
	#startProjectText{ text-align:left;padding-left:8%;margin-top:30px;}
	#startProjectText h2{ font-size:1.5rem;font-weight:bold;}
	#startProjectText h3{ font-size:1.3rem;padding-bottom:0px;color:#666;font-weight:bold; }
	/*.JoinBehaviorBtn{}*/

	.j-fa-angle-bg{ /* 小輪播圖-左右箭頭 */
		background: rgba(0,0,0,0.5);
		padding:5px 12px;
		border-radius:10rem;
		color: #FFF;
	}
}

@media (max-width: 480px){ /*375*/
	#countStartDiv{ padding-top: 15px; }
	#countStartDiv h1{ /*累積愛心, 1列4圖 文字*/
		font-size: 1.1rem;
		padding:10px 0px 0px 0px;
	}

	#countStartDiv h5{font-size:1rem;padding:0px;}

	/*累積愛心, 我們能做的比知道得更多*/
	#startProjectImg{ padding-left:20px;} /*大圓*/
	.home_cando{ width:30%; margin-right:40px;bottom:-20px; } /*小圓*/
	#startProjectText{ text-align:center;padding-right:30px;margin-top:20px;}
	#startProjectText h2{ font-size:1.3rem;font-weight:bold;}
	#startProjectText h3{ font-size:1.2rem;padding-bottom:0px;color:#666;font-weight:bold; }
}




.margin-auto{ /*區塊自動置中*/
	margin:auto;
}
.home_pro_pic{ /* 圖片-首頁-共同 
	max-width: 100%;
	max-height: 100%;*/
	width:100%;
	border-radius:.3rem;
	height:225px;
	object-fit:cover;
}

.home_pro_pic:hover {	/*動圖*/
	opacity: 0.9;
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s
}


/* Banner ======================================================== */
#zone1{
	margin-top:-15px;
}

.container-fluid{
	padding: 0px 0px;
}

.w-100-img-i{
	width: 100% !important;
	max-height: 500px;
	object-fit: cover;
}
.w-100-img{
	width: 100% !important;
	max-height: 500px;
	object-fit: cover;
}

@media (max-width: 480px){
	.w-100-img-i{ /*首頁
		width: 100% !important;*/
		max-height: 220px;
		object-fit: cover;
	}
	.w-100-img{ /*內頁
		width: 100% !important;*/
		height: 220px;
		object-fit: cover;
	}
}


@media (max-width: 767px) {
	.j-banner-text{
		font-size: 1.8rem;
	}
}

/* Bammer - 標題文字 */
.carousel_caption{
	position: absolute;
	color: #FFFFFF;
	text-align: center;
	top: 30%;
	left: 15%;
	font-size: 40pt;
	font-weight: bold;
	text-shadow: black 0.1em 0.1em 0.1em;
}

.carousel_button{
	position: absolute;
	z-index: 10;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 12%;
	text-align: center;
}
.carousel_button button{ 
	background: #DE277A;
	color: #FFF;
	letter-spacing:1pt;
	font-weight:600;
	padding: 6px 15px;
	font-size:15pt;
	border: 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.carousel_button button{ color:#EEEEEE; }
.carousel_button button:hover, button:active { cursor:pointer; color:#FFF; }

@media (min-width: 769px) and (max-width: 991px){
	.carousel_caption{
		font-size: 34pt;
		top: 30%;
		left: 15%;
	}
}

@media (max-width: 768px){
	.carousel_caption{
		font-size: 30pt;
		top: 30%;
		left: 10%;
	}
}

@media (max-width: 570px){
	.carousel_caption{
		font-size: 24pt;
		top: 25%;
		left: 10%;
	}
}

@media (max-width: 480px){
	.carousel_caption{
		font-size: 20pt;
		top: 80px;
		left: 60px;
	}
	.carousel_button{
		bottom: 25%;
	}
	.carousel_button button{ 
		padding: 5px 10px;
		font-size:12pt;
	 }
}

/* Bammer - 標題文字 - 首頁 */
.carousel_caption_i{
	position: absolute;
	color: #FFFFFF;
	text-align: center;
	top: 30%;
	left: 15%;
	font-size: 40pt;
	font-weight: bold;
	text-shadow: black 0.1em 0.1em 0.1em;
}
@media (max-width: 768px){
	.carousel_caption_i{
		font-size: 30pt;
		top: 25%;
		left: 10%;
	}
}
@media (max-width: 570px){
	.carousel_caption_i{
		font-size: 24pt;
		top: 25%;
		left: 10%;
	}
}

@media (max-width: 480px){
	.carousel_caption_i{
		font-size: 16pt;
		top: 50px;
		left: 20px;
	}
}



/* About Us ========================================================= */
#about .w-100-img2{
	width: 100%;
	height: 50vh;
	object-fit: cover;
}
#about a {
	text-shadow:3px 3px 3px #000;
	color: #FFF;
}
#about a:hover{
	color: #ffc107;
	text-decoration: none;
}


/* 最新消息 groupInfo ================================================ */
.groupinfo_pic11{ /*圖片-首頁*/
	border-radius:.3rem;
	width:100%;
	height:170px;
	object-fit:cover;
}
#newsDetail{
	overflow:hidden;
}

#newsDetail p{
		line-height:22pt;
		padding:auto;
		margin:auto;
}

@media (max-width: 570px){
	#newsDetail h2{
		font-size:18pt;
		padding:0px 0px;
		margin:0px 0px;
	}
	#newsDetail h3{
		font-size:18pt;
	}
}



/* breakingNews 最新消息 =====================
.news_area{ background-color:#f3f1ee; min-height:150px; }*/
.news_area{ padding:10px 15px;background-color:#FFF; min-height:142px; }
@media (max-width: 480px) {
	.news_area{ padding:5px 10px 10px 10px; min-height:130px; }
}
.newsTitle {
	font-size: 1.2rem;
	font-weight: 600;
	overflow: hidden;
	height:30px;
	/*
	white-space: nowrap;
	text-overflow: ellipsis;
	*/
}
.newsInfo {
	/* font-size: 16px; */
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /*2行*/
	-webkit-box-orient: vertical;
}
.newsInfo p{ font-size: 1rem; line-height:18pt;  }
.news_date_row{	margin:10px 0 0 0; } 	/* 行距, mt-4 ml-0 mr-0 p-0*/
.news_but1{ padding: 2px 5px;margin:5px 10px 0px 0px; } /* PC-查看更多 */
.news_but2{ margin:0px 0px;padding-right:0px; } /* mobile*/

.ProjectImageIcon {		/* groupInfo.php 公益團體 project.php愛心活動*/
  position:absolute;
  top:0;
  right:0%;
  max-height:65px;
}

.mobile_privacy { width:100%; margin-top:3%; } /* 愛心活動 project */
@media (max-width: 500px) {
	.mobile_privacy { width: 100%; }
}

.showCountBut{
  background: #fff;
  border: 1px solid#dee2e6;
  padding: 8px 15px;
	color: #de277a;
}
.showCountBut:hover{
  padding: 8px 15px;
	color: #de277a;
}
.showCountBut.action{
    background: #de277a;
    border: 1px solid#de277a;
    color: #fff;
}

.oddNews { padding-left: 2%; }

.viewMore {
	padding-top: 11%;
	padding-right: 0px;
}

.mobileGoToBtn {	display: none;}
.PCGoToBtn {	display: unset;}

.FilterBtn{
	padding: 7px 20px;
  border-radius: 12px;
}

.change_project_filter_btn{	display: none;}

/* 同1087
.search-input{
	border-radius: 12px;
  background-image: url(../img/Research.png);
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 40px;
}
*/
.search{ padding:30px 0px;} /* 公益團體 group : 查詢區 */
@media (max-width: 780px){
	.search{ padding:20px 0px;}
}

.mobile_img {
		width: 100%;
		max-height: 120px;
		padding-top: 4px;
	}

@media (max-width: 1200px) {
	.ProjectImageIcon { width:5vw; height:5vw; }
}

@media (max-width: 991px) {
	.oddNews {padding-left: 10%;}
	.newsInfo {max-height: 50px;}
	.ProjectImageIcon {width:7vw;height:7vw;}
}

/* breakingNews */
.PC_search {	padding:0px;width:100%; text-align:center;margin:auto;}
@media (max-width: 991px) {
	.change_project_filter_btn{	display: flex;	}
	.PC_search {	display: none;	}
}

@media (max-width: 480px) {
	.ProjectImageIcon { width:10vw; height:10vw; }
	.newsTitle { 	font-size: 18px; margin:5px 0px 0px -20px; }
	.newsInfo { margin:0px 0px 0px -15px;}
	.news_date_row{ margin:0px 0px 0px -15px; }
	.mobileGoToBtn { display: unset; } /*顯示*/
	.PCGoToBtn { display: none; 	} /*隱藏*/
}

.news_p_5_8{ /*縮小按鈕,篩選專案-找找看*/
	padding:5px 15px;
	margin-left:-15px;
}

@media (max-width: 480px) {
	.donate_search_up{margin-bottom:-150px;} /*愛心銀行donate,查詢列,上縮*/
	/* .news_area{ background-color:#f3f1ee; min-height:150px; } */
	.mobile_img {
		width: 100%;
		/* max-height: 120px; */
		padding-top: 4px;
		height:120px;
		object-fit:cover;
	}
	.news_but2{ padding:0px;margin:0px;}
	.news_but2 i{ font-size:1.5rem; padding:0px 10px 0px 0px; margin:6px 0px 0px 0px; }
}






/* 公益團體 groupInfo ========================================== */
#group_left{
	border:1px solid #DDD;
	background:#FAFAFA;
}
#group_left .img_size{	/*圖片*/
	width: 100%;
	padding:20px;
}
#group_left .contact_info{
	line-height: 16pt;
	margin-top:15px;
	padding:0px 20px;
	word-wrap: break-word;
	word-break: break-all;
}
#group_left p{ 
	padding:0px 0px 0px 10px;
	margin:10px 0px;
}

@media (min-width: 767px) and (max-width: 991px){
	.col-md-5{ flex:5; } /*加了才不會換行*/
	.img_size{ width:70% !important;margin-left:10%; }
}
/*@media (max-width: 480px){*/
@media (max-width: 991px){
	#group_left .img_size{ padding:10px 0 0 10px; }
	#group_left .contact_info{
		padding:0px 10px 0px 0px;
		word-wrap: break-word;
		word-break: break-all;
	}
	#group_left p{ 
		padding:0px 0px 0px 0px;
		margin:0px 15px 0px 0px;
		font-size:1rem;
	}
}

#group_left .share{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding-bottom:20px;
}
#group_left .share img{
	width:30px;
}

@media (max-width: 480px){
	#group_left .contact_info p{
		padding:0px 10px 0px 0px;
		word-wrap: break-word;
		word-break: break-all;
		font-size:0.9rem;
		line-height:18pt;
	}
	#group_left hr{ display:none; margin:5px 0px;}
	#group_left .share{
		font-size: 0.9rem;
		font-weight: bold;
		text-align: right;
		padding-right:30px;
		padding-bottom:10px;
	}
	#group_left .share img{
		width:20px;
	}
}




#group_pro .g_frame{ /*<h3>公益團體名稱*/
	text-align:center;
	padding:10px;
	margin: 0px 10px 50px 0px;
}

/* @media (max-width: 768px){ */
@media (max-width: 1199px){
	#group_pro{ margin-left:10px; margin-right:10px; }
	#group_pro .g_frame{ margin: 0px 5px 50px 0px; }
}
@media (max-width: 375px){
	#group_pro .g_frame{ margin: 0px -10px 30px -10px; }
}

#group_pro .g_pic{	 /*圖片*/
	width:100%;
	height:200px;
	padding:10px;
	object-fit:scale-down;
}

#group_pro .g_title{ /*<h3>公益團體名稱*/
	font-size: 16pt;
	font-weight: 600;
	color:#777;
	height: 28px;
	overflow: hidden;
	/*
	white-space: nowrap;
	text-overflow: ellipsis;
	*/
}
#group_pro a{ 
	color:#777;
	text-decoration:none;
}
#group_pro a:hover{ 
	color:#DE277A;
	text-decoration:none;
}

#group_pro button{ min-height:31px; margin-bottom: 5px; }

#group_pro .g_but1{ /*縣市*/
	padding:2px 5px;
	border-radius: 5px;
	background: #666;
	color: #FFF;
}
#group_pro .g_but2{/*類別*/
	padding:2px 5px;
	border-radius: 5px;
	background: #DE277A;
	color: #FFF;
}



@media (max-width: 480px){
	#group_pro .g_pic{	 /*圖片*/
		height:120px;
		padding:0px;
		object-fit:scale-down;
	}
	
	#group_pro .g_title{ /*<h3>公益團體名稱*/
		font-size: 1rem;
		height: 20px;
		margin-top: 10px;
	}
	#group_pro button{ /*按扭*/
		height:20px;padding:2px;margin:0px; font-size:0.9rem;
	}

	#group_pro .g_but1{ /*縣市*/
		padding:2px 5px;
		border-radius: 5px;
		background: #666;
		color: #FFF;
		font-size: 0.8rem;
	}
	#group_pro .g_but2{/*類別*/
		padding:2px 5px;
		border-radius: 5px;
		background: #DE277A;
		color: #FFF;
		font-size: 0.8rem;
	}
}




/* 公益團體-最新訊息 ======================== */
#menu6 .gi_news_img2{
	width: 100%; 
	background-position: center center; 
	background-repeat: no-repeat; 
	background-size: contain;
}
#menu6 .news_area2{ background-color:#FEFEFE; margin:0px 10px; padding-bottom:15px;}
#menu6 .gi_news_but1{	margin-top:-10px;} /* 詳細資訊 width:120px; */
#menu6 h5{
	font-size: 1.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1; /*1行*/
	-webkit-box-orient: vertical;
}
#menu6 p{
	font-size: 1.2rem;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

@media (max-width: 768px){
	#menu6 h5{ font-size: 1.2rem; margin:5px -15px 5px -10px;}
	#menu6 p{ font-size: 1.1rem; margin:5px -15px 5px -10px;}
	#menu6 time{ margin:0px -10px;}
	#menu6 .gi_news_but1{font-size:0.9rem;margin-top:-10px; padding:4px 10px; }
}
@media (min-width: 481px) and (max-width: 767px){
	#menu6 .gi_news_but1{margin-top:-10px; padding:4px 10px;width:100px;margin-left:-50px; }
}
@media (max-width: 480px){
	#menu6 h5{ font-size: 1.2rem; margin:5px -15px 5px -10px;}
	#menu6 p{ font-size: 1.1rem; margin:5px -15px 5px -10px;}
	#menu6 button{ margin-top:-10px; } /* 詳細資訊*/
	#menu6 time{ margin:0px -10px;}
}
@media (max-width: 375px){
	#menu6 h5{ font-size: 1.1rem; }
	#menu6 p{ font-size: 1rem; font-weight:none; }
	#menu6 button{ padding:2px 0px;margin-left:-40px; } /* 詳細資訊*/
	#menu6 time{font-size:0.9rem;}
}



/* 愛心銀行 donate ===================================
#donate_pro{ }*/
#donate_pro .pic11{ /*圖片*/
	border-radius:.3rem;
	width:100%;
	height:250px;
	/* object-fit:scale-down; */
	object-fit:cover;
}

.donate_pro_pic11{ /*圖片-首頁*/
	border-radius:.3rem;
	width:100%;
	height:170px;
	/* object-fit:scale-down; */
	object-fit:cover;
}
#donate_pro p{ font-size:1rem; }

.do_title img { margin-right: 10px; } /*篩選專案*/

.do_but1 { /*下方按鈕-1, 不換行, 超出隱藏*/
	padding-top:10px; 
	margin-bottom:-10px;
	text-align:left;
	white-space:nowrap; 
	overflow:hidden; 
} 
.do_but2 { /*下方按鈕-2*/
	padding-top:10px; 
	text-align:right;
	white-space:nowrap; 
} 

#donate_pro h5{ color:#DE277A;} /*標題*/

@media (max-width: 570px){
	#donate_pro h5{ font-size:12pt;padding:auto;margin:auto; }
	.h5{ font-size:auto; }
	.do_title{ margin:0px; padding:0px; } /*篩選專案, 找找看*/
	.do_title img { margin-right:2px; } /*篩選專案, 找找看*/
	.do_but1 { padding-bottom:5px; } /*下方按鈕-1*/
	.do_but1 i { font-size:1rem; } /*小圖示*/
	.do_but2 { padding-top:0px;margin-bottom:-5px; } /*下方按鈕-2*/
}

@media (max-width: 480px){
	#donate_pro .pic11{ height:150px;background:#EEE; }	
	#donate_pro h5{ font-size:15pt; margin-bottom:5px;}
	#donate_pro p{ font-size:0.9rem; line-height:16pt;}
}

.modal-content{	width: 80%;}
@media (max-width: 480px){
	.modal-content{
		width:75%; 
		margin-left:40px;
	 }
	 .modal-content h2{ font-size:1.5rem;}
	 .LoveBank-title{font-size:1rem;margin:0px -10px;}
	 .LoveBank-input{font-size:1rem;}
}

/* 愛心專案 project ===================================== */
/*
#project_pro{
	border-bottom: 3px solid #DE277A; 
	max-width: 280px;
}*/

#project_pro .pic11{ /*圖片*/
	width:100%;
	border-radius:.3rem;
	height:250px;
	object-fit:cover;
	background:#EEE;
}
.project_pro_pic11{ /*圖片-首頁*/
	border-radius:.3rem;
	width:100%;
	height:170px;
	object-fit:cover;
}

#project_pro .pic11:hover {	/*動圖*/
	opacity: 0.9;
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s
}
#project_pro h3{ /*品名*/
	font-size: 1.3rem;
	font-weight: 600;
	color:#DE277A;
	height: 24px;
	overflow: hidden;
	margin:10px -10px 0px -10px;
	line-height:18pt;
}

#project_pro h5{ font-size: 1rem; }
#project_pro h6{ /*參與機構*/
	font-size: 1rem;
	margin:0px -10px;line-height:18pt;
}
#project_pro p{ font-size:1rem;margin:0px -10px;line-height:18pt;}

@media (max-width: 768px){
	#project_pro h3{ font-size:1.2rem;margin:10px -10px 0px -10px; }
	#project_pro h6{ font-size:0.9rem;margin:0px -10px;line-height:18pt;}
	#project_pro p{ font-size:0.9rem;margin:0px -20px 0px -10px;line-height:18pt; }
}

#project_pro .read a{ /*Read More*/
	font-size: 1rem;
	border:1px solid #DE277A;
	text-align:center;
	padding:2px 4px;
}
#project_pro .read a:hover{
	text-decoration:none;
	background:#DE277A;
	color:#FFF;
}

#project_pro a{
	color:#DE277A;
	text-decoration: none;
}
#project_pro a:hover{
	/*text-decoration: underline;*/
	color:#6f42c1;
}


.prj_num_col{margin-left: -6px;}
.prj_img_s{ width:100%; } /*小圖-愛心活動,公益活動-愛心*/

/*
.gi_row{ margin:5px -20px; }
@media (max-width: 768px){
	.gi_row{ margin:5px -20px; }
} */

.gi_row{ margin:0px 0px;padding:10px;  } /*iPad, 圖距, 公益活動-2-愛心款活動*/
@media (max-width: 480px){
	.gi_row{ margin:0px 0px; padding:5px; }
}

@media (max-width: 768px){
	.pj_row{ margin:30px -5px -50px -5px;	} /*iPad, 圖距, 愛心活動 */
}

@media (max-width: 480px){
	#project_pro .pic11{ /*圖片*/
		width:100%;
		border-radius:.3rem;
		height:200px;
		object-fit:cover;
	}
	.pj_row{ padding:8px; margin:0px -10px; } /*mobile, 圖距*/
	
	#project_pro h3{ font-size:1.2rem;margin:10px -10px 0px -10px; }
	#project_pro h6{ font-size:0.9rem;margin:0px -10px;line-height:18pt;}
	#project_pro p{ font-size:0.9rem;margin:0px -20px 0px -10px;line-height:18pt; 
		/* white-space: nowrap; */}
	.prj_img_s{ width:120%; } /*小圖*/
	.prj_num_col{margin-left: -10px;}
}
@media (max-width: 375px){
	.prj_img_s{  width:36px; margin-left:-10px; } /*小圖*/
}



/* 愛心款活動 groupInfo , 同 #project_pro h3{} */
#menu1 .pic11{ /*圖片*/
	width:100%;
	border-radius:.3rem;
	height:250px;
	object-fit:cover;
}
#menu1 h3{ /*標題 */
	font-size: 1.3rem;
	font-weight: 600;
	color:#DE277A;
	height: 24px;
	overflow: hidden;
	margin:10px -10px 0px -10px;
	line-height:18pt;
}
#menu1 h5{ font-size: 1rem; }
#menu1 h6{ /*參與機構*/
	font-size: 1rem;
	margin:0px -10px;line-height:18pt;
}
#menu1 p{ font-size:1rem;margin:0px -10px;line-height:18pt;}

#menu1.img-content{
	position:relative;
	height: 220px;
	text-align: center;
}

@media (max-width: 768px){
	#menu1 h3{ font-size:1.2rem;margin:10px -10px 0px -10px; }
	#menu1 h6{ font-size:0.9rem;margin:0px -10px;line-height:18pt;}
	#menu1 p{ font-size:0.9rem;margin:0px -20px 0px -10px;line-height:18pt; }
}

@media (max-width: 480px){
	#menu1 .pic11{ height:150px; }
	#menu1 h3{ font-size:1.2rem;margin:10px -10px 0px -10px;}
	#menu1 h6{ font-size:0.9rem;margin:0px -10px;line-height:18pt;}
	#menu1 p{ font-size:0.9rem;margin:0px -20px 0px -10px;line-height:18pt; }
}


/* 愛心活動 projectDetail - 數量按鈕 */
.FastSelectNumBox{
	display: flex;
	align-items: center;
}
.FastSelectNumBtn{
	background:#ffc107;
	color: #000;
	width: 100%;
	margin-right: 10px;
	border:0px;
	padding:4px;
}
.CharitySaleTotal{
	font-size: 25px;
	font-weight: bold;
}
.CharitySaleText{
	font-size:16px;
}

/* 公益團體-內容 projectDetail ======================== */
#MainAction h2{ /*標題*/
	font-size:1.6rem;
	padding:30px 0px 0px 0px;
}
@media (min-width: 768px) and (max-width: 991px){
	#MainAction h2{ display:none; } /* #projectDetail h2 */
}

#MainAction .bt1{ /*PC版:標題: 小圖示: New*/
	border: 0px;
	font-size: 1rem;
	margin: 0px 0px 0px 10px;
	padding:5px 12px;
}


/* iPad : 愛心活動 - 內容 projectDetail */
@media (min-width: 768px) and (max-width: 991px){
	#projectDetail h2 {
		font-size:1.5rem;
		font-weight: bold;
		line-height:24pt;
		padding:0px 0px 0px 0px;
	}
	#projectDetail h5 {
		text-align:left;
		font-size: 13pt;
		font-weight:normal;
		line-height:20pt;
	}
	#projectDetail b {
		font-size: 14pt;
		font-weight: 600;
	}
}

@media (max-width: 570px){
	#projectDetail h2 {
		font-weight:bold;
		font-size:1.4rem;
		padding:10px 10px 0px 0px;
	}
	#projectDetail .bt1{ /*小圖: 物資,New*/
		border: 0px;
		font-size: 0.9rem;
		margin: 0px 0px 0px 0px;
		padding:5px 10px;
	}
	
	#projectDetail h5 {
		font-size: 1.1rem;
		line-height:20pt;
		font-weight:normal;
	}
	/*
	#projectDetail h5 span{
		font-size: 1.1rem;
		font-weight:normal;
	}
	*/
	.pjdtl_text{ /*專案內容*/
		font-size: 1.1rem;
		font-weight:normal;
		line-height:20pt;
	}
	
}

/*內容明細*/
#projectDetail .pj_dtl_title{
	font-size:1.1rem;
	padding:0px 0px 0px 15px;
	font-weight:bold;
	color:#212529
}
#projectDetail .pj_dtl_text{
	font-size:1rem; padding:0px 15px;
}
@media (max-width: 480px){
	#projectDetail .pj_dtl_title{
		font-size:1.1rem;
		padding:0px 0px 0px 15px;
		font-weight:bold;
	}
	#projectDetail .pj_dtl_text{
		font-size:1rem;
		padding:0px 10px 0px 20px;
	}
}

/* 隱私權聲明 privacy */
#privacyImg img {
	max-width:100%;
}


/* Go Top */
/*.Scroll_Top_Up_button {
	display:none;
  background-color:#DE277A; 
	width: 58px;
	height: 58px;
  border: none;
  color: white;
  font-size: 50px;
  cursor: pointer;
  border-radius: 50%;
  position: fixed;
  right: 2%;
  bottom: 5%;
	background-image:url("../img/TOP.png");
	background-size: 100%;
	background-position: center;
	z-index: 1000;
}

@media (max-width: 767px) {
	.Scroll_Top_Up_button {
		width: 58px;
		height: 58px;
		right: 2%;
	}
}*/


/* Footer ================== */
#footer ul {
	list-style:none;
}
footer.main-footer {
  padding-top: 30px;
  padding-bottom: 0;
  background: #322b2b;
  color: #fff;
}
@media (max-width: 480px) {
	padding-left: 30px;
}

footer.main-footer a {
  color: inherit;
  color: #eee;
}
footer.main-footer h4 {
  color: #eee;
  margin: 10px 0;
  text-transform: uppercase;
  letter-spacing: 0.1em;
	font-size: 18px;
	font-weight: bold;
}
footer.main-footer p {
  /*font-size: 1.1rem;
  color: #aaa;*/
  margin-bottom:unset;
}
footer.main-footer hr {
  border: none;
  border-top: 1px solid #ddd;
  background: none;
}

/*
footer.main-footer .j-width { } */
footer.main-footer .j-width2 { width:80%; } /*電子報*/

@media (max-width: 570px){
	footer.main-footer .j-width { width:45%; margin-top:-10px; } /*政策條款*/
	footer.main-footer .j-width2 { width:85%; } /*電子報*/
}

@media (max-width: 480px){
	footer.main-footer .j-width2 { width:85%; padding-left:20px; } /*電子報*/
	.SystemList{ padding-left:20px; }
	.Contact_Us{ padding-left:20px; }
}

footer.main-footer .copyrights {
  background: #3A3133;
  color: #ccc;
  padding: 20px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	/* border-top: 1px solid #CCC; */
}
footer.main-footer .copyrights a {
  color: #FFFFFF;
}

footer.main-footer .copyrights p {
  color: inherit;
  font-size: 12pt;
  margin-bottom: 0;
}
@media (max-width: 570px){
	footer.main-footer .copyrights p {
		text-align:left;
		font-size:11pt;
		width:90%;
		line-height:15pt;
	}
}

footer.main-footer .copyrights .ek_logo {
  width: 60px;
  margin: -30px 10px 0px 0px;
}
@media (max-width: 570px){
	footer.main-footer .copyrights {
		padding-bottom:20px;
	}
	footer.main-footer .copyrights .ek_logo {
		width:46px;
		margin:-32px -3px 0px 0px;
	}
}

/*圓角*/
.rounded-r10{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


/* Mobile, 次選單 
@media (max-width: 480px){
	.GroupInfo-nav-tabsPink{ border-bottom: 0px; }
	.GroupInfo-nav-tabsPink .nav-link {
		background-color: #EEE;
		border: 1px solid #DDD;
		width:28vh;
		font-size:1rem;
		text-align:center;
		border-radius: 1rem;
		padding:4px 15px 4px 15px;
		margin-right:-6px;
	}
	.GroupInfo-nav-tabsPink a{ color: #000; font-weight: bold;	}
	.GroupInfo-nav-tabsPink a:hover{
		color: #FFF;
		font-weight: bold;
		background:#DE277A;
	}
	.GroupInfo-nav-tabsPink .nav-link:focus, .GroupInfo-nav-tabsPink .nav-link:hover {
			border-color: #DE277A #DE277A #DE277A;
	}
	.GroupInfo-nav-tabsPink .nav-item.show .nav-link, .GroupInfo-nav-tabsPink .nav-link.active {
			color: #FFF;
			font-weight: bold;
			background-color: #DE277A;
			border-color: #DE277A #DE277A #DE277A;
	}
} */
	
/* Mobile, 次選單, 375px 
@media (max-width: 375px){
	.GroupInfo-nav-tabsPink .nav-link {
		background-color: #EEE;
		border: 1px solid #DDD;
		width:24vh;
		font-size:0.9rem;
		text-align:center;
		border-radius: 1rem;
		padding:4px 15px 4px 15px;
		margin-right:-6px;
	}
} */

}


.nav-pc{ display:block; }
.nav-mobile{ display:none; }
@media (max-width: 480px){
	.nav-pc{ display:none; }
	.nav-mobile{ display:flex; padding:0px;margin:0px;}

	.GroupInfo-nav-tabsPink .nav-item { margin:0px; }
	.GroupInfo-nav-tabsPink{ 
		border-bottom: 1px solid #CCC;
		text-align:center;
		margin:0px 0px 0px 0px;
		padding:10px 0px 15px 0px;
	}
	.GroupInfo-nav-tabsPink .nav-link {
		padding:6px 0px 5px 0px;
		margin:0px -10px 10px -10px;
		border-bottom:1px solid #666;
			
		-webkit-border-radius:5px 5px 0px 0px;
		-moz-border-radius:5px 5px 0px 0px;
		border-radius: 5px 5px 0px 0px;
	
		-webkit-box-shadow: #666 0px 2px 3px;
		-moz-box-shadow: #666 0px 2px 3px;
		box-shadow: #666 0px 2px 3px;
	}
	.GroupInfo-nav-tabsPink .nav-link.active {
		color: #FFF;
	  font-weight: bold;
	  background-color: #DE277A;
		border-bottom:1px solid #666;
	}
}

/* 愛心活動 table - projectDetail 0~3 */
.table_pj th{ font-size:1rem;text-align:center;}
.table_pj td{ font-size:1rem;text-align:center;}
.table_pj .td20{ width:350px;text-align:left; } /*活動名稱,服務項目 20字*/
.table_pj .td15{ width:270px; } /*目前進度 15字*/
.table_pj .td10{ width:150px; } /*我要參與 10字*/