@charset "utf-8";

.ico_stt{width:23px;height:23px;background-image:url(../img/ico_call.png);}
.voice_close{width:23px;height:23px;background-image:url(../img/ico_layer_down.png);}

.pop_bg {
	left:0px;top:50px;right:0px;bottom:0px;position:absolute;background-color:rgba(255,255,255,0);
}

.boxs{position:absolute; bottom:0px; height:1px;width:100%; z-index:10000; overflow:hidden; transition:height 1s}
#ch_box{position:fixed; left:-999px;}
#ch_box:checked~ .boxs{bottom:0px;height:100%;transition:height 1s;z-index:1001;}
#ch_box:not(:checked)~ .boxs{bottom:0px;height:0%;transition:height 1s;z-index:1001;}

#ch_box:checked~ .pop_bg{background-color:rgb(255,255,255,255);}



.voice_wrap{
	left:0px;top:50px;width:100%;text-align :center; bottom:0px;position:absolute;background-color:rgba(255,255,255);z-index:1000;
}

.voice_wrap .close{
	margin:14px 14px 0px 0px; width:22px;float:right; display: inline-block;
}

.voice_wrap .close{max-width: 100%;}

.voice_wrap .txt{margin: 50px 20px 25px; text-align: center; color: rgb(0,0,0); font-size: 2rem; font-weight: 700;}
.voice_wrap .txt .sub_txt{color: rgb(102,102,102); font-size: 1.6rem; font-weight: 500; margin-top: 15px;}
.voice_wrap ul{margin: 0px auto; width: 280px;}
.voice_wrap ul li{margin: 0px auto; width: 280px;}

.voice_wrap .btn_wrap{background-image:url(../img/ico_mic.png) repeat-x left 40px rgb(255,255,255); width: 100%; height: 162px; bottom: 12%; position: absolute;}