@charset "UTF-8";
/* CSS Document */
/*頁面背景*/
body.company {
	background-image: url("../img/company/bg.jpg");
	font-family: "微軟正黑體", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-position: center;
  background-position: top;
  background-repeat: no-repeat;
}
/* LOGO */
.logo_pic {
	content: url('../img/agents/logo.png');
}
/* 上方背景 */
.header {
    height: 47px;
    background: url(../img/agents/header.png) repeat-x;
    position: fixed;
    padding: 0 2px;
    width: 100%;
    margin: 0 auto;
    //float: left;
    top: 26px;
    left: 0;
    z-index: 100;
}
/* 跑馬燈背景 */
.footer .marquee {
    background: url("../img/agents/header.png") repeat-x;
    border-bottom: 1px solid #B5C6E2;
    border-top: 1px solid #B5C6E2;
    color: #fff;
    line-height: 27px;
    height: 30px;
    text-indent: 3px;
}
.marquee .more {
    position: absolute;
    right: 20px;
	color: #fcd400;
}
@keyframes myfirst {
	to {
		color:#000000;
		background-color: #FFFFFF;
	}
}
/*總表格*/
.main {
	background-image: url("../img/company/bg_main.jpg");
	position: top;
	width: 1200px;
	height: 780px;
	margin: 0 auto;
}
/*表格左*/
.bgleft{
	float: left;
	background-repeat: no-repeat;
	width:1200px;
	height: 750px;
	text-align:center;
	text-align:top;
}
/*登入框*/
.login{
	width: 300px;
	height: 200px;
    margin: 100px 0 0px 120px;
}
/*帳號輸入框*/
.inp_at {
	color: #505050;
	font-size:17px;
	padding:0px 0px 0px 50px;
	width: 210px;
  height: 50px;
	margin:-5px 0 15px 0;
	background: #FFFFFF url('/img/user.png') no-repeat 10px 11px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  border-left: 1px solid #FFF;
}
/*密碼輸入框*/
.inp_pa {
	color: #505050;
	margin:0 0 15px 0;
	font-size:17px;
	padding:0px 0px 0px 50px;
	width: 210px;
  height: 50px;
	background: #FFFFFF url('/img/key.png') no-repeat 10px 11px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  border-left: 1px solid #FFF;
}
/*表格底*/
#foot {
	height: 30px;
	color: #000;
	font-size:12px;
	margin:0 0 0 0;
	text-align:center;
}
/*按鈕*/
#btn {
	height: 50px;
	display:inline;
}
/*按鈕圖片格式*/
#btn a {
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#FFF;
	text-decoration:none;
	display:block;
	line-height: 50px;
	font-size: 20px;
	width:180px;  
	height:50px;  
	margin:0 0px 0 61px;
	padding: 0 0 0 0;
	border: 2px solid #FFFFFF;
	background-color: rgba(225, 225 ,255 ,0.2) ;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
/*按鈕*/
#btn a:hover {
	animation: myfirst 0.5s forwards;
}
/*主要意向*/
.main_intention {
	background-image: url('../img/company/diamond.png');
	background-repeat: no-repeat;
	width: 691px;
	height: 510px;
	float: left;
	position: relative;
  top: 174px;
  left: 457px;
	animation: pulse 5s infinite;
  -webkit-animation: pulse 5s infinite;
  transform-origin: center bottom;
}
@keyframes pulse {
  from {-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
  50% {-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05);}
  to {-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
.pulse {-webkit-animation-name:pulse;animation-name:pulse;}