._m-portfolio_detail[data-v-71827051] .storyreading .btns{text-align:center}._m-portfolio_detail[data-v-71827051] .storyreading .step1{width:260px;height:253px;margin:0 auto;background:url(/assets/images/april/storybook_cover.png) no-repeat;background-size:100%;text-align:center;color:#fff}._m-portfolio_detail[data-v-71827051] .storyreading .step1 .stdName{padding-top:20px;font-size:1.6em;font-weight:300;height:130px}._m-portfolio_detail[data-v-71827051] .storyreading .step1 .lesson{height:28px}._m-portfolio_detail[data-v-71827051] .storyreading .step1 .lesson span{display:inline-block;position:relative;font-size:1em;font-weight:500;padding-left:20px}._m-portfolio_detail[data-v-71827051] .storyreading .step1 .lesson span:before{content:"";display:inline-block;position:absolute;left:0;top:5px;width:12px;height:14px;background:url(/assets/images/april/icon_flag.png) no-repeat;background-size:100%}._m-portfolio_detail[data-v-71827051] .storyreading .step1 .title{display:table;width:100%;height:90px}._m-portfolio_detail[data-v-71827051] .storyreading .step1 .title span{display:table-cell;font-size:1.6em;font-weight:600;vertical-align:middle;text-align:center}._m-portfolio_detail[data-v-71827051] .storyreading .step2{position:relative}._m-portfolio_detail[data-v-71827051] .storyreading .step2 .bg img{width:100%}._m-portfolio_detail[data-v-71827051] .storyreading .step2{margin:0 auto}._m-portfolio_detail[data-v-71827051] .storyreading .step2 .thumb{position:absolute;left:6%;top:15%}._m-portfolio_detail[data-v-71827051] .storyreading .step2 .thumb img{width:42%}._m-portfolio_detail[data-v-71827051] .storyreading .step2 .btnBox{display:inline-block;width:50%;position:absolute;right:0%;top:12%;text-align:center}._m-portfolio_detail[data-v-71827051] .storyreading .step2 .btnBox span{display:inline-block}._m-portfolio_detail[data-v-71827051] .storyreading .step2 .btnBox img{width:49px;height:49px}._m-portfolio_detail[data-v-71827051] .storyreading .step2 .sentence{display:inline-block;width:42%;position:absolute;right:5%;top:calc(12% + 55px);text-align:center;font-size:1.2em;line-height:1.1em}._m-portfolio_detail[data-v-71827051] .storyreading .step2 .paging{position:absolute;right:8%;bottom:5%;font-size:.9em;font-weight:600;color:#cbcbcb}._m-portfolio_detail[data-v-71827051] .storyreading .step2 .paging em{color:#717171}._m-portfolio_detail[data-v-71827051] .storyreading .step3{position:relative}._m-portfolio_detail[data-v-71827051] .storyreading .step3 .bg img{width:100%}._m-portfolio_detail[data-v-71827051] .storyreading .step3 .character{position:absolute;left:6%;top:20%;width:38%}._m-portfolio_detail[data-v-71827051] .storyreading .step3 .character img{width:100%}._m-portfolio_detail[data-v-71827051] .storyreading .step3 .btn{display:inline-block;width:300px;position:absolute;left:59px;bottom:55px;text-align:center}._m-portfolio_detail[data-v-71827051] .storyreading .step3 .endCopy{display:inline-block;width:30%;position:absolute;right:12%;top:42%}._m-portfolio_detail[data-v-71827051] .storyreading .step3 .endCopy img{width:100%}._m-portfolio_detail[data-v-71827051] .storyreading .start{display:inline-block;margin-top:20px;border-radius:2.5em;width:190px;height:50px;text-align:center;background:#23a8f4;color:#fff;font-size:1.7em;font-weight:300;line-height:52px}._m-portfolio_detail[data-v-71827051] .storyreading .again{display:inline-block;margin-top:20px;border-radius:2.5em;width:190px;height:50px;text-align:center;background:#aebc1f;border:1px solid #a6b508;color:#fff;font-size:1.7em;font-weight:300;line-height:52px}._folioPrint[data-v-271638b6] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-271638b6] .content-header .content-title{padding:40px 0 0;height:124px}._folioPrint[data-v-271638b6] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-271638b6] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-271638b6] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-271638b6] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-271638b6] .content-body .container .componentFrame{padding:0 20px}._folioPrint[data-v-271638b6] .content-body .container .componentFrame h2{padding-bottom:15px;font-size:1.8em}._folioPrint[data-v-271638b6] .content-body .container .componentFrame .infoText{margin-top:40px;padding:0 78px;clear:both}._folioPrint[data-v-271638b6] .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-271638b6] .content-body .container .componentFrame .infoText span em{color:#f85762}._folioPrint[data-v-271638b6] .content-body .container .contentBox{margin-top:80px}._folioPrint[data-v-271638b6] .content-body .container .contentBox .btns,._folioPrint[data-v-271638b6] .content-body .container .contentBox .storyreading .btns{text-align:center}._folioPrint[data-v-271638b6] .content-body .container .contentBox .storyreading .step1{width:405px;height:394px;margin:0 auto;background:url(/assets/images/april/storybook_cover.png) no-repeat;background-size:405px 394px;text-align:center;color:#fff}._folioPrint[data-v-271638b6] .content-body .container .contentBox .storyreading .step1 .stdName{padding-top:35px;font-size:2.2em;font-weight:300;height:215px}._folioPrint[data-v-271638b6] .content-body .container .contentBox .storyreading .step1 .lesson{height:32px}._folioPrint[data-v-271638b6] .content-body .container .contentBox .storyreading .step1 .lesson span{display:inline-block;position:relative;font-size:1.2em;font-weight:500;padding-left:20px}._folioPrint[data-v-271638b6] .content-body .container .contentBox .storyreading .step1 .lesson span:before{content:"";display:inline-block;position:absolute;left:0;top:5px;width:14px;height:17px;background:url(/assets/images/april/icon_flag.png) no-repeat;background-size:14px 17px}._folioPrint[data-v-271638b6] .content-body .container .contentBox .storyreading .step1 .title{display:table;width:100%;height:140px}._folioPrint[data-v-271638b6] .content-body .container .contentBox .storyreading .step1 .title span{display:table-cell;font-size:2em;font-weight:600;vertical-align:middle;text-align:center}._folioPrint[data-v-271638b6] .content-body .container .contentBox .storyreading .step2{width:777px;height:395px;margin:0 auto;background:url(/assets/images/april/storybook_page.png) no-repeat;background-size:777px 395px;position:relative}._folioPrint[data-v-271638b6] .content-body .container .contentBox .storyreading .step2 .thumb{position:absolute;left:53px;top:85px}._folioPrint[data-v-271638b6] .content-body .container .contentBox .storyreading .step2 .thumb img{width:298px;height:222px}._folioPrint[data-v-271638b6] .content-body .container .contentBox .storyreading .step2 .btnBox{display:inline-block;width:300px;position:absolute;right:59px;top:78px;text-align:center}._folioPrint[data-v-271638b6] .content-body .container .contentBox .storyreading .step2 .btnBox span{display:inline-block}._folioPrint[data-v-271638b6] .content-body .container .contentBox .storyreading .step2 .sentence{display:inline-block;width:300px;position:absolute;right:59px;top:180px;text-align:center;font-size:2em;line-height:1.2em}._folioPrint[data-v-271638b6] .content-body .container .contentBox .storyreading .step2 .paging{position:absolute;right:56px;bottom:39px;font-size:1.3em;font-weight:600;color:#cbcbcb}._folioPrint[data-v-271638b6] .content-body .container .contentBox .storyreading .step2 .paging em{color:#717171}._folioPrint[data-v-271638b6] .content-body .container .contentBox .storyreading .step3{width:777px;height:395px;margin:0 auto;background:url(/assets/images/april/storybook_page.png) no-repeat;background-size:777px 395px;position:relative}._folioPrint[data-v-271638b6] .content-body .container .contentBox .storyreading .step3 .character{position:absolute;left:82px;top:78px;width:234px;height:180px;background:url(/assets/images/april/storybook_end.png) no-repeat;background-size:234px 180px}._folioPrint[data-v-271638b6] .content-body .container .contentBox .storyreading .step3 .btn{display:inline-block;width:300px;position:absolute;left:59px;bottom:55px;text-align:center}._folioPrint[data-v-271638b6] .content-body .container .contentBox .storyreading .step3 .endCopy{display:inline-block;width:300px;height:50px;position:absolute;right:59px;top:180px;background:url(/assets/images/april/storybook_endCopy.png) center top no-repeat;background-size:197px 28px}._folioPrint[data-v-271638b6] .content-body .container .contentBox .start{display:inline-block;margin-top:30px;border-radius:2.5em;width:220px;height:64px;text-align:center;background:#23a8f4;color:#fff;font-size:2.2em;font-weight:300;line-height:64px}._folioPrint[data-v-271638b6] .content-body .container .contentBox .again{display:inline-block;margin-top:30px;border-radius:2.5em;width:166px;height:49px;text-align:center;background:#aebc1f;border:1px solid #a6b508;color:#fff;font-size:1.6em;font-weight:300;line-height:46px}