.select-box{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#fff;border-radius:5px;border:solid 1px #ccc;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:1.4rem;font-weight:600;height:42px;line-height:40px;outline:none;padding-left:18px;padding-right:30px;position:relative;text-align:left;-webkit-transition:all .3s ease-in-out;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%;max-width:350px}.family-site-title{font-size:1.2rem;display:block}@media(max-width: 650px){.select-box{font-size:1.2rem;width:100%;height:40px;line-height:39px}}.select-box:active,.select-box.open,.select-box:focus{border:2px solid var(--bg-main)}.select-box:after{border-bottom:2px solid #333;border-right:2px solid #333;content:"";display:block;height:7px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;width:7px}.select-box.open:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.select-box.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.select-box.disabled{border-color:#ededed;color:red;pointer-events:none}.select-box .list{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);box-sizing:border-box;margin-top:4px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:100%;left:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(0.75) translateY(-21px);-ms-transform:scale(0.75) translateY(-21px);transform:scale(0.75) translateY(-21px);-webkit-transition:all .3s cubic-bezier(0.5, 0, 0, 1.25),opacity .15s ease-out;transition:all .3s cubic-bezier(0.5, 0, 0, 1.25),opacity .15s ease-out;z-index:9;height:auto;overflow-y:auto}.select-box .list:hover .option:not(:hover){background-color:rgba(0,0,0,0)}.select-box .option{color:#333;font-size:1.3rem;cursor:pointer;font-weight:500;line-height:40px;list-style:none;min-height:40px;outline:none;padding-left:18px;padding-right:29px;text-align:left;-webkit-transition:all .3s;transition:all .3s}@media(max-width: 650px){.select-box .option{font-size:1.1rem}}.select-box .option:hover,.select-box .option.focus,.select-box .option.selected.focus{background-color:#f6f6f6}.select-box .option.selected{font-weight:600}.select-box.select-box.exchange-select-order-rate{max-width:100px;height:30px;line-height:29px}.select-box.select-box.exchange-select-order-rate .option{height:35px;min-height:35px;max-width:100%;width:90px}.select-box.exchange-select-order-rate .list{left:unset;right:0}.select-box.exchange-select-order-rate:after{border-bottom:2px solid #777;border-right:2px solid #777;width:6px;height:6px}.select-box.coin-select-box .list{width:170px;overflow-y:scroll;height:300px}