/**
 * 测评登陆页面
 * 
 * @version $Id: file.css.tpl 10 2013-09-10 09:53:25Z liqt $
 * @creator shengyj @ 2013-12-21 17:13:03 by scap-builder-0.0.4
 * @template version: 2013090901
 */

@media all {
	header {
		height: 480px;
	}
	
	header .ym-wrapper {
        width: 100%;
        min-width: 920px;
        overflow: hidden;
    }
    
	/* 顶部导航栏 */
    nav#nav-top {
        width: 100%;
        min-width: 920px;
        line-height: 26px; 
        font-size: 12px;
        height: 26px; 
        background: none repeat scroll 0 0 #F7F7F7;
        border-bottom: 1px solid #DCDCDC;
    }
    
    nav#nav-top .ym-wbox {
    	text-align: right;
    }
    
    nav#nav-top a.collect {
    	padding-right: 6px;
    	color: #666666;
    }
    
    nav#nav-top a.collect {
    	color: #666666;
    }
    nav#nav-top a.collect:hover {
    	color: #F17123;
    }
    
    nav#nav-top span.split {
    	color: #CCCCCC;
    }
    
    nav#nav-top span.slogan {
    	padding-left: 6px;
    	font-weight: bolder;
    }
    
    nav#nav-top span.tellphone {
		color: #F17123;
    	font-size: 14px;
    	font-weight: bold;
    }
    
    /* 头部 */
    header .banner {
    	position: relative;
    	height: 80px;
    	width: 920px;
    	margin: 0 auto;
    }
    
    header .banner div.logo {
    	height: 50px;
    	width: 230px;
    	position: absolute;
    	left: 0;
    	top: 24px;
    }
    
    header .banner .slogan {
    	background: url("../images/login.slogan.gif") no-repeat scroll right center transparent;
    	height: 80px;
    	width: 256px;
    	position: absolute;
    	right: 0;
    }
    
    /*轮询图图片区域设置*/
    .slider {
        height: 400px;
        overflow: hidden;
        min-width: 920px;
        text-align: center;
        width: 100%;
        position: relative;
    }
    
    .slider .slider-wrapper, header .img-slider img{
        height: 400px !important;/*原始图片高度*/
        width: 2000px !important;/*原始图片宽度*/
    }
    
    /*使用theme-bar模板的控制条修改*/
    .slider .slider-wrapper .nivo-controlNav {
        background: transparent;
        border: none;
    }
    
    /* 菜单导航栏 */
    nav#nav-menu {
    	display: none;
    }
    
    /* 登陆入口 */
   	#main .ym-wrapper {
        width: 100%;
    }
    
    #main .login-content {
    	height: 61px;
    	width: 100%;
    	background: url("../images/login.bg.jpg") repeat scroll 0 0 transparent;
    }
    
    #main .login-content .login {
    	line-height: 61px;
    	width: 920px;
    	margin: auto;
    }

	.login-id , .login-pwd{
		width: 295px;
		height: 61px;
		float: left;
		position: relative;
	}
	
	.login-pwd {
		margin-left: 44px;
	}

	.login-id label, .login-pwd label {
		display: inline-block;
		height: 61px;
		line-height: 61px;
	}
	
	.login-id .text, .login-pwd .text {
		display: inline-block;
		font-size: 14px;
		font-weight: bold;
		color: #FFFFFF;
		height: 61px;
		line-height: 61px;
	}
	
	.login-id .icon, .login-id input, .login-pwd .icon, .login-pwd input {
		position: absolute;
		top:15px;  
		height: 29px;
		border: 1px solid #C14112;
	}
	
	.login-id .icon, .login-pwd .icon {
		display: inline-block;
		width: 38px;
		border-right: none;
		left: 60px;
	}
	
	.login-id .icon {
		background: url("../images/login.user-icon.png") no-repeat scroll center ;
	}

	.login-pwd .icon {
		background: url("../images/login.pwd-icon.png") no-repeat scroll center;
	}
	
	.login-id input, .login-pwd input {
		width: 162px;
		position: absolute;
		left: 99px;
		line-height: 29px;
		border-left: none;
		padding-right: 30px;
	}
	
	.login .clear {
		width: 18px;
		height: 18px;
		display: inline-block;
		position: absolute;
		background: url("../images/login.clear-icon.png") no-repeat scroll center;
		right: 10px;
		top: 22px;
		cursor: pointer;
	}
		
	.login-btn {
		float: left;
		height: 31px;
		width: 158px;
		margin-left: 44px;
		border: medium none;
    	cursor: pointer;
		position: absolute;
		top: 15px;
		color: #F17123;
		font-weight: bold;
		font-size: 14px;
    	border: 1px solid #C14112;
		background: url("../images/login.btn.png") no-repeat scroll center;
	}	
	
    /* 首页内容 */
    /* yaml-column布局 */
    #main .ym-wrapper .ym-column {
    	width: 660px;
    	margin: 0 auto;
    } 
    
    #main .ym-column {
        display: block;
        overflow: hidden;
        padding-right: 260px; /* column width */
        width: auto;
    }
    
    #main .ym-col1 { /* content */
        float: left;
        width: 100%;
    }
    
    #main .ym-col3 { /* sidebar */
        float: left;
        width: 260px; /* column width */
        margin: 0 -260px 0 0;
    }
    
    /* 左侧内容 */
	#main .ym-cbox {
    	padding: 0 16px 0 0;
	}
    
	#main .ym-cbox .ym-grid .ym-gl, .ym-gr {
    	height: 100px;
    	margin: 24px 52px 0 0;
    	width: 270px;
    	border-bottom: 1px dotted #E4E4E4;
	}
	#main .ym-cbox .ym-grid .ym-gl.last, .ym-gr.last {
    	border-bottom: 0;
	}
	
	#main .ym-cbox .ym-grid .title {
		font-size: 12px;
		font-weight: bolder;
		height: 24px;
	}
	
	#main .ym-cbox .ym-grid img {
		width: 57px;
		height: 57px;
		float: left;
		padding: 4px 10px 0 0;
	}
	
	#main .ym-cbox .ym-grid .description {
		color: #4C4C4C;
	    float: left;
	    height: 47px;
	    line-height: 18px;
	    padding-top: 14px;
	    width: 202px;
	    font-size: 12px;
	}
	
	/* 右侧内容 */
	#main .ym-col3 .survey {
		height: 124px;
    	width: 260px;
    	margin-top: 24px;
	}
	#main .ym-col3 .survey a img {
		height: 124px;
    	width: 260px;
	}
	
	#main .ym-col3 .survey span.title {
		opacity: 0.6;
		background-color: #333;
		height: 20px;
		line-height: 22px;
		display: block;
		color:#fff;
		margin-top: -24px;
		text-align: center;
	}
	
	#main .ym-col3 .xunxi, .gonggao {
		height: 104px;
    	width: 260px;
	}
	
	#main .ym-col3 .title {
		font-size: 12px;
		height: 24px;
		font-weight: bolder;
		margin-top:12px;
	}
	
	#main .ym-col3 .item {
		color: #4C4C4C;
	    display: block;
	    height: 16px;
	    line-height: 16px;
	    margin-bottom: 7px;
	    width: 243px;
	    font-size: 12px;
	}
	
	#main .ym-col3 .gonggao img{
		padding-bottom:12px;
	}
	
	/*最新信息*/
	#main ul li {
    	padding-left: 15px;
    	line-height: 23px;
    	margin-left: 0;
	    background: url("../images/title-icon.jpg") no-repeat scroll left center transparent;
    }
    
    .scap-line-truncate {
	    overflow: hidden;
	    white-space: normal;
	}
    
    #main ul li span.date {
    	float: right;
    	color: #666;
    }
    
    ul, ol, dl {
    	margin: 0;
	}
}