@import url("reset.css");
@import url("index.css");
/*字体生成*/

 
@font-face {
   font-family: 'icofont';
    src: url('../font/icofont.eot');
    src: url('../font/icofont.eot?#iefix') format('embedded-opentype'),
         url('../font/icofont.woff') format('woff'),
         url('../font/icofont.ttf') format('truetype'),
         url('../font/icofont.svg#icofont') format('svg');
    font-weight: normal;
    font-style: normal;
}


.arrowTag{
    
    float: right;
    
    margin-right:6px;

    color:#9FA0A0;

    font-size:13px;

    line-height:29px;

}


.ico{

    font-family:"icofont";
    display: inline-block;
    *display: inline;
    *zoom:1;
}

.arrowup:before{content:"\0021";}
.arrowdown:before{content:"\0023";}
.arrowright:before{content:"\0022";}

body {
    margin:0;
    height: 100%;
    background: #FFF;
    font:14px/1.5  Helvetica,STHeiti STXihei, Microsoft JhengHei, Arial;
    color: #000;
    -webkit-user-select: none;
    user-select: none;
   -webkit-text-size-adjust:none;
   overflow: hidden;

}

/*
    公用类
*/

.col1{width:10%;float: left;}
.col2{width:20%;float: left;}
.col3{width:30%;float: left;}
.col4{width:40%;float: left;}
.col5{width:50%;float: left;}
.col6{width:60%;float: left;}
.col7{width:70%;float: left;}
.col8{width:80%;float: left;}
.col9{width:90%;float: left;}
.col10{width:100%;float: left;}


/*
    公用table样式
*/
.table{
    
    width:100%;
    
  
    text-align:center

}

    .table thead {
        background: url(../img/thead-bg.png) repeat-x;
        background-size: auto 100%;
        line-height: 35px;
        text-align: center;
    }

.table tbody tr {
    border-bottom:1px solid #DCDDDD;
}
.table tbody tr:hover{
    background:#EFEFEF;
}
.table tbody tr td div{

    line-height:30px;
}

.tablelast{
    -moz-border-radius:0 5px 5px 0;
    -webkit-border-radius:0 5px 5px 0;
    border-radius:0 5px 5px 0;
    border-right:0 !important;

}

.tablefirst{
    -moz-border-radius:5px 0 0 5px;  
    -webkit-border-radius: 5px 0 0 5px;
    border-radius:5px 0 0 5px;
}
.review{
    font-weight:bold;
}
.review.no{
    color:#E0041B!important;
}
.review.yes{
    
    color:#00913A!important;
}


.table_container{width:100%;height:300px;margin:0 auto;}
.table_container table{width:100%;border-collapse: collapse;}
.table_container table tr td,.table_container table tr th {/*border:1px solid #D7ECFF*/;border-left:none;border-top:none;text-align:center;}
.table_header tr td {border-right:1px solid #C9CACA;border-left:1px solid #fff}
.table_container table tr th {height:35px;line-height:35px;background:#EFF9FF;font-size:14px;}
.table_container table tbody tr:hover{ background:#EFEFEF;}
.table_container table tr td{height:30px;line-height:30px;color:#000;font-size:12px; border-bottom:1px solid #DCDDDD;}
.table_content{height:265px;overflow-y:auto;overflow-x:hidden;}


.tablefix{
    width:100%;
    table-layout:fixed;

}
.tablefix thead{

    text-align:center;
    color: #000;
    line-height:32px;
    background:#D1D1D3;

}
.tablefix thead tr td{

    border-right:1px solid #fff;
    border-bottom:1px solid #fff;

}

.tablefix thead tr td span{

    font-weight:bold;
    font-size:26px;
}

.tablefix thead td#all{

   background:#000000;
    color:#fff !important;
   border-right:1px solid #000000;
   border-bottom:1px solid #000000;

}
.tablefix thead td#ko{

   background:#E0051D;
    color:#fff !important;
    border-right:1px solid #E0051D;
   border-bottom:1px solid #E0051D;

}
.tablefix thead td#null{
    background:#fff !important;
}
.tablefix thead td#big{

  background:#F39801;
    color:#fff !important;
   border-right:1px solid #F39801;
   border-bottom:1px solid #F39801;

}
.tablefix thead td#cbl{

    background:#8FC320;
    color:#fff !important;
    border-right:1px solid #8FC320;
    border-bottom:1px solid #8FC320;

}
.tablefix thead td#sbl{

    background:#0BA29B;
    color:#fff !important;
    border-right:1px solid #0BA29B;
    border-bottom:1px solid #0BA29B;
}
.tablefix thead td#zhuhai{

   background:#920884;
   color:#fff !important;
   border-right:1px solid #920884;
   border-bottom:1px solid #920884;
}


.tablefix tbody tr {
    /* border-bottom:1px solid #DCDDDD;*/
     
}
.tablefix tbody tr:hover{
    background:#EFEFEF;
}
.tablefix tbody tr td{

    text-align:center;
    border-right:1px solid #DCDDDD;
    border-top:1px solid #DCDDDD;
    border-bottom:1px solid #DCDDDD;
    line-height:27px;
}

.tablefix tbody tr td div{

    line-height:30px;
}

.tablefix tbody tr td.title{

    background:#D1D1D3;
    border-radius:6px 0 0 6px;
    border:1px solid #fff;
}

/*头部**/


#konnectorTop {
    height:70px;
    line-height: 70px;
    background: url(../img/header.png);
    text-align: center
}

#konnectorTop a{line-height:70px;}
/*menu*/
.menu{
    height:29px;
    width:100%;
    border-bottom:1px #C9CACA solid;
    background:#C9CACA;
}

.menu ul{
   
}

.menu ul li{

    width:20%;

    float: left;

    background:url(../img/menu_bg.png) repeat-x;

    line-height:29px;

    font-size:16px;

    font-weight:bold;

    text-align:center;

    border-right:1px #fff solid;

    border-left:1px #C9CACA solid;

    position: relative;

    letter-spacing:2px
}
.menu>ul>li>span:hover{

    /*color:#E0041B;*/
    cursor:pointer;
}
.menu>ul>li>span.active{

    color:#E0041B;
    cursor:pointer;
}

.menu>ul>li>ul{
    display: none;
    position: absolute;
    top:29px;
    left:0;
    z-index: 99;
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}
    .menu > ul > li > ul > li > ul {
        /*display: none*/
        position: absolute;
        width: 100%;
        left: 100%;
        background: #a5a5a5;
        top: 0px;
        border-top: 1px #fff solid;
        border-right: 1px #fff solid;
        overflow: hidden;
        display: none;
    }
        .menu > ul > li > ul > li > ul > li {
            width: 100%;
            float: left;
            background: none;
            line-height: 29px;
            font-size: 15px;
            font-weight: bold;
            text-align: center;
            border-bottom: 1px #ffffff solid;
            color: #ffffff;
            cursor: pointer;
            position: relative;
            letter-spacing: 2px;
        }

     .menu > ul > li > ul>li>ul>li:hover{
         background:#E0041B;
         color:#fff;
     }

.menu>ul>li>ul.one{
    
    position: absolute;

    top:29px;

    left:1px;
}
.menu>ul>li>ul>li{
    /*margin-top:1px;*/
    border-top:1px solid #fff;
    width: 100%;
}
.menu>ul>li>ul>li>a{
    background:#a5a5a5;
    display: block;
    color:#fff;
    font-size:15px;
}
.menu>ul>li>ul>li>a:hover{
    
    background:#E0041B;
    color:#fff;
    padding-right: 5px;
}
.menu ul li a{

    display: block;
}

.menu ul li.userT{
    /*强制换行*/
    white-space:nowrap; 
    background:#C9CACA;
    line-height:29px;
    font-size:11px;
    border-right:0;
    letter-spacing: 0;
    overflow: hidden;

}
.menu ul li.userT{

    /*强制换行*/

    white-space:nowrap; 

    color:#000;
    
    cursor:auto;
}

/*
        body
*/
#kelebody{

    position: relative;

    width:86%;

    margin:15px auto 0;

    overflow: hidden;

}

#kelebody-version{

  
    width:86%;

    margin:15px auto 0;


}

.banner-tittle{

    width:100%;
    
    border-radius:5px;

    color:#fff;

    background: url(../img/body_banner_bg.png) repeat-x;

    height:35px;

    line-height:35px;

    text-align:center;

    font-size:16px;

    font-weight:bold;

    letter-spacing:3px
    
}

/*
    body内容
*/
.kelebody-content{
        overflow:hidden;
        margin-top:5px;
    display: inline-block;
      width: 100%;
}
.kelebody-footer{
    width: 100%;
    position: absolute;
    bottom:20px;
    left:0;
    background:url(../img/body-bottom-bg.png) repeat-x;
    line-height:32px;
    height:32px;
    text-align:center;
    border-top:2px solid #E60012;
    border-radius:0 0 5px 5px;
}

.footer{
   
    background:url(../img/body-bottom-bg.png) repeat-x;
    line-height:32px;
    height:32px;
    text-align:center;
    border-top:2px solid #E60012;
    border-radius:0 0 5px 5px;
    margin:0 auto;
    color: #9D9A98;
    font-size:13px;
    width:86%;

}

.footer.abs{
    position: absolute;
    left:50%;
    margin-left:-43%;
    bottom:1px;
}

.submit-div{
    margin-top:1px;    
}
.btn {

    background:url(../img/menu_bg.png) repeat-x ;
    border-radius:4px;
    height:27px;
    width:66px;
    border:1px solid #E0041B;
    line-height:27px;
    color:#E0041B;
    font-size:13px;
    *line-height:20px;  /*IE7*/

}

.btn:hover{

  color: #000;

}

.btn.copySel{

    height:24px;

    line-height:24px;

    margin-top:5px;

    position: relative;

    width:66px;

    margin: 5px auto;

    cursor:pointer;
}

.btn.copySel ul{

    position: absolute;

    top:25px;

    left:0px;

    width:66px;

    z-index:1000;

    display: none;

}
.btn.copySel ul li{

    border:1px solid #CBCECD;
    background:#fff;
}

.btn.copySel ul li:hover{

    background:#f7f7f7;
}

.btn.copySel ul li.allow{

    border-bottom:0;

    color:#00903D;
}

.btn.copySel ul li.refuse{

  

    color:#E7263B;
}



.btn.cancel{
    border:1px solid #9fa0a0;
    color:#231815;
    margin-left:15px;

}


.otherAllSelect{
    position: absolute;
    bottom:0px;
    left:10px;
    line-height:32px;
    height:32px;

}
.otherAllSelect label span{
    padding-left:20px;
    font-weight:bold;
}
.otherAllSelect label input{position:relative;*top:1px;margin:0 4px 0 0;*margin:0 0 0 -4px;}

/*
    footer
*/
.keleFooter{
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    overflow:auto;
    z-index:100;
    text-align:center;
    background:#fff;
    padding:15px 0  5px 0;
    font-size:12px;
    color:#595757;
}


/*login*/

#login{
    
    height:100%;
    
    width:100%;

    background:url(../img/login-bg.jpg) repeat-x #dcdddd;

}

#logo-box{

    position: absolute;

    width:344px;

    height:350px;

    top:50%;

    margin-top:-177px;

    left:50%;

    margin-left:-174px;

    padding:2px;
}

.login-logo{

    width:323px;

    margin:0 auto;
}
.login-logo img{

    width:323px;
}

.login-input-div{

    margin:10px auto 5px;

    width:323px;

    text-align:center;


}

.login-input-div>input{

    width:318px;

    height:42px;

    line-height:42px;

    padding-left:5px;

    background:url(../img/login-bg-input.png) -2px 0;


}

.login-submit-box{

    margin:0px auto;

    width:323px;

}

.login-submit-box .fl label{

    height:32px;
    line-height:32px;
}

.login-submit-box .fl label input{position:relative;*top:6px;top:2px;margin:0 10px 0 0;*margin:0 0 0 -6px;}

.login-submit-box button.submint-bg{
    border:0;
    text-align:center;
    width:63px;
    height:32px;
    line-height:32px;
    font-size:16px;
    color: #E83828;
    background:url(../img/login-bg-input.png) no-repeat -2px -59px;

}

.login-submit-box button.cancel-bg{

    border:0;
    text-align:center;
    width:63px;
    height:32px;
    line-height:32px;
    font-size:16px;
    color: #727171;
    background:url(../img/login-bg-input.png) no-repeat -2px -59px;
    
}
#ribbon{
    
    width:100%;
    position: absolute;
    bottom:0;
    left:0;
    z-index:-1;

}
#ribbon img{
    
    width:100%;

}
.signature{

    position: absolute;
    bottom:10px;
    right:20px;
    z-index:-1;
    font-size:12px;
    color:#595757;
}


/*素材管理*/
#icoMenu{

    width:40%;
    text-align:center;
    margin:0px auto 10px;
    height:29px;
    border:1px solid #E0041B;
    border-radius:4px;
    background:url(../img/menu_bg.png) repeat-x;
    position:relative;

}

#icoMenu .arrow-up {
    position: absolute;
    top:10px;
    right:10px;
    width:0; 
    height:0; 
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #9FA0A0;
    z-index:0;
}

#icoMenu .arrow-down {
    position: absolute;
    top:10px;
    right:10px;
    width:0; 
    height:0; 
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #9FA0A0;
    z-index:0;
}

#icoMenu div#cert{
    text-align:center;
    line-height:29px;
    color: #E0041B;
    width:100%;
    cursor: pointer;
}
#icoMenu>ul{
    z-index:1000;
    position: absolute;
    top:31px;
    left:50%;
    display: none;
}
#icoMenu>ul>li{
  border:1px solid #C9CACA ;
  height:30px;
  color: #898989;
  line-height:30px;
  margin-top:2px;
  cursor: pointer;
  background:#fff;
}

#icoMenu>ul>li:hover{

 background:#DF041A;
 color:#fff;
 border:1px solid #DF041A ;
}

/**/

.icoMenu{

    width:20%;
    text-align:center;
    margin:0px auto 10px;
    height:29px;
    border:1px solid #E0041B;
    border-radius:4px;
    background:url(../img/menu_bg.png) repeat-x;
    position:relative;
    display:inline-block;
    *display: inline;
    *zoom:1

}

.icoMenu .arrow-up {
    position: absolute;
    top:10px;
    right:10px;
    width:0; 
    height:0; 
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #9FA0A0;
    z-index:0;
}

.icoMenu .arrow-down {
    position: absolute;
    top:10px;
    right:10px;
    width:0; 
    height:0; 
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #9FA0A0;
    z-index:0;
}

.icoMenu div.cert{
    text-align:center;
    line-height:29px;
    color: #E0041B;
    width:100%;
    cursor: pointer;
}
.icoMenu>ul{
    z-index:1000;
    position: absolute;
    top:31px;
    left:50%;
    display: none;
}
.icoMenu>ul>li{
  border:1px solid #C9CACA ;
  height:30px;
  color: #898989;
  line-height:30px;
  margin-top:2px;
  cursor: pointer;
  background:#fff;
}

.icoMenu>ul>li:hover{

 background:#DF041A;
 color:#fff;
 border:1px solid #DF041A ;
}

.icoMenu>ul>li>ul{
 display: none;
 position: absolute;
}
.icoMenu>ul>li>ul>li{
  border:1px solid #C9CACA ;
  height:30px;
  color: #898989;
  line-height:30px;
  margin-top:2px;
  cursor: pointer;
  background:#fff;
}

.icoMenu>ul>li>ul>li:hover{

 background:#DF041A;
 color:#fff;
 border:1px solid #DF041A ;
}



.icoMenu_v{

    width:331px;
    text-align:center;
    margin:0px auto 10px;
    height:29px;
    border:1px solid #E0041B;
    border-radius:4px;
    background:url(../img/menu_bg.png) repeat-x;
    position:relative;
    display:inline-block;
    *display: inline;
    *zoom:1

}
.icoMenu_v ul#bankuai{
    width:100px;
}
.icoMenu_v ul#zhuangpingAll{
    width:230px;
    margin-right: 2px;
}
.icoMenu_v .arrow-up {
    position: absolute;
    top:10px;
    right:10px;
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #9FA0A0;
    z-index:0;
}

.icoMenu_v .arrow-down {
    position: absolute;
    top:10px;
    right:10px;
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #9FA0A0;
    z-index:0;
}

.icoMenu_v div.cert_v{
    text-align:center;
    line-height:29px;
    color: #E0041B;
    width:100%;
    cursor: pointer;
}
.icoMenu_v>ul{
    z-index:1000;
    position: absolute;
    top:31px;
    left:50%;
    display: none;
}
.icoMenu_v>ul>li{
    border:1px solid #C9CACA ;
    height:30px;
    color: #898989;
    line-height:30px;
    margin-top:2px;
    cursor: pointer;
    background:#fff;
}

.icoMenu_v>ul>li:hover{

    background:#DF041A;
    color:#fff;
    border:1px solid #DF041A ;
}

.icoMenu_v>ul>li>ul{
    display: none;
    position: absolute;
}
.icoMenu_v>ul>li>ul>li{
    border:1px solid #C9CACA ;
    height:30px;
    color: #898989;
    line-height:30px;
    margin-top:2px;
    cursor: pointer;
    background:#fff;
}

.icoMenu_v>ul>li>ul>li:hover{

    background:#DF041A;
    color:#fff;
    border:1px solid #DF041A ;
}
/**/
.activebody{
    width:38%;
    margin: 0 auto;
    text-align:center;
}
.contentactivebody{
    width:100%;
    margin: 0 auto;
    text-align:center;
}
.contentactivebody .prevImg,.contentactivebody .nextImg{
    width:45%;
}
.contentactivebody .prevImg textarea,.contentactivebody .nextImg textarea{
    width:98%;
    height:100px;
    margin:0 auto !important;
    border: 1px solid #bfbfbf; 
    color:#000;
}
.contentactivebody .prevImg  .title,.contentactivebody .nextImg .title{
   width:98%;
   line-height:24px;
   text-align:center;
   background:#C9CACA;
   margin:4px auto !important;
   border: 1px solid #C9CACA; 
}
#prevImg{

    float: left;
}
#nextImg{

    float: right;
}
 #nextImg img{

    width:120px;
    height:120px;
}

 #prevImg img{

    width:120px;
    height:120px;
}
#oldcontent input{
    width:100%;
    border: 1px solid #bfbfbf; 
    border-radius:4px;
    height:200px;
}

.tag{

    line-height:160px;

    font-size:32px;

    color:#E0041B;

    text-align:center;

}
#manageBody .title{

    margin: 0px 0px  6px;
    font-weight:bold;

}

#uploadImg{
    
    width:60%;
    margin: 0 auto ;
}
#uploadImg p{
    font-weight:bold;
    line-height:30px
}
/*美化input样式*/
.btn_addPic{ 
    display: block; 
    position: relative; 
    width: 100px; 
    height: 27px; 
    overflow: hidden; 
    border: 1px solid #bfbfbf; 
    background:url(../img/menu_bg.png) repeat-x; 
    color: #000; 
    cursor:pointer; 
    text-align: center; 
    border-radius:4px;
} 
.btn_addPic span{
    display: block;
    line-height: 27px;
    font-size:13px;
} 
/*.btn_addPic em { 
    background:url(../img/addImg.png) 0 0; 
    display: inline-block; 
    width: 18px; 
    height: 18px; 
    overflow: hidden; 
    margin: 10px 5px 10px 0; 
    line-height: 20em; 
    vertical-align: middle; 
} 
.btn_addPic:hover em{
    background-position:-19px 0;
} */
.filePrew { 
    display: block; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100px; 
    height: 40px; 
    font-size: 120px; /* 增大不同浏览器的可点击区域 */ 
    opacity:0; /* 实现的关键点 */ 
    filter:alpha(opacity=0);/* 兼容IE */ 
    cursor:pointer;
    text-indent:2em;
} 

#getPicPath{

    border-radius:4px;

    /*border:2px solid #9FA0A0;*/
    border: 1px solid #bfbfbf; 

     background:url(../img/menu_bg.png) repeat-x; 

     width:100%;

     line-height:30px;

     margin:3px auto;
}

/*
    *
    *表表
    *
*/

.reportTableBody a{


}

.reportTableBody a:hover{

        color: #D5041A;
}

.seeTable{margin-bottom:5px;}

.seeTable .table_container table tr td{border-right:0 !important;}





/****************** Neo *******************/
.topic-panel {
	margin:2px 0px;
	min-height:206px;	
}
 /******background-size属性 IE8及以下浏览器版本，暂时不支持这个属性********/
    /*
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='../img/topic-icon.png',
    sizingMethod='scale');*/    

.topic-title {height:76px;overflow:hidden;}
.topic-title .left {float:left;line-height:76px;font-size:24px;}
.topic-title .right {float:right;line-height:76px;}
.topic-title .linkbtn {
	display:inline-block;
	margin-left:15px;
	width:86px;
	height:38px;
	line-height:38px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#333;
	background:url("../img/linkbtn-bg.png") no-repeat center center;
}
.topic-line {clear:both;height:1px;background:#666;overflow:hidden;}
.topic-summary {margin:15px 0px 0px 0px;}
.topic-summary p {line-height:32px;font-size:16px;}
.topic-summary .highlight {color:#df031c;}
.topic-tabs {}
.tab-links {height:36px;border-bottom:1px solid #ccc;overflow:none;}
.tab-links a {
	display:inline-block;
	margin-right:15px;
	width:80px;
	height:36px;
	line-height:36px;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#444;
}
.tab-links .active {color:#000;background:#fff;border:1px solid #ccc;border-bottom:none;}
.tab-content {padding:10px 0px;}
.panel {margin:10px;border:1px solid #ccc;}
.panel-title {height:42px;line-height:42px;padding-left:10px;background:#f4f4f4;}
.panel-title .name {font-size:16px;font-weight:bold;margin:0px 10px;}
.panel-title .date {font-size:12px;color:#999;}
.panel-con {margin:15px 20px;}
.panel-con p {line-height:32px;font-size:16px;}
.panel-inner {margin:10px 20px;border:1px solid #ccc;}
.panel-inner-title {
	height:36px;
	line-height:36px;
	margin:0px 20px;
	border-bottom:1px solid #ccc;
}
.panel-inner-title .name {font-size:14px;font-weight:bold;margin-right:10px;}
.panel-inner-title .date {font-size:12px;color:#999;}
.panel-inner-con {margin:15px 20px;}
.panel-inner-con p {line-height:30px;font-size:14px;}
.panel-opts {margin:10px 20px;text-align:right;font-size:14px;font-weight:bold;}
.panel-opts .ck,
.panel-opts label {vertical-align:middle;}
.panel-opts .opt-collect {
	margin-left:15px;
	padding-left:25px;
	vertical-align:middle;
	background:url("../img/opt-collect.png") no-repeat left top;
}
.opt-list {
	display:block;
	position:absolute;
	top:2px;
	right:20px;
	width:28px;
	height:28px;
	font-size:0px;
	text-decoration:none;
	background:url("../img/opt-list.png") no-repeat center center;
	display:none;
}
.submit-div2{
    /*margin-top:10px;*/
    right:18px;    
    /*float:right;*/
    position:fixed;
    bottom:0px;
}
a.a-red {
    color: red;
}

    a.a-red:hover {
        text-decoration: underline;
        color: Green;
    }

/* resetPwd */
.fr-reset{
    text-align:center;
}
.error-message{
    color: red;
    width: 323px;
    margin: 2px auto

}

/* SSO 登录按钮样式 */
.sso-divider {
display: flex;
align-items: center;
justify-content: center;
margin: 15px auto 10px;
width: 323px;
}

.sso-divider-line {
flex: 1;
height: 1px;
background: linear-gradient(to right, transparent, #b5b5b5, transparent);
}

.sso-divider-text {
padding: 0 15px;
color: #888;
font-size: 13px;
font-weight: 500;
}

.sso-login-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 200px;
height: 42px;
margin: 0 auto;
border: 1px solid #E0041B;
border-radius: 21px;
background: linear-gradient(145deg, #ffffff, #f8f8f8);
color: #E83828;
font-size: 16px;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(224, 4, 27, 0.15);
position: relative;
overflow: hidden;
}

.sso-login-btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(120deg, transparent, rgba(224, 4, 27, 0.1), transparent);
transition: left 0.5s ease;
}

.sso-login-btn:hover {
background: linear-gradient(145deg, #E0041B, #c50318);
color: #ffffff;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(224, 4, 27, 0.35);
}

.sso-login-btn:hover::before {
left: 100%;
}

.sso-login-btn:active {
transform: translateY(0);
box-shadow: 0 2px 8px rgba(224, 4, 27, 0.25);
}

.sso-icon {
width: 20px;
height: 20px;
flex-shrink: 0;
}

.sso-login-btn span {
white-space: nowrap;
}