a{text-decoration:none}
body{margin:0 auto;max-width:1920px}
img{max-width:100%}
.w100per{width:100%}
.fleft{float:left}
.fright{float:right}
.myhead{min-height:56px;line-height:56px;background:#fe0b65;background:-moz-linear-gradient(left,#fe0b65 0%,#fc6b3c 100%);background:-webkit-linear-gradient(left,#fe0b65 0%,#fc6b3c 100%);background:linear-gradient(to right,#fe0b65 0%,#fc6b3c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe0b65',endColorstr='#fc6b3c',GradientType=1);top:0;left:0;width:100%;z-index:9999;background:rgba(0,0,0,0.2)}
.my-menu{margin:0;width:auto;max-width:100%;display:inline-block;padding:0}
.my-menu li{list-style:none;display:inline;width:100px;text-align:center}
.my-menu li a{color:#FFF;text-decoration:none}
.section-quiz{float:left;width:100%;margin:20px 0;margin-top:0}
.section-quiz .quiz-title{float:left;width:100%;font-size:25px;font-weight:600;margin:0;margin-bottom:10px}
.section-quiz .quiz-des{float:left;width:100%;font-size:16px;font-weight:600}
.section-quiz .quiz-tool{float:left;width:100%;padding:15px 0;/*margin-bottom:20px;border-bottom:1px dashed #dcdcdc*/}
.section-quiz .quiz-des *{vertical-align:baseline}
.section-quiz .quiz-content{float:left;width:100%;/*margin-top:30px*/}
.section-quiz .quiz-author{float:left;width:100%;margin-top:10px;text-align:right;font-size:18px;font-size:15pt;font-weight:600}
.box-quiz{float:left;width:100%;background:#f2f2f2;font-size:16px;color:#1e1e1e;margin:15px 0}
.box-quiz .box-quiz-content{float:left;width:100%;padding:10px 15px}
.box-quiz .quiz-question{float:left;width:100%;margin-bottom:15px;font-size:20px;}
.box-quiz .quiz-question p{margin:0}
.box-quiz .list-quiz-answer{float:left;width:100%;margin:0;padding:0;list-style:none}
.box-quiz .quiz-answer{float:left;width:100%;background:#e2e2e2;margin:10px 0;border-radius:10px;padding:10px 15px;font-weight:600;position:relative;border:1px solid #e1e1e1}
.box-quiz .quiz-answer:hover{background-color:#9e9d9d;}
.box-quiz .quiz-answer *{line-height:inherit}
.quiz-answer .answer-num{position:absolute;top:6px;left:7px;width:32px;height:32px;border-radius:100%;background:rgba(0,0,0,.1);background:#cacaca;text-align:center;line-height:32px}
.quiz-answer .answer-content{float:left;width:100%}
.quiz-answer .answer-num~.answer-content{padding-left:35px}
.quiz-answer .answer-explaination{float:left;width:100%;margin:0;margin-top:10px;font-weight:400;display:none; color:#fff}
.box-quiz.answered .quiz-answer{opacity:.6}
.box-quiz.answered .quiz-answer.selected{opacity:1;background:#fd9999;background-color:#fe3c3c}
.box-quiz.answered .quiz-answer.selected .answer-num{background:#e70505}
.box-quiz.answered .quiz-answer.correct{opacity:1;background:#81e9a1;background-color:#06b13a}
.box-quiz.answered .quiz-answer.correct .answer-num{background:#14a341}
.box-quiz.answered .quiz-answer.correct .answer-explaination{display:block}
.section-quiz-result{float:left;width:100%}
.section-quiz-result .box-result{position:relative;background:#f3f3f3;font-weight:400;text-align:center;font-size:16px;font-size:16pt;padding:20px 15px 25px;line-height:1.4;float:left;width:100%;margin-top:20px;margin-bottom:20px;background:#fd4f83;background:-moz-linear-gradient(left,#fd4f83 0%,#fd7a71 100%);background:-webkit-linear-gradient(left,#fd4f83 0%,#fd7a71 100%);background:linear-gradient(to right,#fd4f83 0%,#fd7a71 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd4f83',endColorstr='#fd7a71',GradientType=1);color:#fff}
.section-quiz-result .box-result .title{float:left;width:100%;color:#fff;font-weight:300;text-align:center;display:block;font-size:24px;font-size:18pt;margin:10px 0}
.section-quiz-result .box-result .message{float:left;width:100%;display:block;margin:15px 0;font-size:26px}
.section-quiz-result .result-info{float:left;width:100%;margin:10px 0;font-size:20pt;font-weight:300}
.section-quiz-result .result-info .result-percent{font-size:47pt;font-weight:600}
.section-quiz-result .result-message{float:left;width:100%;margin:10px 0;font-weight:300}
.section-quiz-result .result-share{float:left;width:100%;margin:15px 0;text-align:center}
.section-quiz-result .result-share .btn{background:#3c5a9a;border:none;outline:none;color:#fff;font-size:20px;font-size:15pt;line-height:30px;padding:10px 20px;border-radius:5px;max-width:100%;min-width:280px}
.section-quiz-result .box-result .message{display:none}
.section-quiz-result.hidden-result-info .box-result .message{display:block}
.section-quiz-result.hidden-result-info .result-info,.section-quiz-result.hidden-result-info .result-message,.section-quiz-result.hidden-result-info .result-share{display:none}
.section-quiz-socail{float:left;width:100%;border-top:1px dashed #dcdcdc;margin:20px 0;padding-top:20px}
.section-quiz-socail .socail-row{float:left;width:100%;margin-bottom:15px}
.section-quiz-socail .socail-row span{margin-right:5px}
.section-quiz-socail .socail-row .i-name{font-size:13pt;font-weight:600;margin-right:10px}
.section-quiz-socail .socail-row .i-tag{background:#e9e9e9;color:#767676;padding:0 10px;border-radius:28px;line-height:28px;display:inline-block;margin-top:3px;margin-bottom:3px}
.section-quiz-comment{float:left;width:100%;margin:0 0 20px 0;}
.section-box-right{position:relative;float:left;width:100%;border:2px solid #f8f8f8;border-radius:2px;padding:0;margin-bottom:30px}
.section-box-right.ads{border:none;text-align:center}
.section-box-right.ads img{max-width:100%}
.section-box-right .box-head,.section-box-right .box-content{position:relative;float:left;width:100%;padding:20px 10px}
.section-box-right .box-head{border-bottom:1px solid #e5e5e5}
.section-box-right .box-head:after{content:'';position:absolute;left:0;top:0;width:15px;height:30px;background-position:left top;background-repeat:no-repeat;background-size:contain;background-image:url(../images/box-head-icon.png)}
.section-box-right .box-head .title{color:#c4302b;font-size:25px;font-weight:300}
.reports-quiz{float:left;width:100%}
.reports-quiz .reports-row{float:left;width:100%;margin-bottom:10px;position:relative;margin-left:4px}
.reports-quiz .col-title{display:inline-block;vertical-align:middle;margin-left:-4px;width:30%;width:calc(100px)}
.reports-quiz .col-graph{display:inline-block;vertical-align:middle;margin-left:-4px;width:70%;width:calc(100% - 100px)}
.reports-quiz .col-graph .graph{position:relative;float:left;height:6px;background:#8abf53;border-radius:6px;max-width:100%;min-width:0}
.reports-quiz .col-graph .graph .i-num{content:'';position:absolute;bottom:100%;right:0;color:#6e6e6e;font-size:13px}
.header-back{width:4%;width:calc(50px);text-align:center;margin-left:0}
.header-content{width:96%;width:calc(100% - 50px);display:-webkit-box;display:-ms-flexbox;display:flex}
.wrapper-16x9{position:relative;padding-bottom:51.25%;padding-top:25px;height:0;width:100%}
.wrapper-16x9 .wrapper-item,.wrapper-16x9 iframe{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%}
.section-vote{margin:0 auto;max-width:660px;width:100%}
.box-vote{float:left;width:100%;color:#fff;padding:20px 30px;background-color:#a42d25;background-position:center;background-repeat:no-repeat;background-size:auto;background-image:url(../images/bg-vote.jpg)}
.box-vote .vote-tittle{float:left;width:100%;text-align:center;margin:0 0 30px;color:#ffeb07;font-size:25px;font-weight:600}
.box-vote .vote-content{float:left;width:100%}
.vote-content .vote-row{float:left;width:100%;padding-left:33px;margin-bottom:15px}
.vote-content .vote-row .col-vote{margin-left:-3px;display:inline-block;vertical-align:middle;width:20%;width:calc(100px)}
.vote-content .vote-row .col-graph{margin-left:-3px;display:inline-block;vertical-align:middle;width:60%;width:calc(100% - 100px - 80px)}
.vote-content .vote-row .col-result{margin-left:-3px;display:inline-block;vertical-align:middle;width:20%;width:calc(80px);text-align:right}
.vote-content .vote-row .col-total{width:100%;text-align:right}
.box-vote .vote-submit{float:left;width:100%;margin-top:20px;margin-bottom:20px;text-align:center}
.box-vote .vote-submit button{max-width:100%;min-width:150px;line-height:30px;padding:8px 15px;background:#fff;border:none;border-radius:1px;color:#a73029;font-size:16px;font-weight:600;cursor:pointer}
.col-graph .graph{position:relative;float:left;height:12px;background:#f5d90e;border-radius:6px;max-width:100%;min-width:50px}
.col-graph .graph span{position:absolute;bottom:100%;right:0}
.group-radio{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem;padding-left:30px}
.group-radio .form-check-input{position:absolute;margin:0;top:0;left:0;right:0;width:100%;height:100%;transform:none;opacity:0;z-index:99;cursor:pointer}
.group-radio .form-check-label{position:relative;margin-bottom:0}
.group-radio .form-check-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#dee2e6;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border-radius:50%;top:50%;transform:translate(0,-50%);background:url(../images/i-white-check-0.png);background-position:center;background-repeat:no-repeat;background-size:contain}
.group-radio .form-check-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background-repeat:no-repeat;background-position:center center;background-size:50% 50%;display:none}
.group-radio .form-check-input:checked~.form-check-label::before{color:#fff;background-color:#007bff;background:url(../images/i-white-check-1.png);background-position:center;background-repeat:no-repeat;background-size:contain}
@media(max-width:991.98px) {
.sec-scrollblock-2 .scrollmation-text-right,.sec-scrollblock-2 .scrollmation-text-left{width:75%}
}
@media (max-width: 767.98px) {
.sec-scrollblock-2 .scrollmation-text-right,.sec-scrollblock-2 .scrollmation-text-left{width:80%}
#fp-nav.right{right:5px}
.style-2hinh .scrollblock-img.mobi{visibility:visible}
}
@media(max-width:575.98px) {
.myscroll1{background:none!important;min-height:545px;height:auto!important}
.img-m:before{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#000)) repeat left top;background:-webkit-linear-gradient(top,rgba(0,0,0,0),#000) repeat left top;background:-o-linear-gradient(top,rgba(0,0,0,0),#000) repeat left top;background:linear-gradient(to bottom,rgba(0,0,0,0),#000) repeat left top;content:'';position:absolute;left:0;bottom:-1px;right:0;height:30%}
.scrollblock,.img-m{position:relative}
.paratext{width:100%;font-size:20px}
.paratext p:last-child{margin-bottom:0}
.sec-scrollblock-2{min-height:unset}
.sec-scrollblock-2 .scrollmation-text-right,.sec-scrollblock-2 .scrollmation-text-left{width:100%}
.style-2hinh .scrollblock-img.mobi{visibility:visible}
.sec-scrollblock-2 .scrollblock-img-top-mobi{display:block}
.sec-scrollblock-2 .scrollblock-img-top-mobi~.scrollblock-img{background-color:#000;display:block;background-image:none!important}
.sec-scrollblock-2 .scrollblock-img-top-mobi~.scrollblock .scrollmation-text-right,.sec-scrollblock-2 .scrollblock-img-top-mobi~.scrollblock .scrollmation-text-left{width:100%}
.sec-scrollblock-2 .scrollblock-img-top-mobi~.scrollblock .paratext{min-height:unset}
.sec-scrollblock-2 .scrollblock-img-top-mobi~.scrollblock .paratext::before{height:auto}
#fp-nav.right{right:0}
.header-back{width:calc(30px);padding-left:5px}
.header-content{width:calc(100% - 30px)}
.header-content .col-content{padding-left:10px;padding-right:10px}
.header-content .col-content-logo img{max-width:80px}
.header-content .col-content-share img{max-width:25px}
}
.reports-quiz .note{float:left;background:#fdf5e4;border:1px solid #fddcc4;color:#d57717;padding:15px;}
.reports-quiz .note i{float:left;height:40px;margin-right:10px;padding-top:11px;font-size:20px;}