@charset "utf-8";
html{
	/* This image will be displayed fullscreen */
	background:url(http://hfm.huarong.com.tw/images/e6d3e58fe3ad8c8338464d1431c52d6d.jpg) no-repeat center center;

	/* Ensure the html element always takes up the full height of the browser window */
	min-height:100%;

	/* The Magic */
	background-size:cover;
}


body {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color:transparent !important;
  font: 12pt Microsoft JhengHei, sans-serif;
  min-height:100%;
}

.form-signin {
  max-width: 368px;
  padding: 15px;
  margin: 0 auto;
  background-color:rgba(230,230,230,0.75);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position:relative;
}
.logo_margin{
	margin-top:50px;
}
.system_title{
	margin:20px 0px 20px 0px; padding:0px; text-align:center; font-weight:bold; color:#006EA8;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.floot_slogan{
	margin-top:10px;
}
.floot_slogan_s_text{
	font-size:10pt;
}
.floot_slogan_b_text{
	font-size:12pt;
}
/*陰影設定區*/

/*陰影*/
.box_shadow {
  -moz-box-shadow: 4px 4px 10px 1px rgba(51, 51, 102, 0.5);
  -webkit-box-shadow: 4px 4px 10px 1px rgba(51, 51, 102, 0.5);
  box-shadow: 4px 4px 10px 1px rgba(51, 51, 102, 0.5);
}
.box_shadow2 {
  -moz-box-shadow: 2px 2px 10px -2px rgba(51, 51, 102, 0.5);
  -webkit-box-shadow: 2px 2px 10px -2px rgba(51, 51, 102, 0.5);
  box-shadow: 2px 2px 8px -2px rgba(51, 51, 102, 0.5);
}
.box_shadow3 {
  /*-moz-box-shadow: 1px 5px 2px -2px rgba(51, 51, 102, 0.5);
  -webkit-box-shadow: 1px 5px 2px -2px rgba(51, 51, 102, 0.5);
  box-shadow: 1px 5px 2px -2px rgba(51, 51, 102, 0.5);*/

-moz-box-shadow:2px 2px 2px -1px rgba(20%,20%,40%,0.5);
-webkit-box-shadow:2px 2px 2px -1px rgba(20%,20%,40%,0.5);
box-shadow:2px 2px 2px -1px rgba(20%,20%,40%,0.5);  
}
.nav_box_shadow {
  -moz-box-shadow: 2px 2px 10px 0px rgba(51, 51, 102, 0.5);
  -webkit-box-shadow: 2px 2px 10px 0px rgba(51, 51, 102, 0.5);
  box-shadow: 2px 2px 10px 0px rgba(51, 51, 102, 0.5);
}
.text_shadow {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
/**/
.echo_blue_text{
	color:#321E1E !important;
}

@media screen and (min-width: 1200px) {
   	.form-signin {
		min-width: 368px;
	}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
    /* 如果使用者之視窗寬度介於 768px ~ 979px，將會再載入這裡的 CSS。*/
}

@media screen and (max-width: 767px) {
    /* 如果使用者之視窗寬度 <= 768px，將會再載入這裡的 CSS。*/
	body {
  		padding-top: 10px;
  		padding-bottom: 10px;
	}
	.floot_slogan_s_text{
		font-size:10pt;
	}
	.floot_slogan_b_text{
		font-size:12pt;
	}
	
}

@media screen and (max-device-width: 480px) {
    /*如果使用者之裝置寬度 <= 480px，將會再載入這裡的 CSS。*/
	body {
  		padding-top: 10px;
  		padding-bottom: 10px;
	}	
	.floot_slogan_s_text{
		font-size:8pt;
	}
	.floot_slogan_b_text{
		font-size:6pt;
	}
}
.about_page_css{
	background-color:#000; text-align:left; float:left; margin-left:20px; border-radius:10px; color:#fff !important; padding:20px; min-height:394px;
}

.about_page_css h1{
	margin:0px 0px 10px 0px; padding:0px;
}

.about_page_css small{
	color:#fff;
}