@media screen and (max-width: 1120px) {
	ul.list02 li p{
		display: block;
	}
	ul.list02 li .text span{
		/*position:static;*/
		display: block;
		width: 50px;
		/*margin-top: 30px;*/
		text-align: center;
	}	
	.donate .pic img:last-child{
		bottom: -40%;
    right: -40%;
	}
}

/*========================1024平板==========================*/
@media screen and (max-width: 1024px) {
	.menu{
		display: none;
	}
	.m_menu_box{
		display: block;
	}
	.banner{
		padding-top: 110px;
		padding-top: 140px;
	}
	.index_btn{
		align-items: flex-start;
	}
	.index_btn a.btn{
		display: block;
		text-align: center;
		/*width: 31%;*/
	}
	.index_btn a.btn img{
		max-width: 100%;
		margin: 0 auto 20px auto;
	}
	.menupic{
		height: 40px;
		background-image: url(../img/m_menu_pic.jpg);
	}
	.menupic .shadow{
		bottom: -15px;
		z-index: -1;
	}
	ul.list01 li a,
	ul.list02 li a{
		padding: 25px 0;
	}
	.donate{
		margin: 0;
	}
	.donate .pic{
		width: 100%;
	}
	.donate .text{
		display: block;
		width: 100%;
		padding: 30px 0 20px 0;
	}
	.donate .text p{
		line-height: 1.5;
		padding: 10px 0;
		font-size: 22px;
	}
	.donate .pic img:last-child{
		width: 40%;
		bottom: -15%;
    	right: -30px;
	}
	form.contact .captcha{
		display: block;
		width: calc(100% - 10px);
	}
	form.contact .captcha{
		display: block;
		width: 100%;
	}
	form.contact .sendbox{
		width: 100%;
		margin-top: 20px;
	}
	form.contact input.send{
		padding: 15px;
		width: 100%;
	}
	.lan a{
		font-size: 16px;
	}
	#footer .footer_menubox{
		display: none;
	}
	#footer .cpr{
		font-size: 14px;
		border-top: 1px solid #ccc;
	}
	#footer .ftrpic{
		background-image: url(../img/footer_pic_m.jpg);
		height: 32px;
	}
	.donate .text{
		line-height: 2;
	}	
	ul.list02 li .text p{
		display: -webkit-box; 
		-webkit-box-orient: vertical;
    	-webkit-line-clamp: 6;
		max-height: 165px;
    	overflow-y: hidden;
	}
	ul.list02 li .text span{
		bottom: 30px;
	}
	form.contact .end_box{
		padding-left:0;
	}
	.btnstyle ul li{
		display: block;
		width: 100%;
		/*max-height: none;*/
		margin: 10px 0;
	}
	.btnstyle ul li a{
		display: block;
		/*max-height: none;*/
		padding: 15px 10px;
		border: 1px solid #bbb;
	}
	.btnstyle a.back{
		padding: 15px 10px;
	}
	.btnstyle ul{
		display: block;
		margin: 0 0 30px 0;
	}
	.btnstyle ul li,
	.btnstyle ul li:first-child,
	.btnstyle ul li:last-child{
		width: 100%;
		text-align: center;	
		/*border: 1px solid #bbb;*/
	}
	/*.btnstyle ul li:first-child::before{
		left: 10px;
		top: 50%;
		transform: translateY(-50%);
	}
	.btnstyle ul li:last-child::after{
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
	}*/
	/*.btnstyle a,
	.btnstyle a.back{
		display: block;
		padding: 15px 10px;
	}*/
	.btnstyle a.back{	
		border-right: 1px solid #bbb;
		border-left: 1px solid #bbb;
	}
	/*------------*/
	.btnstyle2 ul{
		display: block;
		/*margin-top: 0;*/
	}
	.btnstyle2 ul li.prev,
	.btnstyle2 ul li.next,
	.btnstyle2 ul li.back{
		display: block;
		width: 100%;
		text-align: center;	
		padding: 0;
		border: none;
	}
	.btnstyle2 a{
		display: block;
		padding: 15px 10px;
		border: 1px solid #bbb;
	}
	.title{
		display: block;
		border: none;
		margin: 0;
	}
	.title h1{
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #bbb;
		font-size: 28px;
	}
	.title ul.breadcrumb li{
		font-size: 16px;
	}
}
/*ipad打橫，MENU字縮小*/
@media screen and (orientation:landscape) and (max-width: 1024px) {
	.m_menu_list a{
		font-size: 42px;
	}
	.m_menu_list a.small{
		font-size: 24px;
	}
}
@media screen and (max-width: 768px) {
	.m_menu_list a{
		font-size: 42px;
	}
	.m_menu_list a.small{
		font-size: 24px;
	}
	ul.list02 li .text h2{
		margin-bottom: 10px;
		font-size: 22px;
	}
	ul.list02 li .text p{
		-webkit-line-clamp: 5;
		max-height: 145px;
		/*max-height: 120px;*/
	}
	.donate .text p{
		font-size: 18px;
	}
}
@media screen and (max-width: 600px) {
	.w1200{
		/*width: calc(100% - 40px);*/
		padding: 0 20px;
	}
	.top_box{
		bottom: -30px;
		right: 20px;
	}
	.top_act{
		bottom: 30px;
		right: 20px;
	}
	.m_menu_top{
		height: 70px;
	}
	.m_menu_icon{
		margin: 17px 9px;
	}
	a.m_menu_logo{
		/* width: 240px;
		top: 15px;
  left: 15px; */
  width: calc(100% - 90px);
  margin: 0 0 0 15px;
 }
 a.m_menu_logo img{
  max-width: 240px;
 }
	.m_menu_list{
		padding: 60px 30px 30px 30px;
	}
	.m_menu_list a{
		font-size: 30px;
	}
	.m_menu_list a.small{
		font-size: 18px;
	}
	.banner{
		padding-top: 110px;
	}
	.index_btn{
		display: block;
		padding: 0;
	}
	.index_btn a.btn{
		width: calc(100% - 40px);
		/*max-width: 300px;*/
		padding: 0;
		margin: 0 auto;
	}
	
	ul.list01 li a{
		display: block;
	}
	ul.list01 li img{
		display: inline-block;
		max-width: 50%;
		vertical-align: middle;
	}
	ul.list01 li h2{
		padding: 0 0 0 10px;
		font-size: 20px;
		width: calc(50% - 10px);
		vertical-align: middle;
	}
	ul.list01 li span{
		font-size: 20px;
		height:auto;
		width: 100%;
		margin-top: 15px;
	}
	ul.list02 li{
		border-bottom: 1px solid #bbb;
	}
	ul.list02 li:last-child{
		border-bottom: none;
	}
	ul.list02 li img{
		width: 100%;
	}
	ul.list02 li .text{
		width: 100%;
		margin: 0;
	}
	ul.list02 li .text h2{
		margin-bottom: 10px;
	}
	ul.list02 li .text p{
		margin-bottom: 10px;
	}
	ul.list02 li .text span{
		position: inherit;
		margin-top: 10px;
	}
	a.moreinfo{
		font-size: 18px;
	}
	table.founder{
		font-size: 16px;
	}
	
	form.contact{
		/*padding: 20px;*/
		padding: 0;
	}
	form.contact span.object{
		display: block;
		padding: 5px 0;
	}
	form.contact input, 
	form.contact textarea{
		width: 100%
	}
	form.contact .captcha{
		padding-left: 0;
		display: flex;
		justify-content: space-between;
	}
	.contact_info{
		padding: 20px 0 50px 0;
	}
	.contact_info .btn{
		display: block;
	}
	.donate .pic img:last-child{
    	right: -20px;
	}
	
	table.founder tr td:first-child{
		width: 50px;
	}
	table.founder tr td{
		padding: 5px;
	}
	/*.donate .text {
		font-size: 15px;
	}*/
	.donate .text p{
		font-size: 15px;
	}
	.donate .text span {
	    letter-spacing: 29px;
	}
	.article p{
		margin-bottom: 10px;
		font-size: 16px;
	}
	.btnstyle ul li a{
		font-size: 16px;
	}

}

@media screen and (max-width: 480px) {
	ul.list01 li img{
		display: block;
		max-width: 100%;
		width: 100%;
	}
	ul.list01 li h2{
		padding: 10px 0 0 0;
		width: 100%;
		display: block;
		text-align: center;
	}
	ul.list01 li span{
		display: block;
		width: 120px;
		margin: 15px auto 0 auto;
		font-size: 16px;
	}
}