@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:local('Playfair Display Regular'),local('PlayfairDisplay-Regular'),url(https://fonts.gstatic.com/s/playfairdisplay/v15/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYhQ.ttf) format('truetype')}#pnlSoal{min-height:30vh}.typo,.wrapperSelectbox.style1 .list a{font-size:24px;font-weight:700;font-family:"Conv_Nimbus Sans L CY Regular",sans-serif!important;color:#252525;text-decoration:none}.typo option,.wrapperSelectbox.style1 .list a option{font-size:24px}.transition{transition:all .4s ease-in-out}.wrapperSelectbox.style1{font-size:24px;margin-bottom:20px}.wrapperSelectbox.style1 .textCopy{display:inline-block}.wrapperSelectbox.style1 .list{display:inline-block;position:relative;margin-left:6px}.wrapperSelectbox.style1 .list .list__ul,.wrapperSelectbox.style1 .list ul{text-align:left;position:absolute;padding:0;top:0;left:0;display:none;z-index:1}.wrapperSelectbox.style1 .list .list__ul .active,.wrapperSelectbox.style1 .list ul .active{display:block}.wrapperSelectbox.style1 .list .li,.wrapperSelectbox.style1 .list li{list-style:none;display:block;background:#fff;padding-bottom:8px;padding-left:8px;padding-right:8px;border-left:solid 1px;border-right:solid 1px}.wrapperSelectbox.style1 .list .li:nth-child(2),.wrapperSelectbox.style1 .list li:nth-child(2){padding-top:8px;border-top:solid 1px}.wrapperSelectbox.style1 .list .li a,.wrapperSelectbox.style1 .list li a{line-height:100%;white-space:nowrap}.wrapperSelectbox.style1 .list .li:first-child,.wrapperSelectbox.style1 .list li:first-child{background:0 0;padding-bottom:0;padding-left:0;padding-right:0;border:none}.wrapperSelectbox.style1 .list .li:first-child a,.wrapperSelectbox.style1 .list li:first-child a{color:#252525;line-height:1.42857}.wrapperSelectbox.style1 .list .li:last-child,.wrapperSelectbox.style1 .list li:last-child{border-bottom:solid 1px}.wrapperSelectbox.style1 .list a{transition:all .4s;color:#252525;position:relative}.wrapperSelectbox.style1 .list a:after{position:absolute;content:'';height:5px;width:0;left:0;background:#585858;bottom:0;transition:all .4s ease-out}.wrapperSelectbox.style1 .list a:hover{cursor:pointer;color:#585858}.wrapperSelectbox.style1 .list a:hover:after{width:100%}.wrapperSelectbox.style1 select{display:inline;border:0;width:auto;outline:0;-webkit-appearance:none;-moz-appearance:none;color:#252525;background:0 0}.wrapperSelectbox.style1 select:hover{cursor:pointer}.wrapperSelectbox.style1 select option{border:0;border-bottom:1px solid #252525;padding:10px;-webkit-appearance:none;-moz-appearance:none}.wrapperSelectbox.style1 .placeholder{border-bottom:4px solid;cursor:pointer}.wrapperSelectbox.style1 .placeholder:hover{color:#585858}.wrapperSelectbox.style1.display-inline{display:inline-block;margin:20px 8px 0}.wrapperSelectbox.style1.display-inline .list{margin:0}.wrapperSelectbox.style1.display-inline .list .placeholder{font-size:24px;color:#252525}.wrapperSelectbox.style1.display-inline .list .list__ul{z-index:101;background:0 0}.wrapperSelectbox.style2{margin-bottom:20px}.wrapperSelectbox.style2 body{background:#35414a}.wrapperSelectbox.style2 .drop{width:20em;font-family:Verdana;font-size:14px;color:#86919a;text-transform:uppercase;position:relative;transition:width .5s;will-change:width}.wrapperSelectbox.style2 .drop .option{padding:1em;cursor:pointer;background-color:#485761;color:#fff}.wrapperSelectbox.style2 .drop .option:not(.active){display:none;opacity:0;transform:translateY(-50%)}.wrapperSelectbox.style2 .drop.visible{animation:bounce 1s}.wrapperSelectbox.style2 .drop.visible:after,.wrapperSelectbox.style2 .drop.visible:before{border-color:#fff}.wrapperSelectbox.style2 .drop.visible:before{opacity:0}.wrapperSelectbox.style2 .drop.visible:after{opacity:1}.wrapperSelectbox.style2 .drop.visible .option{color:#fff;display:block}.wrapperSelectbox.style2 .drop.opacity .option{transform:translateZ(0);opacity:1}.wrapperSelectbox.style2 .drop.opacity .option:nth-child(0){transition:opacity .5s 0s,transform .5s 0s}.wrapperSelectbox.style2 .drop.opacity .option:nth-child(1){transition:opacity .5s .1s,transform .5s .1s}.wrapperSelectbox.style2 .drop.opacity .option:nth-child(2){transition:opacity .5s .2s,transform .5s .2s}.wrapperSelectbox.style2 .drop.opacity .option:nth-child(3){transition:opacity .5s .3s,transform .5s .3s}.wrapperSelectbox.style2 .drop.opacity .option:nth-child(4){transition:opacity .5s .4s,transform .5s .4s}.wrapperSelectbox.style2 .drop.opacity .option:nth-child(5){transition:opacity .5s .5s,transform .5s .5s}.wrapperSelectbox.style2 .drop.opacity .option:nth-child(6){transition:opacity .5s .6s,transform .5s .6s}.wrapperSelectbox.style2 .drop.opacity .option:nth-child(7){transition:opacity .5s .7s,transform .5s .7s}.wrapperSelectbox.style2 .drop.opacity .option:nth-child(8){transition:opacity .5s .8s,transform .5s .8s}.wrapperSelectbox.style2 .drop.opacity .option:nth-child(9){transition:opacity .5s .9s,transform .5s .9s}.wrapperSelectbox.style2 .drop.withBG .option{transition:background-color .1s}.wrapperSelectbox.style2 .drop.withBG .option:not(.placeholder).active:hover,.wrapperSelectbox.style2 .drop.withBG .option:not(.placeholder):hover{background-color:#5aafee}.wrapperSelectbox.style2 .drop.withBG .option:not(.placeholder).active{background-color:#336799}.wrapperSelectbox.style2 .drop:after,.wrapperSelectbox.style2 .drop:before{content:"";position:absolute;top:1.5em;right:1em;width:.75em;height:.75em;border:.2em solid #fff;transform:rotate(45deg);transform-origin:50% 50%;transition:opacity .2s}.wrapperSelectbox.style2 .drop:before{border-left:none;border-top:none;top:1.2em}.wrapperSelectbox.style2 .drop:after{border-right:none;border-bottom:none;opacity:0}.wrapperSelectbox.style2 .mini-hack{opacity:0;transform:translateY(-50%)}.wrapperSelectbox.style2.display-inline{display:inline-block;margin:20px 8px 0;width:115px;height:47px}.wrapperSelectbox.style2.display-inline .drop{display:block;position:absolute;width:115px;z-index:100}.wrapperSelectbox.style2.display-inline .drop .option{padding-right:40px}.wrapperSelectbox.style2.display-inline .drop .option.active{display:inline-block;width:100%}.wrapperSelectbox.style3{margin-bottom:20px}.wrapperSelectbox.style3 .selectdiv{position:relative;min-width:200px;display:inline-block}.wrapperSelectbox.style3 select::-ms-expand{display:none}.wrapperSelectbox.style3 .selectdiv:after{content:'<>';font:17px Consolas,monospace;color:#333;transform:rotate(90deg);padding:0 0 2px;border-bottom:1px solid #999;position:absolute;pointer-events:none;right:40px;top:13px}.wrapperSelectbox.style3 .selectdiv label{margin:0}.wrapperSelectbox.style3 .selectdiv select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;max-width:320px;height:50px;float:right;margin:0;padding:0 24px;font-size:16px;line-height:1.75;color:#333;background-color:#fff;background-image:none;border:1px solid #ccc;-ms-word-break:normal;word-break:normal}.wrapperSelectbox.style3.display-inline{margin:20px 8px 0;display:inline-block}.wrapperSelectbox.style3.display-inline .selectdiv{min-width:inherit}.wrapperSelectbox.style3.display-inline .selectdiv select{padding-right:40px;padding-left:15px}.wrapperSelectbox.style3.display-inline .selectdiv:after{right:10px}