h1,h3,.typography h1,.typography h3{font-family: Lora, "Songti SC", source-han-serif-sc, 宋体, Songti, SimSun, serif;}
h1,.typography h1{font-size: 34px;font-weight: 600;}
h3,.typography h3{font-size: 24px;font-weight: 700;}
/*preset*/
.typography h2{font-size: 24px;}
.typography h5{margin-bottom: 10px; color:#303030;}
.typography ol li,.typography ul li{margin-bottom: 10px;}
.typography .responsive-single-img { width: 78.431%;margin: 0 auto 30px auto;}
.typography .responsive-single-img .mobile{display: none;}
.typography .flexslider ol li,.typography .flexslider ul li{margin-bottom: 0;}

/*top*/
body {overflow-x: hidden!important;}
body.homemenu{padding-top: 110px;}
.top-right{text-align: right;}
.homemenu .top-layout{display: grid;grid-template-columns: 110px auto;align-items: center;height:110px;}
.top-layout{display: grid;grid-template-columns: 110px auto;align-items: center;height:65px;}
.homemenu a.logo {
	background: url(../img/logo-big.png)no-repeat;
	background-size: 110px 83px;
	width: 110px;
	height: 83px;
	margin-right:0;
	float: none;
    margin-top:-1px;
    -webkit-transition:none;
    -moz-transition:none;
    transition:none;
}
.homemenu .subpage-header{height: 110px;padding: 0;}
.homemenu .right-header{width:auto;margin-top:7px;display: block;}
.homemenu ul.menu li a {margin-right:18px;margin-left:0;}
.homemenu .dropdown-block{top:110px;text-align: left;}
.homemenu ul.menu li a.dropdown-ttl::before{top:35px;}
.homemenu ul.menu li a.dropdown-ttl::after{height:30px;}
.subpage-header{height: 65px;padding: 0;}
a.logo{background-size: 110px 47px;width: 110px;height: 47px;margin-right: 0;margin-top:0px;}
.right-header,ul.menu{float:none;}
.right-header{padding-top: 0;display: none;}
.right-header a{margin: 0 9px;}
.icon-menu{color: #adadad;}
.icon-menu a{color: #505050;font-weight: 700;}
.icon-menu span{display: inline-block;}
.icon-menu a,ul.menu li a,.icon-menu span{margin-right: 18px;}
ul.menu{margin: 0px 0 0 0;}
.right-header a:last-child,.icon-menu a:last-child,.homemenu .icon-menu a:last-child{margin-right: 0;}
.dropdown-block{top:65px;text-align: left;}
/* ul.menu li a.dropdown-ttl::before{top:37px;} */
ul.menu li a.dropdown-ttl::after{height: 33px;}
.navicon{margin-top: -5px;}
ul.menu>li.mobile-searchbar{display: none;}
.searchbar-w form{display: grid;grid-template-columns: 28px auto 80px;align-items: center;}
.searchbar-w form input[type=text]{padding-right: calc(.625em - 1px);padding-top: calc(.375em - 1px);padding-bottom: calc(.375em - 1px);background-color: #fff;border-color: transparent;color: #323232;box-shadow: none;
width: 100%;height: 2.25em;justify-content: flex-start;align-items: center;border: 1px solid transparent;cursor: text;outline: none;}
.searchbar-w form .btn{min-width: 80px; float: right;margin-right: -2px;padding:3px 5px;box-sizing: border-box;}
.btn.white2 {background: #fff;color: #555555;border:1px solid #ccc;border-radius: 3px;}
.btn.white2:hover{background: #efefef;}
.desktop-searchbar{width: 100%;background: white;padding:10px 0;position: fixed;top:65px;display: none;-webkit-box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.18);-moz-box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.18);box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.18);}
.desktop-searchbar .searchbar-w{width:50%;float: right;}
.desktop-searchbar .searchbar-w form input[type=text]{border-bottom: 1px solid #ccc;}
.homemenu .desktop-searchbar{top: 110px;}


/*announcement*/
.announcement-layout > div{display: grid;grid-template-columns: 2fr 6fr;margin-bottom: 34px;}
.announcement-layout > div > div:first-child img{width: 100%;height: auto;}
.announcement-layout > div > div:last-child{padding-left: 28px;box-sizing: border-box;}
.announcement-layout .date{color: #505050;margin-bottom: 10px;font-size: 14px;}
.announcement-layout .ttl{margin-bottom: 5px;}
.announcement-layout .ttl a{color: #000;}

/*home*/
.banner{
    position: relative;
}
.home-slider{min-height: 0;}
 .banner-wrapper{
    position: relative;
}
 .banner_img{
    width: 100%;
     height:auto;
     padding-bottom:41.67%;
    background-position:center center;
     background-repeat:no-repeat;
}
 .banner-text {
     position: absolute;
     /*top: 50%;*/
     left: 0;
     width: 100%;
     z-index: 3;
     text-align: left;
    /* transform: translate(0, -50%);*/
     bottom:30px;
}
.banner-text h1{line-height: 1.2;text-align: inherit;font-size: 26px;}
.banner-text p{margin-bottom: 15px;line-height: 1.5;}
.impt-annoucement{padding: 10px 0;}
.impt-annoucement .wrapper {
    line-height:initial;
}
.impt-annoucement .wrapper > p{font-size: 16px;line-height: 22px; display:inline-block;}
.impt-annoucement .wrapper > p:last-child{margin-bottom: 0;}
.impt-annoucement.blue{background: #063b65;}
.impt-annoucement.blue p,.impt-annoucement.blue a{color: #fff;}
.impt-annoucement.blue a:hover{color:#508dbf;}
.impt-annoucement .wrapper > p::before {
    content:'';
    display:inline-block;
    width:18px;
    height:21px;
    line-height: 22px;
    margin-right: 12px;
    background: url(../img/icon-bookmark-white.png) no-repeat center center;
    background-size: 18px 21px;
    vertical-align: text-bottom;
}
.annoucement .tab{padding: 10px 0 10px 15px;background: url(../img/icon-greysquare.jpg) no-repeat left top 20px;background-size: 6px 6px;}
.m_annoucement .wrapper {padding: 10px 0 10px 15px;background: url(../img/icon-greysquare.jpg) no-repeat left top 23px;background-size: 6px 6px;}
.annoucement .tab a,.m_annoucement a{padding: 0 35px 0 0;}
.annoucement .tab.active {background: url(../img/icon-bluesquare.jpg)no-repeat left top 20px;background-size: 6px 6px;}
.m_annoucement .wrapper.active{background: url(../img/icon-bluesquare.jpg)no-repeat left top 23px;background-size: 6px 6px;}
.annoucement .tab-content .wrapper{background:none;padding: 25px 0 25px 0px;}
h2.announce-label img{margin-top: -2px;}
div.album .cover a:after {background: #fff;border: 1px solid #ccc;top: 3px;right: -2px;width: calc(100% - 5px);padding-bottom: calc(68.376% - 7px);}
div.album .cover a img{border: 0px;}
.home-causes-list li a{display: block;padding:0 10px 10px 10px;cursor: pointer;}
.home-causes-list li a div{font-size: 14px;font-weight: bold;line-height: 1.5;}
.home-causes-list li a:hover{background:#fdfdfd;-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.08); 
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.08);border-radius: 10px;}
.home-causes-list li a:hover img {
    -webkit-filter: opacity(.5) drop-shadow(0 0 0 #0064a7);
    filter: opacity(.7) drop-shadow(0 0 0 #d7d7d7);
}
.impact-cta-wrapper{background: #fff;padding-bottom: 70px;}
.impact-cta{display:grid;grid-template-columns: 1fr 1fr;}
.impact-cta > div{min-height: 540px;display:grid;grid-template-columns:1fr;align-items: center;padding: 20px;box-sizing: border-box;}
.impact-grid{display: grid;grid-template-columns: 1fr 1fr;width:90%;grid-row-gap: 50px;margin: 0 auto;grid-column-gap: 20px;}
.impact-grid > div{display: grid;grid-template-columns:30% auto;align-items: center;} 
.impact-grid > div > div > img{width: 100%;height: auto;max-width: 80px;margin-bottom: 10px;}
.impact-grid > div > div:last-child{padding-left: 12%;box-sizing: border-box;}
.featured-topic-wrapper{padding: 80px 0 50px 0;}
.featured-topic{font-size: 0;}
.featured-topic h1,.featured-topic h4{text-align: left;}
.featured-topic h4{font-weight: normal;color: #505050;border-bottom: 3px solid #204d72;display: inline-block;margin-bottom: 30px;}
.featured-topic{display: grid;grid-template-columns:40% 60%;}
.featured-topic > div:first-child{padding-right: 100px;box-sizing: border-box;}
.featured-topic-slider.owl-carousel{margin-bottom: 0;}
.featured-topic-slider.owl-theme .owl-dots{display: block;} 
.featured-topic-slider.owl-theme .owl-nav .owl-next,.featured-topic-slider.owl-theme .owl-nav .owl-prev{display: none;}
.featured-topic-slider .item{background: #fff;margin-bottom: 20px;}
.featured-topic-slider .item .ttl{padding:15px 20px;color: #000;display: block;}
.featured-topic-slider .item a:hover .ttl{color: #487091;}
.owl-theme.latest-happening .owl-nav .owl-next,.owl-theme.latest-happening .owl-nav .owl-prev{background-color: rgba(0, 0, 0, 0.15);}
.owl-theme.latest-happening .owl-nav [class*='owl-']:hover {background-color: rgba(0, 0, 0, 0.3);text-decoration: none;}

/*event*/
.event-slider .event-img{display: block;padding-bottom: 33.33%;width: 100%;height: 0;}