@charset "utf-8";
/* CSS Document */

.autocomplete-suggestion{ cursor: pointer;    background-color: #cc15d8;
	color: #FFFFFF;}
	.autocomplete-suggestions strong{ color:#fffb00 !important; }
	.autocomplete-suggestion:hover{ background-color: #2d0c30;
		color: #FFFFFF; }
.faq-button{
	width:171px;
	height:146px;
	
	background:url(../../images/faq_service/msg_label.png)  no-repeat;

	bottom:10px;
	right:0px;
	position:fixed;
	z-index: 111111;
}

.ask-bottom{
    position: relative;
	top: 0px;
	background:url(../../images/faq_service/msg_label.png) top left no-repeat;
    
}
.faq-button .plus-button img{
	position: absolute;
    top: 0px;
    -webkit-animation: trian 8s linear infinite;
}
.faq-block{
	float:left;
	width:353px;
	height:auto;
	border:1px solid #eaeaea;
}
.faq-block .faq-block-top{
	float:left;
	width:100%;
	height:auto;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0071ba+0,0061ac+50,004696+100 */
background: rgb(0,113,186); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,113,186,1) 0%, rgba(0,97,172,1) 50%, rgba(0,70,150,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,113,186,1) 0%,rgba(0,97,172,1) 50%,rgba(0,70,150,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,113,186,1) 0%,rgba(0,97,172,1) 50%,rgba(0,70,150,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071ba', endColorstr='#004696',GradientType=0 ); /* IE6-9 */
font:24px/53px 'rsu', Arial, sans-serif;
color:#fff;
}
.block-top-left{
	float:left;
	padding-left:20px;
	width:90%;
	height:auto;
}
.faq-row{
	float:left;
	width:100%;
	height:auto;
}
.block-top-right{
	float:left;
	width:10%;
	height:auto;
}
.faq-block .faq-block-mid{
	float:left;
	width:353px;
	height:auto;
	background: url(../../images/faq_service/bg-faq.jpg) top left repeat-y;
}
.faq-block .faq-block-mid ul{
	float:left;
	width:100%;
	height:auto;
}
.faq-block .faq-block-mid ul li{
	float:left;
	width:100%;
	height:auto;
}
.elephant-talk{
	float:left;
	width:100%;
	height:auto;
}
	.e-pic{
		float:left;
		width:53px;
		height:53px;
	}
	.e-name{
		float:left;
		padding-top:10px;
		padding-left:10px;
		width:155px;/*90px*/
		height:33px;
		font:0.8em 'Kanit';
		color:#042947;
		font-weight:100;
	}
	.e-text{
		float:left;
		margin-left:62px;
		width:245px;
		height:auto;
	}
	.e-text .e-sticker{
		float:left;	
		width:100%;
		height:auto;
	}
	.e-text .e-balloon{
		float:left;
		padding:10px;
		width:88%;
		height:auto;
		font:0.9em 'Kanit';
		color:#333;
		overflow-wrap: break-word;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background-color:#fff;
		border:1px solid #87a5c6;
		position:relative;
	}
	.e-text .e-balloon .e-arrow{
		position: absolute;
		width: 14px;
		height: 16px;
		top: -1px;
		left: -9px;
	}
	
	.e-time{
	float: left;
	margin-top: 20px;
	
    width: 46px;
    height: auto;
    font: 0.6em 'Kanit';
    color: #333;
    font-weight: bold;
    text-align: center;
	}
	
.answer-talk{
	float:left;
	margin:20px 0px;
	width:100%;
	height:auto;
}
.answer-talk .answer-balloon{
	float:right;
	margin-right:20px;
	padding:10px;
	width:70%;
	height:auto;
		font:17px/20px 'Kanit', Arial, sans-serif;
		color:#333;
	background-color:#80e728;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	position:relative;
}
.answer-talk .answer-balloon .a-arrow{
	position: absolute;
    width: 14px;
    height: 16px;
    top: -1px;
    right: -9px;
	}
	
.faq-block .faq-block-bottom{
	float:left;
	width:353px;
	height:44px;
	background:url(../../images/faq_service/bar.jpg) top left repeat-x;
}
.faq-textbox-left{
	float:left;
	width:100%;
	height:44px;
}
.faq-button-right{
	float:left;
	margin-top:5px;
	width:100%;
	text-align:center;
	height:34px;
}
.faq-textbox{
	float:left;
	margin-top:5px;
	margin-left:5px;

	height:33px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#FFF;
	border:1px solid #9b9c9f;
	font-size:14px;
	width:300px;
	padding:0px 4px 0 6px;
	line-height:33px;
}


  .faq-block {
	position:fixed;
	right:80px;
	bottom:0;
	z-index:10002;
	display:none;
  }
  .faq_body {
	height:400px !important;
	overflow-y:auto;
  }
  /***********************scrollbar***********************/
  .faq_body::-webkit-scrollbar-track {
	width:8px;
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
	background-color:#dfdfdf;
  }
  
  .faq_body::-webkit-scrollbar {
	width:8px;
	background-color:#F5F5F5;
  }
  
  .faq_body::-webkit-scrollbar-thumb {
	background-color:#797979;
  }
  /***********************scrollbar***********************/