/* for all */
.section_title {
	font-size: 25px;
	font-weight: bold;
	color: #575755;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;


}
.navigation_outer {
	background-color: #fff;
}
.navigation {
	text-align: center;
}	
.navigation a {
	display: inline-block;
	padding: 10px 40px;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	border-top: 5px solid #fff;
}
.navigation a.selected {
	border-top: 5px solid #86bd40;
}
.navigation a:hover {
	border-top: 5px solid #86bd40;
	background-color: #ffbd70;
	color: #fff;
}

/* cover */
.cover {
	background-color: #999;
    background: url(images/cover_small.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 240px;
    padding-top: 10px;
    margin: 0 auto;
}
.cover_content {
	text-align: center;
	padding-top: 40px;
}
.cover_content .header_title {
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	text-shadow: 3px 3px 6px rgba(50, 50, 50, 1);
}
.cover_content .header_subtitle {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}
.cover_content a.header_upload_btn {
	background-color: #86bd40;
	border-radius: 6px;
	padding: 4px 6px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	margin-top: 10px;

}
.cover_content a.header_upload_btn:hover {
	cursor: pointer;
}

/* section 2 */
.section2_wrap {
	background-color: #999;
	background: url(images/section2_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	width: 100%;
	padding-top: 10px;
	padding-bottom:20px;
	margin: 0 auto;
	text-align: center;
}
.section2_wrap .section2_title {
	font-size: 25px;
	color: #fff;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
}
.section2_wrap .section2_content {
	font-size: 14px;
	line-height: 1.8em;
	color: #fff;
	max-width: 880px;
	margin-left: auto;
	margin-right: auto;
}

/* section 3 */
.section3_wrap_outer {
	background-color: #fbfbfb;
}
.section3_wrap {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 10px;
}
.section3_wrap .title {
	font-size: 25px; font-weight: bold; margin-bottom: 20px; color: #86bd40;
}
.section3_wrap .section3_table {
	font-size: 15px;
	line-height: 1.8em;
	padding-bottom:20px;
}

/* section 4 */
.section4_wrap_outer {
	background-color: #fff;
}
.section4_wrap {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-bottom: 40px;
}
.section4_wrap .section_title {
	color: #86bd40; margin-bottom: 20px;
}
.section4_wrap .judge_title {
	font-size: 23px; font-weight: bold; margin-bottom: 20px; text-align: center;
}

/* section 5 */
.section5_wrap_outer {
	background-color: #fbfbfb;
}
.section5_wrap {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 10px;
	max-width: 600px; margin-left: auto; margin-right: auto; text-align: center; font-size: 18px;
}
.section5_wrap .title {
	font-size: 20px; font-weight: bold; margin-bottom: 20px; color: #86bd40;
}
.section5_wrap p {
	font-size: 15px;
}



/* section4 */
.prize_outer {
	background-color: #f6f2f1;
	padding: 30px 0px;
}
.prize_outer.white_bg {
	background-color: rgb(251, 250, 250 0.94);
}
.prize_wrap {
	max-width: 355px;
	margin-left: auto;
	margin-right: auto;
}
.prize_info {
	margin-top: 0px;
}
.prize_info.left_margin {
	margin-right: 0px;
}
.prize_title {
	font-size: 40px;
	font-weight: bold;
	color: #86bd40;
	text-align: center;
}
.prize_product {
	font-size: 18px;
	padding-top: 15px;
}
.prize_cost {
	color: #86bd40;
	font-size: 40px;
}
.prize_desc {
	margin-top: 10px;
	line-height: 1.6;
	padding-bottom: 10px;

}
.prize_remark {
	font-weight: bold;
	font-size: 20px;
    padding-bottom: 20px;

}
.price_image_div {
    text-align: center;
}
.prize_image {
	border-radius: 50%;
	max-width: 80%;
}

/* judge */
.judge_outer {
	background-color: #323433;
}
.judge_wrap {
	max-width: 355px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}
.judge_image {
	border-radius: 50%;
	margin-top: 30px;
	max-width: 100%;
}
.judge_header {
	color: #fff;
	font-size: 50px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
    text-align: center;

}
.judge_subheader {
	color: #fff;
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}
.judge_desc {
	color: #fff;
	font-size: 15px;
	line-height: 1.7em;
}
.judge_titles {
	color: #fff;
	font-size: 15px;
	margin-top: 30px;
}
.judge_titles ul {
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
}
.judge_titles ul li {
	list-style: none;
	line-height: 1.8em;
	width: 100%;
}

/* rules */
.rules_outer {
	background-color: #f2f2f2;
}
.rules_wrap {
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 12px;
	padding-bottom: 12px;
}
.rules_title {
	font-size: 25px;
	margin-bottom: 10px;
}
ol.rules_list {
	margin: 0px;
	padding: 0px;
	color: #666;
}
ol.rules_list li {
	margin-left: 15px;
	font-size: 13px;
	line-height: 1.5;
}

/* listing */
.listing_outer {
	background-color: #f6f2f1;
}
.listing_wrap_offset {
	padding-left: 5px;
}
.listing_wrap {
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	max-width: 1100px;
}
.grid-sizer {
	width: 50%;
}
.listing_wrap .photo_div {
	width: 50%;
}
.listing_wrap .photo_div .add_padding {
	padding-right: 5px;
	padding-bottom: 5px;
}
.listing_wrap .photo_div .image {
	max-width: 100%;
}

/* pagination */
.pagination {
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	max-width: 1100px;
	text-align: center;
	margin-bottom: 40px;
}

/* view photo */
.view_image_outer {
	background-color: #f6f2f1;
}
.view_image_wrap {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.view_image_wrap .view_image {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	max-height: 1200px;
}
.view_image_image_div {
	padding: 0px 0px 15px 0px;
}
.view_image_facebook_div {
	background-color:#f6f2f1; 
	padding-left: 0px;
	padding-top:20px;
}
.view_image_facebook_div .facebook_like_div {
	margin-bottom: 20px;
}
.view_image_info_wrap {
	text-align: left;
	margin-bottom: 50px;
}
.photo_title {
	font-size: 38px;
	font-weight: bold;
}
.photo_author {
	line-height: 2em;
	padding-bottom: 8px;

}
.photo_location {
	font-size: 16px;
	line-height: 25px;
	padding: 10px 0px;
	border-top: solid 1px #333;
	border-bottom: solid 1px #333;
}
.photo_exif {
	font-size: 16px;
	line-height: 1.8em;
	border-bottom: solid 1px #333;
	padding-top: 10px;
	padding-bottom: 10px;
}


/* upload photo */
.upload_outer {
	background-color: #;
}
.upload_wrap {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-bottom: 40px;
}
.upload_section_header {
	font-size: 18px;
	border-bottom: solid 1px #333;
	padding-bottom: 12px;
	margin-bottom: 12px;
}
.form_row {
	margin-bottom: 15px;
}
.form_row .form_field_text {
	width: 50%;
	float: left;
}
.form_row .form_field_input {
	width: 50%;
	float: left;
}
.form_row .form_field_input input {
	width: 100%;
	font-size: 15px;
	padding: 8px;
	border: solid 1px #e3e3de;
}
.form_row .mandatory {
	color: red;
}
.form_row.style2 {
	margin-bottom: 15px;
}
.form_row.style2 .form_field_text {
	width: 30%;
	float: left;
}
.form_row.style2 .form_field_input {
	width: 70%;
	float: left;
}
.form_row.style2 .form_field_input input {
	width: 100%;
	font-size: 15px;
	padding: 8px;
	border: solid 1px #e3e3de;
}
.submit_button {
	margin-top: 10px;
	background-color: #86bd40;
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	padding: 5px;
	border: none;
	border-radius: 5px;
	width: 150px;
}

/* photo viewer */
/* photo viewer */
.photo_nav {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 25%;
	cursor: pointer;
	z-index: 2;
}
.photo_nav .arrow {
	position: absolute;
	/*opacity: 0;*/
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-position: center center;
	background-repeat: no-repeat;
	height: 60px;
	width: 50px;
	background-color: transparent;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index: 15;
}
.photo_nav.left {
	left: 0;
}
.photo_nav.right {
	right: 0;
}
.photo_nav.left .arrow {
	background-image: url("/campaigns/2018/np360/images/arrow_left.png");
	left: 10px;
}
.photo_nav.right .arrow {
	background-image: url("/campaigns/2018/np360/images/arrow_right.png");
	right: 10px
}
@media (min-width: 768px) {
	/* for all */
	.section_title {
		font-size: 50px;
		font-weight: bold;
		color: #575755;
		text-align: center;
		margin-bottom: 20px;
	}
	.navigation_outer {
		background-color: #fff;
	}
	.navigation {
		text-align: center;
	}	
	.navigation a {
		display: inline-block;
		padding: 10px 40px;
		font-size: 20px;
		font-weight: bold;
		cursor: pointer;
		border-top: 10px solid #fff;
	}
	.navigation a.selected {
		border-top: 10px solid #86bd40;
	}
	.navigation a:hover {
		border-top: 10px solid #86bd40;
		background-color: #ffbd70;
		color: #fff;
	}

	/* cover */
	.cover {
		background-color: #999;
		background: url(images/cover.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 500px;
		padding-top: 10px;
		margin: 0 auto;
	}
	.cover_content {
		text-align: center;
		margin-top: 100px;
	}
	.cover_content .header_title {
		color: #fff;
		font-size: 60px;
		font-weight: bold;
	}
	.cover_content .header_subtitle {
		color: #fff;
		font-size: 30px;
		font-weight: bold;
	}
	.cover_content a.header_upload_btn {
		background-color: #86bd40;
		border-radius: 10px;
		padding: 10px 20px;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		display: inline-block;
		margin-top: 30px;

	}
	.cover_content a.header_upload_btn:hover {
		cursor: pointer;
	}

	/* section 2 */
	.section2_wrap {
		background-color: #999;
		background: url(images/section2_bg.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: bottom;
		width: 100%;
		height: 280px;
		padding-top: 10px;
		margin: 0 auto;
		text-align: center;
	}
	.section2_wrap .section2_title {
		font-size: 50px;
		color: #fff;
		font-weight: bold;
		margin-top: 30px;
		margin-bottom: 10px;
	}
	.section2_wrap .section2_content {
		font-size: 19px;
		line-height: 1.8em;
		color: #fff;
		width: 880px;
		margin-left: auto;
		margin-right: auto;
	}

	/* section 3 */
	.section3_wrap_outer {
		background-color: #fbfbfb;
	}
	.section3_wrap {
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.section3_wrap .section3_organization {
		margin-bottom: 20px;
		font-size: 18px;
		font-weight: bold;
		color: #575755;
	}
	.section3_wrap .section3_table {
		font-size: 18px;
		line-height: 2em;
	}

	/* section 4 */
	.section4_wrap_outer {
		background-color: #fff;
	}
	.section4_wrap {
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.section4_wrap .section4_organization {
		margin-bottom: 20px;
		font-size: 18px;
		font-weight: bold;
		color: #575755;
	}
	.section4_wrap .section4_table {
		font-size: 18px;
		line-height: 2.2em;
	}

	/* section 5 */
	.section5_wrap_outer {
		background-color: #fbfbfb;
	}
	.section5_wrap {
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 30px;
		padding-bottom: 10px;
		max-width: 600px; margin-left: auto; margin-right: auto; text-align: center; font-size: 18px;
	}
	.section5_wrap .title {
		font-size: 35px; font-weight: bold; margin-bottom: 20px; color: #86bd40;
	}
	.section5_wrap p {
		font-size: 16px;
	}


	/* section4 */
	.prize_outer {
		background-color: #f6f2f1;
		padding: 0px;
	}
	.prize_outer.white_bg {
		background-color: rgb(251, 250, 250, 0.94);
	}
	.prize_wrap {
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 80px;
	}
	.prize_info {
		margin-top: 0px;
		margin-right: 50px;
	}
	.prize_info.left_margin {
		margin-left: 50px;
		margin-right: 0px;
	}
	.prize_title {
		font-size: 60px;
		font-weight: bold;
		color: #86bd40;
	    text-align: left;


	}
	.prize_product {
		font-size: 25px;
	}
	.prize_cost {
		color: #86bd40;
		font-size: 50px;
	}
	.prize_desc {
		margin-top: 10px;
		margin-bottom: 30px;
		    line-height: 1.6;
	}
	.prize_remark {
		font-weight: bold;
		font-size: 20px;
	}
	.prize_image {
		border-radius: 50%;
		max-width: 100%;
	}

	/* judge */
	.judge_outer {
		background-color: #323433;
	}
	.judge_wrap {
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.judge_image {
		border-radius: 50%;
		margin-top: 100px;
		max-width: 100%;
	}
	.judge_header {
		color: #fff;
		font-size: 50px;
		font-weight: bold;
		margin-bottom: 30px;
	    text-align: left;
	}
	.judge_subheader {
		color: #fff;
		font-size: 20px;
		margin-bottom: 10px;
	}
	.judge_desc {
		color: #fff;
		font-size: 15px;
		line-height: 1.7em;
	}
	.judge_titles {
		color: #fff;
		font-size: 15px;
		margin-top: 30px;
	}
	.judge_titles ul {
		padding: 0px;
		margin: 0px;
		margin-top: 5px;
	}
	.judge_titles ul li {
		list-style: none;
		line-height: 1.8em;
		width: 50%;
		float: left;
	}

	/* rules */
	.rules_outer {
		background-color: #fff;
	}
	.rules_wrap {
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.rules_title {
		font-size: 25px;
		margin-bottom: 10px;
	}
	ol.rules_list {
		margin: 0px;
		padding: 0px;
		color: #666;
	}
	ol.rules_list li {
		margin-left: 15px;
		font-size: 13px;
		line-height: 1.5;
	}

	/* listing */
	.listing_outer {
		background-color: #f6f2f1;
	}
	.listing_wrap_offset {
		padding-left: 15px;
	}
	.listing_wrap {
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		max-width: 1100px;
	}
	.grid-sizer {
		width: 33%;
	}
	.listing_wrap .photo_div {
		width: 33%;
	}
	.listing_wrap .photo_div .add_padding {
		padding-right: 15px;
		padding-bottom: 15px;
	}

	/* pagination */
	.pagination {
		margin-left: auto;
		margin-right: auto;
		margin-top: 25px;
		max-width: 1100px;
		text-align: center;
		margin-bottom: 40px;
	}

	/* view photo */
	.view_image_outer {
		background-color: #f6f2f1;
	}
	.view_image_wrap {
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.view_image_wrap .view_image {
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
		max-height: 1200px;
	}
	.view_image_image_div {
		padding: 0px 0px 15px 0px;
	}
	.view_image_facebook_div {
		background-color: #f6f2f1; 
		padding-left: 0px;
		padding-top:20px;
	}
	.view_image_facebook_div .facebook_like_div {
		margin-bottom: 20px;
	}
	.view_image_info_wrap {
		text-align: left;
		margin-bottom: 50px;
	}
	.photo_title {
		font-size: 38px;
		font-weight: bold;
	}
	.photo_author {
		line-height: 2em;
		padding-bottom: 8px;
	}
	.photo_location {
		font-size: 16px;
		line-height: 25px;
		padding: 10px 0px;
		border-top: solid 1px #333;
		border-bottom: solid 1px #333;
	}
	.photo_exif {
		font-size: 16px;
		line-height: 1.8em;
		border-bottom: solid 1px #333;
		padding-top: 10px;
		padding-bottom: 10px;
	}


	/* upload photo */
	.upload_outer {
		background-color: #;
	}
	.upload_wrap {
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.upload_section_header {
		font-size: 18px;
		border-bottom: solid 1px #333;
		padding-bottom: 12px;
		margin-bottom: 12px;
	}
	.form_row {
		margin-bottom: 15px;
	}
	.form_row .form_field_text {
		width: 50%;
		float: left;
	}
	.form_row .form_field_input {
		width: 50%;
		float: left;
	}
	.form_row .form_field_input input {
		width: 100%;
		font-size: 15px;
		padding: 8px;
		border: solid 1px #e3e3de;
	}
	.form_row .mandatory {
		color: red;
	}
	.form_row.style2 {
		margin-bottom: 15px;
	}
	.form_row.style2 .form_field_text {
		width: 30%;
		float: left;
	}
	.form_row.style2 .form_field_input {
		width: 70%;
		float: left;
	}
	.form_row.style2 .form_field_input input {
		width: 100%;
		font-size: 15px;
		padding: 8px;
		border: solid 1px #e3e3de;
	}
	.submit_button {
		margin-top: 10px;
		background-color: #86bd40;
		color: #fff;
		font-weight: bold;
		font-size: 20px;
		padding: 5px;
		border: none;
		border-radius: 5px;
		width: 150px;
	}

	/* photo viewer */
	/* photo viewer */
	.photo_nav {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 25%;
		cursor: pointer;
		z-index: 2;
	}
	.photo_nav .arrow {
		position: absolute;
		/*opacity: 0;*/
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		transition: all 0.2s;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		background-position: center center;
		background-repeat: no-repeat;
		height: 60px;
		width: 50px;
		background-color: transparent;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		z-index: 15;
	}
	.photo_nav.left {
		left: 0;
	}
	.photo_nav.right {
		right: 0;
	}
	.photo_nav.left .arrow {
		background-image: url("/campaigns/2018/np360/images/arrow_left.png");
		left: 10px;
	}
	.photo_nav.right .arrow {
		background-image: url("/campaigns/2018/np360/images/arrow_right.png");
		right: 10px
	}
}