body{margin:0;font-family:sans-serif;font-size:12px;background-color:#fff}* html body{font-size:75%}h1,h2,h3{font-size:100%;margin:0;padding:0}img{border:0}li,ul{list-style:none;margin:0;padding:0}p{font-size:12px;color:#666;margin:0 0 4px 0;padding:0;text-align:left}form,textarea{margin:0;padding:0}header{width:100%;position:relative;text-align:center;border-bottom:1px solid #eee;height:44px;background-color:#f8f8f8}header h1{height:44px;display:inline-block;background:url(../img/logo.png) no-repeat top center;background-size:auto 30px;background-repeat:no-repeat;background-position:center;color:transparent}.btnBars{position:absolute;top:10px;right:10px;width:30px;background:url(../img/icon_menu.png) no-repeat center center;background-size:30px}.btnBars.active{background:url(../img/icon_close.png) no-repeat center center;background-size:30px}.optionWrap{position:absolute;top:38px;right:10px;padding:10px;z-index:100;border:1px solid #eee;background-color:#fff;text-align:left;box-shadow:0 0 6px #666}.optionWrap li{padding:5px 0}#MainArea{text-align:center;width:100%;background-color:#fff}#TextArea{margin-top:80px}#tf{font-size:16px;line-height:1.5;width:100%;min-height:280px;border:none;color:#666;display:block;margin-top:60px;padding:10px 10px 0;box-sizing:border-box;background-color:#fff}#tf.first{background:url(../img/count_textarea_txt.png) no-repeat top center #fff;background-size:320px 320px}.btn{display:inline-block;border-radius:4px;padding:0 5px;height:30px;line-height:30px;text-align:center}.btnDelete{font-size:14px;width:54px;margin-top:-40px;float:left;color:#e60014;border:1px solid #e60014;margin-left:10px}.btnSelect{font-size:14px;width:54px;margin-top:-40px;float:right;color:#64be00;border:1px solid #64be00;margin-right:10px}.btnCal{font-size:14px;display:block;margin:10px 15px;height:44px;line-height:44px;color:#fff;font-weight:700;background-color:#64be00}.btnCalWrap{height:60px;padding:10px 0;margin-bottom:15px;width:100%;border-top:1px solid #eee;border-bottom:1px solid #eee;background-color:#fff}#resultWrap{width:100%;text-align:center;position:relative;padding:5px 0 0 0;background-color:#f8f8f8;border-bottom:1px solid #eee}#resultTxt{text-align:center;color:#64be00;font-size:10px;line-height:1;margin:0;padding:0}#result{font-size:40px;line-height:1;color:#64be00}#result_h{color:#999;margin:5px 0 10px}.info{display:block;width:100%;max-width:600px;font-family:sans-serif;font-size:13px;color:#31708f!important;margin:0 auto 15px;text-align:center;background-color:#d9edf7;border:1px solid #bce8f1;border-radius:6px;padding:5px;box-sizing:border-box}.info.glay{color:#464a4e!important;background-color:#e7e8ea;border:1px solid #dddfe2}.tag{height:16px;color:#fff;padding:4px;box-sizing:border-box;font-size:11px;line-height:10px;border-radius:3px;vertical-align:baseline;display:inline-block;margin-right:4px;background-color:#f0ad4e}.toolTip{position:absolute;top:-10px;right:5px;background-color:rgba(0,0,0,.5);color:#fff;padding:4px 10px;font-size:12px;border-radius:4px;opacity:0}.toolTip.on{animation-name:fadeIn;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}.toolTip.off{animation-name:fadeOut;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.footer{margin:10px}.footer p{text-align:center}#ad{width:100%;padding:0;text-align:center;background-color:#fff}.adON{position:absolute;bottom:0;left:0}.adOFF{position:absolute;bottom:0;left:0}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{overflow:hidden}* html .clearfix{height:1%;overflow:visible}.amzn_wdgt .wdgt_ft{padding:0!important}.amzn_wdgt .wdgt_brdr{height:115px!important}@media screen and (max-width:320px){#tf{min-height:200px}}@media (prefers-color-scheme:dark){body{background:0 0;background-color:#000}header{background-color:#222}.optionWrap{color:#fff;background-color:#222;border:1px solid #444;box-shadow:none}#MainArea{background-color:#000}#tf{background-color:#000;color:#fff}#tf.first{background-color:#000}.toolBar{background-color:#444}.btnCalWrap{background-color:#222;border-top:1px solid #333;border-bottom:1px solid #333}#resultWrap{background-color:#222;border-bottom:1px solid #333}.info{width:90%;background-color:#444;border:none}.info a{color:#fff!important}.info.glay{color:#464a4e!important;background-color:#e7e8ea;border:1px solid #dddfe2}.tag{color:#fff;background-color:#333}}