.visual_layout{background-image: url(/images/small_house/small_house_event_images/1250x300_exam.png);height: 350px;}
.toggle_content.exam{display: block;}
.toggle_content.exam ul{list-style-type: decimal; margin-left: 30px;}
.toggle_content.exam ul li{margin-bottom:15px;}
.toggle_content.exam span{color: #c95233;font-weight: 600;}
.toggle_content.exam em{display: block;text-align: center;font-weight: 600; margin-bottom: 20px;font-size:22px;}
.toggle_content.exam .score{font-size:45px;color: #c95233;margin-bottom:20px;}
.toggle_content.exam .score+p{font-size: 20px;color: #c95233;}
.event_prize{display: flex;flex-wrap: wrap;justify-content:flex-start;margin-bottom:80px;}
.event_prize>div{width:20%;margin:40px 0 0 0; text-align: center;}
.event_prize>div img{ width: 175px; height: 175px; border-radius: 8px;margin: 0 auto;}
.event_prize>div strong{display: block; font-weight: 500;}

.exam_btn{display: flex;text-align: center;justify-content: center; margin-top:50px;flex-wrap: wrap;}
.exam_btn a{display:block;background-color:#c95233; color:#fff; border-radius: 50px;margin: 0 auto;margin:0 20px;width: 280px;line-height: 50px;font-size:20px; font-weight: 500; }
.exam_btn a:hover{ background-color:#be310d;color:#fff; }
.exam_btn a.negative{background-color:#999;color: #fff;}
.exam_btn a.negative:hover{background-color: #666; color: #fff;}
.exam_btn a.review{background-color: #844200;}
.exam_btn a.review:hover{ background-color:#BB5E00;color:#fff; }

.toggle_content.exam p{font-size: 2em;text-align: center;font-weight: 600;line-height: 1.4em;}
.toggle_content.exam p i{display: block;margin-bottom: 20px;}



.form{display: flex; justify-content: center;font-size: 1.22em; font-weight: 600;margin-top:30px;flex-wrap: wrap;margin-bottom:70px;}
.form .block{margin:10px;position: relative;}
.squaredThree label {display: inline-block;width: 20px;height: 20px;cursor: pointer;position: absolute;top: 5px;left: 0;background: linear-gradient(to bottom, ##1f1f1f 0%, #000000 100%);border-radius: 4px;    border: 2px solid #191919;}

.toggle_content.exam span.notice_tips{ display: block;text-align: center; margin-top:30px; color: #191919;}

/*------checkbox樣式------*/
.squaredThree {  position: relative; }
.squaredThree label {  display: inline-block;  float: left;	  width: 20px;  height:20px;  cursor: pointer;  position: absolute;  top:3px;  left:0;  background: #fff;  border-radius: 4px;  border:2px solid #191919;}
.squaredThree label:after {  content: '';  width:12px;  height: 5px;  position: absolute;  top: 5px;  left: 3px;  border: 2px solid #191919;  border-top: none;  border-right: none;  background: transparent;  opacity: 0;  transform: rotate(-45deg);}
.squaredThree label:hover::after {  opacity: 0.3;}
.squaredThree input{width: auto;position: relative; }
.squaredThree input[type=radio] {  visibility: hidden;}
.squaredThree input[type=radio]:checked + label:after {  opacity: 1;}
.squaredThree strong{margin-left:5px;}

.sponser div{display: flex; /*justify-content:center;*/max-width:1200px;align-items: center;}

.sponser a{display:inline-block; width: 150px;margin: 0 15px;}
.sponser span a{display: inline-block; width: 25px; height: 25px;}

.sponser{position: relative;}



@media (min-width:320px) and (max-width: 1024px) {  
   
	.event_prize>div{width:32%;}
    	/*.sponser ul a:nth-child(5){display:none;}*/
}

@media (min-width:320px) and (max-width:820px) {  	
 
	/*.exam_btn {  flex-direction: column-reverse;}*/
	.exam_btn a{margin: 0 auto;margin-bottom:40px;}
    .toggle_content.exam span.notice_tips{margin-top: 0;}
    /*.sponser ul a:nth-child(4){display:none;}*/
}



@media (min-width:320px) and (max-width:640px) {
.event_prize>div{width:100%;}
    .form .block{ width:100%;}
    .toggle_content.exam p{font-size:30px;}
     /*.sponser ul a:nth-child(3){display:none;}*/
}
   

@media (min-width:320px) and (max-width:460px) {
    .visual_layout{background-image: url(/images/small_house/small_house_event_images/460x300_exam.png);height: 300px;background-size: contain;}
     .toggle_content.exam p{font-size:24px;}
    .form .block{font-size: 18px;}
    /*.sponser ul a:nth-child(2){display:none;}*/
    
}

@media (min-width:100px) and (max-width:430px) {
    .exam_btn a{width: 250px;}
    .form{margin-bottom: 50px;}



}