body{
	font-family: '微軟正黑體' !important;
	background: url('../images/bg.png');
	font-size:12px;
	
}
.fancybox-container{font-family: '微軟正黑體' !important;}
nav{margin:0px auto;width: 62%;font-weight:800;max-width:1170px;}
h2{font-weight:bolder;margin-top:20px;letter-spacing:6px;display:block;line-height: 1.8;}
h3{clear:both;display:block;font-weight:bolder;}
label{margin:0px;}

.row{margin-right: 0px;margin-left: 0px;}
.container_all{width:100%;margin:0px;padding:0px;}
.center{text-align:center;}
.content{font-size:17px;line-height:27px;padding: 3%;}
.content_left{width:25%;padding:2%;float:left;text-align:left;}
.content_right{width:70%;padding:2%;float:left;text-align:left;}
#title{text-align:Center;width: 100%;}
#content_intro{}
#content_question{display:none;}
#content_end{display:none;}
#section_main{width:80%;margin:5% auto;border:1px #CCC solid;padding:2%;max-width:800px;background:#fff;}
#question{margin-bottom:10px;}
.yes{background:#f1f1f1;padding:5px;margin-right:5px}
.no{background:#f1f1f1;padding:5px;margin-right:5px}
.q_icon{background:#f1f1f1;padding:5px;}

.clear{margin-bottom: 20px ;clear:both;width: 100%;}
.space{margin-bottom: 50px ;clear:both;width: 100%;max-width:1170px}
.btn{background:#33527A;color:#ffffff;margin:5px;clear:both;}
.btn:hover,.btn_focus{color:#FFE352}
.question_list{clear:both;border-bottom:1px dashed #33527A;overflow:hidden;}
#footer{background:#303030;color:#fff;padding: 10px;font-size:12px;position:fixed;bottom:0;width:100%}
.fancybox-content{width:80%}
.chartCanvasWrap{text-align: center;}
#cal_btn,.end{display:none;}
#end_wrapper{background:#F0F8FF;padding:1%;overflow:hidden;border-radius:30px;clear: both;}
.end{font-size:19px;line-height:30px;color:#333;clear: both;}
.end_img{width:40%;padding:2%;float:left;text-align:center;}
.end_img img{max-width: 205px;}
.end_img_btn{background:#DB96A0;color:#fff;text-align:center;display:block;margin-top:20px;font-weight:800;font-size:20px;padding:5px;}
.end_desc{width:58%;padding:2%;float:left;}
.end_desc_title{font-weight:800;}
#end_btn,#end_btn a{text-align:center;font-size:15px;text-decoration:none;color:#f00 !important;}
#end_result{font-size:20px;text-align:center;border-bottom:2px dashed #DB96A0;}
#end_result_type{font-size:40px;color:#f00;}
#restart{text-align:center;}
#restart_btn{
    background: #f00;
}

@media all and (max-width: 479px) {
	nav{width: 100%;}
	h2{margin-top: 20px ;}
	h3{clear:both;width:80%;margin:0px auto;}
	#section_main{width:90%;}
	.content{width:100%;margin: 0px auto;}
	.clear{margin-bottom: 0px ;}
	.content_left,.content_right{width:100%}
	.space{margin-bottom: 20px ;}
	
	.fancybox-content{padding:5px}
	.end_img{width:100%}
	.end_desc{width:100%}
	#chart{display:none;}
	#end_result {
    font-size: 16px;
	}
	.fancybox-content{width: 95%;}
	canvas { 
      width: 90vw  !important; 
	  height: 55vh !important; 
	  display: block;
	}
	
}