section.exam {display: block;background-image: url(/images/project_img/bg01.gif);background-size:auto;}

.exam h2.about_event{background-image: url(/images/project_img/chpater05.png);}
.exam h2.event_date{background-image: url(/images/project_img/chpater06.png);}
.exam h2.event_prizes{background-image: url(/images/project_img/chpater07.png);}
.law_desc , .exam_question{display: block; max-width: 1000px; border:5px solid #000;background-color: #fff;padding:30px 50px; box-sizing: border-box;margin: 0 auto;margin-top: 50px;}
.law_desc{margin-bottom:80px;}
.law_desc  ul li{list-style-type: decimal;margin-left: 20px;margin-bottom: 10px;}

section.exam em{display: block;font-size: 26px; text-align: center;font-weight: 600; margin-top: 20px;margin-bottom:80px;}

.prize_items{display: flex;justify-content: space-evenly;flex-wrap: wrap;}
.prize_items>div{display: block;width:28%;position: relative;background-color: #fff;border-radius: 200px;
padding:50px 20px;box-sizing: border-box;background: linear-gradient(to bottom, rgba(253,244,235,1) 50%,rgba(253,244,235,1) 50%,rgba(27,113,104,1) 50%,rgba(27,113,104,1) 100%);	text-align: center;color: #fff;margin-top: 30px;}
.prize_items_img a{display: block; width:200px; height: 200px; margin:auto;border-radius: 100%;overflow: hidden;}
.prize_items_img a img{width: 100%;}
.prize_items strong{display: block; font-size: 22px; font-weight: 500;margin:10px 0;}
.btn_option{display:flex;justify-content:center;margin-top:40px;flex-direction: row;flex-wrap: wrap;}
.btn_option a{display: block; width:27%; height: 45px; text-align: center;font-size: 22px; border-radius: 50px; border:3px solid #000;line-height: 45px;color: #000;font-weight:500;background-color: #ced3c6;margin:20px;}
.btn_option a+a{background-color: #f8cfbd;}
.btn_option a+a+a{display:block;background-color: #f7cf9c;}
.btn_option a.fb_share{background-color: #4267b2; color: #fff;}
.btn_option a:hover{background-color: #000;color: #fff;}


.exam_question{position: relative;text-align: center;padding:50px; box-sizing: border-box;font-weight: 500;}
.exam_question em{display: block;width: 100px;height: 100px;background-color: #f8c9b9;border-radius: 100%;position: absolute;left: 0; right: 0;top:-80px;bottom: 0; margin: auto;border: 3px solid #000;text-align: center;}
.exam_question em span {display: block;width: 75px;height: 75px;border-radius: 100%;background-color: #fdf4eb;margin: 0 auto;line-height: 75px;color: #000;font-weight: 600;font-size: 14px;margin-top: 3px;}
.exam_question p{display: block; font-size: 30px; margin-top:50px;font-weight: 600;line-height:1.6em;}
.exam_question p span{display: inline-block; color:#fab596;}
.exam_question span{display: block; margin-top: 20px; }

@media (min-width:320px) and (max-width:820px) {
	.prize_items_img a{ width:160px; height: 160px; }	
	.btn_option a{width:35%;}
}  

@media (min-width:320px) and (max-width:645px) {
	.prize_items>div{width:55%;}
	.btn_option a{width:45%;}
	.exam_question{padding: 20px;}
}  

@media (min-width:320px) and (max-width:480px) {
	.exam .chapter_container {padding: 50px 0 ;}
	.law_desc{padding: 30px;}
	.prize_items>div{width:80%;}
    .btn_option{flex-direction:column-reverse;}
	.btn_option a{width:80%;margin: 20px auto;}
	.exam_question  .btn_option a{width:90%;}
}