body {
  font-family: Microsoft JhengHei;
  padding-bottom: 20px;
}

.map-size{
  width:100%;
  height:400px;
}

.txt-red {
	color:#ff4848;
}

.border-top {
	margin-top: 5em; 
}

.border-bottom {
	margin-bottom: 5em; 
}

.keyboard-bottom {
	margin-bottom: 20em; 
}

.input-hide {
	visibility: hidden;
	opacity: 0;
	height: 0;
	
	-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}

.btn-allwd {
	margin: 0.5em 0;
	padding: 0.6em 0;
	background:black;
	border: 0;
	width:100%;	
	height:3em;
	color:#fff;
	-webkit-transform: translateZ(0);
  	transform: translateZ(0);
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration:  0.1s;
  	transition-duration:  0.1s;	
}

.btn-allwd:hover,.btn-allwd:focus {
	background:#ffc107;
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
	color:#000;
}

.txt-input {
	background-color: #fff;
	background-image: none;
	border: 0 solid;
}

.txt-input:focus {
  border-color: #ffc107;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ffc107;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ffc107;
}

.btn-gps {
	margin-top: 0.3em; 
	background-image: url('../../img/gui/point_b.png');
    background-color:#fff;
	background-repeat: no-repeat;
	background-position: center;
	width:3.5em;	
	height:3.5em;
    border: 0;
}

.btn-gps:hover,
.btn-gps:focus {
	background-image: url('../../img/gui/point_bu.png');	
}

.btn-danger { 
	margin-top:0.5em;
	background-image: url('../../GUI/danger.png');
	background-color:#fff;
	background-repeat: no-repeat;
	background-position: center;
	width:30em;	
	height:30em;
    	border: 0;
}

.btn-addEvent { 
	margin-top:0.5em;
	background-image: url('../../GUI/add.png');
	background-color:#fff;
	background-repeat: no-repeat;
	background-position: center;
	width:25em;	
	height:25em;
    	border: 0;
}

.btn-addEvent:hover,
.btn-addEvent:focus {
	background-image:url('../../GUI/add_dn.png');
}

.btn-text { 
	margin-top:0.5em;
	background-image: url('../../GUI/text.png');
	background-color:#fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 80% 80%;
	width:5em;	
	height:5em;
    	border: 0;
}

.btn-text:hover,
.btn-text:focus {
	background-image:url('../../GUI/text_dn.png');
}

.btn-pic { 
	margin-top:0.5em;
	background-image: url('../../GUI/pic.png');
	background-color:#fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 80% 80%;
	width:5em;	
	height:5em;
    	border: 0;
}

.btn-pic:hover,
.btn-pic:focus {
	background-image:url('../../GUI/pic_dn.png');
}

.btn-cam { 
	margin-top:0.5em;
	background-image: url('../../GUI/cam.png');
	background-color:#fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 80% 80%;
	width:5em;	
	height:5em;
    	border: 0;
}

.btn-cam:hover,
.btn-cam:focus {
	background-image:url('../../GUI/cam_dn.png');
}

.btn-save { 
	margin-top:0.5em;
	background-image: url('../../GUI/save.png');
	background-color:#fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 80% 80%;
	width:5em;	
	height:5em;
    	border: 0;
}

.btn-save:hover,
.btn-save:focus {
	background-image:url('../../GUI/save_dn.png');
}

.btn-wifi {
	margin-top: 0.3em; 
	background-image: url('../../img/gui/wifi.png');
    background-color:#fff;
	background-repeat: no-repeat;
	background-position: center;
	width:3.5em;	
	height:3.5em;
    border: 0;
}

.btn-switch {
	margin-top: 0.3em; 
	background-image: url('../../img/gui/switch.png');
    background-color:#fff;
	background-repeat: no-repeat;
	background-position: center;
	width:3.5em;	
	height:3.5em;
    border: 0;
}