﻿html {
  height: 100%;
}

body {
background-image: url(../images/bgglobal.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position:center 66px ;
background-size: cover;  
}

*
{
font-family:'微軟正黑體' , 'Verdana', 'sans-serif';
    padding: 0;
    margin: 0;
}

span
{
	font-size:13px;
	color:#F33;
}

tr, div
{
    vertical-align: middle;
    font-family: Verdana, sans-serif;
    font-size: 13px;
	line-height:25px;
}

p{
	text-align:center;
	 font-family: Verdana, sans-serif;
	 font-size:15px;
	 font-weight:bold;
}

div{
	width:100;
}

.fontfamily{
	font-family: Verdana, sans-serif;
}

h1{
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	width:780px;
	height:62px;
	border:0px;   
}


form
{
    display: inline;
    margin: 0;
    padding: 0;
}


input[type="text"],input[type="password"],input[type="file"]{
    font-family: Verdana, sans-serif;
    font-size: 13px;
    color: #363636;
    /*background-image: url(../images/bg_txtbox.png);*/
    background-repeat: repeat-x;
    background-position: top;
    border: 1px solid #82a2b3;
    height: 22px;
    line-height: 25px;
    padding-left:3px;
	vertical-align: middle;
	margin-bottom: 3px;
	margin-top: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
	
	
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset -1px 3px 8px rgba(148,148,148,0.3);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset -1px 3px 8px rgba(148,148,148,0.3);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset -1px 3px 8px rgba(148,148,148,0.3);
}

.textRadCaptcha {
   font-family: Verdana, sans-serif;
    font-size: 13px;
    color: #363636;
    /*background-image: url(../images/bg_txtbox.png);*/
    background-repeat: repeat-x;
    background-position: top;
    border: 1px solid #82a2b3;
    height: 22px;
	width:60px;
    line-height: 25px;
    padding-left:3px;
	vertical-align: middle;
	margin-bottom: 3px;
	margin-top: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
	
	
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset -1px 3px 8px rgba(148,148,148,0.3);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset -1px 3px 8px rgba(148,148,148,0.3);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset -1px 3px 8px rgba(148,148,148,0.3);

}


img{
	 vertical-align: top;
    border: 0px none;
}

table{
	 border-collapse: collapse ;
	 border-color: #CBCBCB ;
}


/***** 企業logo *****/
.headerimg{
	background-image: url(../images/headerBar.jpg);
	background-repeat:no-repeat;
	height:66px;
	width:100%;
	background-position:center;
}

.headerBgColor{
	height:67px;
	width:100%;
	background-image:url(../images/headerBar_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.HeaderShadow{
	background-image:url(../images/HeaderShadow.png);
	height:10px;
	background-repeat: repeat-x;
	width:2px;
	width:100%;
}

.sysName{
	background-image:url(../images/sysName.png);
	height:66px;
	background-repeat:no-repeat;
	position: fixed;
	width:100%;
	left:48%;
}
	

/***** login *****/
.loginPanel{
	width:322px;
	margin:100px auto;
}


.Cuslogin{
	background-image:url(../images/Cuslogin.png);
	background-repeat:no-repeat;
	height:41px;
	background-position:40px center;
}


.CusloginH{
	font-size:16px;
	font-weight:bold;
	color:black;
	padding-right:4px;
}

.smallINFO_txt{
	font-size:13px;
	color:white;
	text-align:right;
	line-height:50px;
}

.smallINFO_txt a{
	font-size:13px;
	color:white;
	text-decoration: none;
}

.smallINFO_txt a:hover{
	font-size:13px;
	color: #FF0;
	text-decoration: underline;
}


/***** LoginBtn *****/
.LoginBtn{
	background-image: url(../images/LoinBtn.png); 
	height:67px;
	width:67px;
	background-repeat:no-repeat;
	cursor:pointer;
}

.LoginBtn:hover{
	background-image: url(../images/LoinBtnH.png); 
	height:67px;
	width:67px;
	background-repeat:no-repeat;
	cursor:pointer;
}


.service_bg{
	border-radius:10px;
	background-color:#005bac;
	filter:alpha(opacity=60) \9; /* IE8 */
	background-color: rgba(0, 91, 172, .6); /* IE9及其它瀏覽器會執行此行 */
	width:100%;
	height:40px;
}

.phone{
	background-image:url(../images/Icon_phone.png);
	background-repeat:no-repeat;
	height:42px;
	width:207px;
	display:inline;
	float:left; 
	padding:0;
	margin:0;
}

.chat{
	background-image: url(../images/Icon_chat.png);
	background-repeat:no-repeat;
	height:42px;
	width:115px;
	display:inline; 
	padding:0;
	margin:0;
	float:right; 
}

.chat:hover{
	background-image: url(../images/Icon_chat_h.png);
	background-repeat:no-repeat;
	height:42px;
	width:115px;
	border:none;
}
