html, body {
    height:100%;
  }
  
body {
	margin:0;
	padding:0;
    background-color:#ebebeb;
    font-family:微軟正黑體;
     }
/* ======= Desktop ====== */
@media screen and (min-width: 769px) {

#box{ width:100%; height:768px; background:linear-gradient(#1a5389 60%, #ebebeb 40%);}



/*	
#MainBg{ margin:0 auto;
         width:1366px;
         height:768px;
         background-image:url(../images/../images/loginbg.png);}	
*/
#TopBar{ background-color:#78ade0; 
         width:100%; 
         height:30px;
         opacity:0.45;
         filter:alpha(opacity=45); /*IE8 及之前的版本 */}
#LoginTitle{ display:none;}
#LoginBox{ margin:150px auto 0 auto;
           width:600px;
           height:290px;
           padding-top:110px;
           background-image:url(../images/loginbox.png);
           background-repeat:no-repeat;}     
.LoginTxtbox{ margin: 0 auto;
              width:370px;
              height:60px;
              text-align: center;
}       
#VendorID{ float:left; 
           text-align:left;
          width:150px; 
          /*background-image:url(../images/icon_id.png);*/
          background-repeat:no-repeat; 
          font-size:1.2em;
          line-height:25px;
          letter-spacing:2px; 
         }        
#LoginID{ float:left; 
          text-align:left;
          width:150px; 
          /*background-image:url(../images/icon_id.png);*/
          background-repeat:no-repeat; 
          font-size:1.2em;
          line-height:25px;
          letter-spacing:2px; 
         }               
#LoginPW{ float:left; 
          text-align:left;
          width:150px; 
          /*background-image:url(../images/icon_pw.png); */
          background-repeat:no-repeat; 
          font-size:1.2em;
          line-height:25px;
          letter-spacing:2px; }
.InputBox{ float:right;
         width:220px;
         text-align: left;
         line-height:25px;}
.TextBox{
		   -webkit-apperance: none;
		   font-family:微軟正黑體;}


/*========== 登入按鈕設定 ========== */
.LoginButton{ margin: 0 auto;
              width:320px;
              height:60px;
			  text-align: center;
}

/* 清除 button預設 */
.button{ appearance: none;
		   -webkit-apperance: none;
		   border-radius: 10px;
		   cursor: pointer;
		   font-size:1.5em;
		   width:200px;
		   height:50px;
		   font-family:微軟正黑體;
		   -webkit-transition-duration: 0.4s; /* Safari */
			transition-duration: 0.4s;
		   
}


	       
/* default button */
.button-login{color:#fff;
		   text-align:center;
		   background:#0768c5;
		   border:none;
		   margin:0 auto;}               
.button-login:hover{ background:#56a1e8;}		   
 
}
 
@media only screen and (max-width: 768px) 
{
#TopBar{}
         
#LoginBox{ margin:0 auto 0 auto;
           padding:30px 0;
           width:100%;
           height:auto;
           background:#ffffff; 
           border-top:1px  #ccc solid;
           border-bottom:1px  #ccc solid;
           background-repeat:no-repeat;}     
#LoginTitle{ margin-top:30px; font-size:30px; color:#074fc5; font-weight:bold; text-align:center; height:auto; line-height:40px; padding:10px 0; font-family:微軟正黑體;}            
.LoginTxtbox{ margin: 0 auto;
              width:370px;
              height:60px;
              text-align: center;
}      
#VendorID{ float:left; 
           text-align:left;
          width:150px; 
          /*background-image:url(../images/icon_id.png);*/
          background-repeat:no-repeat; 
          font-size:1.2em;
          line-height:30px;
          letter-spacing:2px; 
         }        
#LoginID{ float:left; 
          text-align:left;
          width:150px; 
          /*background-image:url(../images/icon_id.png);*/
          background-repeat:no-repeat; 
          font-size:1.2em;
          line-height:30px;
          letter-spacing:2px; 
         }               
#LoginPW{ float:left; 
          text-align:left;
          width:150px; 
          /*background-image:url(../images/icon_pw.png); */
          background-repeat:no-repeat; 
          font-size:1.2em;
          line-height:30px;
          letter-spacing:2px; }
.InputBox{ float:right;
         width:220px;
         text-align: left;
         line-height:30px;}
.TextBox{
		   -webkit-apperance: none;
		   font-family:微軟正黑體;
		   width:200px;
		   height:30px;
		   font-size:16px;}


/*========== 登入按鈕設定 ========== */
.LoginButton{ margin: 0 auto;
              width:320px;
              height:60px;
			  text-align: center;
}

/* 清除 button預設 */
.button{ appearance: none;
		   -webkit-apperance: none;
		   border-radius: 10px;
		   cursor: pointer;
		   font-size:1.5em;
		   width:200px;
		   height:50px;
		   font-family:微軟正黑體;
		   -webkit-transition-duration: 0.4s; /* Safari */
			transition-duration: 0.4s;
		   
}


	       
/* default button */
.button-login{color:#fff;
		   text-align:center;
		   background:#0768c5;
		   border:none;
		   margin:0 auto;}               
.button-login:hover{ background:#56a1e8;}		   
 
}
}