/*輸入視窗的定義*/
@charset "utf8";
body 
{
	font-family: "Microsoft JhengHei","Lato", Arial, Helvetica, sans-serif;
	margin:0px;
	width:100%;
	background-color:#FEFEFE;
	Font-Size: 15px;
}
div{	
	margin:0px;
}
.topBackground {
	background: url(./images/top_banner.png);
	padding: 0 0 16% 0;
	background-repeat: no-repeat;
	background-size: 100%;
	width:100%;
	margin:0px;
}
.TopBarLogo{
	position:absolute;
	top:9%;
	right:5%;
}
.TopBarLogoImg{
	width:168px;
}
.topLogo {
	/*background: url(./images/eugene_title.png);*/
	/*background-size: auto 80px;*/
	/*background: url(./images/eugene_title_topBar.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-color:#f1a0c3;
	background-position:#FFFFFF;*/
	background-color:#f1a0c3;
	height:145px;
	/*padding: 20px 60px 20px auto;*/
	/*background-repeat: no-repeat;*/
	margin:0 0 0 0;
	text-align:left;
}
.topLogo img {
	height:80px;
	padding: 5px 30px 10px 100px;
	margin:15px 30px 0 0;
}
.bottomDIV{
	position:fixed;
	min-height:30px;
	height:30px;
	width:100%;
	background-color:#f1a0c3;
	color:#ffffff;
	padding: 10px;
	text-align:center;
	bottom:0;
}

INPUT[TYPE="text"]
{
  Font-Size:1em;
	/*background-color:#EFEFEF;*/
  background-color:expression(this.readOnly==true?"#CDEDFF":"#EFEFEF");  
	border-color:#F7992B;
	border-width:1px;
	border-style:Solid;
	padding: 5px 8px;/*上 右 下 左*/
	width:250px;
}
.loginTable{
	font-family: "Microsoft JhengHei","微軟正黑體", Arial, Helvetica, sans-serif;
 	Font-Size:1.0em;
	color: #888888;
	border-top: 1px solid #999999;/*#286A28*/
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width:550px;
}
.ipFont{
  Font-Size:1em;
	color:#888888;
}
.mamaFont{
  Font-Size:1em;
	color:#000000;
}
.submitBtn{
	font-family: "Microsoft JhengHei","微軟正黑體", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:1.0em;
	letter-spacing:1px;
	padding: 8px 16px 8px 16px;/*上 右 下 左*/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #ED97BC;
	transition: all 0.2s ease;
	border-top: 1px solid #ff60af;/*#286A28*/
	border-bottom: 1px solid #ff60af;
	border-left: 1px solid #ff60af;
	border-right: 1px solid #ff60af;
	cursor:pointer;
}
.submitBtn:hover{
	color: #FFFFFF;
	background-color: #ffaad5;
}
/* for cellphone */

.CamTable{
	font-family: "Microsoft JhengHei","微軟正黑體", Arial, Helvetica, sans-serif;
 	Font-Size:1.0em;
	color: #888888;
	border-top: 1px solid #999999;/*#286A28*/
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width:750px;
}

.babyCamPhoto_left{
	width:60%;
	margin:0px;
	float: left;
}
.babyCamPhoto_right{
	float: left;
	width:40%;
	margin:0px;
}
.dataTable{
	font-size: 15px;
		margin-left:0; 
	color: #888888;
}
.cctv_photo{
	width:416px;
	height:234px;
}
@media screen and (max-device-width: 769px){
	
	.TopBarLogo{
		position:absolute;
		top:7%;
		right:10%;
	}
}
@media screen and (max-device-width: 640px){

	.TopBarLogo{
		position:absolute;
		top:15px;
		right:15px;
		width:100%;
	}
	.TopBarLogoImg{
		display:none;
	}
	
	.topLogo {
		padding: 0 0 5% 0;
		background-repeat: no-repeat;
		background-size: 60%;
		margin:0;
	}
	
	.topLogo img {
		height:100%;
	}
	
	.loginTable {
  	Font-Size:2em;
  	width:80%;
	}
	
	INPUT[TYPE="text"]{
	  Font-Size:1.5em;
		width:320px;
	}
	.CamTable {
  	Font-Size:2em;
  	width:90%;
	}
	
	.babyCamPhoto_left{
		width:100%;
	}
	.babyCamPhoto_right{
		width:100%;
	}
	.mamaFont{
  /*Font-Size:1.2em;*/
		Font-Size:1em;
}
	.dataTable{
  	width:80%;
		Font-Size:1em;
		margin-left:auto; 
   margin-right:auto;
	}
	.cctv_photo{
		width:702px;
		height:395px;
	}
	.bottomDIV{
		font-size:1.5em;
		word-break:break-all;
	}
}