@charset "utf-8";
.container {background-image: url(/assets/_img/sub/pyramidalWaveBG.png);background-size: 75px;z-index: -2;content: "";width: 100%;height: 100%;background-repeat: repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pyramidalWaveBG.png', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pyramidalWaveBG.png', sizingMethod='scale')"; }

.studentViewBG{margin:0 auto;background-color:#FFF;border:1px solid #e0e0e0;}
.displayBlock{display:block;}

.mb0{margin-bottom: 0 !important; }

/* For larger displays */
@media all and (min-width:1080px){
.container {padding:94px 0;width: 100%;height: 100%;}
.studentViewBG{width:1080px;}
.titleInfoBox{margin:0 auto;margin-top:40px;margin-bottom:40px;width:980px ;border-top:2px solid #484848;border-bottom:1px solid #aaaaaa;}
.studentViewTitle{margin:20px auto;width:940px;font-size:20px;font-weight:bold;color:#333333;line-height:22px;}
.studentClass{padding:0px 20px 10px 20px;margin:0 auto;width:940px;}
.studentClass li{float:left;padding-right:22px;display:inline-block;font-size:14px;color:#595959;}
.studentViewInfo{padding:0px 20px 20px 20px;margin:0 auto;width:940px;margin-bottom:20px;border-bottom:1px solid #aaaaaa;}
.studentViewInfo li{float:left;padding-right:22px;display:inline-block;font-size:14px;color:#595959;}
.studentViewBar span{display:inline-block;padding-left:22px;}
.studentViewBar:before{content:"|";}
.studentViewText{margin:20px;padding:15px;font-size:16px;line-height:32px;color:#333333;border:1px solid #efefef;}
.studentViewText img{width:100%;}

.btns{display:inline-block;margin-bottom:100px;width:100%;text-align:center;}
.btns a{display:inline-block;margin:0 10px;width:100px;height:35px;color:#fff;font-size:16px;font-weight:bold;line-height:35px;text-decoration:none;text-align:center;}
.interviewListBtn{background-color:#006cb8;}
.interviewModifyBtn{background-color:#00aeef;}
.interviewDelBtn{background-color:#595959;}

.studentViewText > h3{margin:20px 0px;font-size:30px;color:#006cba;font-weight:bold;}
.preText{margin-bottom:30px;font-size:16px;color:#333333;line-height:28px;}
.personImage{width:475px;height:217px;}
.personImage img{width:100%;}
.personImgEx{font-size:12px;color:#595959;}
.studentViewText > .question{margin:20px 0px 10px 0px;font-size:25px;line-height:28px;color:#006cba;font-weight:bold;}
.studentViewText > .answer{font-size:16px;color:#333333;line-height:28px; margin-bottom: 80px; }

.emphasisTitle{text-align:center;font-size:50px;}
.emphasisBlue{margin: 20px 0px 10px 0px;color:#64A996;font-size:20px;font-weight:bold;}
}

/* For smaller displays like laptops */
@media (min-width: 641px) and (max-width: 1079px) {
.container {padding:58px 0;width: 100%;height: 100%;}
.studentViewBG{width:95%;}
.titleInfoBox{margin:0 auto;margin-top:68px;margin-bottom:26px;width:95% ;border-top:2px solid #484848;border-bottom:1px solid #aaaaaa;}
.studentViewTitle{margin:15px auto;width:100%;font-size:20px;font-weight:bold;color:#333333;line-height:22px;}
.studentClass{margin:0 auto;}
.studentClass li{float:left;padding-bottom:8px;padding-right:22px;display:inline-block;font-size:14px;color:#595959;}
.studentViewInfo{padding-bottom:7px;margin:0 auto;border-bottom:1px solid #aaaaaa;}
.studentViewInfo li{float:left;padding-bottom:7px;padding-right:22px;display:inline-block;font-size:14px;color:#595959;}
.studentViewBar span{display:inline-block;padding-left:22px;}
.studentViewBar:before{content:"|";}
.studentViewText{margin:20px;padding:15px;font-size:14px;line-height:32px;color:#333333;border:1px solid #efefef;}
.studentViewText img{width:100%;}

.btns{display:inline-block;margin-bottom:50px;width:100%;text-align:center;}
.btns a{display:inline-block;margin:0 10px;width:80px;height:30px;color:#fff;font-size:14px;font-weight:bold;line-height:30px;text-decoration:none;text-align:center;}
.interviewListBtn{background-color:#006cb8;}
.interviewModifyBtn{background-color:#00aeef;}
.interviewDelBtn{background-color:#595959;}

.studentViewText > h3{margin:20px 0px;font-size:30px;color:#006cba;font-weight:bold;}
.preText{margin-bottom:30px;font-size:16px;color:#333333;line-height:28px;}
.personImage{width:475px;height:217px;}
.personImage img{width:100%;}
.personImgEx{font-size:12px;color:#595959;}
.studentViewText > .question{margin:20px 0px 10px 0px;font-size:25px;line-height:28px;color:#006cba;font-weight:bold;}
.studentViewText > .answer{font-size:16px;color:#333333;line-height:28px;margin-bottom: 80px;}

	.emphasisTitle{text-align:center;font-size:30px;}
	.emphasisBlue{margin: 20px 0px 10px 0px;color:#64A996;font-size:20px;font-weight:bold;}
}

/* For smartphones */
@media (max-width: 640px) {
.container {padding:40px 0;width: 100%;height: 100%;}
.studentViewBG{width:95%;}
.titleInfoBox{margin:0 auto;margin-top:38px;margin-bottom:26px;width:93% ;border-top:2px solid #484848;border-bottom:1px solid #aaaaaa;}
.studentViewTitle{margin:15px auto;width:100%;font-size:14px;font-weight:bold;color:#333333;line-height:16px;}
.studentClass{margin:0 auto;}
.studentClass li{float:left;padding-bottom:8px;padding-top:5px;padding-right:5px;display:inline-block;font-size:11px;line-height:12px;color:#595959;}
.studentViewInfo{padding-bottom:7px;margin:0 auto;border-bottom:1px solid #aaaaaa;}
.studentViewInfo li{float:left;padding-bottom:8px;padding-top:5px;padding-right:5px;display:inline-block;font-size:11px;color:#595959;}
.studentViewBar span{display:inline-block;padding-left:5px;}
.studentViewBar:before{content:"|";}
.studentViewText{margin:20px 0px;padding:15px;font-size:12px;line-height:24px;color:#333333;border:1px solid #efefef;}
.studentViewText img{width:100%;}

.btns{display:inline-block;margin-bottom:50px;width:100%;text-align:center;}
.btns a{display:inline-block;margin:0 5px;width:69px;height:24px;color:#fff;font-size:12px;font-weight:bold;line-height:24px;text-decoration:none;text-align:center;}
.interviewListBtn{background-color:#006cb8;}
.interviewModifyBtn{background-color:#00aeef;}
.interviewDelBtn{background-color:#595959;}

.studentViewText > h3{margin:20px 0px;font-size:16px;color:#006cba;font-weight:bold;}
.preText{margin-bottom:15px;font-size:12px;color:#333333;line-height:20px;}
.personImage{width:100%;}
.personImage img{width:100%;}
.personImgEx{font-size:12px;color:#595959;}
.studentViewText > .question{margin:20px 0px 10px 0px;font-size:14px;line-height:20px;color:#006cba;font-weight:bold;}
.studentViewText > .answer{font-size:12px;color:#333333;line-height:18px;margin-bottom: 30px; }

	.emphasisTitle{text-align:center;font-size:25px;}
	.emphasisBlue{margin: 20px 0px 10px 0px;color:#64A996;font-weight:bold;}
}