@charset "utf-8";

/* ----------------------------------------------------------
 Frameworks
-----------------------------------------------------------*/

/* Category Title */
#contents:before { background: transparent url("/initiatives/images/categoryTitle.jpg")  no-repeat center center; }


/* ----------------------------------------------------------
 initiatives
-----------------------------------------------------------*/

#initiativesNav {
	margin: -15px 0 40px;
	box-shadow: inset 0 -1px 0 0 #ddd;
	}
	#initiativesNav ul {
		width: 1200px;
		margin: 0 auto;
		}
		#initiativesNav ul li {
			float: left;
			width: 390px;
			margin: 0 0 0 15px;
			}
			#initiativesNav ul li:nth-of-type(1) { margin-left: 0; }
			
			#initiativesNav ul li a {
				position: relative;
				padding: 25px 30px;
				display: -webkit-flex;
				display: flex;
				-webkit-align-items: center;
				align-items: center;
				-webkit-justify-content: center;
				justify-content: center;
				font-size: 1.5rem;
				color: #fff;
				white-space: nowrap;
				background: #0666a8;
				border: 1px solid #ddd;
				transition: all ease-out .3s;
				}
				#initiativesNav ul li a:hover { background: #105889; }
							
				#initiativesNav ul li a:after {
					position: absolute;
					right: 12px; top: 50%;
					width: 10px; height: 10px;
					content: "";
					display: block;
					visibility: visible;
					border-top:   2px solid #fff;
					border-right: 2px solid #fff;
					transform: translateY(-50%) rotate(45deg);
					transition: all ease-out .3s .15s;
					}
					#initiativesNav ul li a:hover:after { right: 5px; }
				
				
				#sds         #initiativesNav ul li:nth-of-type(1) a ,
				#conflict    #initiativesNav ul li:nth-of-type(2) a ,
				#partnership #initiativesNav ul li:nth-of-type(3) a {
					color: #333;
					background: #fff;
					border-bottom: 1px solid transparent;
					}



/* ----------------------------------------------------------
 initiatives > index.html
-----------------------------------------------------------*/

/*---------- sdsSec ----------*/


#sdsSec ul li {
	margin: 0 20px 0 0;
	display: inline-block;
	vertical-align: top;
	
	}
	#sdsSec ul li .btnTxt { background: #2ea097; }


#methodSec ul li {
	float: left;
	margin: 0 20px 0 0;
	}



/* ----------------------------------------------------------
 initiatives > search.html
-----------------------------------------------------------*/

/*---------- searchBox ----------*/

#searchBox {
	}
	#searchBox h3 {
		padding: 20px;
		color: #fff;
		text-align: center;
		background: #2ea097;
		}
	
	#searchBox form {
		margin: 0 0 30px; padding: 30px;
		box-shadow: inset 0 0 0 1px #ddd;
		border: 4px solid #eee;
		}
		#searchBox form dl {
			margin: 0;
			text-align: center;
			}
			#searchBox form dl dt {
				display: inline-block;
				vertical-align: top;
				}
				#searchBox form dl dt input {
					width: 600px; height: 44px;
					background: #fafafa;
					}
			#searchBox form dl dd {
				display: inline-block;
				vertical-align: top;
				}
				#searchBox form dl dd button span {
					display: inline-block;
					padding: 10px 40px;
					color: #fff;
					background: #0666a8;
					border-radius: 3px;
					transition: all ease-out .3s;
					}
					#searchBox form dl dd button span:hover { background: #105889; }


/*---------- searchBox ----------*/

#resultSec {
	}
	#resultSec ul {
		}
		#resultSec ul li {
			position: relative;
			padding: 10px 10px 10px 28px;
			background: linear-gradient(to right, #333 25%, rgba(255,255,255,0) 0%) repeat-x left bottom;
			background-size: 4px 1px;
			}
			#resultSec ul li:nth-of-type(2n) { background-color: #f8f8f8; }
			
			#resultSec ul li:before {
				position: absolute;
				left: 5px; top: 50%;
				width: 8px; height: 8px;
				display: block;
				content: "";
				border-top:   2px solid #0666a8;
				border-right: 2px solid #0666a8;
				transform: translateY(-50%) rotate(45deg);
				}
			
			#resultSec ul li a {}



/* ----------------------------------------------------------
 initiatives > partnership.html
-----------------------------------------------------------*/

/*---------- complySec ----------*/

#complySec {
	}
	#complySec > h4 {
		}
	#complySec > p {
		}

	#complySec #complyBox {
		margin: 0 0 20px; padding: 20px 20px 10px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		background: #f3f3f3;
		}
		#complySec #complyBox:after { display: none; }

		#complySec #complyBox .complyBox {
			width: 575px;
			margin: 0 0 10px; padding: 20px;
			background: #fff;
			border: 1px solid #e3e3e3;
			}

		#complySec #complyBox .complyBox h4 {
			position: relative;
			margin: 0 0 10px; padding: 0 0 12px 0;
			border: none;
			}
			#complySec #complyBox .complyBox h4:before {
				position: absolute;
				left: 0; bottom: 0;
				width: 100px; height: 2px;
				display: block;
				content: "";
				background: #0666a8;
				}

		#complySec #complyBox .complyBox p { margin: 0; }

	#complySec p#txtDeclaration {
		display: flex;
		justify-content: flex-end;
		}