* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body {font:75%/150% "Lato", "Noto Sans TC", Arial, Helvetica, sans-serif;background-color:#F5F5F5;color:#838383;overflow-x:hidden;margin:0px;padding:0px;position:relative;}
iframe, form, img, div, h1, h2, h3, h4, ul, ol, li {margin:0px;padding:0px;border:0px;}
footer, header, menu, nav, section {display: block;}
header {background-color:#5280C1;color:#FFFFFF;text-align:center;padding:5px 0px;}
footer {background-color:#5280C1;color:#FFFFFF;}
ul {list-style:none;margin:0px;padding:0px;}
div.container:after, div.container:before {display:table;content:" ";}
div.container:before {clear:both;}

header {height:45px;position:fixed;width:100%;top:0;left:0;z-index:999;}
header #iSearch {font-size:25px;position:absolute;top:10px;left:10px;cursor:pointer;}
header #iBack {font-size:20px;position:absolute;top:13px;left:10px;cursor:pointer;}
header #iBack span {font-family:"Lato", "Noto Sans TC", Arial, Helvetica, sans-serif;font-size:20px;margin-left:5px;}
header #imgLogo {height:35px;margin:0px auto;cursor:pointer;}
header #imgToken {height:20px;vertical-align:bottom;}
header #imgPt {height:20px;vertical-align:bottom;}

header #dSendPost {position:absolute;top:8px;right:10px;cursor:pointer;}
header #dSendPost {border:1px solid white;border-radius:4px;font-size:12px;padding:5px;background-color:#008CC9;}
header #dTokenBal {position:absolute;top:8px;right:10px;cursor:pointer;}
header #dTokenBal {border:1px solid white;border-radius:4px;font-size:12px;padding:5px;background-color:#008CC9;}
header #dPtBal {position:absolute;top:8px;right:10px;cursor:pointer;}
header #dPtBal {border:1px solid white;border-radius:4px;font-size:12px;padding:5px;background-color:#008CC9;}

footer {height:55px;padding-top:5px;position:fixed;width:100%;bottom:0;left:0;z-index:999;}
footer #dSlideOverlay {position:fixed;top:0;left:0;bottom:0;right:0;margin:0px;z-index:1000;display:none;overflow-y:scroll;}
footer > div > nav ul li {float:left;text-align:center;padding:0px !important;width:25%;cursor:pointer;}
footer > div > nav ul li i.fa {padding:0px;font-size:25px;display:block;margin-bottom:5px;}
footer > div > #dSettings {position:fixed;height:100%;top:0;right:0;background-color:#F6F6F6;display:none;box-shadow:-5px 0px 5px rgba(0,0,0,.15);font-size:1rem;width:300px;white-space:nowrap;z-index:1001;}
footer > div > #dSettings {-webkit-box-shadow:-5px 0px 5px rgba(0,0,0,.15);-moz-box-shadow:-5px 0px 5px rgba(0,0,0,.15);}
footer > div > #dSettings > div {color:#666666;font-size:1.2rem;padding:1rem 0.5rem;text-align:right;}
footer > div > #dSettings > div i.fa {cursor:pointer;}
footer > div > #dSettings > nav ul li {padding:10px 50px 10px 20px;border-bottom:1px solid Gainsboro;}
footer > div > #dSettings > nav ul li  a, footer > div > #dSettings > nav ul li  a:visited {color:#333333;}

footer > div > #dUsrProfile {position:fixed;height:100%;top:0;left:0;background-color:#F6F6F6;display:none;box-shadow:5px 0px 5px rgba(0,0,0,.15);font-size:1rem;width:300px;white-space:nowrap;z-index:1001;}
footer > div > #dUsrProfile {-webkit-box-shadow:5px 0px 5px rgba(0,0,0,.15);-moz-box-shadow:5px 0px 5px rgba(0,0,0,.15);}
footer > div > #dUsrProfile > div {color:#FFFFFF;font-size:1.2rem;padding:1rem 0.5rem 0px 1rem;text-align:right;background:#5098FF;}
footer > div > #dUsrProfile > div i.fa {cursor:pointer;}
footer > div > #dUsrProfile > nav ul li {padding:10px 20px 10px 20px;color:#333333;}
footer > div > #dUsrProfile > nav ul li:first-child {font-size:0.9rem;text-align:center;padding:10px 50px;background:#5098FF;border-bottom:1px solid #FFFFFF;color:#FFFFFF;}
footer > div > #dUsrProfile > nav ul li:first-child i {font-size:5rem;margin-bottom:0.5rem;}
footer > div > #dUsrProfile > nav ul li:first-child  #dAchvLv {display:flex;width:60%;margin:5px auto;position:relative;border:1px solid #FFFFFF;}
footer > div > #dUsrProfile > nav ul li:first-child  #dAchvLv div {height:10px;flex-grow:1}
footer > div > #dUsrProfile > nav ul li:first-child  #dAchvLv div:nth-child(1).reach {background-color:#E44049;}
footer > div > #dUsrProfile > nav ul li:first-child  #dAchvLv div:nth-child(2).reach {background-color:#FF6000;}
footer > div > #dUsrProfile > nav ul li:first-child  #dAchvLv div:nth-child(3).reach {background-color:#FFD200;}
footer > div > #dUsrProfile > nav ul li:first-child  #dAchvLv div:nth-child(4).reach {background-color:#98CE44;}
footer > div > #dUsrProfile > nav ul li:first-child  #dAchvLv div:nth-child(5) {position:absolute;top:-5px;right:-70px;}
footer > div > #dUsrProfile > nav ul li:first-child  #dAchvLv div:nth-child(5) span {background-color:#5098FF;padding:0px;margin-left:0px;border-radius:0px;}
footer > div > #dUsrProfile > nav ul li:first-child  #dAchvLv div i {font-size:1rem;margin-left:5px;}
footer > div > #dUsrProfile > nav ul li:first-child  #dAchvDesc > div {display:none;}
footer > div > #dUsrProfile > nav ul li i {margin-right:1rem;font-size:1.2rem;}
footer > div > #dUsrProfile > nav ul li:first-child i {margin-right:0px;}
footer > div > #dUsrProfile > nav ul li span {background:#E44049;padding:0px 8px;margin-left:10px;border-radius:20px;color:#FFFFFF;}

footer > div > #dUsrProfile > nav ul li  a, footer > div > #dUsrProfile > nav ul li  a:visited {color:#333333;}

section {margin-top:45px;margin-bottom:55px;font-size:1rem;}
section > .container {position:relative;}
section .resetMargin {margin:5px -15px;}
section .setBlock:after  {display:table;content:" ";clear:both;}
section .setBlock:before {display:table;content:" ";clear:both;}
section input {border-width:0px 0px 1px 0px;height:26px;border-color:#90B5EA;}
section select {border-width:0px 0px 0px 0px;background:#FFFFFF;}
section textarea {border-width:0px 0px 1px 0px;border-color:#90B5EA;}
section button {padding:5px 7px;background-color:#008CC9;border:0px;color:#FFFFFF;cursor:pointer;}

body.iOS {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}
body.iOS header {margin-top:20px;margin-top:constant(safe-area-inset-top);margin-top:env(safe-area-inset-top);}
body.iOS header div.iOS{position:absolute;background-color:#5280C1;width:100%;height:50px;top:-50px;}