/* 登入頁 快速註冊功能 */

.my_conversationBoxWrapper
{
     margin-top: 15px;
}

.my_conversationBoxWrapper :hover .conversationBox_hiddenDiv
{   
    margin-left:93%;
}

.my_conversationBoxWrapper :hover .conversationBox_hiddenDiv_innerText
{   
     opacity:1;
}


.conversationBox_hiddenDiv_innerText
{
    transition: .2s linear;
    -webkit-transition: .2s linear;

    -webkit-transition-delay:.3s;
    transition-delay:.3s;

    opacity:0;
}


.conversationBox_hiddenDiv
{    
    transition: .2s linear;
    -webkit-transition: .2s linear;
    padding: 10px 0px 0px 10px;

    position: absolute;

    background: rgba(19, 121, 27, 0.59);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#479B3B,endColorstr=#479B3B);
    border: solid 1px #27A715;

    width: 100%;
    height: 100%;
    bottom: 0;
      left: 0;
    font-size:13px;
    font-weight:700;
    color:#FFF;
  
    margin-left:100%;
}


@-webkit-keyframes rorateLoop {
    0% { color:#4d87b9; }
    70% {  color:#4d87b9;  }
    95% {  color:#f1a447; -webkit-transform:rotate(0deg);  }
    100% { -webkit-transform:rotate(360deg); }
}
@-moz-keyframes rorateLoop {
    0% { color:#4d87b9; }
    70% {  color:#4d87b9;  }
    95% {  color:#f1a447; -webkit-transform:rotate(0deg);  }
    100% { -webkit-transform:rotate(360deg); }
}
@keyframes rorateLoop {
     0% { color:#4d87b9; }
    70% {  color:#4d87b9;  }
    95% {  color:#f1a447; -webkit-transform:rotate(0deg);  }
    100% { -webkit-transform:rotate(360deg); }
}






/*笑臉小提示*/



.my-conversationBox
{    
    overflow:hidden;

   font-size: 13px;
color: #F01B1B;
line-height: 24px;
border: 1px solid #EBEBEB;
background: #FFF;
padding: 12px 22px;
border-radius: 6px;
width: 100%;
position: relative;
margin: 0 auto;

}


.my-arrow-down {
position: absolute;
bottom: 3px;
right: 60px;
}

.my-arrow , .my-arrow-down .my-arrow-border {
border-color: #fff transparent transparent;
border-style: solid;
border-width: 11px;
position: absolute;
top: 3px;
z-index: 1002;
}


.my-arrow-down .my-arrow-border {
border-color: #D6D6D6   transparent transparent;
border-width: 12px;
top: 3px;
z-index: 1001;
left: -1px;
}



.smileIcon
{
    font-size: 36px;
    float: right;
    color:#4d87b9;
    
    -webkit-animation:rorateLoop 7s infinite;
    animation:rorateLoop 7s infinite;
}


.smileIconWrpper
{
    margin-right:30px;
    margin-top:15px;
    text-align: right;

}




.headerThreeBox:hover .headerThreeLeftWrapper
{

    -webkit-transition:linear 0.2s;
    transition:linear 0.2s;


    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
}


.headerThreeBox:hover .headerThreeBigTitle
{
    color:#D58F8F;
}




.messageTipText
{
    color: #8F8F8F;
    margin-top: 8px;
    display: inline-block;
}


.fastLoginTitle
{
    background: #428bca;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 700;

    border-color:#73BD7C;
    cursor:initial;
    width:100%;
    color:#FFF;

    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-image: none;
    border: 1px solid transparent;    
}


.headerThreeBox
{
    padding: 7px;
    border: solid;
    border-radius: 5px;
    border: solid 0px #E9E9E9;
}



.headerThreeBigTitle
{
    color:#8A8A8A;
    font-weight: 700;
    font-size: 15px;
}

.headerThreeText
{
    font-size:12px;
    color:#A8A8A8;
}

                     

.headerThreeLeftWrapper
{
    
    margin-right:10px;
    float: left;
    padding: 10px 10px 10px 10px; 
    font-size: 18px;
    color: #FFF;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    text-align: center;
    vertical-align: middle;
    background: #F73D3D;
}




.btn-fastLogin
{
    float:right;
    margin-right:7px;
}

.registerBoxWrapper:hover
{
    color:red;
}
.headerMessage
{
    color:#3EB433;
    font-size:15px;
    font-weight:700;
}


.registerInfoWrapper > .row > .col-md-2
{
    /*font-weight:700;*/
    color:#797979;
}


.fastRegisterBoxFullWrapper
{
    background: #FFF;
    padding:7px;    
    border-radius:5px;
}

    .fastRegisterBoxFullWrapper > .headerRow
    {
        border-bottom:solid 1px #CCC;
        margin:5px;
        padding:8px;
    }


.registerInfoWrapper > .row
{
    color:#e9e9e9;
    margin: 5px;
    border-bottom:solid 1px #e2e2e2;
    padding:5px 5px;
}



.fastLoginText
{
    border-radius:2px;
    border:solid 1px #d0d0d0;
    padding:2px 0px 2px 2px;
    min-width: 225px;
}


.userIconWrapper
{
    padding: 7px 7px 7px 12px;
    /*border: solid 1px #58C25D;*/
    border-radius: 50%;
    background: #34AEBE;
    font-size: 17px;
    color: #FFF;
    margin-right:7px;
}