.ask{
    position: fixed;
    width:900px;
    height:240px;
    background:url(../images/ask/osm_0009.png) top center no-repeat;
    top: 20%;
    margin-top:-120px;
    margin: auto;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10002;
    display:none;
}
.ask .in{
    position:relative;
    width:880px;
    margin:0 auto;	
}
.ask .in .close{
    position: absolute;
    right: -25px;
    top: -15px;
    z-index:3;
}
.ask .woman{
    position: absolute;
    top:-206px; left:25px;
    z-index:0;
}
.ask .balloonn{
    position: absolute;
    top:-190px; left:150px;
    z-index:0;
    width:394px; height:97px;
    background:url(../images/ask/osm_0002.png) top center no-repeat;
}
.ask .balloonn .word{
    padding:10px 0 0 20px;
    text-align:center;
    font:33px/37px 'thaisanslite', Arial, sans-serif;
    color:#fff;
}



.ask .box{
    position:relative;
    z-index:1;
    float:left;
    width:220px;
    margin-top:-40px;
}	
.ask .box .pic{
    float:left;
    width:100%;
    /* height:200px; */
    overflow:hidden;
}		
.ask .box .text{
    float:left;
    width:100%;
    margin-top: -28px;
    margin-left:-3%;
    text-align:center;
    font:27px/27px 'thaisanslite', Arial, sans-serif;
    color:#807f7f;
}		
.ask .box .text a{
    color:#807f7f;
}



.ask-bottom{
    position: fixed;
    bottom: 0;
    right: 3px;
    width:120px;
    height: 120px;
    bottom: 105px;
    z-index: 99997;
}	
.ask-bottom .close{
    position: absolute;
    top: -35px;
    right: 0px;
}
.ask-bottom .btn{
    width: 120px;
    height:120px;
    position: absolute;
    background:url(../images/ask/pj_0001.png) top left no-repeat;

}
.ask-bottom .btn img{
    position: absolute;
    top: 0px;
    -webkit-animation: ask 5s linear infinite;

}

@-webkit-keyframes ask {
    0% {
        top: 0px; 
    }
    50% {
        top: 0px;
    }

    52% {
        top: -10px;
    }
    54% {
        top: 0px;
    }
    56% {
        top: 0px;
    }

    58% {
        top:-15px;
    }
    60% {
        top: 0px;
    }

    100% {
        top: 0px;
    }
}			


.ask-sub{
    position: relative;
    margin-top: -25px;
    float: left;
    width: 100%;
    /* left: 50%; */
    height: 150px;
    margin-left: 0;
}
.ask-sub .in{
    position:relative;
    width:100%;
    height:208px;
    margin:0 auto;
}
.ask-sub .woman{
    position: absolute;
    top: -50px;
    left:25px;
    z-index:0;
}


.ask-sub .balloon{
    position: absolute;
    top: 35px;
    left: 164px;
    z-index:0;
    width:394px;
    height:97px;
    background:url(../images/ask/osm_0002.png) top center no-repeat;
}

.ask-sub .balloon .word{
    padding:10px 0 0 20px;
    text-align:center;
    font:33px/37px 'thaisanslite', Arial, sans-serif;
    color:#fff;

}	

.ask-sub .balloon-sub{
    position: absolute;
    top: 35px;
    left: 164px;
    z-index:0;
    width:394px;
    height:97px;
    background:url(../images/ask/osm_0002.png) top center no-repeat;
}

.ask-sub .balloon-sub .word{
    padding:10px 0 0 20px;
    text-align:center;
    font:33px/37px 'thaisanslite', Arial, sans-serif;
    color:#fff;

}