@media screen and (max-width:767px){
	section.workdetail section.detailblock{
		margin:10px;
		background-color:#FFF;
		border-radius:5px;
		overflow:hidden;
	}
	section.workdetail h4.title{
		font-size:14px;
		line-height:80px;
		text-align:center;
		color:#39F;
		position:relative;
		z-index:1;
	}
	section.workdetail h4.title svg{
		content:"";
		position:absolute;
		z-index:1;
		width:54px;
		height:54px;
		display:block;
		top:13px;
		fill:#39F;
	}
	section.workdetail h4.title svg:nth-child(1){
		left:10px;
	}
	section.workdetail h4.title svg:nth-child(2){
		right:10px;
	}
	dl.interviewblock{
		border:solid 5px #EFEFEF;
		margin:0 5px 10px 5px;
		padding:5px 0 0 0;
	}
	dl.interviewblock dt{
		position:relative;
		z-index:1;
		overflow:hidden;
		margin:0 5px 10px 5px;
	}
	dl.interviewblock dt figure{
		float:left;
		width:80px;
		height:80px;
		border-radius:40px;
		overflow:hidden;
		margin:0 10px 10px 0;
	}
	dl.interviewblock dt figure img{
		width:100%;
	}
	dl.interviewblock dt a{
		display:block;
		position:absolute;
		width:100%;
		top:0;
		right:0;
		bottom:0;
		left:0;
	}
	dl.interviewblock dt a img{
		height:100%;
		opacity:0;
	}
	dl.interviewblock dt p.name{
		padding:5px 0 0 0;
		font-size:12px;
		color:#666;
		line-height:20px;
	}
	dl.interviewblock dd{
		border-top:solid 1px #EFEFEF;
	}
	dl.interviewblock dd ul{
		padding:20px 10px 0 10px;
		list-style:none;
		list-style-position:outside;
		overflow:hidden;
	}
	dl.interviewblock dd ul li{
		font-size:14px;
	}
	dl.interviewblock dd ul li.question{
		margin:0 0 10px 0;
		color:#39F;
	}
	dl.interviewblock dd ul li.question::before{
		content:"Q";
		width:30px;
		height:30px;
		line-height:28px;
		border-radius:15px;
		border:solid 1px #39F;
		box-sizing:border-box;
		display:inline-block;
		text-align:center;
		font-size:18px;
		margin:0 5px 0 0;
		font-family:'Bai Jamjuree', sans-serif;
	}
	dl.interviewblock dd ul li.answer{
		color:#333;
		margin:0 0 20px 0;
	}
	dl.interviewblock dd ul li.answer::before{
		content:"A";
		width:30px;
		height:30px;
		line-height:28px;
		border-radius:15px;
		border:solid 1px #F39;
		color:#F39;
		box-sizing:border-box;
		display:inline-block;
		text-align:center;
		font-size:18px;
		margin:0 5px 0 0;
		font-family:'Bai Jamjuree', sans-serif;
	}
}
@media screen and (min-width:768px) and (max-width:1099px){
	section.workdetail section.detailblock{
		margin:10px auto;
		background-color:#FFF;
		border-radius:5px;
		max-width:600px;
	}
	section.workdetail h4.title{
		font-size:14px;
		line-height:50px;
		text-align:center;
		color:#39F;
	}
}
@media (orientation: landscape) and (max-width:568px){
	section.workdetail section.detailblock{
		margin:10px auto;
		max-width:400px;
	}
}
@media (orientation: landscape) and (min-width:569px) and (max-width:812px){
	section.workdetail section.detailblock{
		margin:10px auto;
		max-width:400px;
	}
}
@media (orientation: landscape) and (min-width:813px) and (max-width:1099px){
}
@media screen and (min-width:1100px){
	section.workdetail section.detailblock{
		width:900px;
		margin:20px auto;
		background-color:#FFF;
		border-radius:5px;
		overflow:hidden;
	}
	section.workdetail h4.title{
		font-size:18px;
		line-height:80px;
		text-align:center;
		color:#39F;
		position:relative;
		display:table;
		padding:0 60px;
		margin:0 auto;
	}
	section.workdetail h4.title svg{
		content:"";
		position:absolute;
		z-index:1;
		width:50px;
		height:50px;
		display:block;
		top:15px;
		fill:#39F;
	}
	section.workdetail h4.title svg:nth-child(1){
		left:0;
	}
	section.workdetail h4.title svg:nth-child(2){
		right:0;
	}
	dl.interviewblock{
		border:solid 5px #EFEFEF;
		margin:0 5px 10px 5px;
		padding:5px 0 0 0;
	}
	dl.interviewblock dt{
		position:relative;
		z-index:1;
		overflow:hidden;
		margin:0 5px 10px 5px;
	}
	dl.interviewblock dt figure{
		float:left;
		width:80px;
		height:80px;
		border-radius:40px;
		overflow:hidden;
		margin:0 10px 10px 0;
	}
	dl.interviewblock dt figure img{
		width:100%;
	}
	dl.interviewblock dt a{
		display:block;
		position:absolute;
		width:100%;
		top:0;
		right:0;
		bottom:0;
		left:0;
	}
	dl.interviewblock dt a img{
		height:100%;
		opacity:0;
	}
	dl.interviewblock dt p.name{
		padding:5px 0 0 0;
		font-size:12px;
		color:#666;
		line-height:20px;
	}
	dl.interviewblock dd{
		border-top:solid 1px #EFEFEF;
	}
	dl.interviewblock dd ul{
		padding:20px 10px 0 10px;
		list-style:none;
		list-style-position:outside;
		overflow:hidden;
	}
	dl.interviewblock dd ul li{
		font-size:14px;
	}
	dl.interviewblock dd ul li.question{
		margin:0 0 10px 0;
		color:#39F;
	}
	dl.interviewblock dd ul li.question::before{
		content:"Q";
		width:30px;
		height:30px;
		line-height:28px;
		border-radius:15px;
		border:solid 1px #39F;
		box-sizing:border-box;
		display:inline-block;
		text-align:center;
		font-size:18px;
		margin:0 5px 0 0;
		font-family:'Bai Jamjuree', sans-serif;
	}
	dl.interviewblock dd ul li.answer{
		color:#333;
		margin:0 0 20px 0;
	}
	dl.interviewblock dd ul li.answer::before{
		content:"A";
		width:30px;
		height:30px;
		line-height:28px;
		border-radius:15px;
		border:solid 1px #F39;
		color:#F39;
		box-sizing:border-box;
		display:inline-block;
		text-align:center;
		font-size:18px;
		margin:0 5px 0 0;
		font-family:'Bai Jamjuree', sans-serif;
	}
}