@charset "utf-8";

/*v2.0*/
.publicfont{font-size: 20px !important; color: #4f5660 !important;}
.underline{ text-decoration: underline;}
.fs20{font-size: 20px;}

#conferenceBody{height: auto;background: #fff;}

.cfLoginContainer{width: 395px; height: auto; overflow: hidden; z-index: -999; margin:0 auto;}
.cfLoginText{ margin: 0 auto 50px auto;height:auto; overflow:hidden; color: #3d3d3d; }
.cfLoginText p{font-size: 12px; line-height: 27px;padding-left: 42px;}
.cfLoginText a{ text-decoration: underline; font-weight: bold; font-size: 14px; color: #f7580a;}
.cfLoginText a:hover{ color: #f78a0a}

.cfLoginType{ margin: 20px 42px 40px 50px;}
.cfLoginType p{ line-height: 30px;font-size: 16px;color: #424242;}

.cfLoginCnt{ height: auto; overflow: hidden; margin: 0 0 40px 50px;}
.cfLoginCnt label{ font-size: 12px; color: #3c3c3c; display: block; padding-bottom: 10px;}
.cfLoginCnt input{ height: 47px;width: 270px; padding-left: 10px;margin-bottom: 40px;line-height: 47px;border:1px solid #d2d2d2;background: #fff;}

#enterConferenceBut{ width:280px; display:block;margin-top: 6px; font-size: 20px; color: #fff; text-align: center; height: 49px; line-height: 49px; background: #1d9de6;border-radius: 4px;
    -webkit-transition: linear 0.2s;
    -moz-transition: linear 0.2s;
    -ms-transition: linear 0.2s;
    -o-transition: linear 0.2s;
    transition: linear 0.2s;

}
#enterConferenceBut:hover{ background:#007CC3;}

#mask{height: 100%; width: 100%; background-color:#000; position: fixed;filter:alpha(opacity=50);opacity:0.5; display: none; top: 0px;z-index: 2;}
.maskConferenceBox{width:480px; height:240px; position: absolute;top:50%;left: 50%; margin: -120px 0 0 -240px;background:url(../images/mask.png) no-repeat; display: none;z-index: 100;}

#cfStartUpStep2 a#ConferenceIcon1,#cfStartUpStep3 a#ConferenceIcon2{ background: url(../images/conferenceRoomClose.jpg) no-repeat; width: 20px; height: 20px; display: block; position: absolute; top: 6px; right: 6px;}
#cfStartUpStep2 a#ConferenceIcon1:hover,#cfStartUpStep3 a#ConferenceIcon2:hover{background: url(../images/conferenceRoomHoverClose.jpg) no-repeat;}

/*step1*/
#cfStartUpStep1{ display: none;}
#loadingConferenceBox h3{ background:url(../images/waitingIcon.gif) left center no-repeat; font-weight:normal;padding-left: 66px; width: auto; margin:98px auto 0 80px; height: 44px; line-height: 44px;}

/*step2*/
#cfStartUpStep2{ display: none;}
#cfStartUpStep2 a{ width: 120px; line-height: 34px; height: 34px; display: inline-block; text-align: center; font-size: 14px; color: #fff;}
#cfStartUpStep2 p{ margin: 70px auto 40px auto;}
#startupSuccess{ background:url(../images/startSucBtn.jpg) no-repeat 0 0; margin: 0 20px 0 110px;}
#startupSuccess:hover{background:url(../images/startSucBtnfocus.jpg) no-repeat 0 0;}
#startupFail{background:url(../images/startfailedBtn.jpg) no-repeat 0 0;}
#startupFail:hover{background:url(../images/startfailedBtnfocus.jpg) no-repeat 0 0;}

/*step3*/
#cfStartUpStep3{ display: none;}
#cfStartUpStep3 p{ line-height: 40px; margin-top: 90px;}
#cfStartUpStep3 a{ font-weight: bold; color: #1b9bf4; font-size: 20px;}
#cfStartUpStep3 a:hover{color: #0b6dd1; text-decoration: underline;}
#roomInfoDiv{word-break:break-all; width:300px;}