body, div, ul, ol, li, h1, dl, dt, dd, hr, p, span, table, tr, th, td, img{margin:0; padding:0;}
body{font-family:"Microsoft JhengHei", "微軟正黑體", Arial, sans-serif, "Zawgyi-one", "Noto Sans Thai", "Noto Sans Vai", "MS Gothic";}
li{list-style:none;}
a{text-decoration:none;}
em{font-style:normal;}
#wrapper{position:fixed; width:100%; height:100%; background:#f1f1f1; overflow:auto; padding:20px; box-sizing:border-box;}
#wrapper .main{width:90%; margin:0 auto; padding:20px 30px 30px; background:#FFF; box-sizing:border-box;}
#wrapper .main h1{color:#165d9b; margin:0 0 20px;}
#wrapper .main > li{visibility:hidden;}
#wrapper .main li.enter p img{margin:20px 0;}
#wrapper .main li.enter dl{margin:30px 0 0; letter-spacing:1px;}
#wrapper .main li.enter dl dd{display:flex; margin:5px 0;}
#wrapper .main li.enter dl dd em{color:#F00; font-family:NSimSun; padding:0 3px;}
#wrapper .main li.enter dl dd.left{margin:10px 0 0; display:flex;}
#wrapper .main li.enter dl dd.left label{width:115px; text-align:right;}
#wrapper .main li.enter dl dd.left select{height:27px; padding:0 5px; font-size:1.1em;}
#wrapper .main li.enter dl dd.left input[type=text]{flex:1; height:20px;}
#wrapper .main li.enter dl dd.left strong{padding:0 10px;}
#wrapper .main li.enter dl dd.right{padding:5px 0 5px 1.1em; position:relative; margin:0 0 1.1em;}
#wrapper .main li.enter dl dd.right span{position:absolute; font-size:1em; color:#F33; left:120px; top:0;}
#wrapper .main li.enter dl dd.execute font{display:inline-block; width:50%;}
#wrapper .main li.enter dl dd.execute font input[type=button]{padding:10px 40px; font-size:1.2em; font-weight:bold; letter-spacing:2px;}
#wrapper .main li.enter dl dd.execute font input[name=send]{background:#009ACD; color:#FFF;}
#wrapper .main li.enter dl dd.execute font input[name=cancel]{background:#FFF; color:#6F5252; border:1px solid #79ABFE;}
#wrapper .main li.enter dl dd.execute font input[name=cancel]:active{background:#79ABFE; color:#FFF; transition:background 0.5s, color 0.5s;}

#wrapper .main li.output dl{margin:20px 0 0;}
#wrapper .main li.output dl dt, #wrapper .main li.output dl dd{display:flex;}
#wrapper .main li.output dl dt strong, #wrapper .main li.output dl dd strong{
	display:inline-block; padding:10px; -webkit-flex:1; -ms-flex:1; -moz-flex:1; flex:1; word-break:break-all;/*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/
}
#wrapper .main li.output dl dd strong em, #wrapper .main li.output dl.calc dd strong{color:#315D90;}
#wrapper .main li.output dl.analysis dd{display:block; padding:5px 10px; font-weight:bold;}
#wrapper .main li.output dl.analysis dd ol li{list-style:decimal; margin:0 0 0 2em;}
#wrapper .main li.output dl.analysis dd.backtrack{text-align:right; margin:30px 0 0;}
#wrapper .main li.output dl.analysis dd.backtrack a{
	font-weight:bold; padding:15px 8px; border-radius:50%; color:#FFF; background:#666; border:3px solid #A6B7C1; cursor:pointer;
}
#wrapper .main li.output dl.analysis dd.backtrack a:hover{color:#A6B7C1; background:#FFF; border:3px solid #666;}
#wrapper div.barrier{width:100%; height:100%; position:fixed; top:0; left:0; z-index:102; background:#CCC;}
#wrapper div.wait{visibility:hidden; position:fixed; top:0; left:0; padding:5px; background:#FFF; border:1px solid #000; z-index:103;}