@charset "utf-8";
/* 初始化CSS */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, for, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; }ie6 中的bug
img{display: block;}图片下边有3像素缝隙
 html,body{
	 background:url(../images_app/login/clcs_login_bg.jpg) no-repeat;
	
	background-size: 100%;      让整个背景铺满 
	
} 

#form{
	top: 58%;
	left:50%;
	width:540px;
	height:440px;
	position:absolute;
	margin:-220px 0 0 -270px;
	background:url(../images_app/login/clcs_form_bg.png) no-repeat left top;
}
.promptCenter{
	top: 50%;
	left:50%;
	width:500px;
	height:120px;
	position:absolute;
	margin:-120px 0 0 -250px;
	background:none;
	font-size : 24px;
	font-family : "\5FAE\8F6F\96C5\9ED1";
	font-weight : bold;
	color : #333;
}
.promptCenter span{
	font-size : 30px;
	padding-left : 60px;
	line-height : 50px;
	display : block;
	margin-left : 80px;
	background : url(../images_app/login/promptCenter2.jpg) no-repeat left top;
}

#loginV,#piccodeid,#form #loginV .x-toolbar-footer .x-box-inner{
	margin-left:112px;
}
#form #loginV .x-toolbar{
	width:540px! important;
}
/*浏览器链接*/
 .suggest{
	left:53px;
	bottom:11%;
	height:30px;
	position:absolute;
} 
.rightsuggest,
.rightsuggest:link,
.rightsuggest:visited{
	right:53px;
	bottom:11%;
	line-height:30px;
	position:absolute;
	color: #333;
    text-decoration: underline;
    cursor : pointer;
}
.prompt{
	left:53px;
	bottom:6%;
	height:30px;
	position:absolute;
}
.rightprompt,
.rightprompt:link,
.rightprompt:visited{
	right:53px;
	bottom:6%;
	height:30px;
	position:absolute;
	color: #333;
    text-decoration: underline;
    cursor : pointer;
}
.rightsuggest:hover,
.rightsuggest:active,
.rightprompt:hover,
.rightprompt:active{
	color: #cc0000;
    text-decoration: underline;
    cursor : pointer;
}

.suggest .llq360 {
    background: url(../images_app/360.png) no-repeat;
    width: 16px;
    height: 16px;
} 

.suggest .ie {
    background: url(../images_app/ie.png) no-repeat;
    width: 16px;
    height: 16px;
} 
  
.suggest a{
	color: #eb8d8c;
	font-size:12px;
	line-height:30px;
    text-decoration: none;
   padding: 1px 0 1px 20px; 
}

/*按钮换图片*/
 .x-btn-default-small .x-btn-inner {
	padding:0  6px;
} 

.x-btn-default-small{
	background-image: none !important;	
	}	
	


/*底部版权*/
.copy{
	left:50%;
	color:#333;
	width:300px;
	height:30px;
	bottom:1%;
	margin-left:-150px;
	text-align:center;
	line-height:30px;
	font-size:12px;
	position:absolute;
}

/******************************button样式开始*********************************/
.x-toolbar-footer{
	padding:2px 0;
}
.button,.x-btn-inner-default-small{
    text-align:center;
    font-size:20px;
    font-family:"微软雅黑";
    color:#fff;
    line-height:30px;
    border:1px solid #eb8d8c;
    border-radius:3px;
}
.x-btn-inner-default-small{
	border:none;
}
.button .x-btn-inner-default-small{
	color:#e43f3f;
}
.button:hover .x-btn-inner-default-small{
	color:#fff;
}
.button:hover,
.button-pressed{
	 background-color:#eb8d8c;
}

/******************************button样式结束*********************************/


/******************************浏览器兼容*********************************/
.x-form-text-default {
    font: normal 12px/17px "微软雅黑";
}

/****************提示面板样式****************/
.x-message-box-question{
	background:url(../images_app/header/help.png) no-repeat;
}
.x-message-box-info {
 background:url(../images_app/header/tip.png) no-repeat;
}
.x-message-box-warning {
  background:url(../images_app/header/tip.png) no-repeat;
}
.x-message-box-error {
  background:url(../images_app/header/closed.png) no-repeat;
}
.x-form-display-field{
	margin-top:8px;
}
.x-window-header-text-container-default,
.x-panel-header-text-container-default,
.x-window-header-title-default{
	color:#fff;
}
.x-window-header-default,
.x-message-box .x-window-header-default{
	background-color:#eb8d8c;
}
.x-window-default,
.x-window.x-message-box.x-window-default{
	background-color:white! important;
	border-color: #eb8d8c! important;
}
.x-window-header-default-top{
	border: none;,
}
.x-window-body-default,
.x-window.x-message-box.x-window-body-defaul,
.x-message-box .x-window-body{
	background:none;
}
.x-window-body-default,
.x-window.x-message-box.x-window-body-default {
    color: #333;
    font-size: 14px;
    font-weight: normal;
    font-family: "\5FAE\8F6F\96C5\9ED1";
    line-height: 30px;
}
.x-window-header-default .x-tool-img,
.x-tool-over .x-tool-close{
	background-position: 0 -65px;
	opacity:0.8;
}
.x-tool-over .x-tool-close{
	opacity:1;
}
.x-window-header-default .x-tool-img{
	background-color: transparent;
}
.x-form-display-field{
	margin-top:8px;
}
.x-window-header-default-top-tl, 
.x-window-header-default-top-bl, 
.x-window-header-default-top-tr, 
.x-window-header-default-top-br, 
.x-window-header-default-top-tc, 
.x-window-header-default-top-bc, 
.x-window-header-default-top-ml, 
.x-window-header-default-top-mr,
.x-window-default-tl, 
.x-window-default-bl, 
.x-window-default-tr, 
.x-window-default-br, 
.x-window-default-tc, 
.x-window-default-bc, 
.x-window-default-ml, 
.x-window-default-mr{
	background-image: none;
}
.x-window-default-mc,
.x-window-default-tl, 
.x-window-default-bl, 
.x-window-default-tr, 
.x-window-default-br, 
.x-window-default-tc, 
.x-window-default-bc, 
.x-window-default-ml, 
.x-window-default-mr{
	background-color: #fff;
}
.x-window-header-default-top-mc,
.x-window-header-default-top-tl, 
.x-window-header-default-top-bl, 
.x-window-header-default-top-tr, 
.x-window-header-default-top-br, 
.x-window-header-default-top-tc, 
.x-window-header-default-top-bc, 
.x-window-header-default-top-ml, 
.x-window-header-default-top-mr{
	background-color: #eb8d8c;
}

*******************提示面板关闭按钮样式********************
.x-accordion-hd .x-tool-img,.x-window-header-default .x-tool-img{
	background-color:transparent;
}
.x-window-header-default .x-tool-img,.x-tool-over .x-tool-close{
	background-image:url(../images_app/menu/menu_sprites.png);
	background-position: 0 -65px;
	opacity:0.8;
}
.x-tool-over .x-tool-close{
	opacity:1;
}

.x-btn-default-small,
.x-btn-over.x-btn-default-small,
.x-btn-focus.x-btn-default-small{
	background:#eb8d8c! important;
	border:none;
	border-radius: 3px! important;
}
.x-btn-default-small-tl, 
.x-btn-default-small-bl, 
.x-btn-default-small-tr, 
.x-btn-default-small-br, 
.x-btn-default-small-tc, 
.x-btn-default-small-bc, 
.x-btn-default-small-ml, 
.x-btn-default-small-mr,
.x-btn-default-small-mc,
.x-btn-focus .x-btn-default-small-tl,
.x-btn-focus .x-btn-default-small-bl,
.x-btn-focus .x-btn-default-small-tr,
.x-btn-focus .x-btn-default-small-br,
.x-btn-focus .x-btn-default-small-tc,
.x-btn-focus .x-btn-default-small-bc,
.x-btn-focus .x-btn-default-small-ml,
.x-btn-focus .x-btn-default-small-mr,
.x-btn-focus .x-btn-default-small-mc,
.x-btn-over .x-btn-default-small-tl,
.x-btn-over .x-btn-default-small-bl,
.x-btn-over .x-btn-default-small-tr,
.x-btn-over .x-btn-default-small-br,
.x-btn-over .x-btn-default-small-tc,
.x-btn-over .x-btn-default-small-bc,
.x-btn-over .x-btn-default-small-ml,
.x-btn-over .x-btn-default-small-mr,
.x-btn-over .x-btn-default-small-mc,
.x-btn-focus.x-btn-over .x-btn-default-small-tl,
.x-btn-focus.x-btn-over .x-btn-default-small-bl,
.x-btn-focus.x-btn-over .x-btn-default-small-tr,
.x-btn-focus.x-btn-over .x-btn-default-small-br,
.x-btn-focus.x-btn-over .x-btn-default-small-tc,
.x-btn-focus.x-btn-over .x-btn-default-small-bc,
.x-btn-focus.x-btn-over .x-btn-default-small-ml,
.x-btn-focus.x-btn-over .x-btn-default-small-mr,
.x-btn-focus.x-btn-over .x-btn-default-small-mc,
.x-btn.x-btn-menu-active .x-btn-default-small-tl,
.x-btn.x-btn-menu-active .x-btn-default-small-bl,
.x-btn.x-btn-menu-active .x-btn-default-small-tr,
.x-btn.x-btn-menu-active .x-btn-default-small-br,
.x-btn.x-btn-menu-active .x-btn-default-small-tc,
.x-btn.x-btn-menu-active .x-btn-default-small-bc,
.x-btn.x-btn-menu-active .x-btn-default-small-ml,
.x-btn.x-btn-menu-active .x-btn-default-small-mr,
.x-btn.x-btn-menu-active .x-btn-default-small-mc,
.x-btn.x-btn-pressed .x-btn-default-small-mc,
.x-btn.x-btn-pressed .x-btn-default-small-ml,
.x-btn.x-btn-pressed .x-btn-default-small-mr,
.x-btn.x-btn-pressed .x-btn-default-small-tl,
.x-btn.x-btn-pressed .x-btn-default-small-bl,
.x-btn.x-btn-pressed .x-btn-default-small-tr,
.x-btn.x-btn-pressed .x-btn-default-small-br,
.x-btn.x-btn-pressed .x-btn-default-small-tc,
.x-btn.x-btn-pressed .x-btn-default-small-bc,
.x-btn-focus.x-btn-menu-active .x-btn-default-small-tl,
.x-btn-focus.x-btn-menu-active .x-btn-default-small-bl,
.x-btn-focus.x-btn-menu-active .x-btn-default-small-tr,
.x-btn-focus.x-btn-menu-active .x-btn-default-small-br,
.x-btn-focus.x-btn-menu-active .x-btn-default-small-tc,
.x-btn-focus.x-btn-menu-active .x-btn-default-small-bc,
.x-btn-focus.x-btn-menu-active .x-btn-default-small-ml,
.x-btn-focus.x-btn-menu-active .x-btn-default-small-mr,
.x-btn-focus.x-btn-menu-active .x-btn-default-small-mc,
.x-btn-focus.x-btn-pressed .x-btn-default-small-mc,
.x-btn-focus.x-btn-pressed .x-btn-default-small-ml,
.x-btn-focus.x-btn-pressed .x-btn-default-small-mr,
.x-btn-focus.x-btn-pressed .x-btn-default-small-tl,
.x-btn-focus.x-btn-pressed .x-btn-default-small-bl,
.x-btn-focus.x-btn-pressed .x-btn-default-small-tr,
.x-btn-focus.x-btn-pressed .x-btn-default-small-br,
.x-btn-focus.x-btn-pressed .x-btn-default-small-tc,
.x-btn-focus.x-btn-pressed .x-btn-default-small-bc{
	background-image: none;
	background-color: #eb8d8c;
}
.x-btn-focus.x-btn-default-small .x-btn-wrap{
	border:none;
	outline:none;
}

input::-ms-clear,
input::-ms-reveal{
	display: none;
} 
.x-form-trigger-wrap{
    border-width: 1px;
    border-radius: 3px;
    border-style: solid; 
    background: #fff;
    border-color: #ccc;
}
.x-form-text-wrap-default{
	border-width: 0;
	border-style: none;
}
.x-form-trigger-wrap-focus{
	border-color: #eb8d8c;
}