ul li a
{
	color:#000;
}
body
{
	font-family:Microsoft JhengHei;
	padding:0px;
	margin:0px;
	overflow-y:hidden;
	overflow-x:hidden;
}
.TitleFrame
{
	padding:10px;
	/*background-color:#132C89;*/
	vertical-align:middle;
	/*background-color:#1D60A7;*/
	/*background-color:#2DAAA4;*/
	/*background-color:#0369B7;*/
	background-color:#00ADE1;
	color:#FFF;
	font-size:24px;
}

.TitleFrame ul li
{
	display:inline;
}
.TitleFrame .title
{
	font-size:20px;
	font-weight:900;
}

.ContentFrame
{
	overflow-y:auto;
	
	padding:0px;margin:0px;
}
.ContentFrame::-webkit-scrollbar
{
	width:8px;
}
.ContentFrame::-webkit-scrollbar-track
{
	background-color:#EEE;
}
.ContentFrame::-webkit-scrollbar-thumb
{  
	border-radius:30px;
	background-color:#AAA;
}
.ContentFrame::-webkit-scrollbar-button
{
	display:none;
}

.SendFrame
{
	width:100%;
	height:88px;
	margin:0px;
	position:fixed;
	bottom:0;   
	background-color:#FFF;
}

.SendFrame .String
{
	padding:3px;
	background-color:#E8F3E1;
	border-top:1px solid #D1E7C3;
	border-bottom:1px solid #AAA;
	padding-right:0px;
	font-size:16px;
	clear:both;height:39px;
}

.SendFrame .String > div
{
	float:left;
	padding-left:6px;
	padding-right:6px;
	margin:3px;
	margin-right:6px;
	color:#008300;
	cursor:pointer;
	border:1px solid #99DA8F;
}

@media screen and (max-width: 480px)
{
	.SendFrame .String
	{    
		font-size:15px;
	}
	 .SendFrame .String > div
	{
		padding-left:3px;
		padding-right:3px;
		margin-right:3px;
	}
}

.SendFrame .String > div:hover
{
	font-weight:bold;
}

.SendFrame .SendContent
{
	clear:both;
	margin:8px;
}

.SendFrame .Send
{
	position:absolute;
	right:0;
	margin-right:7px;
	padding:3px;
	padding-left:20px;
	padding-right:20px;
	height:35px;
	font-size:16px;
	background-color:#249DD6;
	color:#FFF;
	font-weight:bold;
}
.SendFrame .InText
{
	font-family:Microsoft JhengHei;
	border:solid 1px #AFAFAF;
	font-size:16px;
	width:calc(100% - 77px);
	padding:6px;
}

.ContentFrame .CC
{
	line-height:25px;
	font-size:16px;
	margin:3px;
	clear:both;
}

/*--- L ---*/
.ContentFrame .CCL
{
	padding-top:10px;
}

.ContentFrame .CCL .frame
{
	max-width: calc(100% - 130px);
	min-width:1px;
	float:left;
}

 .ContentFrame .CCL .contentAfter
 {
	 margin-top:10px;
	 width:17px;
	 height:18px;
	 float:left;
	 background-image: url("../Images/CChtImg/CCLImg.png");
	 
 }

.ContentFrame .CCL .content
{
	float:left;
	min-width:20px;
	min-height:36px;
	margin:3px;
	margin-left:0px;
	/*border:1px solid #0f0f0f;*/
	background-color:#E9E8EC;
	padding:12px;
	color:#000;
	border-radius:10px;
	font-weight:bold;
	word-break:break-all;
	
}

.ContentFrame .CCL .img
{
	 background-image: url("../Images/cus.png");
	float:left;
	height:60px;
	width:60px;
	border:1px solid #FFF;
	text-align:center;
}

 .ContentFrame .CCL .img div
{
	position:relative;
	margin-left:0px;
	margin-top:55px;
	padding-left:1px;
	padding-right:1px;
	font-weight:bold;
	font-size:14px;
}

.ContentFrame .CCL .timer
{
	clear:both;
	margin-left:5px;
	text-align:right;
	color:#AFAFAF;
	font-size:14px;
}
 .ContentFrame .CCL .Re
{
	cursor:pointer;
	color:blue;
	text-decoration:underline;
}
 .CInfo .Re
{
	cursor:pointer;
	color:blue;
	text-decoration:underline;
}
.ContentFrame .CCL .bYn
{
	background-color:#FFF;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;padding-bottom:2px;
	cursor:pointer;
}

 .ContentFrame .CCL .content img
 {
	 cursor:pointer;
	 padding-left:3px;
	 padding-top:3px;
 }
 
 .ContentFrame .CCL .content .webimg
 {
	 cursor:pointer;
 }
 
 .ContentFrame .CCL .content a
 {
	 text-decoration:underline;
 }

/*--- R ---*/
.ContentFrame .CCR .img
{
	 background-image: url("../Images/whiteman2.png");
	 height:43px;
	 width:60px;
}

.ContentFrame .CCR .content
{
	/*background-color:#007AFF;
	color:#FFF;*/
	/*border:1px solid #00ADE1;*/
	padding:8px;
	background-color:#249DD6;
	color:#FFF;
	min-width:20px;
	min-height:36px;
}

.ContentFrame .CCR .contentAfter
 {
	 margin-top:10px;
	 width:17px;
	 height:19px;
	 float:left;
	 background-image: url("../Images/CChtImg/CCRImg.png");
 }

.ContentFrame .CCR .timer
{
	position:relative;
	top:0;
	clear:both;
	float:left;
	text-align:right;
	width:60px;
	color:#AFAFAF;
	margin-left:70px;
	font-size:14px;
}

/*.ContentFrame .CCR
{
	padding-top:10px;
}


.ContentFrame .CCR .frame
{
	max-width: calc(100% - 170px);
	margin-right:3px;
	min-width:1px;
	float:right;
	clear:both;
}

.ContentFrame .CCR .content
{
	word-break:break-all;
	background-color:#007AFF;
	padding:6px;
	color:#FFF;
	text-align:left;
	border-radius:10px;       
}

.ContentFrame .CCR .content a
{
	color:#FFF;
	text-decoration:underline;
}

.ContentFrame .CCR .timer
{
	clear:both;
	float:right;
	text-align:left;
	width:60px;
	color:#AFAFAF;
	font-size:14px;
}*/



.hidden
{
	display:none;
}

.option img
{
	cursor:pointer;
}

.BlackScreen
{
	height:100%;
	/*background-color:rgba(100%,100%,100%,0.6);*/
	background-color:#FFF;
	position:absolute;
	width:100%;
	z-index:300;
}
.QAList
{
	
	padding:5px;
	overflow-y:auto;
	background-color:#FBFCFE;
	position:absolute;
	width:100%;
	z-index:301;
	max-height:60%;
}
.QAList::-webkit-scrollbar
{
	width:8px;
}
.QAList::-webkit-scrollbar-track
{
	background-color:#EEE;
}
.QAList::-webkit-scrollbar-thumb
{  
	border-radius:30px;
	background-color:#AAA;
}
.QAList::-webkit-scrollbar-button
{
	display:none;
}

.CInfo
{
	padding:5px;
	overflow-y:auto;
	background-color:#FBFCFE;
	position:absolute;
	width:100%;
	z-index:301;
	max-height:60%;
}
.CInfo::-webkit-scrollbar
{
	width:8px;
}
.CInfo::-webkit-scrollbar-track
{
	background-color:#EEE;
}
.CInfo::-webkit-scrollbar-thumb
{  
	border-radius:30px;
	background-color:#AAA;
}
.CInfo::-webkit-scrollbar-button
{
	display:none;
}

.QAList .QAButton
{
	cursor:pointer;
	font-weight:bold;
	font-size:16px;
	color:#535E81;
	padding:5px;
	margin-right:5px;
}

.QAList .QAButton:hover
{
	box-shadow:0px 0px 2px 2px rgba(92%,81%,57%,0.8);
}
.QAList li div:nth-child(1)
{
	float:left;margin-right:6px;
}
.QAList ul img
{
	
}
.QAList ul li
{
	color:#000;
	padding:5px 0px 5px 10px;
	border-bottom:1px solid #E9EAEE;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
}
 .QAList ul li:hover
 {
	 background-color:#E9EAEE;
 }
.QAList .ul1
{
	
}
.hr
{
	width:100%;
	background-color:#E9EAEE;
	height:1px;
	margin:3px 0px 3px 0px;
}
.aX
{
	position:absolute;right:0;margin-right:10px;cursor:pointer;color:#535E81;padding:0 8px 0 8px;
}
.aX:hover
{
	background-color:#AAA;
	color:#FFF;
}

.QAList .active
{
	/*box-shadow:0px 0px 2px 2px rgba(92%,81%,57%,1);*/
	background-color: rgba(92%,81%,57%,0.5);
}

.code
{
	color:#0027A8;
}

.TitleFrame .option
{
	float:right;
}

.imgQA
{
	color:#FFF;
	cursor:pointer;
	font-size:17px;
	padding:5px;
	float:left;
	/*text-decoration:underline;*/
}

.imgQA:hover
{
	background-color:rgba(0%,0%,0%,0.1);
}

.option .active
{
	color:#535E81;
	box-shadow:0px 0px 5px 1px #AAA;
	background-color:#FFF;
	padding-bottom:5px;
}

.imgINFO
{
	margin-left:14px;
	float:left;
	background-image:url("../images/info26.png");
	width:26px;
	height:26px;
	cursor:pointer;
}

.imgINFO:hover
{
	
}

.inLine
{
	margin-left:5px;
	margin-right:5px;
	float:left;margin-top:9px;height:18px;width:1px;
	background-color:#BBB;
}

#paytb
{
	border:1px solid #d4d4d4; text-align:center; font-size:82.5%;
}
.red
{
	color:Red;
}
.blue
{
	color:Blue;
}

.StringAlt
{
   position:absolute;
   font-weight:bold;
   bottom:86px;
   width:100%;
   text-align:left;
   background-color:#FFF;
   padding:6px;
   color:#3C4864;
   font-size:16px;
   
   border-top:1px solid #DBDBDB;
   /*border-left:1px solid #DBDBDB;
   border-top-left-radius:10px;
   padding-left:10px;
   padding-right:40px;
   margin-left:10px;*/
}