@charset "utf-8";
/*=============================================================
CD = 20150710
LD = 20150713
===============================================================
Editor:
1.
2.
3.
===============================================================
Content:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
============================================================ */





/*1. html ===================================================*/
body {
	background-color: #fff;
	min-width: 320px;
}

a, img {
	border: none;
	text-decoration: none;
}

table tr td img {
	vertical-align: middle;
}





/*2. box ===================================================*/
#header, #content, #content > div, #footer, .ui_continer {
	position: relative;
}

.ui_continer {
	max-width: 1024px;
	margin: auto auto;
}

#header {
	background-image: url(../images/bg_header.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	min-height: 145px;
	padding-top: 20px;
	z-index: 400;
}
#content {
	z-index: 300;
}

#footer {
	background-color: #CADCD0;
	padding: 33px 0px 40px 0px;
	text-align: center;
}

#skip {
	position: absolute;
	top: -1000px;
}

.tablestyle {
	border-top: #9B9B9B solid 1px;
	border-right:  #9B9B9B solid 1px;
}
.tablestyle td{
	border-bottom: #9B9B9B solid 1px;
	border-left: #9B9B9B solid 1px;
	padding:3px;
}
.tablestyle ul {
	margin: 0px auto;
	padding-left: 16px;
}



/*3. header ==============================================*/
#header .ui_continer {
	padding: 0px 12px 0px 12px;
	max-width: 1000px;
}


#header #logo {
	display: block;
	height: 90px;
	left: 27px;
	position: relative;
	width: 240px;
}

#header #logo img {
    height: 90px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: bicubic;
    image-rendering: optimizeQuality;
}

#header .donateIcon{
	width: 140px;
	position: absolute;
	top: 45px;
	right: 10px;
}
#header .donateIcon img{
	width: 100%;
}
#header .donateIcon .d{
	display: block;
}
#header .donateIcon .m{
	display: none;
}
@media (max-width:980px){
	#header .donateIcon{
		width: 50px;
		top: 30px;
		right: 65px;
	}
	#header .donateIcon .d{
		display: none;
	}
	#header .donateIcon .m{
		display: block;
	}
}
@media only screen and (max-width:800px) {
	#header {
		padding-top: 0px;
	}
	#header .ui_continer {
		max-width: inherit;
		padding: 10px 15px 0px 15px;
	}
	#header #logo {
		display: block;
		left: inherit;
		position: relative;
	}
	#header #logo img {
		height: auto;
		max-width: 200px;
		width: 100%;
	}
	#header .donateIcon{
		width: 50px;
		top: 40px;
		right: 65px;
	}
}
@media only screen and (max-width:600px) {
	#header #logo {
		width: 60%;
	}
}

@media only screen and (max-width:500px) {
	#header .donateIcon{
		top: 35px;
	}
}
@media only screen and (max-width:480px) {
	#header #logo {
		width: 65%;
	}
}
@media only screen and (max-width:320px) {
	#header #logo {
		height: auto !important;
		width: 60% !important;
	}
	#header .donateIcon{
		top: 15px;
	}
}



/*4. slideshow ==========================================*/
#slider li {
	display: none;
	max-height: 504px;
	overflow: hidden;
	position: absolute;
	top: 0px;
}
#slider li.ui_using {
	display: block;
	position: relative;
	top: 0px;
}

#slider ul li img {
	display: block;
	height: auto;
	width: 100%;
}





@media only screen and (max-width:840px) {
	#slider li {
		overflow: hidden;
		text-align: center;
	}
}
@media only screen and (max-width:467px) {
	#slider ul li img {
		height: 200px;
		width: auto;
	}
}





/*5. content =============================================*/
#content .ui_continer {
	line-height: 1.8em;
	padding: 20px 0px;
	width: 98%;
}
.ui_index #content .ui_continer {
	padding: inherit;
}


#homeNAV {
	border-bottom: 1px #524640 solid;
	margin: auto auto;
	padding-bottom: 10px;
}

#homeNAV ul li {
	border-top: 5px #4AABC5 solid;
	float: left;
	min-height: 140px;
	position: relative;
	width: 25%;
}
#homeNAV ul li:first-child {
	border-top: 5px #ED6955 solid;
}
#homeNAV ul li:nth-child(3) {
	border-top: 5px #F69545 solid;
}
#homeNAV ul li:last-child {
	border-top: 5px #8BB900 solid;
}
#homeNAV ul li:after {
	background-color: #4AABC5;
	border-radius: 37px;
	background-image: url(../images/icon_home_services.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	content: "";
	height: 79px;
	left: 50%;
	margin-left: -34px;
	position: absolute;
	top: -42px;
	width: 67px;
}
#homeNAV ul li:first-child:after {
	background-color: #ED6955;
	background-image: url(../images/icon_home_about.png);
}
#homeNAV ul li:nth-child(3):after {
	background-color: #F69545;
	background-image: url(../images/icon_home_join.png);
}
#homeNAV ul li:last-child:after {
	background-color: #8BB900;
	background-image: url(../images/icon_home_mental.png);
}

#homeNAV ul li a {
	display: block;
	min-height: 110px;
	padding-top: 48px;
	position: relative;
	text-align: center;
	z-index: 20;
}



#new ul li {
	display: inline-block;
	margin-bottom: 40px;
	position: relative;
	text-align: center;
	width: 33.3%;
	vertical-align: top;
    float: left;
}
#new ul li img, #theme ul li img {
	height: auto;
	width: 100%;
}



#theme {
	background-color: #E6E2D8;
	margin-bottom: 20px;
	padding: 30px 0px 10px 0px;
}
#theme h2 {
	border-top: 1px #524640 solid;
	margin-top: 0px;
	padding-top: 20px;
}

#theme .theme-mobile {
	display: none;
}

#theme ul {
	text-align: center;
}
#theme ul li {
	float: left;
	display: inline-block;
	position: relative;
	text-align: left;
	width: 25%;
}


/* inside */
#breadcrumb {
	padding: 8px;
}

.ui_heading_root {
	margin-top: 30px;
	padding-bottom: 20px;
	padding-top: 50px;
	position: relative;
}

.ui_heading_root.havenav {
	border-top: none;
}

.ui_heading_root:after {
	border-radius: 39px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	content: "";
	height: 79px;
	left: 50%;
	margin-left: -34px;
	position: absolute;
	top: -45px;
	width: 67px;
}

p .ui_img_align_left, p .ui_img_align_left2 {
	float: left;
	height: auto;
	margin: 0px 15px 15px 0px;
	max-width: 31%;
}

.ui_img_100 {
	height: auto;
	width: 100%;
}
.ui_img_80 {
	height: auto;
	width: 80%;
}
.ui_img_68 {
	height: auto;
	width: 68%;
}
.ui_img_50 {
	height: auto;
	width: 50%;
}
.ui_img_360 {
	height: auto;
	max-width: 360px;
	width: 100%;
}

p .ui_img_align_right, .ui_img_align_right2 {
	float: right;
	height: auto;
	margin: 0px 0px 15px 15px;
	max-width: 31%;
}

ul.ui_float_left, .ui_float_left {
	float: left;
}
.ui_float_right {
	float: right;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

p:after, ul:after {
	content: "";
	clear: both;
	display: block;
}




.ui_list3 > li {
	display: inline-block;
	margin: 1%;
	text-align: center;
	vertical-align: top;
	width: 31%;
}
.ui_list3 img {
	height: auto;
	width: 100%;
}



.ui_nav_base {
	margin: 8px 0px 30px 0px;
	padding: 0px;
}
.ui_nav_base li {
	display: inline-block;
	float: left;
	position: relative;
	text-align: center;
}
.ui_nav2 li {
	margin: auto 1%;
	width: 48%;	
}
.ui_nav3 li {
	margin: auto 1%;
	width: 31.3%;
}
.ui_nav4 li {
	margin: auto 1%;
	width: 23%;
}
.ui_nav5 li {
	margin: auto 1%;
	width: 18%;
}
.ui_nav6 li {
	margin: auto 1%;
	width: 14.6%;
}

.ui_nav_base a {
	display: block;
	padding: 8% 5% 5% 5%;
}

img.ui_noshadow {
	box-shadow: none;
}

.ui_eshoplist > li {
	border-bottom: 1px #ccc dotted;
	margin: 10px 0px;
	padding-bottom: 5px;
}

.ui_eshoplist > li > div {
	float: right;
	width: 25%;
}
.ui_eshoplist > li > div img {
	height: auto;
	width: 100%;
}
.ui_eshoplist > li > div:last-child {
	float: left;
	width: 71%;
}
.ui_eshoplist > li > div:last-child h3 {
	margin-top: 0px;
}

.ui_br768 {
	display: none;
}

.ui_sitemap > li {
	float: left;
	margin-right: 4%;
	width: 46%;
}

.ui_twoinone {
	position: relative;
}
.ui_imgzone {
	float: right;
	width: 30%;
}
.ui_imgzone img {
	border: 1px #fff solid;
	display: block;
	height: auto;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.ui_textzone {
	float: left;
	width: 66%;
}

.ui_button {
	background-color: #228837;
	border-radius: 20px;
	display: inline-block;
	color: #fff;
	padding: 5px 12px 3px 12px;
	width: auto;
}


#video_root {
	max-width: 50%;
	position: relative;
}
#video {
	height: 0;
	overflow: hidden;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
}
 
#video iframe,
#video object,
#video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.ui_subsubnav {
	margin-bottom: 0px;
	padding: 10px 10px 2px 10px;
	text-align: center;
}
.ui_subsubnav .ui_button {
	border-radius: 10px 10px 0px 0px;
}


.ui_pastevent_list {
	margin: 20px 0px 0px 0px;
	padding: 5% 5%;
}
.ui_pastevent_list li {
	border-bottom: 1px #ccc dotted;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.ui_small_photos li {
	display: inline-block;
	padding: 0.5%;
	text-align: center;
	width: 31%;
	vertical-align: top;
}
.ui_small_photos li img {
	max-height: 280px;
	max-width: 100%;
	height: auto;
	width: auto;
}

.ui_jobtable tr th {
	background-color: #9A593B;
}
.ui_jobtable tr:nth-child(odd) td {
	background-color: #ECECEC;
}
.ui_jobtable tr:nth-child(even) td {
	background-color: #FBFBFB;
}




@media only screen and (max-width:900px) {
	#new ul li {
		margin-bottom: 20px;
		width: 50%;
	}
	.ui_br768 {
		display: block;
	}
	
}
@media only screen and (max-width:800px) {
	.ui_list3 > li {
		width: 30%;
	}
}
@media only screen and (max-width:700px) {
	.ui_list3 {
		margin: 0px;
		text-align: left;
	}
	.ui_list3 > li {
		width: 47%;
	}
}
@media only screen and (max-width:640px) {
	#theme .theme-wrapper {
		display: none;
	}
	#theme .theme-mobile {
		display: block;
	}
	#theme ul li {
		margin-bottom: 20px;
		width: 50%;
	}
	#theme ul li p {
		display: none;
	}
	.ui_br768 {
		display: none;
	}
	
	.ui_sitemap > li {
		float: inherit;
		margin-right: inherit;
		width: 100%;
	}
	
	.ui_imgzone, .ui_textzone {
		float: inherit;
		width: 100%;
	}
	.ui_imgzone img {
		border: 1px #fff solid;
		display: inherit;
		float: left;
		height: auto;
		margin: 0px;
		padding: 0px;
		width: 49%;
	}
	.ui_imgzone:after {
		content: "";
		clear: left;
		display: block;
	}
	
	.ui_img_80, .ui_img_70, .ui_img_68, .ui_img_50 {
		width: 100%;
	}
	
	
	.ui_small_photos li {
		padding: 1%;
		width: 98%;
	}
	
	
}
@media only screen and (max-width:530px) {
	#homeNAV {
		padding-top: 40px;
	}
	
	.ui_eshoplist > li > div {
		float: inherit;
		width: inherit;
	}
	.ui_eshoplist > li > div:last-child {
		float: inherit;
		width: inherit;
	}
	
	#video_root {
		max-width: 100%;
		position: relative;
	}
}
@media only screen and (max-width:480px) {
	p .ui_img_align_left, p .ui_img_align_right {
		margin: 0px 0px 15px 0px;
		width: 100%;
		max-width: 100%;
	}
	p .ui_img_align_left2, .ui_img_align_right2 {
		display: block;
		float: inherit;
		margin: 0px 0px 15px 0px;
		width: 100%;
		max-width: inherit;
	}
	.ui_img_align_right2 {
		margin: 0px 0px 15px 15px;
	}
	
	#new ul li {
		height: 155px;
	}
	
	
	
}
@media only screen and (max-width:360px) {
	.ui_imgzone img {
		width: 100%;
	}
	.ui_img_360 {
		max-width: inherit;
	}
}





/*6. footer =============================================*/
#footer .ui_continer {
	text-align: center;
	max-width: 820px;
}

#footer p {
	margin: 0px;
}

#footer ul {
	padding-bottom: 30px;
	position: relative;
	text-align: center;
}
#footer ul li {
	position: relative;
}

#footerNAV1 li {
	float: left;
	margin: 0% 2%;
	width: 12%;
}
#footerNAV1 li a {
	background-image: url(../images/icon_home_footer_eshop.png);
	background-size: contain;
	background-repeat: no-repeat;
	color: #040d07;
	display: block;
	padding-top: 124%;
}
#footerNAV1 li:nth-child(2) a {
	background-image: url(../images/icon_home_footer_joineco.png);
}
#footerNAV1 li:nth-child(3) a {
	background-image: url(../images/icon_home_footer_joincou.png);
}
#footerNAV1 li:nth-child(4) a {
	background-image: url(../images/icon_home_footer_support.png);
}
#footerNAV1 li:nth-child(5) a {
	background-image: url(../images/icon_home_footer_contact.png);
}
#footerNAV1 li:nth-child(6) a {
	background-image: url(../images/icon_home_footer_follow.png);
}


#footer ui#footerNAV2 {
	margin: auto auto 10px auto;
	max-width: 620px;
	padding: inherit;
	position: relative;
}
#footerNAV2 li {
	border-left: 1px #000 solid;
	display: inline-block;
	margin-bottom: 8px;
	padding: 0% 2%;
}
#footerNAV2 li:first-child {
	border: none;
}

#tinynav1, #tinynav2 {
	display: none;
	margin: auto auto 15px auto;
	width: 90%;
}
#content #tinynav1 {
	margin-top: 15px;
}


#footerlogo {
	margin: 30px auto 0px auto;
	padding-bottom: none;
	position: relative;
	text-align: center;
	display: flex;
    align-items: center;
    justify-content: center;
}
#footerlogo li {
	display: block;
	margin: 15px 20px;
}
#footerlogo li:first-child {
	margin-left: 0px;
}


@media only screen and (max-width:767.98px) {
	#footerlogo {
		flex-wrap: wrap;
		}   
}

@media only screen and (max-width:640px) {
	#tinynav1, #tinynav2, #tinynav3 {
		display: block;
	}
	#footerNAV2, #subnav, .ui_pdnav {
		display: none;
	}
}



@media only screen and (max-width:480px) {
	#footerNAV1 li {
		margin: 0% 1%;
		width: 14.5%;
	}
}

@media only screen and (max-width:360px) {
}
@media only screen and (max-width:320px) {
}





/* . share ==============================================*/
.ui_nomp {
	margin: 0px;
	padding: 0px;
}

.ui_nolst {
	list-style-type: none;
}

#homeNAV:after, #new:after, #theme ul:after, #footer ul:after, .ui_nav_base:after, .ui_eshoplist li:after, .ui_twoinone:after, #nav > ul:after, #footerlogo:after {
	content: "";
	clear: both;
	display: block;
}

.ui_using {
	opacity: 0.9;
}

.ui_colortabletype span:before {
	background-color: #E1E1E1;
	border: 1px #ccc solid;
	content: " ";
	display: inline-block;
	height: 12px;
	margin-right: 3px;
	width: 12px;
}

.ui_colortabletype span:first-child:before {
	background-color: #ffffff;
}






.responsive-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.responsive-container iframe {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
}

.ui_milestones ul {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
}
.ui_milestones tr td:first-child span {
	background-color: #A66C00;
	color: #fff;
	border-radius: 90px;
	padding: 4px 10px 2px 10px;
}

.ui_background_impact li {
	background-color: #FBB07F;
	border-radius: 15px;
	display: inline-block;
	margin: 0 1%;
	overflow: hidden;
	vertical-align: top;
	width: 22%;
}
.ui_background_impact li:nth-child(2) {
	background-color: #F9D581;
}
.ui_background_impact li:nth-child(3) {
	background-color: #E58795;
}
.ui_background_impact li:nth-child(4) {
	background-color: #CEAA82;
}

.ui_background_impact li div {
	background-color: #BD4015;
	color: #fff;
	font-size: 1.1em;
	padding: 10px 15px;
	vertical-align: middle;
	text-align: center;
}
.ui_background_impact li:nth-child(2) div {
	background-color: #976C0B;
}
.ui_background_impact li:nth-child(3) div {
	background-color: #AB4451;
}
.ui_background_impact li:nth-child(4) div {
	background-color: #764B24;
}

.ui_background_impact li p {
	margin: 15px 10px;
}

@media only screen and (max-width:800px) {
	.ui_background_impact li {
		margin-bottom: 10px;
		width: 47.5%;
	}
}
@media only screen and (max-width:360px) {
	.ui_background_impact li {
		width: 100%;
	}
}




/* About Section */
.about .ui_boardlist:after {
	content: "";
	clear: both;
	display: block;
}
.about #footer {
	background-color: rgba(250,238,237,1.00);
}
.about #footerNAV1 li a {
	background-image: url(../images/icon_about_footer_eshop.png);
	color: rgba(171,76,61,1.00);
}
.about #footerNAV1 li:nth-child(2) a {
	background-image: url(../images/icon_about_footer_joineco.png);
}
.about #footerNAV1 li:nth-child(3) a {
	background-image: url(../images/icon_about_footer_joincou.png);
}
.about #footerNAV1 li:nth-child(4) a {
	background-image: url(../images/icon_about_footer_support.png);
}
.about #footerNAV1 li:nth-child(5) a {
	background-image: url(../images/icon_about_footer_contact.png);
}
.about #footerNAV1 li:nth-child(6) a {
	background-image: url(../images/icon_about_footer_follow.png);
}
.about .ui_boardlist li {
	float: left;
	max-width: 400px;
	position: relative;
	width: 60%;
}
.about .ui_boardlist li:last-child {
	float: right;
	max-width: 400px;
	width: 40%;
}
.about .ui_under_arrow:after {
	content: url(../images/bg_arrow.png);
	position: absolute;
	top: 99%;
	left: 50%;
	margin-left: -41px;
}
@media only screen and (max-width:960px) {
	.about .ui_boardlist li {
		width: 55%;
	}
	.about .ui_boardlist li:last-child {
		width: 45%;
	}
}
@media only screen and (max-width:880px) {
	.about .ui_boardlist li {
		display: block;
		float: inherit;
		margin: 30px auto 30px auto;
		width: 70%;
	}
	.about .ui_boardlist li:last-child {
		display: block;
		float: inherit;
		width: 70%;
	}
}
@media only screen and (max-width:700px) {
	.about .ui_boardlist li {
		display: block;
		float: inherit;
		margin: 30px auto 30px auto;
		width: 80%;
	}
	.about .ui_boardlist li:last-child {
		width: 80%;
	}
}
@media only screen and (max-width:600px) {
	.about .ui_boardlist li {
		display: block;
		float: inherit;
		margin: 30px auto 30px auto;
		width: 90%;
	}
	.about .ui_boardlist li:last-child {
		width: 90%;
	}
}
@media only screen and (max-width:400px) {
	.about .ui_boardlist li {
		display: block;
		float: inherit;
		margin: 30px auto 30px auto;
		width: 100%;
	}
	.about .ui_boardlist li:last-child {
		width: 100%;
	}
}
	
	

/* theme =================================================*/
.rainbowlist > li {
	margin-bottom: 20px;
	padding-left: 38px;
}
.rainbowlist > li > strong:first-child {
	display: block;
	padding: 7px 3px 5px 3px;
	margin-left: -38px;
}
.rainbowlist > li > strong:before {
	background-color: #DF181B;
	border-radius: 90px;
	color: #fff;
	content: "1";
	margin-right: 8px;
	padding: 5px 10px;
	text-align: center;
}
.rainbowlist > li:nth-child(2) > strong:before {
	background-color: #AB6704;
	content: "2";
}
.rainbowlist > li:nth-child(3) > strong:before {
	background-color: #86810A;
	content: "3";
}
.rainbowlist > li:nth-child(4) > strong:before {
	background-color: #235A2E;
	content: "4";
}
.rainbowlist > li:nth-child(5) > strong:before {
	background-color: #4D7A37;
	content: "5";
}
.rainbowlist > li:nth-child(6) > strong:before {
	background-color: #3F5F8F;
	content: "6";
}
.rainbowlist > li:nth-child(7) > strong:before {
	background-color: #5E3788;
	content: "7";
}

.rainbowlist ul li {
	margin-bottom: 10px;
}

.theme .ui_nav_base li a {
	color: #524640;
}
.theme .ui_nav_base li:hover, .theme .ui_nav_base li.using {
	border-top: 8px #912D39 solid;
}
.theme .ui_nav_base li a:hover, .theme .ui_nav_base li:hover a, .theme .ui_nav_base li.using a {
	color: #912D39;
}

.theme .ui_base_ul > li {
	background-image: url(../images/li_service_asd.png);
}

.theme h1, .theme h2, .theme h3, .theme h4, .theme h5, .theme h6 {
	color: #912D39;
}
.theme h3 {
	margin: 20px 0px;
	padding: 0px;
}



/* .report-list */
.report-list-filter {
	margin: 10px 0px;
}
.report-list-filter a {
	color: rgb(70, 67, 114);
}


.report-list .img-mask {
	padding-top: 75%;
	position: relative;
	overflow: hidden;
	width: 100%;
}

.report-list .float-md-left img {
	height: auto;
	max-width: 100%;
	width: 100%;
}

/*.report-list img {
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	transition: 0.2s all linear;
}*/

.report-list a {
	color: #333;
}
.report-list a:hover .img-mask img {
	transform: scale(1.3);
	transition: 0.2s all linear;
}


.dl {
	padding-top: 15px;
	padding-bottom: 15px;
}

.btn-report {
	background-color: #fff;
	border: #ccc 1px solid;
	border-radius: 7px;
	padding: 8px 15px 5px 35px;
}
.btn-report:hover {
	color: #AB4C3D;
}

.pdf {
	background-image: url(../images/pdf.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
}


.report-list h3 {
	margin: 10px 0px 0px 0px;
}
.report-list p {
	margin: 0px 0px 20px 0px;
}


.report-list *, .report-list ::after, .report-list ::before {
    box-sizing: border-box;
}
.row {
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  margin-right: -15px;
	  margin-left: -15px;
	}
.row *, .row ::after, .row ::before {
	box-sizing: border-box;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 1200px) {
	

	.col {
	  -ms-flex-preferred-size: 0;
	  flex-basis: 0;
	  -ms-flex-positive: 1;
	  flex-grow: 1;
	  max-width: 100%;
	}

	.col-auto {
	  -ms-flex: 0 0 auto;
	  flex: 0 0 auto;
	  width: auto;
	  max-width: none;
	}

	.col-1 {
	  -ms-flex: 0 0 8.333333%;
	  flex: 0 0 8.333333%;
	  max-width: 8.333333%;
	}

	.col-2 {
	  -ms-flex: 0 0 16.666667%;
	  flex: 0 0 16.666667%;
	  max-width: 16.666667%;
	}

	.col-3 {
	  -ms-flex: 0 0 25%;
	  flex: 0 0 25%;
	  max-width: 25%;
	}

	.col-4 {
	  -ms-flex: 0 0 33.333333%;
	  flex: 0 0 33.333333%;
	  max-width: 33.333333%;
	}

	.col-5 {
	  -ms-flex: 0 0 41.666667%;
	  flex: 0 0 41.666667%;
	  max-width: 41.666667%;
	}

	.col-6 {
	  -ms-flex: 0 0 50%;
	  flex: 0 0 50%;
	  max-width: 50%;
	}

	.col-7 {
	  -ms-flex: 0 0 58.333333%;
	  flex: 0 0 58.333333%;
	  max-width: 58.333333%;
	}

	.col-8 {
	  -ms-flex: 0 0 66.666667%;
	  flex: 0 0 66.666667%;
	  max-width: 66.666667%;
	}

	.col-9 {
	  -ms-flex: 0 0 75%;
	  flex: 0 0 75%;
	  max-width: 75%;
	}

	.col-10 {
	  -ms-flex: 0 0 83.333333%;
	  flex: 0 0 83.333333%;
	  max-width: 83.333333%;
	}

	.col-11 {
	  -ms-flex: 0 0 91.666667%;
	  flex: 0 0 91.666667%;
	  max-width: 91.666667%;
	}

	.col-12 {
	  -ms-flex: 0 0 100%;
	  flex: 0 0 100%;
	  max-width: 100%;
	}
}

@media (min-width: 576px) {
	.col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
	.report-list > div > div {
	margin-bottom: 30px;
}
	
	
	.col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}


@media (min-width: 992px) {
	.col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
	.col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}


.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}

@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}



.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
}




.mt-10p {
	margin-top: 10px;
}

.report-box {
	display: block;
	margin-bottom: 30px;
	padding-top: 15px;
	transition: .2s all linear;
}
.report-box:hover {
	background-color: #eee;
	transition: .2s all linear;
}
.report-img {
	overflow: hidden;
	padding-top: 60%;
	position: relative;
	width: 100%;
}
.report-img img {
	left: -25%;
	position: absolute;
	top: -5%;
	transition: .2s all linear;
	width: 150%;
}
.report-box a {
	color: #5F5246;
}
.report-box a:hover {
	color: #AB4C3D;
}
.report-box a:hover .report-img img {
	opacity: 0.8;
	transform: scale(1.2);
	transition: .2s all linear;
}

fieldset {
    border: none;
    padding: 0px;
    margin: 0px;
}

legend {
    display: none;
}

fieldset {
    border: none;
    padding: 0px;
    margin: 0px;
}

legend {
    display: none;
}

fieldset {
    border: none;
    padding: 0px;
    margin: 0px;
}

legend {
    display: none;}


.post {
    background-color: #F1F2F2;
    margin: 1%;
    padding: 15px;
}
    /*.event .post {
	background-color: #fdf8e5;
}
.photos .post {
	background-color: #F1F2F2;
}*/

    .post.col-sm-6 {
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        max-width: 48%;
    }

    .post.col-sm-4 {
        -ms-flex: 0 0 31.333333%;
        flex: 0 0 31.333333%;
        max-width: 31.333333%;
    }

    .post.col-md-3 {
        -ms-flex: 0 0 23%;
        flex: 0 0 23%;
        max-width: 23%;
    }


.row {
    margin-left: 0px;
    margin-right: 0px;
}


@media only screen and (max-width: 600px) {
    .post.col-sm-4 {
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        max-width: 48%;
    }

    .post.col-sm-6 {
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        max-width: 48%;
    }
}

@media only screen and (max-width: 480px) {
    .post.col-12 {
        flex: 0 0 98%;
        max-width: 98%;
    }
}

.post-cover {
    height: 0px;
    margin-bottom: 10px;
    padding-top: 60%;
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .post-cover img {
        height: auto;
        left: -5%;
        position: absolute;
        top: -5%;
        width: 110%;
    }

.post-writer {
    color: #2980A3;
}

.event .post-writer, .table-div a {
    color: #e26a00;
}

.photos .post-writer {
    color: #002972;
}



.post-btn {
    text-align: center;
}

    .post-btn a {
        background-color: #357369;
        color: #fff;
        padding: 9px 30px 5px 30px;
        min-width: 68px;
    }

.back-btn {
    background-color: #357369;
    border-radius: 30px;
    color: #fff;
    padding: 9px 30px 5px 30px;
    min-width: 68px;
}

.event .post-btn a {
    background-color: #CC921F;
}

.photos .post-btn a {
    background-color: #3d8db2;
}


.btn-video span {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff;
    content: "";
    display: inline-block;
    height: 12px;
    width: 12px;
}



/* 20230302 added */
.profo, .profo .photo, .profo .content {
	position: relative;
}
.profo {
	border-bottom: 1px #ccc dotted;
	padding-bottom: 20px;
	margin-top: 20px;
}
.profo .photo, .profo .content {
	float: left;
	width: 33%;
	max-width: 250px;
}
.profo .content {
	max-width: 550px;
	display: grid;
	align-content: center;
	min-height: 250px;
	width: 66%;
}
.profo .content .text {
	margin: 0px 30px;
}

.profo .photo {
	overflow: hidden;
	max-height: 250px;
}
.profo .photo img {
	height: auto;
	width: 100%;
}
.profo-name h2 {
	font-size: 1.5rem;
	font-weight: bold;
}
.profo-title {
	margin-bottom: 20px;
}
.profo-title p {
	margin: 0px;
}
.profo-topic {
	font-style: italic;
}


@media only screen and (max-width:1023px) {
	.profo .photo, .profo .content {
		float: inherit;
		width: 250px;
		max-width: inherit;
		margin: auto;
		display: grid;
		justify-content: center;
	}
	.profo .content {
		float: inherit;
		max-width:inherit;
		justify-content: center;
		align-content: center;
		width: 100%;
		min-height: inherit;
	}
	.profo .content .text {
		margin: 0px;
		text-align: center;
	}
}