/*設定螢幕*/



@media all and (max-width: 1500px) {



	.mainWidth{ width: 100%;}

	/*PC 選單*/

	header .logo {left: 3%;}

	header a.donate {right: 3%; }

	header nav { right: 18%;}

	header .searchBtn {right: 14%;}

	/**/

	.impact .swiper-slide .ph {padding-bottom: 42%;}

	.impact .swiper-pagination-bullets{  right: 3% !important; }

	/*首頁動物區*/

	.iContent { width: 77.333%;}

	.iFocus .iContent { width: 100%;}

	/**/

	.banner {  width: 100%;}

	/**/

	.comContent {  width: 77.333%;}

	/**/

	.bannerBox .s1 { bottom: 35px;}

    .bannerBox .s2 { bottom: 25px;}

    .bannerBox .s3 { bottom: 15px;}

	/**/

	.topicsTxt .Table{width: 100%;}

}





@media all and (max-width: 1390px) {

	header nav { right: 18.5%;}

	.menu > ul > li {  margin-left:1.3em;}

	/**/

	.comContent {  width: 85%;}

	/*.eventList .phBox { width: 50%; }*/

}

@media all and (max-width: 1280px) {

    .iContent { width: 85%;}

}







@media all and (max-width: 1243px) {

	header .searchBtn {right: 15%;}

	header nav { right: 19%;}

    .iAnimal li.temp{  display: block;}

	

    /*活動資訊*/

	.eventList {margin: 0 0 0 -8%}

	.eventList .item { width: 46%; float:left; margin: 0 4% 0 0; padding-bottom: 3em;}

	.eventList .item, .eventList .phBox.Td, .eventList .phBox.Td, .eventList .ListPh.Td { display: block; }

	.eventList .phBox, .eventList .txtBox { width: 100%;}

	.eventList .more { display: none;}

    .eventList .ListPh { width: 100%;}

	

	.eventList h5 { padding: 1.5em ; margin: -1em -1em 0 1em; }

	.eventList .date { margin: 1.5em 0 1em 0; }

	.eventList .dec { margin: 0 0 2em 0;}

	.eventList .phBox .line { display: block;}

    .eventList .txtBox .line { display: none;}

	.eventList { margin: 0; }

	.eventList .btnBox { display: block;;}

}



@media all and (max-width: 1226px) {

	/*弧線*/

	.curve { background-position: -300px top;}

	/*內頁banner*/

	.bannerBox .Table { width: 100%;}

	.bannerBox .s1 { bottom: 25px;}

    .bannerBox .s2 { bottom: 15px;}

    .bannerBox .s3 { bottom: 5px;}

	

	

}





@media all and (max-width: 1200px) {

    /*活動資訊*/

	.eventList {margin: 0 0 0 -8%}

	.eventList .item { width: 46%; float:left; margin: 0 4% 0 0; padding-bottom: 3em;}

	.eventList .item, .eventList .phBox.Td, .eventList .phBox.Td, .eventList .ListPh.Td { display: block; }

	.eventList .phBox, .eventList .txtBox { width: 100%;}

	.eventList .more { display: none;}

    .eventList .ListPh { width: 100%;}

	

	.eventList h5 { padding: 1.5em ; margin: -1em -1em 0 1em; }

	.eventList .date { margin: 1.5em 0 1em 0; }

	.eventList .dec { margin: 0 0 2em 0;}

	.eventList .phBox .line { display: block;}

    .eventList .txtBox .line { display: none;}

	.eventList { margin: 0; }

	.eventList .btnBox { display: block;;}	

    /*活動資訊-場次頁*/

	.sList .item { padding: 2.5em 1.5em 2.5em 1.5em;}

	.sList .num { position: absolute; left: 0; top:-2em;  width: 100%; text-align: center;}

	.sList .item { float:left ; width: 46%; }

	.sList .item.s2 { float:right ;}

	.sList .phBox.Td { width: 100%; vertical-align: top;display: block;}

    .sList .txtBox.Td { width: 100%; padding : 2em 0 0  0; display: block; }

	.sList .more.Td { /*width: 100%;*/ display: block; margin: 1.5em auto 0 auto; }

	.sList .more .btnBox { margin: 0;}

	/*主題專頁 列表*/

    .pList .Table { display: block;}

    .pList .phBox.Td { width: 100%; display: block; padding:0;}

	.pList .txtBox.Td {width: 100%; display: block; padding: 0;}

	.pList .btnBox { position: static;} 

	.pList h5 {margin: 1em 0 0.8em 0;}

	.pList .dec {margin:0 0 2em 0;}

	/*捐款專案內頁*/

	.dInfo .t1.Td { width: 100%; display: block; padding: 0;}

    .dInfo .t2.Td { width: 100%; display: block; padding: 0.5em 0 0 0 ;}

	.dInfo .t2.Td span { display: inline-block; padding-left: 5px;}

	/*最新消息*/



    .nList.s2 .Table { display: block;   }

	.nList.s2 .Tr { width: 100%;  display: block; } 

    .nList.s2 .Td { width: 100%;  display: block; margin-bottom: 2.5em;}

	

	/**/

	.model{ width: 100%}

	/**/

	.SResult {width: 100%; margin: 0 auto;}

	

	

}

@media all and (max-width: 1140px) {

	.main{ margin-top: 0;}/*0309*/

	/*選單*/

	header { display:none;}

	

	.fixed-header-offset {

	margin-top: 90px;

	height:auto;

	}

	.fixed-header {

	display: block;

	width: 100%;

	height: 90px;

	position: fixed;

	top: 0px;

	z-index: 1080; /* Must be higher than canvas container of 1 */

	background-color: #fff;	

	

	}

	.fixed-header.shadow{

	-webkit-box-shadow: 2px 7px 4px -3px rgba(0,0,0,0.2);

    -moz-box-shadow: 2px 7px 4px -3px rgba(0,0,0,0.2);

    box-shadow: 2px 7px 4px -3px rgba(0,0,0,0.2);}

	.menu-link { position:absolute; top: 1.2em; right:1em; cursor:pointer;}

	.menu-link img { width:45px; }	

	

	.mobileMenu{display: block; padding:0.3em 0 0 0; }

	.mobileMenu .logo {  z-index:16; }

	.mobileMenu .logo img{ width: 235px; height: auto; margin:1.4% 0 0 3%;}

	.mobileMenu a.donate {position: absolute; right: 7em; top: 1.5em;   background: #00acb2; color: #fff; font-weight: bold; text-align: center; padding: 0.3em 0.9em; z-index: 999}

	

	.mobileMenu .searchBtn  { right: 4.8em; top: 1.8em; width:35px; height:35px;z-index: 999;}

	

	.menu ul li:hover, .menu ul ul > li a:hover {}

    .menu {font-size:1.05em; }

    .menu > ul ul { overflow: hidden; max-height: 0;}

    .menu > ul > li{ border:0; padding:0; margin:0 ;border-bottom: 1px solid #ebebeb; text-align:left;}

    .menu > li > ul.sub-menu { padding: 0px; border: none; }

    .menu.active, .menu > ul ul.active { max-height: 100%; }

    .menu ul { display: inline; }

    .menu li, .menu > ul > li { display: block; background: #fff ;}



	.menu > ul > li:hover > a { color: #212121;}

    .menu li a { padding: 0.8em; border-bottom: 0px; position: relative;}

    .menu li li a{border-top:0;}

    .menu li.has-sub-menu > a:after {

		position: absolute;

        top: 26px;

        right: 20px;	

	    background-image: url('../../images/mobile_arrow.png');

        background-size: 14px 9px;

		-webkit-background-size: 14px 9px;

        -moz-background-size: 114px 9px;

        -o-background-size: 14px 9px;

        display: inline-block;

        width: 14px; 

        height: 9px;

        content:"";

	}

	.menu li.has-sub-menu li a:before {content: "·"; padding-right: 8px}

	

	.menu li.has-sub-menu > a.active:after {}

	@keyframes subm{

		from{opacity: 1;}

        to{opacity: 1;}

     }

	.menu > ul > li > a {color:#212121;border-bottom: 0;}

	.menu > ul > li > a:hover {color:#212121; border-bottom: 0; background-color:transparent;}

	

	.menu ul ul > li a:hover {color:#212121; background-color: #fff;}

	.menu > ul > li a.active { background-color: transparent; border-bottom: 0px}

	.menu ul ul, .menu ul ul ul, .menu > ul > li > ul { display: inherit; position: relative; left: auto; top:auto; border:none; }

	.menu ul li > a { height:auto; padding:20px 25px 20px 25px;}

	.menu ul ul > li a {  font-size: 0.92em; padding:10px 25px 10px 30px; height: auto; background-color: transparent;border-left:0px; color: #666666;}

	.menu li li a, .menu > ul > li.active li a { background-color: transparent; padding: 19px 18px 19px 30px; 

	filter:alpha(opacity=100); -moz-opacity:100;  opacity: 1;   color: #212121; border-top: 0px ; border-bottom: 0;}

	.menu > ul > li.active a {border-bottom: 0;}

	

	/*內頁banner*/

	.bannerBox .s1 { bottom: 20px;}

    .bannerBox .s2 { bottom: 10px;}

    .bannerBox .s3 { bottom: 0px;}

	

}

@media all and (max-width: 1086px) {

	.tList .more { display: none;}

	.tList .txtBox { width: 40%; padding-bottom: 50px; }

	.tList .phBox { width: auto; position: relative;} 

	.tList  h2 { margin-bottom: 0.5em;}

	.tList .phBox .num {  right: 10px; top:-30px; display: block;}

	.tList .txtBox a.btn { display: inline-block;  position: absolute; left: 0; bottom: 0;}



}

@media all and (max-width: 1024px) {

	/**/

	.impact .swiper-slide .ph {padding-bottom: 50%;}

	/**/

	.iAnimal {

    background-size: 1200px 133px;

    -webkit-background-size: 1200px 133px; 

    -moz-background-size: 1200px 133px;

		-o-background-size: 1200px 133px;}

	.iAnimal .ph{

	 background-size: 1200px 200px;

    -webkit-background-size: 1200px 200px;

    -moz-background-size: 1200px 200px;

	-o-background-size: 1200px 200px;

	}

	.iAnimal .ph.s3{ height: 190px;}

	/**/

	.petition .Td_2 { padding-left: 60px;}

	/**/

	footer .column { width: 15%; margin-right: 11%;}

	footer .column.s3 {width: 21%;}

	/*video*/

    .videoBox { width: 100%; }

	/*行動與發聲 總覽列表*/

	.actionList .Td { width: 100%; display: block;}

	.actionList .Table .num, .actionList .ListPh a.btn {display: none;}

	.actionList .Table, .actionList .ListPh .num, .actionList .txtBox .btnBox { display: block;}

	.actionList .txtBox { padding: 0 7% 0 0;}

	/**/

	.selectBox { text-align: center;}

	.selectBox li { margin: 0 1em 1em 1em;  }

    .selectBox li:first-child {margin: 0 1em 1em 1em;}

	/**/

	.donateTxt { width: 100%;}

	/*內頁banner*/

	.b_about h1, .b_topics h1, .b_projects h1, .b_donation h1 { width: 80%; margin: 0 auto;}

	.bannerBox .left .pic { margin-left: 38px; }

    .bannerBox .right .pic { margin-right: 38px; }

	.bannerBox.b_donation .left .pic { margin-left: 15px; }

	.bannerBox.b_donation .right .pic { margin-right: 15px; }

	 .bannerBox.b_donation .left .pic:first-child { margin-left: 0; }

	.bannerBox.b_donation .right .pic:first-child { margin-right: 0; }

	

	.bannerBox.b_donation .pic.s2 {margin-left: -20px;}

	/*.bannerBox.b_donation .txt span { display: block; text-align: center;}

	.bannerBox.b_donation .txt span.none { display: none;}*/

}

@media all and (max-width: 970px) {

	.iNews .iContent { width: 85%;}

	/*捐款專案列表*/

	.dList .goal { display: block; width: 100%; margin-bottom: 1em; }

	.dList .more { display: block; width: 100%; text-align: left;}

	.dList .Td a.btn { display: block;}

	

	/*內頁banner*/

	.bannerBox .Table {min-height: auto;}

	.bannerBox .Td { display: block; min-height: 250px;  padding-top: 3.5em;}

	.bannerBox .txt {display: block;}

	

	.bannerBox .left { width: 49%;}

    .bannerBox .right { width: 49%;}

    .b_about h1, .b_topics h1, .b_projects h1, .b_donation h1 { width: auto; }

	.bannerBox .left .pic { margin-left: 10%; }

    .bannerBox .right .pic { margin-right: 10%;}

	

	.bannerBox.b_events .left .pic { margin-left: 5%; }

	.bannerBox.b_events .right .pic { margin-right: 5%;}

	.bannerBox.b_events .left .pic:first-child { margin-left: 0; }

	.bannerBox.b_events .right .pic:first-child  { margin-right: 0;}

	

	.bannerBox.b_action .pic.s5 {margin-right:3.5%;}

	

	.bannerBox.b_donation .left .pic { margin-left: 5%; }

	.bannerBox.b_donation .right .pic { margin-right: 5%; }

	.bannerBox.b_donation .pic.s2 {margin-left: -20px;}

	

	/*動保新知 後端編輯器*/

	.topicsTxt h4 {  text-align: center;}

	.topicsTxt .Td_1 {width: 100%; display: block; text-align: center; padding-bottom: 1em;}

    .topicsTxt .Td_2 {width: 100%; display: block; padding: 0;}



}

@media all and (max-width: 930px) {

	footer .column.s1 {width: 18%;}

    footer .column { width: 15%; margin-right: 8%;}

	footer .column.s3 {width: 27%;}

	/**/

	.eInfo { }

	.eInfo .Td { padding:1.3em; border-left: 1px solid #88ba03;}

    .eInfo .Td_1, .eInfo .Td_2, .eInfo .Td_3, .eInfo .Td_4 { width:100%; display: table; padding:0; text-align: left; margin: 0.2em 0; border:0;}

	.eInfo h6 { display: table-cell; width: 70px; text-align: left; vertical-align: top; }

	.eInfo .txt {display: table-cell; width:auto; text-align: left; vertical-align: top; padding-left: 1em;}

	/**/

	.nList.s3 .Table { display: block;   }

	.nList.s3 .Tr { width: 100%;  display: block; } 

    .nList.s3 .Td { width: 100%;  display: block; margin-bottom: 2.5em;  }

	

	

}





@media all and (max-width: 860px) {

	.iContent { width: 90%;}

	/**/

	.iFocus ul { display: block;}

    .iFocus li {  display: block; width:33.333333%; float: left; margin-bottom: 4.5em; }

	.iFocus .ph .photo a{ height: 300px;}

	/*捐款專案內頁*/

	.dInfo .detail.Td { width: 100%; display: block;padding:0; }

    .dInfo .donate.Td { width: 100%; display: block;}

	

	.dInfo .detail .top {display: table; width: 100%;  margin-bottom: 2em;}

	.dInfo .donate .top, .dInfo .detail .btnBox { display: none;}

	.dInfo .donate .btnBox { display: block;}

	.dInfo .goal { margin: 0; display: table-cell; width: auto; padding-right: 1em; vertical-align: top;}

	.dInfo .more {  display: table-cell; width: 164px; vertical-align: top; text-align: right;}

	.dInfo .t1.Td { width: auto; display: table-cell; padding: 0 1em 0 0; }

    .dInfo .t2.Td { width: 100px; display: table-cell;}

	.dInfo .t2.Td span { display: block; padding: 0;}

	

}



@media all and (max-width: 768px) {

	.iContent { width: 80%;}

	/*選單*/

	.fixed-header-offset {

	margin-top: 65px;

	}

	.fixed-header {

	height: 65px;	

	}

	.menu-link { top: 0.6em; right:1em; }

	.menu-link img { width:45px; }	

	.mobileMenu{padding:0.3em 0 0 0; }

	.mobileMenu .logo img{ width: 195px; height: auto; margin:1% 0 0 3%;}

	.mobileMenu a.donate { right: 7em; top: 1em;  padding: 0.3em 0.9em;}

	.mobileMenu .searchBtn  { right: 4.8em; top: 1.2em; }

	/*WHAT WE DO*/

	.what .item{margin: 0 0.8% 1em 0.8%;}



	/*上方形象*/	

	.bS1 .Title, .bS2 .Title, .bS3 .Title, .bS4 .Title{ width: 120%;}

	.bS5 .TitleAll{ width: 120%;}

	.bS3 .T2, .bS4 .T2{height: 129px; margin: 1em 0 3.5em 0;}

	.bS5 .T2{height: 129px; margin:2.5em 0 1em 0;}

	

	/*焦點議題*/

	.petition .Td_1 { width: 100%; display: block;}

    .petition .Td_2 { width: 100%; display: block; padding: 0}

	.petition .Td_1 .T{ display: block; margin-bottom: 1.5em;}

	.petition .Td_2 .T{ display: none;}

	.petition .btnBox { text-align: center;}

	

	/**/

	.sList .item { width: 47.5%; }

	/**/

	.upBox .share { position: static; width: 100%;  }

	.upBox .share a { margin: 0 5px;}

}



@media all and (max-width: 767px) {

	footer .sitemap {display: none; }
	.code5205 {display: block; }

	footer .bottom { background : transparent; margin-top: 1em; padding: 0;}

	footer.comPadding { padding :  2em 0 1em 0;}

	footer .top .Td_1, footer .bottom .Td_1 { text-align : center; display: block;}

    footer .top .Td_2, footer .bottom .Td_2 { text-align : center; display: block;}

	footer .lan { width: 100px; float: none; margin: 0 auto;}

	footer ul.share { text-align: center; margin: 1.5em 0 0 0;}

	/*動平活動*/

	.iEvent .Tr_1 { display: block;}

	.iEvent .Tr_2 { display: none;}

	.iEvent .ListPh .bottom { display:  block;}

	.iEvent .Td_1 { display: block; width: 100%; padding: 0;}

    .iEvent .Td_2 { vertical-align: top; width: 50%; padding-left: 3%;}

	/**/

	.tList .more { display: block; text-align: right;}

	.tList .txtBox { width: 100%; padding: 0; }

	.tList .dec { margin:0; padding: 0; background:transparent;  }

	.tList .phBox { width: 100%; margin:1.5em 0 1.8em 0;} 

	.tList .Td { display: block;}

	.tList  h2 {  margin-bottom: 1.5em;}

	.tList .txtBox .num { display: block; top: -10px ;}

	.tList .txtBox a.btn, .tList .more .num, .tList .phBox .num { display: none; }

	.tList .more .line{ right: auto; left: 0; width: 130px; }

	/*動物新知、行動與發聲 文章列表*/

	.aList .Tr_1 { display: block;}

	.aList .Tr_2 { display: none;}

	.aList .ListPh .bottom { display:  block;}

	.aList .Td_1 { display: block; width: 100%; padding: 0;}

    .aList .Td_2 { vertical-align: top; width: 50%; padding-left: 3%;}

	/*行動與發聲 總覽列表*/

	.actionList .item { width: 100%; float:none;}

	.actionList .item.s2 .line {width: 20%;}

	/*友善街貓城市捕捉公告列表*/

	.catList .Table, .catList .Tr{display: block;}

	.catList .item.Td { width: 100%;  padding: 0 3% 4.5em 3%; display: block;}

	/*捐款專案列表*/

	.dList .Td { width: 100%; padding: 0; display: block;}

	.dList .Tr_1 { display: none;}

	.dList .ListPh h5 { display: block;}



	.dList .goal { display: table-cell; width: auto; margin-bottom: 0; }

	.dList .more { display: table-cell; width: auto; text-align: right;}

	.dList .Td a.btn { display: inline-block}

	/*感謝禮列表*/

	.edit_gift .Td { width: 100%; padding: 0; display: block;}

	.edit_gift  h6 { margin: 0 0 1.2em 0; min-height: auto;}

	/*banner*/	

	.bannerBox .left { left:1em; }

    .bannerBox .right { right:1em; }  

	

	.b_about .s1 { width:calc(99px * 0.8) ; }

	.b_about .s2 { width:calc(84px * 0.8) ; }

	.b_about .s3 { width:calc(70px * 0.8) ; }

	.b_about .s4 { width:calc(52px * 0.8) ; }

	.b_about .s5 { width:calc(105px * 0.8); }

	.b_about .s6 { width:calc(84px * 0.8) ; }



	.b_events .s1 { width:calc(91px * 0.8); }

    .b_events .s2 { width:calc(90px * 0.8) ; }

	.b_events .s3 { width:calc(88px * 0.8) ; }

	.b_events .s4 { width:calc(63px * 0.8) ; }

	.b_events .s5 { width:calc(123px * 0.8); }

	.b_events .s6 { width:calc(117px * 0.8);}



	.b_topics .s1 { width:calc(72px * 0.8) ; }

	.b_topics .s2 { width:calc(86px * 0.8) ; }

	.b_topics .s3 { width:calc(56px * 0.8) ; }

	.b_topics .s4 { width:calc(66px * 0.8) ; }

	.b_topics .s5 { width:calc(73px * 0.8); }

	.b_topics .s6 { width:calc(139px * 0.8) ; }



	.b_action .s1 { width:calc(70px * 0.8) ; }

	.b_action .s2 { width:calc(86px * 0.8) ; }

	.b_action .s3 { width:calc(93px * 0.8) ; }

	.b_action .s4 { width:calc(53px * 0.8) ; }

	.b_action .s5 { width:calc(77px * 0.8); }

	.b_action .s6 { width:calc(164px * 0.8) ; }



	.b_projects .s1 { width:calc(73px * 0.8) ; }

	.b_projects .s2 { width:calc(80px * 0.8) ; }

	.b_projects .s3 { width:calc(46px * 0.8) ; }

	.b_projects .s4 { width:calc(82px * 0.8) ; }

	.b_projects .s5 { width:calc(76px * 0.8); }

	.b_projects .s6 { width:calc(100px * 0.8) ; }



	.b_donation .s1 { width:calc(155px * 0.8); }

	.b_donation .s2 { width:calc(71px * 0.8); }

	.b_donation .s3 { width:calc(92px * 0.8) ; }

	.b_donation .s4 { width:calc(58px * 0.8) ; }

	.b_donation .s5 { width:calc(89px * 0.8); }

	.b_donation .s6 { width:calc(133px * 0.8) ; }

	/*banner*/

	.bannerBox .s1 { bottom: 25px;}

    .bannerBox .s2 { bottom: 20px;}

    .bannerBox .s3 { bottom: 10px;}



	



}

@media all and (max-width: 700px) {

	.searchBox .txt { width: 85%;}

	

}

@media all and (max-width:670px) {

	

}

@media all and (max-width:640px) {

    /**/

	.impact .swiper-slide .ph {padding-bottom: 63%;}

	/*弧線*/

	.curve { background-position: -500px top;}

	/**/

	

	.iAnimal {

    background-size: 900px 100px;

    -webkit-background-size: 900px 100px;

    -moz-background-size: 900px 100px;

		-o-background-size: 900px 100px;}

	.iAnimal .ph{

	 background-size: 900px 150px;

    -webkit-background-size: 900px 150px;

    -moz-background-size: 1900px 150px;

	-o-background-size: 900px 150px;

	}

	.iAnimal .ph.s3{ height: 140px;}

	.iAnimal {padding-top: 3em;}

	.iAnimal h3 span { display: block;}

	.iAnimal li.temp{  display: none;}

	/*最新消息*/

	.iNews li { padding: 0.8em 0;}

	.iNews .Td_1 { display: block; width: 100%; padding: 0;  }

    .iNews .Td_2 { display: block; width: 100%; padding: 0;}

	.iNews .Td_3 { display: block; width: 100%; padding: 0;}

	.iNews .Td_3 div{ float: right;}

	 /*活動資訊*/

	.eventList .item { width: 100%; float:none; margin: 0; padding-bottom: 3em;}

	.eventList .item.s2 { margin: 0;}

 /*活動資訊-場次頁*/

	.sList .item {  padding: 2.5em 1.5em 2.5em 1.5em;}

	.sList .num { position: absolute; left: 0; top:-2em;  width: 100%; text-align: center;}

	.sList .item { float:none ; width: 100%; }

	.sList .item.s2 { float:none  ;}

	.sList .phBox.Td { width: 100%; vertical-align: top;display: block;}

    .sList .txtBox.Td { width: 100%; padding : 2em 0 0  0; display: block; }



	

	/**/

	.eInfo .Td { display: block; width: 100%; padding:1.3em; border-top: 1px solid #88ba03; border-left:0;}

	.eInfo .Td_5 {  display: block; width: 100%; border-left:0; border-right:0; border-bottom: 1px solid #88ba03; padding:0 1.3em 1.3em 1.3em;}

	/*video*/

    .videoAll { width: 100%; }

	.videoBox .swiper-button-next, .videoBox .swiper-button-prev { display: none;}

	/**/

	.catList .item.Td {  padding: 0 0 4.5em 0;}

	.catList .txt .Td_1 { width: 100px;}

	/*banner*/

	.bannerBox .s1 { bottom: 15px;}

    .bannerBox .s2 { bottom: 10px;}

    .bannerBox .s3 { bottom: 7px;}

	

	

/*後端編輯器*/

	.edit_team .grayBg .Td_1{ width: 100%; display: block; text-align: center;}

    .edit_team .grayBg .Td_2{ width: 100%; display: block; }

	

}



@media all and (max-width: 599px) {

    .b_about .s1, .b_about .s6, 

	.b_events .s1, .b_events .s5, 

	.b_topics .s1, .b_topics .s4,  

	.b_action .s3, .b_action .s4,

	.b_projects .s1, .b_projects .s4,

	.b_donation .s2, .b_donation .s4

	{ display: none;}

	.bannerBox.b_donation .left .pic.s1 { margin-left: 0;}

	.bannerBox.b_donation .left .pic.s3 { margin-left:-15px;}

	

	.bannerBox.b_donation .s1 { bottom: 12px;}

	

	.bannerBox .right {width: 55%}

	

	

}



@media all and (max-width: 500px) {

	.dInfo .goal {  display: block; width: 100%; padding: 0; margin: 0 0 1em 0; }

	.dInfo .more {  display: block; width: 100%; }

	.dInfo a.btn { display: block;}

}



@media all and (max-width: 480px) {

/*banner*/

	.bannerBox .Td {padding-top: 3em;}

	

}



@media all and (max-width: 479px) {

/*banner*/

	.bannerBox .Td {padding-top: 2.5em; height: 275px}

	.bannerBox.b_events .Td,

	.bannerBox.b_action .Td

	{padding-top: 3.5em;}

}







@media all and (max-width: 450px) {

	.mobileMenu a.donate {right: 6em; top: 0.8em;  padding: 0.3em 0.5em;}

	.mobileMenu a.donate span{ display: block; line-height: 1.1}

	.mobileMenu .searchBtn  { right: 4.2em; top: 1.2em; }

	

	/**/

    .iFocus li {  width:50%;  margin-bottom: 4.5em; }

	.iFocus .ph .photo a{ height: 300px;}

	/*捐款專案列表*/

	.dList .goal { display: block; width: 100%; margin-bottom: 1em; }

	.dList .more { display: block; width: 100%; text-align: left;}

	.dList .Td a.btn { display: block;}

	

}

@media all and (max-width: 389px) {

	.bannerBox .right {width: 85%}

	.b_about .s3, /*.b_about .s4,*/ 

	.b_events .s3, /*.b_events .s4,*/ 

	.b_topics .s3, /*.b_topics .s5, */ 

	.b_action .s1, /*.b_action .s5,*/

	.b_projects .s3,/* .b_projects .s6,*/

	.b_donation .s3/*, .b_donation .s5*/

	{ display: none;}

	

}



@media all and (max-width:380px) {

	

	

	.tList .more .line{  width: 100px; }

	/*捐款專案內頁*/

	.dInfo .t1.Td { width: 100%; display: block; padding: 0;}

    .dInfo .t2.Td { width: 100%; display: block; padding: 0.5em 0 0 0 ;}

	.dInfo .t2.Td span { display: inline-block; padding-left: 5px;}

  

}

@media all and (max-width:342px) {

	.bannerBox.b_topics .Td {padding-top: 2em; height: 290px}

}

		

@media all and (max-width:319px) {

.mobileMenu a.donate {display: none;}

}