@charset "utf-8"; /*reset*/ /* body, div, ul, p, h1, h2, h3, h4, ol, dl, dd, dt, form, input, textarea, select, strong, em { padding: 0; margin: 0; } * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } */ /* li { list-style: none; } */ /* a { text-decoration: none; font-size: 14px; } a:hover { text-decoration: none; } a:focus { outline: none; } */ /*-------main---------*/ #manualNavi { position: fixed; bottom: 0; right: 15px; z-index: 1; text-align: left; } #manualNavi ul { line-height: 2; overflow-y: auto; background: #ffffffe0; -webkit-box-shadow: 0 0 10px #CCC; -moz-box-shadow: 0 0 10px #CCC; box-shadow: 0 0 10px #CCC; } #manualNavi li { list-style: none; } #manualNavi ul>li.sub { padding-left: 20px; } #manualNavi ul>li.ssub { padding-left: 40px; } /* #manualNavi ul>li>a { color: #399c9c; } */ #manualNavi ul>li.active>a { color: #ff5370; } .btn-box { display: inline-block; width: 40px; height: 40px; text-decoration: none; cursor: pointer; position: relative; } .icon-plus-sign { display: inline-block; width: 26px; height: 26px; border-radius: 50%; border: 4px solid #91ba61; background: #91ba61; position: absolute; /* top: 0px; */ left: 235px; } .icon-plus-sign:before, .icon-plus-sign:after { content: ''; display: inline-block; width: 4px; height: 18px; background: #fff; border-radius: 1px; position: absolute; top: 0px; left: 7px; } .icon-plus-sign:after { -webkit-transform: rotate(90deg); } .icon-minus-sign { display: inline-block; width: 26px; height: 26px; border-radius: 50%; border: 4px solid #ff5370; background: #ff5370; position: absolute; /* top: 0px; */ left: 235px; } .icon-minus-sign:before { content: ''; display: inline-block; width: 18px; height: 4px; background: #fff; border-radius: 1px; position: absolute; top: 7px; left: 0px; }