/*principal*/
body{padding:0px;margin:0px;width:100%;height:100%;font-family:arial;color:#eee;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;background:var(--b)}
#langsel{position:absolute;left:1vmin;right:1vmin;text-align:center;bottom:2vmin}
#langsel a{display:inline-block;color:#ccc;border-radius:1vmin;font-size:4vmin;padding:1vmin 0px;width:30%}
#langsel a[sel="0"]{background:var(--x-bgy)}
#langsel a[sel="1"]{background:var(--x-bar)}
a{cursor:pointer;text-decoration:none}
#dev{position:fixed;top:0px;left:0px;right:0px;height:2vmin;cursor:crosshair;z-index:999}
#dev:hover{background:#ccc}
#clog{position:fixed;top:2vmin;left:0px;right:0px;white-space:pre-line;font-size:3vmin;color:#000;padding:0px 2vmin}
#header{position:fixed;top:0px;width:100%;background:var(--lg-grey);height:14vmin}
.con{position:absolute;left:0px;right:0px;bottom:0px;overflow-y:auto}
.lst{position:absolute;top:0px;left:0px;right:0px;bottom:0px;text-align:center;z-index:1}
.lst .hed{box-sizing:border-box;position:fixed;top:0px;left:0px;right:1px;height:9vmin;font-size:5vmin;padding:2vmin 0px;background:var(--blu-d);color:#fff}
.lst .items{position:absolute;top:9vmin;left:0px;right:0px;bottom:0px;color:#888;font-size:5vmin;overflow-y:auto}
.lst .items a{display:block;padding:3.5vmin 2vmin;border-bottom:1px solid #ddd}
.lst .items a:hover{color:#000}
.lgdt{position:absolute;bottom:10px;right:10px;width:70px;height:70px;line-height:70px;background:#222}
#page.regular #header{position:fixed}
#page.regular .con{top:14vmin}
#page.calhead #header{display:none}
#page.calhead .con{top:16vmin}
#page.nohead #header{display:none}
#page.nohead .con{top:0px}
#logo{text-align:left}
#logo_til{position:absolute;top:4vmin;left:12.25vmin;font-size:6vmin}
#logo_til span{display:inline-block}
#logo_til span:first-child{color:var(--logo-a)}
#logo_til span:last-child{color:var(--logo-b)}
#ico_home{position:absolute;top:0px;left:0px;width:10vmin;height:10vmin;line-height:10vmin;font-family:liga;font-size:10vmin;text-align:center;border:1px solid #fff;border-radius:100%;cursor:pointer}
#ico_settings{position:absolute;right:0px;top:2vmin;display:inline-block;font-size:10vmin;width:10vmin;height:10vmin;line-height:10vmin;font-family:liga}
#menu{position:absolute;top:2vmin;left:2vmin;right:2vmin;text-align:right}
#menu a{display:inline-block;width:10vmin;height:10vmin;line-height:10vmin;font-family:liga;font-size:9vmin;text-align:center;border:1px solid var(--ol);border-radius:100%;cursor:pointer;margin-left:2vmin;color:var(--cl)}
#menu a.selview{background:var(--navsel-b);color:var(--navsel-c)}
.section_til{font-size:6vmin;color:#d78208;text-align:center;padding:2vmin 0px}
.section_til_solo{font-size:6vmin;color:#d78208;text-align:center;padding:4vmin 0px 0px 0px}
.section_date{text-align:center;padding-bottom:2vmin}
.section_date a{font-size:6vmin;color:#fff;background:var(--blu);text-align:center;padding:0.25vmin 2vmin;border-radius:2vmin;cursor:pointer}
#calhed{position:absolute;top:0px;left:0px;right:0px;height:16vmin;background:var(--cal-hed)}
#calhed div{line-height:16vmin;font-size:10vmin;text-align:center;color:var(--tx)}
#calhed span{position:absolute;top:0.25vh;left:0.5vh;color:#999;font-size:2vh}
.ok{position:absolute;left:2vmin;top:2vmin;font-size:12vmin;display:inline-block;width:12vmin;height:12vmin;line-height:12vmin;text-align:center;border-radius:100%;background:var(--green);font-family:liga}
.xx{position:absolute;right:2vmin;top:2vmin;font-size:12vmin;display:inline-block;width:12vmin;height:12vmin;line-height:12vmin;text-align:center;border-radius:100%;background:#a00}
.okslim{position:absolute;left:2vmin;top:2vmin;font-size:10vmin;display:inline-block;width:10vmin;height:10vmin;line-height:10vmin;text-align:center;border-radius:100%;background:var(--green);font-family:liga}
.xxslim{position:absolute;right:2vmin;top:2vmin;font-size:10vmin;display:inline-block;width:10vmin;height:10vmin;line-height:10vmin;text-align:center;border-radius:100%;background:#a00}
.uniclo{position:absolute;top:2vmin;right:2vmin;width:12vmin;height:12vmin;line-height:12vmin;border-radius:100%;font-size:10vmin;background:#a00;font-family:liga;text-align:center;cursor:pointer}
.gadd{display:inline-block;font-family:liga;width:12vmin;height:12vmin;line-height:12vmin;font-size:12vmin;border-radius:100%;background:var(--green);color:#fff;text-align:center}
.head{height:16vmin;line-height:16.5vmin;font-size:7vmin;text-align:center}
.headslim{height:14vmin;line-height:14.5vmin;font-size:6vmin;text-align:center;position:relative}
.choices{border-bottom:1px solid var(--q-br)}
.choices>div{color:var(--q-tx);background:var(--b);font-size:6.5vmin;border-top:1px solid var(--q-br);cursor:pointer;text-align:left;padding:1.5vmin 2vmin}
.choices>div .ico{font-family:liga;color:#fff;border-radius:100%;text-align:center;display:inline-block;width:6.5vmin;height:6.5vmin;line-height:6.5vmin;margin-right:2vmin}
.choices>div .ico.consent{background:#0af}
.choices>div .ico.acc_reset{background:#a00}
.choices>div .ico.pwd_reset{background:#09f;color:#ff0}
.choices>div .ico.clear_cache{background:#fc0;color:#000}
.choices>div .ico.permissions{background:#a1f;color:#fff}
.choices>div .ico.clear_db{background:#f80}
.choices>div .ico.reload{background:#0a1}
.choices>div .ico.fingerprint{background:#999}
.choices>div .ico.diagnostics{background:#999}
.choices>div .ico.data{color:#000;background:#ccc}
.choices>div .ico.styles{background:#0af}
.choices>div .ico.theme{background:#ccc}
.choices>div .ico.theme_menu{background:#f63}
.choices>div .ico.lang{background:#ccc}
.choices>div .ico.lang_menu{color:#000;background:#0ef}
.choices>div .ico.set{color:var(--b)}
.choices>div .ico.set_sel{background:var(--green);color:#fff}
.choices>div .ico.health_api{background:#000}
.choices>div .ico.def{background:#ccc}
.choices_dbl{border-collapse:collapse}
.choices_dbl tr:first-child td{border-top:0}
.choices_dbl tr:last-child td{border-bottom:0}
.choices_dbl tr td:first-child{border-left:0}
.choices_dbl tr td:last-child{border-right:0}
.choices_dbl td{vertical-align:middle;color:#888;text-align:center;width:50%;white-space:nowrap;border:1px solid var(--gd);cursor:pointer}
.choices_dbl td:hover{color:var(--tx)}
.choices_dbl td.f6{font-size:6vmin}
.choices_dbl td.f5{font-size:5vmin}
.choices_dbl td.f4{font-size:4vmin}
.choices_sgl{border-collapse:collapse}
.choices_sgl tr:first-child td{border-top:0}
.choices_sgl tr:last-child td{border-bottom:0}
.choices_sgl tr td:first-child{border-left:0}
.choices_sgl tr td:last-child{border-right:0}
.choices_sgl td{vertical-align:middle;color:var(--q-tx);text-align:center;border:1px solid var(--gd);cursor:pointer;padding:0px 2vmin}
.choices_sgl td:hover{color:#0af}
.choices_sgl td.f6{font-size:6vmin}
.choices_sgl td.f5{font-size:5vmin}
.choices_sgl td.f4{font-size:4vmin}
.ipop{z-index:99;position:absolute;top:0px;right:0px;bottom:0px;left:0px;background-color:rgba(170,170,170,0.25)}
.ipop .inner{position:relative;position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:1px solid var(--pop-o);background:var(--b)}
.ipop .top{position:absolute;top:0px;width:100%;bottom:16vh}
.ipop .msg{display:table;font-size:5vmin;color:var(--txx);width:100%;height:100%}
.ipop .msg>div{display:table-cell;vertical-align:middle;text-align:center}
.ipop .bot{box-sizing:border-box;padding:4vh 0px;font-size:5vh;position:absolute;width:100%;bottom:0px;height:16vh;text-align:center;color:#0af;background:var(--ge)}
.ipop .bot a{display:inline-block;height:8vh;line-height:8vh;border-radius:1vh;color:#fff;width:25vmin}
.ipop .bot a:first-child{background:#0af;margin-right:2vmin}
.ipop .bot a:last-child{background:#700}
#sigbtn{padding:0px 2vh 2vh 2vh;text-align:center}
#sigbtn>a{box-sizing:border-box;width:70vmin;display:inline-block;cursor:pointer;color:#fff;border-radius:1vh;font-size:4vh;background:#07f;margin-top:2vh;padding:2vh 0px}
.minilist{padding:1vmin;font-size:4vmin;box-sizing:border-box;width:100%}
.minilist td{vertical-align:top}
.minilist td:nth-child(1){color:var(--logo-t);text-align:right}
.minilist td:nth-child(2){color:var(--blu);padding:0px 1.5vmin;width:1%;text-align:center}
.minilist td:nth-child(3){color:var(--txx);text-align:left;font-size:4vmin;white-space:pre-line}
.u_switch{margin-top:1vmin;line-height:5vmin;text-align:center}
.u_switch a{display:inline-block;width:35%;line-height:7vmin;background:var(--x-bgy);color:#fff;border-radius:1vmin;text-align:center}
.u_switch a:first-child{margin-right:1vmin}
.u_switch a.sel{background:var(--x-bar)}
/*cal*/
.cal{font-family:arial;position:absolute;top:0px;right:0px;bottom:0px;left:0px;text-align:center}
.cal .ctl{font-family:liga;font-size:16vmin;height:16vmin;line-height:16vmin;background:var(--b)}
.cal .ctl a{display:inline-block;position:relative;width:24vmin;color:#0cf;cursor:pointer}
.cal .ctl a:first-child{color:#05f}
.cal .ctl a:last-child{color:#05f}
.cal .weekdays{border-top:1px solid #444;font-size:6vmin;line-height:6vmin;padding-top:1vmin;padding-bottom:1vmin;background:var(--cal-days)}
.cal .weekdays span{display:inline-block;width:14.285%;color:#777}
.cal .weekdays span:first-child{color:#c00}
.cal .weekdays span:last-child{color:#f90}
.cal .caltable{position:absolute;top:24vmin;left:0px;right:0px;bottom:0px}
.cal table{border-collapse:collapse;width:100%;height:100%}
.cal table td{font-size:4vh;border-top:1px solid #444;border-left:1px solid #444;cursor:pointer;text-align:center}
.cal table td[mark="1"]{background:var(--cal-m1)}
.cal table td[mark="2"]{background:var(--cal-m2)}
.cal table td:first-child{border-left:none}
.cal table td div{display:inline-block;width:6vh;height:6vh;line-height:6vh;color:var(--cal-in)}
.cal table td div[today="1"]{color:#fff;background:#0af;border-radius:100%}
.cal table td div[out="1"]{color:var(--cal-out)}
/*consent*/
.para{font-size:2.25vh;padding:0px 2vh 0vh 2vh;color:#000}
.itil{display:flex;font-size:3vh;padding:2vh 2vh 1vh 2vh}
.itil a{width:4vh;height:4vh;line-height:4vh;display:inline-block;text-align:center;border-radius:100%;background:#000;color:#fff}
.itil span{margin-left:0.75vh;color:#d80;line-height:4vh}
.bbtn{box-sizing:border-box;width:70vmin;display:inline-block;cursor:pointer;color:#fff;background:#07f;border-radius:1vh;font-size:4vh;padding:2vh 0px;margin-top:2vh}
.inum{box-sizing:border-box;width:70vmin;text-align:center;border-radius:1vh;border:1px solid #666;color:#0bf;background:#000;font-size:5vh}
.itbl{margin:0 auto}
.itbl td{font-size:3vh}
.itbl td:first-child{text-align:right;color:#999}
.itbl td:first-child:after{content:"→"}
.itbl td:last-child{text-align:right;color:#07f;text-align:left}
/*exercise*/
.chart_ico{position:absolute;top:50%;right:12.5%;margin-top:-5.5vmin;color:#aaa;font-size:10vmin;font-family:nucleo;cursor:pointer}
.summex{position:absolute;top:0px;right:0px;bottom:0px;left:0px}
.summex .nav{position:absolute;top:2vh;width:100%}
.summex .nav a{display:inline-block;text-align:center;font-family:liga;width:10vmin;height:10vmin;line-height:10vmin;font-size:10vmin;border-radius:100%;background:var(--gc);color:#fff}
.summex .nav span{position:absolute;display:block;top:0px;height:10vmin;left:12.5vmin;right:12.5vmin;font-size:5vmin;line-height:10vmin;color:var(--tx);text-align:center}
.summex .ww_switch{display:inline-block;width:82%;line-height:5vmin}
.summex .ww_switch a{display:inline-block;width:20%;line-height:5vmin;background:var(--x-bgy);color:#fff;border-radius:1vmin;text-align:center}
.summex .ww_switch a:first-child{margin-right:1vmin}
.summex .ww_switch a.sel{background:var(--x-bar)}
.summex .real_range{position:absolute;top:20.5vmin;left:2%;right:2%;padding:0.15% 0.25%;font-size:3vmin;text-align:center;background:var(--rng-b)}
.summex .real_range a{color:var(--tx)}
.summex .real_range a:first-child{float:left}
.summex .real_range a:first-child:before{color:#0af;content:"▼"}
.summex .real_range a:last-child{float:right}
.summex .real_range a:last-child:after{color:#0af;content:"▼"}
.summex .graph{position:absolute;top:25.5vmin;right:2vmin;bottom:25.5vmin;left:2vmin}
.summex .glab{cursor:pointer}
.summex .dashboard{position:absolute;top:12vh;right:2vmin;bottom:15.5vmin;left:2vmin}
.summex .dashboard .label{font-size:2.5vh;margin-top:0.5vh}
.summex .dashboard .wstack{position:relative;height:7vmin}
.summex .dashboard .wstack span{display:inline-block;height:5vmin;line-height:5vmin}
.summex .dashboard .wstack span:first-child{position:absolute;top:0px;left:0px;width:79%}
.summex .dashboard .wstack span:last-child{position:absolute;top:0px;right:0px;width:18%;text-align:center;background:#eee;font-size:4vmin}
.summex .dashboard .wbar{height:5vmin;display:inline-block;background:#f90}
.summex #ebars{position:relative;height:27vh}
.summex #ebars .jack{display:inline-block;height:100%;width:0px}
.summex #ebars div{position:relative;box-sizing:border-box;display:inline-block;width:10.285%;margin:0px 2%;border-radius:1vmin 1vmin 0px 0px;background:var(--x-bar)}
.summex #ebars div .badd{position:absolute;bottom:1px;left:1vw;width:8vw;height:8vw;line-height:8vw;font-size:6vw;display:inline-block;text-align:center;font-family:liga;color:#fff;border-radius:100%;background:var(--x-add)}
.summex #ebars div span{position:absolute;left:0px;display:inline-block;width:100%;text-align:center;font-size:3.5vmin;height:4.5vmin;line-height:4.5vmin;color:#fff}
.summex #ebars div span a{position:absolute;top:0px;left:0px;text-align:center;display:inline-block;width:100%}
.summex #ebars div span a.mini{font-size:3vmin}
.summex #ebars div span b{position:absolute;top:0px;display:inline-block;height:100%}
.summex #ebars div span b.rt{left:0px;background:#90a}
.summex #ebars div span b.st{right:0px;background:var(--x-steps)}
.summex #ebars div span.oval{overflow:hidden;height:4.5vmin}
.summex #ebars div span.inr{top:0.75vmin;border-radius:100%;width:90%;margin-left:5%}
.summex #ebars div span.otr{top:-5vmin;color:#f90;border-radius:100%;width:90%;margin-left:5%}
.summex #ebars div span.otr.oval{color:#fff}
.summex .tdays{color:var(--tx);width:100%;font-size:2vh;border:none;border-top:1px solid var(--tx)}
.summex .tdays td{text-align:center;width:14.29%}
.summex .foot{position:absolute;bottom:1vh;text-align:center;width:100%}
.summex .foot .bt2{position:absolute;text-align:center;color:#fff;top:3vmin;width:25vw;line-height:6vmin;height:6vmin;font-size:4vmin;border-radius:1vmin;background:var(--x-bgy)}
.summex .foot .bt2.sel{background:var(--x-bar)}
.summex .foot .bt2.lf{left:25%;margin-left:-9vw}
.summex .foot .bt2.rg{right:25%;margin-right:-9vw}
.summex .foot .help{position:absolute;left:2vmin;bottom:0vh;display:inline-block;font-family:liga;width:12vmin;height:12vmin;line-height:12vmin;font-size:12vmin;border-radius:100%;background:var(--gc);color:#fff}
.summex .foot .config{position:absolute;right:2vmin;bottom:0vh;display:inline-block;font-family:liga;width:12vmin;height:12vmin;line-height:12vmin;font-size:12vmin;border-radius:100%;background:var(--gc);color:#fff}
/*home*/
#home_menu{display:flex;flex-wrap:wrap;flex-direction:row;margin:10vmin 10vmin 10vmin 10vmin;justify-content:space-around;align-content:center}
.logo_title{color:var(--logo-t);text-align:center;text-transform:capitalize;font-size:4vmin;padding-top:0.5vh}
.ico_home{font-size:22vmin;width:24vmin;height:24vmin;line-height:24vmin;background:var(--ico-b);text-align:center;display:inline-block;border:1px solid var(--ico-o);border-radius:100%;cursor:pointer;font-family:liga}
.ico_home[ix="exercise"]{color:var(--i-exr)}
.ico_home[ix="health"]{color:var(--i-hlt)}
.ico_home[ix="q"]{color:var(--i-que)}
.ico_home[ix="messages"]{color:var(--i-msg)}
.ico_home[ix="appointments"]{color:var(--i-apt)}
.ico_home[ix="config"]{color:var(--i-cfg)}
.ico_con{margin:1.5vh 3vmin;position:relative;text-align:center;min-width:30vmin}
.msg_n{display:inline-block;text-align:center;position:absolute;top:0.5vh;right:0.5vh;background:#a00;color:#fff;font-size:3vh;width:4vh;line-height:4vh;font-weight:bold;border-radius:100%}
/*iform*/
.itop{position:fixed;top:0px;left:0px;right:0px;height:22vmin;border-bottom:1px solid var(--gd7)}
.itop.short{height:16vmin}
.btna{display:inline-block;color:#fff;border-radius:1.5vmin;padding:2vmin 3vmin;margin:3vmin 0px}
.iform{position:absolute;top:22vmin;left:0px;right:0px;bottom:0px;overflow-y:auto}
.iform .fil{color:#fff;background:#0af}
.iform .ril{color:#fff;background:#a00}
.iform .nil{color:#fff;background:var(--gd)}
.iform.noline>div{border:none}
.iform.tall{top:16vmin}
.iform.tight>div{display:flex}
.iform>div{font-size:5vmin;padding:2vmin;border-bottom:1px solid var(--gd)}
.iform>div[hide="1"]{display:none}
.iform>div.btn{text-align:center}
.iform>div.btn a{display:inline-block;color:#fff;background:var(--green);border-radius:1.5vmin;padding:2vmin 3vmin;margin:3vmin 0px}
.iform>div .wide{width:40vw;max-width:40vw;text-align:center;margin-right:1.5vh}
.iform>div input{font-size:5vmin;box-sizing:border-box;border-width:0px;width:40vw;max-width:40vw;text-align:center;margin-right:1.5vh}
.iform>div input.num{width:19vw;max-width:19vw}
.iform>div input.minutes{width:19vw;max-width:19vw;margin-right:2vw}
.iform>div input.seconds{width:19vw;max-width:19vw}
.iform>div input.txt{width:55vw;max-width:55vw}
.iform>div.iaro{padding-left:11.5vmin;position:relative}
.iform>div.iaro:before{position:absolute;top:3.5vmin;left:4vmin;color:#999;font-size:6vmin;content:"⮡"}
.iform>div.nobot{border-bottom:1px solid var(--b);padding-bottom:0px}
.iform>div select{font-size:5vmin;box-sizing:border-box;border-width:0px;width:40vw;max-width:40vw;text-align:center;margin-right:1.5vh}
.iform>div select.medium{font-size:4vmin}
.iform>div select option{color:#000;background:#fff}
.iform>div textarea{font-size:4vmin;box-sizing:border-box;border:1px solid var(--gc);background:var(--b);width:40vw;max-width:40vw;margin-right:1.5vh}
.iform>div .lnum{display:inline-block;width:5.5vw;color:#fff;background:var(--gb);text-align:center;border-radius:100%}
.iform>div .dash{color:#ccc;margin:0px 1vw}
.iform>div .lgap{display:inline-block;width:6.5vw}
.iform>div .til{color:var(--txx)}
.iform>div .til.v0{font-size:0.9em}
.iform>div .til.v1{font-size:1.25em}
.iform>div .til.vc{text-align:center;font-size:0.9em;background:var(--ge);padding:1vmin 0px}
.iform>div .til.vcw{text-align:center;font-size:0.9em;padding:0px}
.iform>div .sub{color:var(--q-sub);font-size:0.8em}
.iform>div .qlabel{display:flex;padding-bottom:1vh}
.iform>div .qlabel.nopad{padding-bottom:0px}
.iform>div .qlabel a{position:relative;width:5vh;height:5vh;line-height:5vh;display:inline-block;text-align:center;border-radius:50%;background:var(--txx);color:var(--b);min-width:5vh}
.iform>div .qlabel a dib{position:absolute;background:var(--b);position:absolute;top:2vh;right:2vh;bottom:2vh;left:2vh;border-radius:50%}
.iform>div .qlabel b{width:5vh;height:5vh;line-height:5vh;display:inline-block;text-align:center;color:#000;min-width:5vh;font-size:5vh}
.iform>div .qlabel span{display:inline-block;margin-left:1.5vh;color:var(--txx);padding-top:0.5vh}
.iform>div .chk{display:flex;padding:0.75vmin 0px}
.iform>div .chk a{width:5vh;height:5vh;line-height:5vh;display:inline-block;text-align:center;background:var(--gd);min-width:5vh;font-family:liga}
.iform>div .chk a:before{content:"×";color:#fff}
.iform>div .chk span{display:inline-block;margin-left:3vmin;color:#777;padding-top:0.75vmin}
.iform>div .chk[sel="1"] a{background:#0af}
.iform>div .chk[sel="1"] a:before{content:"";color:#fff}
.iform>div .chk[sel="1"] span{color:#08f}
.iform>div .qitem{display:flex;padding:0.75vmin 0px}
.iform>div .qitem a{width:5vh;height:5vh;line-height:5vh;display:inline-block;text-align:center;border-radius:100%;background:var(--gd);min-width:5vh;font-family:liga}
.iform>div .qitem a:before{content:"";color:#fff}
.iform>div .qitem span{display:inline-block;margin-left:3vmin;color:#777;padding-top:0.75vmin}
.iform>div .qitem[sel="1"] a{background:#0af}
.iform>div .qitem[sel="1"] span{color:#08f}
.iform>div .label{color:#888;display:inline-block}
.iform>div .lbl{font-size:3vw;color:#888}
.iform>div .yno{display:flex}
.iform>div .yno dii{white-space:nowrap}
.iform>div .yno a{box-sizing:border-box;text-align:center;padding:0.10vmin 1.5vmin;display:inline-block;width:14vmin;border-radius:3vmin}
.iform>div .yno a:first-child{margin-right:1vmin}
.iform>div .yno a:last-child{margin-right:1.5vmin}
.data_existing div{text-align:center;padding-top:1vh}
.data_existing a{font-size:5vh;display:inline-block;width:10vh;height:10vh;line-height:10vh;background:#aaa;color:#fff;text-align:center;border-radius:100%}
.data_existing span{display:block;font-size:3.5vh;text-align:center;color:#333}
/*ifm*/
.ifm .fil{color:#fff;background:#0af}
.ifm .nil{color:#fff;background:#ddd}
.ifm .ril{color:#fff;background:#a00}
.ifm.noline>div{border:none}
.ifm>div{font-size:3.5vh;padding:1.25vh;border-bottom:1px solid #ddd}
.ifm>div .yno{display:flex}
.ifm>div .yno dii{white-space:nowrap}
.ifm>div .yno a{box-sizing:border-box;text-align:center;padding:0.25vh 1vh;display:inline-block;width:12vh;border-radius:3vh}
.ifm>div .yno a:first-child{margin-right:1vh}
/*messages*/
.apt{color:#000}
.apt div{padding:1vmin 1vmin}
.apt .dt{font-size:2.25vh}
.apt .dt a{font-size:2.25vh;margin-right:1.25vmin}
.apt .dt a[ix="1"]{color:#d00}
.apt .dt a[ix="2"]{color:#aaa}
.apt .dt a:before{content:"●"}
.apt .dt span:nth-child(3){margin-left:2vmin}
.apt .dt span:last-child{font-family:liga;margin-left:2vmin}
.apt .dt[sta="1"]{background:#c5ebff}
.apt .dt[sta="2"]{background:#eee}
.apt .nam{background:#fffae6;font-size:2vh}
.apt .txt{position:relative;font-size:2.5vh;margin-bottom:1vh;background:#efefef}
.msg{color:var(--tx)}
.msg div{padding:1vmin}
.msg .dt{font-size:2vh}
.msg .dt a{font-size:2vh;margin-right:1.25vmin}
.msg .dt a[ix="1"]{color:#d00}
.msg .dt a[ix="2"]{color:#aaa}
.msg .dt a:before{content:"●"}
.msg .dt span:last-child{margin-left:2vmin}
.msg .dt[sta="1"]{background:var(--msg-sta-1)}
.msg .dt[sta="2"]{background:var(--msg-sta-2)}
.msg .nam{position:relative;background:var(--msg-nam)}
.msg .nam span{font-size:2vh}
.msg .nam a{position:absolute;right:1vh;top:0px;font-family:liga;font-size:3vh;color:#bbb}
.msg .txt{position:relative;font-size:3vh;padding-bottom:2vh;padding-right:6vh;min-height:5vh}
.msg .txt .reply{position:absolute;right:1vh;bottom:0px;font-family:liga;font-size:5vh}
.msg .txt[sta="2"]{color:#777}
.msg .more{font-size:5vmin;text-align:center;padding:2vmin 1vmin;background:#ddd;color:#fff;cursor:pointer}
.nomsg{position:absolute;left:0px;top:50%;margin-top:-4vh;right:0px;color:var(--tx);font-size:6vh;text-align:center}
.send_to{position:absolute;top:14vmin;left:0px;right:0px;padding:0px 1.5vmin;height:8vmin;line-height:8vmin;font-size:4vmin;background:var(--msg-nam);color:var(--txx)}
.send_tx{position:absolute;top:24vmin;left:2vmin;right:2vmin;bottom:18vmin}
.send_tx textarea{box-sizing:border-box;width:100%;height:100%;font-size:4vmin;color:var(--txx);background:var(--b);border:none}
.send_img{position:absolute;height:14vmin;left:2vmin;right:2vmin;bottom:2vmin;background:var(--ge);text-align:center}
/*signature*/
#sigcon{margin:2vh;border:1px solid #0af;height:30vh}
#sigctl{padding:1vh 0px 2vh 0px}
#sigctl>a{box-sizing:border-box;font-size:4vh;display:inline-block;width:49%;text-align:center;color:#fff;border-radius:1vh;padding:1vh 0px}
#sigctl>a:first-child{background:#09f;margin-right:1%}
#sigctl>a:last-child{background:#f80;margin-left:1%}
/*taps*/
.taps{position:absolute;width:6vh;height:6vh;line-height:6vh;background:#f9f9f9;border-radius:100%}
/*util*/
.ajax_loader{position:fixed;top:50%;left:50%;margin-left:-25px;margin-top:-25px;z-index:99999;width:50px;height:50px;line-height:50px;background:#fff;border-radius:100px;background-image:url(img/ajax.gif);background-repeat:no-repeat;background-size:50px 50px}
.whi{color:#fff}
.blk{color:#000}
.c0af{color:#0af}
.c03f{color:#03f}
.c05f{color:#05f}
.c07f{color:#07f}
.c0a1{color:#0a1}
.cc00{color:#c00}
.ca00{color:#a00}
.caaa{color:#aaa}
.c777{color:#777}
.cfc0{color:#fc0}
.cff0{color:#ff0}
/*wex*/
.wex{position:absolute;top:16vmin;height:5vmin;width:100%;text-align:center}
.wex a{display:inline-block;width:20%;line-height:5vmin;background:var(--x-bgy);color:#fff;border-radius:1vmin;text-align:center;margin-right:1vmin}
.wex a:last-child{margin-right:0px}
.wex a.sel{background:var(--x-bar)}