#top-header{
	background-color: #ffffff;
}

#top-header.in-content{
	background-color: rgba(255, 255, 255, 0.9);
}


#menu-btn{
	background-color: #FFC11F;
	border-right: 3px solid #FFA02E;
}

.internal{
	position:absolute;
	left:130px;
	top:-25px;
	
	font-size:1em;
	color:#FF920F;
}

.menu-line-container .menu-line{
	background-color: #ffffff;
}

#mobile-menu{
	background-color: #FFA02E;
}

.blackContent{
	text-align:center;
}


.font-size-control > span{
	color: #CE6400;
}

.font-size-control > span:hover{
	color: #FFC11F;
	/*border-bottom: 2px solid #FFC11F;*/
}

.font-size-control > span.in-font-size{
	color: #FFC11F;
	/*border-bottom: 2px solid #FFC11F;*/
}




.high-contrast{
	border: 1px solid #A53900;
	background: transparent;
	color: #A53900;
}

.high-contrast:hover{
	border: 1px solid #A53900;
	background: #A53900;
	color: #ffffff;
}

.home-btn{
	border: 1px solid #FAB03F;
	background: transparent;
	color: #FAB03F;
}

.home-btn:hover{
	border: 1px solid #FAB03F;
	background: #FAB03F;
	color: #ffffff;
}

.lang-btn{
	border: 1px solid #FAB03F;
	background: transparent;
	color: #FAB03F;
}

.lang-btn:hover{
	border: 1px solid #FAB03F;
	background: #FAB03F;
	color: #ffffff;
}

.lang-btn.in-lang{
	border: 1px solid #FAB03F;
	background: #FAB03F;
	color: #ffffff;
}

.main-cat{
	border-top: 3px solid transparent;
	color: #403F41;
}

.main-cat-item:hover .main-cat{
	border-top: 3px solid #F7941E;
	color: #8B5E3B;
}


.active-main-cat{
	border-top: 3px solid #F7941E;
	color: #8B5E3B;	
}

#top-header .subcat-item{
	background-color: #ffffff;
}

#top-header.in-content .subcat-item{
	background-color: rgba(255, 255, 255, 0.9);
}

.sub-cat > a, .sub-cat{
	color: #403F41;
}

.sub-cat > a:hover, .sub-cat:hover{
	color: #8B5E3B;
}

.title-line1, .title-line2, .title-line3{
	background-color: #FFA02E;
}

.btn-pause, .btn-resume{
	color: #FF6619;
	border: 1px solid #FF6619;
	background-color: #ffffff;
}

.btn-pause:hover, .btn-resume:hover{
	color: #ffffff;
	border: 1px solid #FF6619;
	background-color: #FF6619;
}

/* Event Calendar */


.calendar-title, .energy-title , .aboutUs-title, .about-title, .campaign-title{
	color: #58595A;
}



.press_page{
	font-family: 'Arial';
	text-align:center;
	margin-top:20px;
	margin-bottom:80px;
}

.press_input{
	width:31px;
	border:1px solid #D8D8D8;
	color:#636363;
	/* font-size:16px; */
	font-size:1em;
	text-align:center;
	display:none;
}

.press_link:link{
	/* font-size:16px; */
	font-size:1em;
	text-decoration:none;
	color:#B7B8BD;
}

.press_link:visited{
	/* font-size:16px; */
	font-size:1em;
	text-decoration:none;
	color:#B7B8BD;
}

.press_link:hover{
	/* font-size:16px; */
	font-size:1em;
	text-decoration:none;
	color:#FF9F2D;
}

.press_link:active{
	/* font-size:16px; */
	font-size:1em;
	text-decoration:none;
	color:#B7B8BD;
}

.press_link_active:link{
	/* font-size:16px; */
	font-size:1em;
	text-decoration:none;
	color:#FF9F2D;
}

.press_link_active:visited{
	/* font-size:16px; */
	font-size:1em;
	text-decoration:none;
	color:#FF9F2D;
}

.press_link_active:hover{
	/* font-size:16px; */
	font-size:1em;
	text-decoration:none;
	color:#FF9F2D;
}

.press_link_active:active{
	/* font-size:16px; */
	font-size:1em;
	text-decoration:none;
	color:#FF9F2D;
}

.event_brief, .campaign-content, .aboutUs-content, .resource4-content, .energy3-content, .energy4-content, .notice2-content, .usefulLink-content{
	/* font-size:14px; */
	/*font-size:0.875em;*/
	font-size: 1.1em;
	color:#636363;
	font-weight:300;
	/*max-width:880px;*/
	max-width: 1100px;
	line-height:25px;
	margin:0px auto;
	margin-top:30px;
	line-height: 1.5;
	padding: 0 10px;
	/*margin-bottom:258px;*/
}

/*.resource4-content{*/
.resource4-content, .energy3-content, .energy4-content, .notice2-content, .usefulLink-content{
	/* font-size:14px; */
	/*font-size:0.875em;
	color:#636363;
	
	font-weight:300;
	width:880px;
	line-height:25px;
	margin:0px auto;
	margin-top:30px;*/
	/*margin-bottom:258px;*/
	text-align:center
}

/*.energy3-content{	
	font-size:0.875em;
	color:#636363;
	
	font-weight:300;
	width:880px;
	line-height:25px;
	margin:0px auto;
	margin-top:30px;
	text-align:center
}

.energy4-content{
	font-size:0.875em;
	color:#636363;
	
	font-weight:300;
	width:880px;
	line-height:25px;
	margin:0px auto;
	margin-top:30px;
	text-align:center
}

.notice2-content{
	font-size:0.875em;
	color:#636363;
	
	font-weight:300;
	width:880px;
	line-height:25px;
	margin:0px auto;
	margin-top:30px;
	text-align:center
}

.usefulLink-content{
	font-size:0.875em;
	color:#636363;
	
	font-weight:300;
	width:880px;
	line-height:25px;
	margin:0px auto;
	margin-top:30px;
	text-align:center
}*/

.aboutUs-content-point{
	/* list-style:none; */
	list-style-image: url('../images/bullet.png');
	margin:0px;
	padding-left:13px;
}

.aboutUs-content-title{
	/* font-size:24px; */
	font-size:1.5em;
	
	color:#A97B50;
	font-weight:300;
}

.aboutUs-content-title2{
	/* font-size:18px; */
	font-size:1.125em;
	
	color:#A97B50;
	font-weight:300;
}

.aboutUs-content-word{
	/* font-size:16px; */
	font-size:1em;
	
	color:#636363;
	line-height:25px;
	font-weight:300;
	
	text-align: justify;
	
}

.aboutUs-content-msg{
	margin-top:11px;
	margin-bottom:35px;
}

.aboutUs-content-pdf{
	background:#F1F2F2;
	width:100%;
	/* height:378px; */
	
	text-align: justify;
	
}

.aboutUs-content-pdf-inside{
	max-width:1100px;
	width:100%;
	margin:0px auto;
	padding-top:44px;
}

.funding-content-pdf-inside{
	max-width:1100px;
	width:100%;
	margin:0px auto;
	padding-top:44px;
	padding-bottom:73px;
}

.resource4-content-inside{
	max-width:880px;
	width:100%;
	margin:0px auto;
	padding-top:44px;
	padding-bottom:73px;
}

.about-content-pdf2-word{
	/* font-size:12px; */
	font-size:0.75em;
	color:#7F8185;
	
	font-weight:300;
}

.pdf-link{
	/* display:none; */
}



.aboutUs-content-pdf2{
	
	display:inline-block;
	/* width:140px; */
	width:15.9%;
	vertical-align:top;
	text-align:center;
	margin-bottom:30px;
}

.pdf1{
	display:none;
}

.aboutUs-content-more{
	text-align:center;
	/* font-size:12px; */
	font-size:0.75em;
	color:#7F8185;
	
	font-weight:300;
	/* margin-top:27px; */
	padding-bottom:70px;
	cursor:pointer;
}

.aboutUs-content-more:hover{
	color:#FFA02E;
}

.about-content-pdf2-word{
	margin-top:5px;
}

.pdf_button{
	cursor:pointer;
	width:100%;
	max-width:56px;
}

.aboutUs-content-pdf-container{
	width:100%;
	max-width:880px;
}

.funding-content-pdf{
	/* background:#F1F2F2; */
	width:100%;
	/* height:378px; */
}

.video_inside{
	text-align:center
}

.audioAndVideo{
	width:100%;
}

.audioAndVideo_inside{
	max-width:880px;
	width:100%;
	margin:0px auto;
	padding-top:44px;
	padding-bottom:25px;
}

.audioAndVideo_logo{
	display:inline-block;
}

.audioAndVideo_play{
	margin-left:10px;
}

.audioTd1{
	width:95px;
}

.audioTd2{
	
	font-weight:300;
	font-size:1.625em;
	color:#A97B50;
}

.audioTable_video{
	margin-bottom:35px;
	cursor:pointer;
}

.audioTable_audio{
	margin-bottom:35px;
	cursor:pointer;
}

.audioAndVideo_play{
	
}

.calendar-item{
	background-color: #FFF2E8;
}

.calendar-item:nth-of-type(1) .date-des, .calendar-item:nth-of-type(6) .date-des, .calendar-item:nth-of-type(7) .date-des{
	background-color: #FF6619;
}
.calendar-item:nth-of-type(2) .date-des, .calendar-item:nth-of-type(5) .date-des, .calendar-item:nth-of-type(8) .date-des{
	background-color: #FF920F;
}
.calendar-item:nth-of-type(3) .date-des, .calendar-item:nth-of-type(4) .date-des{
	background-color: #FFA800;
}


.calendar-item:nth-of-type(1) .date-arrow, .calendar-item:nth-of-type(6) .date-arrow, .calendar-item:nth-of-type(7) .date-arrow{
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #FF6619;
}
.calendar-item:nth-of-type(2) .date-arrow, .calendar-item:nth-of-type(5) .date-arrow, .calendar-item:nth-of-type(8) .date-arrow{
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #FF920F;
}
.calendar-item:nth-of-type(3) .date-arrow, .calendar-item:nth-of-type(4) .date-arrow{
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #FFA800;
}

.calendar-item:nth-of-type(1) .event-btn-more, .calendar-item:nth-of-type(6) .event-btn-more, .calendar-item:nth-of-type(7) .event-btn-more{
	background-color: #FF6619;
}
.calendar-item:nth-of-type(2) .event-btn-more, .calendar-item:nth-of-type(5) .event-btn-more, .calendar-item:nth-of-type(8) .event-btn-more{
	background-color: #FF920F;
}
.calendar-item:nth-of-type(3) .event-btn-more, .calendar-item:nth-of-type(4) .event-btn-more{
	background-color: #FFA800;
}

.event-btn-more{
	color: #ffffff;
}

.date-des{
	color: #ffffff;
}

.event-title{
	color: #403F41;
}

.selection-area{
	background-color: #FEF0E1;
	color: #58595A;
}
.selection-table select{
	color: #58595A;
}
.selection-area .fa{
	color: #F8A643;
}

.eventFilterItems .fa{
	color: #F8A643;
	padding-right: 7px;
}

.eventFilterItems button {
	background-color: #ffa800;
}

.calendar-table-title{
	background-color: #FF6619;
	color: #ffffff;
}

.calendar-date{
	background-color: #ff920f;
	color: #ffffff;
}

div.date1{
	background: #ffffff;
	color: #FF920F;
}

.calendar-no-record{
	color: #51585a;
}

/* Event Activity */
#energy-zone{
	/*background-color: #FFC11F;*/
	background-color: #FFFFFF;
}

.event-name{
	color: #ffffff;
}

/* Video: Lose and Win */
#video-zone{
	background-color: #F1F2F2;
}

.video-title{
	color: #A97B50;
}

.video-des{
	color: #636363;
}

.video-more, .video-more a{
	color: #6C6D71;
}

/* Footer */

#footer{
	background-color: #FFC11F;
}

#footer-copyright{
	color: #ffffff;
}

a.sitemap-link{
	color: #ffffff;
}

.sitemap, .sitemap a {
	color: #58595a;
}

.link:link{
	color:#FF9F2D;
	
}

.link:visited{
	color:#FF9F2D;
	
}

.link:hover{
	color:#FF9F2D;
	
	text-decoration:underline;
}

.link:active{
	color:#FF9F2D;
	
}

.orange{
	color:#FF9F2D;
}

.orange a{
	color:#FF9F2D;
}

.hotline_name{
	color:#A97B50;
	/* font-size:24px; */
	font-size:1.5em;
	
}

.hotline_num{
	color:#FF920E;
	/* font-size:30px; */
	font-size:1.875em;
	font-family:Raleway;
	padding-bottom:30px;
}

.hotline_num a{
	color: #FF920E;
}

.hotline_num img {
	position:relative;
	top:5px;
}

.quizBox_question{
	color:#744C28;
	/* font-size:18px; */
	font-size:1.125em;
	
}

.quizBox{
	border:1px solid #F1F1F1;
	padding:18px;
	margin-bottom:25px;
	-webkit-box-shadow: 10px 10px 0px 0px rgba(241,241,241,1);
	-moz-box-shadow: 10px 10px 0px 0px rgba(241,241,241,1);
	box-shadow: 10px 10px 0px 0px rgba(241,241,241,1);
}

.quizBox_input1{
	display:inline-block;
	margin-left:18px;
	position:relative;
	top:1px;
	width:135px;
}

.quizBox_input2{
	display:inline-block;
	margin-left:117px;
	position:relative;
	top:1px;
	width:120px;
}

.resource-content-year{
	color:#A97B50;
	
	font-size:1.5em;
	text-align:left;
	font-weight:300;
	
}

#about_us_banner{
	position:relative;
}

#about_us_banner img{
	vertical-align:top;
	width:100%;
	height:auto;
}

#events_banner{
	position:relative;
}

#events_banner img{
	vertical-align:top;
	width:100%;
	height:auto;
}


.events_banner_word{
	position:absolute;
	bottom:20px;
	right:350px;
	font-family:'Open Sans';
	font-weight:300;
	color:#FFF;
	font-size:4.0625em;
	text-shadow: 1px 1px black;
}

.about_us_banner_word{
	position:absolute;
	bottom:20px;
	right:350px;
	font-family:'Open Sans','Microsoft JhengHei';
	font-weight:300;
	color:#FFF;
	font-size:4.0625em;
	text-shadow: 1px 1px black;
}

.resource3_container{
	width:100%;
	background:#FFC11F;
	/* height:204px; */
}

.resource3_container_inside{
	/* width:1150px; */
	width:1165px;
	margin:0px auto;
	position:relative;
}

.resource3_photo{
	/* width:1070px; */
	/* width:1074px; */ 
	width:1085px; 
	margin-top:35px;
	/* margin-bottom:24px; */
	margin-bottom:17px;
	display:inline-block;
	overflow:hidden;
}

.resource3_table{
	width:100%;
	height:100%;
	color:#FFF;
	text-align:center;
	font-family:'Microsoft JhengHei';
}

.triangle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 14px 0 14px;
	border-color: #ffc01f transparent transparent transparent;
	margin:0px auto;
}

.triangle_con{
	text-align:center;
}

.video_icon{
	/* margin-right:22px; */
	margin-right:19px;
	display:inline-block;
	position:relative;
	cursor:pointer;
	/* width:50px; */
}

.video_c{
	margin:11px;
	position:absolute;
	width:111px;
	height:111px;
	background:rgba(233, 176, 43, 0.8);
	display:none;
}

.video{
	width:590px;
	margin:0px auto;
	margin-top:35px;
	margin-bottom:50px;
}

.photo_list{
	position:relative;
}

.yellow{
	background:#E9B02B;
}

.resource3_content_container{
	width:100%;
	background:#FFF;
	height:204px;
}

.resource3_content_container_inside{
	width:1150px;
	margin:0px auto;
}

.resource3_previous{
	position:relative;
	top:95px;
	vertical-align:top;
	margin-right:15px;
	cursor:pointer;
}

.resource3_next{
	position:relative;
	top:95px;
	vertical-align:top;
	margin-left:15px;
	cursor:pointer;
}

.resource3_show_all{
	position:absolute;
	top:10px;
	right:40px;
	
	font-weight:300;
	font-size:0.875em;
	color:#FFF;
	cursor:pointer;
}

.resource3_word{
	color:#636363;
	font-size:1.1em;
	line-height:1.5;
	padding-bottom:80px;
	
	text-align: justify;
}

.videoMsg{
	display:none;
}

.yellow_blank{
	height:8px;
	background:#FFC11F;
}

.energy_inside{
	max-width:878px;
	width:100%;
	margin:0px auto;
	margin-top:30px;
}

.energy_inside_word{
	margin-top:27px;
	margin-bottom:27px;
	color:#636363;
	font-size:0.875em;
	font-weight:300;
	line-height:150%;
	
}

.notice_container1{
	background:#FFF;
}

.notice_container2{
	background:#F1F2F2;
}

.notice_container_inside{
	max-width:880px;
	width:100%;
	margin:0px auto;
}

.notice_1{
	display:inline-block;
	width:125px;
	vertical-align:top;
	/* background:#FF0000; */
}

.notice_2{
	display:inline-block;
	vertical-align:top;
	margin-left:-4px;
	/* background:#00FF00; */
}

.notice_3{
	display:inline-block;
	width:750px;
	vertical-align:top;
	margin-left:-4px;
	/* background:#0000FF; */
}

.notice_date_box{
	display:inline-block;
	margin-top:62px;
	width:100px;
	height:65px;
	background:#FFC11F;
}

.notice_date_box_1line{
	display:inline-block;
	margin-top:62px;
	width:110px;
	height:65px;
	background:#FFC11F;
	padding: 1.3em 0 0;
}

.notice_tri{
	display:inline-block;
	margin-left:-5px;
	margin-top:82px;
	vertical-align:top;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 0 13px 13px;
	border-color: transparent transparent transparent #ffc01f;
}

.notice_tri2{
	margin:0px auto;
	display:none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 8.75px 0 8.75px;
	border-color: #ffc01f transparent transparent transparent;
}

.notice_date_box_day{
	
	font-weight:300;
	/* font-size:28px; */
	font-size:1.75em;
	color:#FFF;
	text-align:center;
}

.notice_date_box_yearMonth{
	
	font-weight:300;
	/* font-size:20px; */
	font-size:1.25em;
	color:#FFF;
	text-align:center;
}

.notice_date_box_dmy {
	font-weight: 400;
	font-size: 1.1em;
	color: white;
	text-align: center;
}

.notice2_vline{
	margin-top:62px;
	vertical-align:top;
}

.notice2_hline{
	display:none;
	vertical-align:top;
}


.notice_title{
	
	font-weight:300;
	color:#A97B50;
	font-size:1.5em;
	margin-top:40px;
	margin-left:23px;
}

.notice_content{
	
	font-weight:300;
	color:#636363;
	margin-left:23px;
	font-size:16px;
	line-height:150%;
	margin-top:20px;
	
	text-align: justify;
}

.notice_more{
	
	font-weight:300;
	font-size:0.875em;
	text-align:right;
	margin-top:20px;
	margin-bottom:17px;
}

.more:link{
	color:#FF9F2D;
	text-decoration:none;
}

.more:visited{
	color:#FF9F2D;
	text-decoration:none;
}

.more:hover{
	color:#FF9F2D;
	text-decoration:none;
}

.more:active{
	color:#FF9F2D;
	text-decoration:none;
}

.quizBox_fs{
	border:0;
	padding:0px;
}

.aboutUs-content-inside ul{
	padding-left: 13px;
}

.event_date, .event_date_single, .event_date_range {
    background-color: #FFA800;
}

#index_highlight{
	background-color: #FFC11F;
}

.index_highlight_date, .index_highlight_date_single, .index_highlight_date_range {
 	background-color: #FF6619;
}

.index_highlight_arrow{
	border: 15px solid transparent;
	border-bottom: 0 none;
    border-top-color: #FF6619;
}

.banner-container{
    text-align: center;
    padding: 40px 15px;	
    font-size: 0px;
}
.banner-container > a{
	display: block;
	margin: 20px 0;
}
.banner-container img{
	max-width: 100%;
}

@media screen and (max-width: 1600px) {
	.events_banner_word{
		right:20px;
	}

	.about_us_banner_word{
		right:20px;
	}
}

@media screen and (max-width: 1200px) {
	.resource3_container_inside{
		width:860px;
	}
	.resource3_photo{
		width:775px;
	}
	.resource3_show_all{
		right:65px;
	}
}
@media screen and (max-width: 1024px) {
	.audioAndVideo_inside{
		margin:0px 23px;
		width:auto;
	}
	
	.audioTd1{
		display:block;
		margin:0px auto;
	}
	
	.audioTd2{
		display:block;
	}

	.press_input{
		display:inline-block;
	}
	
	.press_link_active{
		display:none
	}
	
	.press_link{
		displaY:none;
	}
	
	.notice_1{
		width:100%;
		text-align:center;
	}
	
	.notice_2{
		width:100%;
	}
	
	.notice2_vline{
		display:none;
	}
	
	.notice2_hline{
		display:block;
		margin:0px auto;
		margin-top:10px;
	}
	
	.notice_title{
		margin-top:0px;
	}
	
	.notice_3{
		width:100%;
	}
	
	.notice_content{
		margin-right:23px;
	}
	
	.notice_more{
		margin-right:23px;
	}
	
	.notice_tri{
		display:none;
	}
	
	.notice_tri2{
		display:block;
	}
	
	.energy_inside{
		padding-left:22px;
		padding-right:22px;
	}
	
	.about_us_banner_word{
		right:20px;
	}
	
	.quizBox{
		margin:0px 22px;
		margin-bottom:25px;
	}
	
	.aboutUs-content-pdf-inside{
		padding-left:22px;
		padding-right:22px;
	}
	
	.funding-content-pdf-inside{
		padding-left:22px;
		padding-right:22px;
	}
	
	.aboutUs-content-inside{
		padding-left:22px;
		padding-right:22px;
	}
	
	.resource-content-year{
		padding-left:22px;
	}
	
	.resource4-content{
		width:100%;
	}

	.energy3-content{
		width:100%;
	}
	
	.energy4-content{
		width:100%;
	}
	
	.notice2-content{
		width:100%;
	}
	
	.usefulLink-content{
		width:100%;
	}
	
	.lang-option{
		background-color: #ffffff;
		border-top: 1px solid #FAB03F;
	}

	.lang-btn.in-lang{
		border: 1px solid transparent;
		background: #ffffff;
		color: #FAB03F;
	}

	.lang-btn.not-in-lang{
		border: 1px solid transparent;
	}

	/* Menu Items */
	.home-btn{
		border: 1px solid transparent;
		background: transparent;
		color: #ffffff;
	}

	.home-btn:hover{
		border: 1px solid #CF6400;
		background: #CF6400;
		color: #ffffff;
	}

	.main-cat{
		border: 1px solid transparent;
		background-color: transparent;
		color: #ffffff;
	}

	.main-cat-item:hover .main-cat{
		border: 1px solid #F7941E;
		background-color: #CF6400;
		color: #ffffff;
	}

	#mobile-menu-control{
		border-top: 1px solid #ffffff;
	}

	.font-size-control > span:hover{
		color: #ffffff;
		/*border-bottom: 2px solid #FFC11F;*/
	}

	.font-size-control > span.in-font-size{
		color: #ffffff;
		/*border-bottom: 2px solid #FFC11F;*/
	}

	.high-contrast{
		border: 1px solid #ffffff;
		background: transparent;
		color: #ffffff;
	}
}

@media screen and (max-width: 900px) {
	.resource3_container_inside{
		width:530px;
	}
	
	.resource3_photo{
		width:448px;
	}
	
	.resource3_show_all{
		right:40px;
	}
}

@media screen and (max-width: 768px) {
	
	
	.about_us_banner_word{
		font-size:2.1875em
	}
	
	.aboutUs-content-pdf2{
		width:30%;
		margin-bottom:30px;
	}
	
	.quizBox_input1{
		width:100%;
	}
	
	.quizBox_input2{
		margin-left:18px;
		width:120px;
	}
	
	.video{
		width:100%;
	}
}

@media screen and (max-width: 560px) {
	.video_inside{
		/* margin-left:22px;
		margin-right:22px; */
	}
	.video_icon{
		width:61px;
		margin-right:7px;
	}
	.resource3_photo{
		width:203px;
	}
	.resource3_container_inside{
		/* width:100%; */
		width:285px;
	}
	.resource3_next{
		top:50px;
	}
	.resource3_previous{
		top:50px;
	}
	
	.resource3_photo{
		margin-bottom:13px;
	}
}

@media screen and (max-width: 380px) {
	.about_us_banner_word{
		font-size:1em
	}
	.campaign-content {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	
}
/* vim:set ts=4 sw=4 sts=4 noet: */


/* The Modal (background) */
.modal {
   /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  z-index:9999;
  
  
  
   
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  /*margin: 15% auto; *//* 15% from the top and centered */
  padding: 1em;
  border: 1px solid #888;
  width: 100%; /* Could be more or less, depending on screen size */
     margin: auto;
    display: block;
    width: 80%;
    max-width: 500px;
	     position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	
}




.modal-content img{
 width:100%;
}
/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.modal-content .title{
	background-color: #26339e;
	color:#fff;
	padding:7px;
}

.modal-content .content:nth-child(odd){
	background-color: #26339e30;
}

.modal-content .content{
	padding:7px;
}


.modal-content .title .small-text{
	font-size:12px;
}


#pop_up-close{
	cursor:pointer;
	float:right;

	font-size: 25px;
}