._m-portfolio_detail .listenspeak[data-v-2fdf6d46]{margin-bottom:50px}._m-portfolio_detail .listenspeak .topic[data-v-2fdf6d46]{font-size:1em;position:relative;padding-top:2em;margin-bottom:30px}._m-portfolio_detail .listenspeak .topic[data-v-2fdf6d46]:before{content:"Topic";color:#999;font-size:1.2em;font-weight:600;position:absolute;top:0;left:0}._m-portfolio_detail .detailsBox[data-v-2fdf6d46]{margin-top:40px}._m-portfolio_detail .soundPlay[data-v-2fdf6d46]{padding:0 10%}._folioPrint[data-v-73b3852f] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-73b3852f] .content-header .content-title{padding:40px 0 0;height:124px}._folioPrint[data-v-73b3852f] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-73b3852f] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-73b3852f] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-73b3852f] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame{padding:0 20px}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame h2{padding-bottom:15px;font-size:1.8em}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .infoText{margin-top:40px;padding:0 78px;clear:both}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .infoText span{display:block;padding-left:33px;font-size:1.3em;background:url(/assets/images/april/i-Learning_guide_m06.png) left center no-repeat}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .infoText span em{color:#f85762}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .scoreBox{margin-top:80px}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .scoreBox .totalGrade{display:inline-block;vertical-align:top;width:35%}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter{display:table;width:100%;height:377px;text-align:center}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p{display:table-cell;vertical-align:middle;height:377px}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter{font-size:17em;font-weight:600;color:#23a8f4;line-height:1em}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter span{font-size:.78em;line-height:.9em;vertical-align:top}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort{display:block;font-size:2em;line-height:1.3em;padding:0 72px;text-align:left;position:relative}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort em{display:inline-block;border-radius:.8em;padding:0 10px;position:absolute;top:5px;right:72px;font-size:.8em;line-height:1.3em;font-weight:600;color:#fff}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking{color:#03328c}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking em{background:#03328c}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language{color:#ee3e41}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language em{background:#ee3e41}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts{color:#64a604}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts em{background:#64a604}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge{color:#64a604}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge em{background:#64a604}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .scoreBox .chartArea{display:inline-block;vertical-align:top;width:65%;height:396px;margin-top:-8px;padding-left:20px;padding-right:20px;position:relative}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .scoreBox .chartArea .update{text-align:right;font-size:1.3em;color:#888;padding-right:30px}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .scoreBox canvas{position:relative;z-index:20}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .scoreBox .chartArea:before{content:"";width:2px;height:377px;background:#ccc;position:absolute;left:0;top:8px}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .scoreBox .chartArea:after{content:"";width:168px;height:400px;background:#edf8ff;border-radius:15px;position:absolute;left:96px;top:10px;z-index:10}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox{margin-top:80px;position:relative}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox .translation{position:absolute;right:0;top:-2px;display:inline-block;background:#aebc1f;font-weight:600;color:#fff;font-size:1.3em;padding:5px 17px;border-radius:.5em}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table{width:100%;font-size:1.4em}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table th{border-left:2px solid #ccc;border-top:2px solid #ccc;background:#f3f3f3;font-weight:400;padding:9px 27px}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table th:first-child{border-left:0}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table thead th{background:#fff;border-top:2px solid #ccc;border-bottom:0;color:#333;font-size:.9em;font-weight:600;line-height:1.3em;height:68px}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table td{border-left:2px solid #ccc;border-top:2px solid #ccc;padding:9px 22px}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table td em{color:#23a8f4}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table td:first-child{border-left:0}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table .ox{padding:16px 0 17px}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table .dim{background:#f3f3f3;color:#bbb}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table .noleft{border-left:0px;text-align:right}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table .oneline{color:#fff;height:40px;padding:0 20px;border:0px}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table .oneline span{float:right;font-weight:500}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table .oneline span em{color:#23a8f4}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table .blue{background:#62dade}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table .yellow{background:#ffc129}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table .red{background:#fe838c}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table .purple{background:#a97fe9}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table .black{background:#333;color:#fff}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table .text-center,._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table .text-center td,._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table .text-center th{padding-left:0;padding-right:0}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table .bold{font-weight:600}._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table tbody tr:first-child th,._folioPrint[data-v-73b3852f] .content-body .container .componentFrame .detailsBox table tbody tr:first-child td{border-top:0px}._folioPrint[data-v-73b3852f] .content-body .container .contentBox{margin-top:80px;text-align:center}._folioPrint[data-v-73b3852f] .content-body .container .contentBox .topic{text-align:left;font-size:1.7em;white-space:pre-wrap}._folioPrint[data-v-73b3852f] .content-body .container .contentBox .topic p.title{font-size:1em;font-weight:600;color:#999;margin-bottom:10px;line-height:1.2em}._folioPrint[data-v-73b3852f] .content-body .container .soundPlay{width:552px;margin:50px auto 0;position:relative}._folioPrint[data-v-73b3852f] .content-body .container .soundPlay p{height:19px;border-radius:0 15px 15px 0;background:#efefef;text-align:left}._folioPrint[data-v-73b3852f] .content-body .container .soundPlay p span{display:inline-block;height:19px;border-radius:0 15px 15px 0;background:#f29e0b}._folioPrint[data-v-73b3852f] .content-body .container .soundPlay a{position:absolute;left:0;top:-27px}