body,html{overflow-x:hidden;width:100%;height:100%;margin:0;padding:0}body .body-inner,html .body-inner{position:relative;width:100%;height:100%;margin:0;padding:0}.sample_icn_07{background-image:url(../images/sample_icn_07.png);width:32px;height:32px}.sample_icn_08{background-image:url(../images/sample_icn_08.png);width:32px;height:32px}#main{position:absolute;width:100%;height:100%;margin:0;padding:0;background-color:#deebf7;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;opacity:0}#main .navbar{margin:0;color:#444}#main .navbar .navbar-brand,#main .navbar .navbar-nav{color:#444}#main .main-inner{position:relative;width:100%;height:100%;margin:0;padding:0}#main .main-inner .navbar .collapse .navbar-nav__modal-link{outline:0}#main .main-inner .main-body{position:relative;width:100%;height:calc(100% - 52px)}#main .main-inner .main-body .main-body-left{position:relative;float:left;width:calc(100% - 300px);height:100%}#main .main-inner .main-body .main-body-left .graph-area{float:left;padding:5px;width:100%;height:calc(100% - 200px);background-color:#fff}#main .main-inner .main-body .main-body-left .items-area{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start;overflow-y:scroll;float:left;width:100%;height:200px;margin:0;padding:5px}#main .main-inner .main-body .main-body-left .items-area .item-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:150px;max-width:250px;height:65px;margin:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:unset;color:#444;background-color:#f8f8f8;-webkit-box-shadow:1px 1px 0 0 #999;box-shadow:1px 1px 0 0 #999;-webkit-transition:top .2s ease-out;transition:top .2s ease-out;-webkit-transition:left .2s ease-out;transition:left .2s ease-out}#main .main-inner .main-body .main-body-left .items-area .item-button:hover{cursor:move;background-color:#e6e6e6}#main .main-inner .main-body .main-body-left .items-area .item-button.selected,#main .main-inner .main-body .main-body-left .items-area .item-button:active{background-color:#d4d4d4}#main .main-inner .main-body .main-body-left .items-area .item-button:last-child{width:68px;min-width:0;border:3px solid #777;font-size:32px;background-color:transparent;-webkit-box-shadow:none;box-shadow:none}#main .main-inner .main-body .main-body-left .items-area .item-button:last-child:hover{cursor:pointer}#main .main-inner .main-body .main-body-left .items-area .item-button .item-button__checkbox{width:18px;height:18px;margin-top:-34px;margin-left:-12px;border-radius:2px}#main .main-inner .main-body .main-body-left .items-area .item-button .item-button__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;margin-top:20px;min-width:104px;text-align:center}#main .main-inner .main-body .main-body-left .items-area .item-button .glyphicon{margin-right:-13px;margin-top:-36px;width:20px;height:20px;padding:0}#main .main-inner .main-body .main-body-right{float:left;width:300px;height:100%;background-color:#d4e1f2;overflow-y:scroll;overflow-x:hidden}#main .main-inner .main-body .main-body-right .item-detail-area{padding:5px}#main .main-inner .main-body .main-body-right .item-detail-area label{margin-bottom:0;font-weight:400}#main .main-inner .main-body .main-body-right .item-detail-area .form-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}#main .main-inner .main-body .main-body-right .item-detail-area .form-group label{padding:0;width:44px}#main .main-inner .main-body .main-body-right .item-detail-area .form-group .input-append input{width:100%;height:34px;border-radius:4px;border:1px solid #ccc;-webkit-box-shadow:none;box-shadow:none;padding:6px 12px;font-size:16px}#main .main-inner .main-body .main-body-right .item-detail-area .item-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:5px}#main .main-inner .main-body .main-body-right .item-detail-area .item-name>label{width:70px;font-size:16px}#main .main-inner .main-body .main-body-right .item-detail-area .radio-inline{margin-bottom:14px}#main .main-inner .main-body .main-body-right .item-detail-area .spending-income-radios{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 46px 0 66px}#main .main-inner .main-body .main-body-right .item-detail-area .spending-income-radios .radio{font-size:20px;margin:8px 0 12px 0}#main .main-inner .main-body .main-body-right .item-detail-area .spending-income-radios .radio input{width:20px;height:20px;margin-left:-27px}#main .main-inner .main-body .main-body-right .item-detail-area .frequency-monthly{margin-bottom:15px;width:100%}#main .main-inner .main-body .main-body-right .item-detail-area .frequency-monthly .frequency-count{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%}#main .main-inner .main-body .main-body-right .item-detail-area .frequency-monthly .frequency-count .input-group{width:120px}#main .main-inner .main-body .main-body-right .item-detail-area .frequency-monthly .frequency-count .input-group input{font-size:16px}#main .main-inner .main-body .main-body-right .item-detail-area .frequency-monthly .frequency-count label{margin-left:5px}#main .main-inner .main-body .main-body-right .item-detail-area .frequency-every-year{margin-bottom:15px;width:100%}#main .main-inner .main-body .main-body-right .item-detail-area .frequency-every-year .frequency-month{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%}#main .main-inner .main-body .main-body-right .item-detail-area .frequency-every-year .frequency-month .btn-group button{text-align:right}#main .main-inner .main-body .main-body-right .item-detail-area .frequency-every-year .frequency-month .btn-group button .caret{margin-left:16px}#main .main-inner .main-body .main-body-right .item-detail-area .frequency-every-year .frequency-month label{margin-left:5px}#main .main-inner .main-body .main-body-right .item-detail-area .frequency-one-time{width:100%}#main .main-inner .main-body .main-body-right .item-detail-area .frequency-one-time .form-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}#main .main-inner .main-body .main-body-right .item-detail-area .frequency-one-time .form-group label{padding:0 5px 0 0;width:76px;text-align:right}#main .main-inner .main-body .main-body-right .item-detail-area .frequency-one-time .form-group input:disabled{cursor:not-allowed}#main .main-inner .main-body .main-body-right .item-detail-area .amount{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}#main .main-inner .main-body .main-body-right .item-detail-area .amount label{width:84px}#main .main-inner .main-body .main-body-right .item-detail-area .amount input{text-align:right;font-size:16px}#main .main-inner .main-body .main-body-right .item-detail-area .item-frequency,#main .main-inner .main-body .main-body-right .item-detail-area .item-term,#main .main-inner .main-body .main-body-right .item-detail-area .item-zogen{-webkit-box-shadow:1px 1px 0 0 #999;box-shadow:1px 1px 0 0 #999}#main .main-inner .main-body .main-body-right .item-detail-area .item-frequency .panel-heading,#main .main-inner .main-body .main-body-right .item-detail-area .item-term .panel-heading,#main .main-inner .main-body .main-body-right .item-detail-area .item-zogen .panel-heading{padding:0}#main .main-inner .main-body .main-body-right .item-detail-area .item-frequency .panel-heading .panel-title a,#main .main-inner .main-body .main-body-right .item-detail-area .item-term .panel-heading .panel-title a,#main .main-inner .main-body .main-body-right .item-detail-area .item-zogen .panel-heading .panel-title a{display:block;padding:10px;text-decoration:none}#main .main-inner .main-body .main-body-right .item-detail-area .item-term .term-from input:disabled,#main .main-inner .main-body .main-body-right .item-detail-area .item-term .term-to input:disabled{cursor:not-allowed}#main .main-inner .main-body .main-body-right .item-detail-area .item-term .term-to .form-group{margin-bottom:0}#top-menu{position:absolute;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;height:100%;background-color:#deebf7;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;opacity:1}#top-menu .navbar{margin:0;color:#444}#top-menu .navbar .navbar-brand,#top-menu .navbar .navbar-nav{color:#444}#top-menu .navbar .navbar-brand .navbar-nav__modal-link,#top-menu .navbar .navbar-nav .navbar-nav__modal-link{cursor:pointer}#top-menu .navbar .offline-download-link{display:none}#top-menu .top-menu__buttons-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:calc(100% - 52px)}#top-menu .top-menu__buttons-container .top-menu__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:572px;height:200px}#top-menu .top-menu__buttons-container .top-menu__buttons button{width:250px;height:200px}#top-menu .top-menu__buttons-container .top-menu__buttons input{display:none}#about-modal .modal-header{border-bottom:none}#about-modal .modal-body{padding-left:30px}#about-modal .modal-footer{border-top:none}#setting-modal .modal-header{border-bottom:none}#setting-modal .modal-body .tab-content .tab-pane{padding:15px 15px 0 15px}#setting-modal .modal-body .tab-content .tab-pane .graph-setting-y-max,#setting-modal .modal-body .tab-content .tab-pane .graph-setting-y-min{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px}#setting-modal .modal-body .tab-content .tab-pane .graph-setting-y-max .graph-setting-y-max__label,#setting-modal .modal-body .tab-content .tab-pane .graph-setting-y-max .graph-setting-y-min__label,#setting-modal .modal-body .tab-content .tab-pane .graph-setting-y-min .graph-setting-y-max__label,#setting-modal .modal-body .tab-content .tab-pane .graph-setting-y-min .graph-setting-y-min__label{margin-right:16px}#setting-modal .modal-body .tab-content .tab-pane .graph-setting-y-max .graph-setting-y-max__auto-checkbox-container,#setting-modal .modal-body .tab-content .tab-pane .graph-setting-y-max .graph-setting-y-min__auto-checkbox-container,#setting-modal .modal-body .tab-content .tab-pane .graph-setting-y-min .graph-setting-y-max__auto-checkbox-container,#setting-modal .modal-body .tab-content .tab-pane .graph-setting-y-min .graph-setting-y-min__auto-checkbox-container{margin-right:8px}#setting-modal .modal-footer{border-top:none}#offline-download-modal .modal-header{border-bottom:none}#offline-download-modal .modal-body{padding-left:30px}#offline-download-modal .modal-footer{border-top:none}