*
{
	box-sizing			: border-box;
	-moz-box-sizing		: border-box;
	font-family			: 微軟正黑體,微软雅黑;
}

[unselectable=on]
{
	user-select			: none;
	-moz-user-select	: none;
	-ms-user-select		: none;
	-webkit-user-select	: none;
}

[contenteditable=true]:empty:before
{

	content				: attr(placeholder);
	color				: #999999;
	display				: block; /* For Firefox */
}

[contenteditable=true]:focus:before
{
	content				: "";
}

html
{
	width				: 100%;
	height				: 100%;
	font-size			: 14px;
	line-height			: 18px;
}

body
{
	overflow			: hidden;
	background-color	: #ffffff;
	width				: 100%;
	height				: 100%;
	margin				: 0px;
	font-size: 14px;
}

a
{
	color				: #009d42;
}

.Link
{
	color				: #808080;
	text-decoration		: none;
	font-family			: 微軟正黑體,微软雅黑;
}

.Link[href]
{
	color				: #2080E0;
}


/*修改BS*/


.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 0px;
}


.nav-tabs {
    border-bottom: 1px solid #007885;
}


.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    background-color: #007885;
}





label[action]
{
	color				: #2080E0;
	cursor				: pointer;
	text-decoration		: underline;
    display                     :initial;
}

ol 
{   
    padding              :0px;
}

li 
{
    margin-left        :9px;
}
#TopZone
{
	position			: absolute;
	left				: 0px;
	width				: 100%;
	top					: 0px;
	height				: 40px;
	background-color    : #FFFFFF;
	/*
	border-bottom		: 1px solid #B50D0E;
	background-image	: linear-gradient(top, #FF5356, #E43D40);
	background-image	: -ms-linear-gradient(top, #FF5356, #E43D40);
	background-image	: -moz-linear-gradient(top, #FF5356, #E43D40);
	background-image	: -webkit-linear-gradient(top, #FF5356, #E43D40);
	*/
}

#LeftZone
{
	position			: absolute;
	left				: 0px;
	right				: 0px;
	top					: 51px;
	bottom				: 0px;
	/*border				: 1px solid #B4B4B4;*/
	background-color	: #FFFFFF;
}

.RightZone
{
	display				: none;
}

#icn_balloon
{
	background 			: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAYCAYAAAB0kZQKAAABLUlEQVRIx82XzwoBQRzH9wHcPAC1Nx6AsxtP4aJIKe5urh5hUzyDi5SDWvLnIIlSDotETsh1fEe/kTbtrs2a2fo09eu3+/s0OzvzW00zUppHYiAPDNAHG3AGFxo3FDcoL+bluYwxzS0pBEpgDJgPxnR/yK9EGRx9FrdzApVvJHRg/qi4HZOe7yiRBveABAR3qvNRIhtwcTtZu4T+ZwGB/i4xkiQxEhIJSQKCBJdoSpZocQnLLbHYqTFxHa/nV3x2WL3i9WHDMdcBi0vcJEvclJGwJK+J5+toqbAwlfhEldislNm2lTjABJk/HOVrquPa1AwClMh9095VqC37tcQORP00upMAZKog7EXinTgoUEvfA1OwAEsapxQXLX+Spr4N5mBLvwZ8JvagCyJc4gG3Y4mxro8dKAAAAABJRU5ErkJggg==) no-repeat 0 6px;
	display 			: inline-block;
    height 				: 100%;
    width  				: 33px;
	margin 				: 0 8px 0 10px;
	position          	: absolute;
}

#Title
{
	background-repeat	: no-repeat;
	background-position	: 0px 11px;
	/*padding-left		: 45px;*/
	color				: #000000;
	font-family			: 微軟正黑體;
	font-size			: 24px;
	font-weight			: bold;
	height				: 40px;
	line-height			: 40px;
	position			: absolute;
	left				: 50px;
}

.TopButtonZone
{
	position			: absolute;
	height				: 23px;
	right				: 16px;
	top					: 8px;
}

.TopButton
{
	border				: 2px solid #009D42;
	border-radius		: 12px;
	height				: 23px;
	min-width			: 23px;
	line-height			: 19px;
	color				: #009D42;
	text-align			: center;
	font-weight			: bold;
	font-family			: Verdana;
	margin-left			: 10px;
	cursor				: default;
	float				: right;
}

.TopButton:hover
{
	background-color	: #009D42;
	color 				: #FFFFFF
}

/*#SurveyButton
{
	font-size			: 12px;
	padding				: 0px 6px;
	font-family			: 微軟正黑體,微软雅黑;
	font-weight			: normal;
}*/

/*#ExitButton
{
	font-size			: 12px;
	padding				: 0px 6px;
	font-family			: 微軟正黑體,微软雅黑;
	font-weight			: normal;
}*/

#HintZone
{
	background-color	: #e0e0e0;
	padding				: 16px 50px 16px 16px;
}

#HintClose
{
	position			: absolute;
	top					: 16px;
	right				: 16px;
	width				: 16px;
	height				: 16px;
	font-family			: Arial;
	font-size			: 28px;
	line-height			: 16px;
	cursor				: default;
}

#HintClose:hover
{
	color				: #89CB23;
}

#ChatZone
{
	position			: absolute;
	width				: 100%;
	top					: 0px;
	bottom				: 0px;
}

#MessageList
{
	background-color	: #ffffff;
	border-bottom		: 1px solid #ffffff;
	position			: absolute;
	top					: 0px;
	bottom				: 50px;
	width				: 100%;
	overflow			: auto;
	padding				: 6px 10px;
}

#Editor
{
	/*
	position			: absolute;
	bottom 				: 10px;
	*/	
	margin-left 		: 5px; 
	margin-right 		: -4px;
	margin-top 			: 10px;
    height 				: 40px;
    width 				: 30%;
    line-height 		: 40px\9;
    border 				: 2px solid #b2c9bf;
    border-color 		: #CACACA;
    border-radius 		: 5px;
    border-right 		: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;	
    display 			: inline-block;
    outline 			: none;
    text-indent 		: 5px;
    padding 			: 10px;
}

.EditorZone
{
	position  			: absolute; 
	bottom 				: 0px; 
	height 				: 55px; 
	width 				: 100%;
	text-align 			: right;
	right 				: 20px;
}

.ButtonZone
{
	position			: absolute;
	width				: 100%;
	bottom				: 0px;
	height				: 44px;
	padding-top			: 6px;
}

.LeftButtonZone
{
	position			: absolute;
}

.RightButtonZone
{
	position			: absolute;
	right				: 0px;
}

.LeftButtonZone > div
{
	float				: left;
	margin-left			: 10px;
}

.RightButtonZone > div
{
	float				: right;
	margin-right		: 10px;
}

.Button
{
	border				: 0px solid #CFCFCF;
	background-image	: linear-gradient(top, #FDFDFD, #E2E2E2);
	background-image	: -ms-linear-gradient(top, #FDFDFD, #E2E2E2);
	background-image	: -moz-linear-gradient(top, #FDFDFD, #E2E2E2);
	background-image	: -webkit-linear-gradient(top, #FDFDFD, #E2E2E2);
	/*height				: 28px;*/
	line-height			: 26px;
	border-radius		: 3px;
	text-align			: center;
	vertical-align		: top;
	cursor				: default;
	padding				: 0px 20px;
	display				: inline-block;
}

.IconButton
{
	width				: 33px;
	padding				: 0px;
}

.IconButton > div
{
	width				: 100%;
	height				: 100%;
	background-repeat	: no-repeat;
	background-position	: center center;
}

.ButtonDisabled > div
{
	opacity				: 0.5;	
}

#ApplyAgentButton
{
	background-image	: url(../image/ApplyAgent.png);
	/*background-image	: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAABpElEQVRYw+2YvU7DMBDHUxGSBcGLUHiKTFkCJCxlyCOwZmGt2hXGziykycijIMRAJZjKBgttBjhLZ8m92m3sfIHU4TfU6d3/X3/Ud7GCx2tLggNcAvfAK7AAfgz4Ap4wT4R51/RkBs6AF0PRbbC855tM7AGjhsQpI9RbM0ENfAAJ0AdcxbJtw8X4BPNRIysmQvKFKXBkKKyC5UuJTshNsM3yJjzIgF7NBjg9/IFc653pswcDsgSHDRngsPxzQfOKDT4IAzcayWyctQLI8XPZ2ETQTNnATBg41Ujkk/X1NGL7QtyMDXwLAzqnICYmAo1YR4hbWCSR1ZKJFd2diX9lwsZTEEuYkNghGqF4iuNb2kRW04WVVzFR1GSiqGIi/wszYeOaytZ6SGInir3jV90TmwhIbNzFEd2ZaMTEp+EtWsXEAb1Fnw3rCY+Y8DViT2g9UaWyyvGPKKtaWYk15ryrGpNW29OWq22XP4w66jsi2oGNFR3YMbBvKOxgvKwDG6t60duWetE7VS/KuWi4Kw/LvBrg0zjANWTvJ5aGokuMTzGf9P3ELy6q7q01sL6lAAAAAElFTkSuQmCC);*/
	background-repeat 	: no-repeat;
	display 			: inline-block;
    /*display             : none!important;*/
    height 				: 40px;
    width  				: 33px;
	margin-top 			: 13px;
    vertical-align 		: top;
	/*cursor 				: pointer;*/
}

#AttachmentButton
{
	/*background-image	: url(../image/Attachment.png);*/
	background-image	: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAABpElEQVRYw+2YvU7DMBDHUxGSBcGLUHiKTFkCJCxlyCOwZmGt2hXGziykycijIMRAJZjKBgttBjhLZ8m92m3sfIHU4TfU6d3/X3/Ud7GCx2tLggNcAvfAK7AAfgz4Ap4wT4R51/RkBs6AF0PRbbC855tM7AGjhsQpI9RbM0ENfAAJ0AdcxbJtw8X4BPNRIysmQvKFKXBkKKyC5UuJTshNsM3yJjzIgF7NBjg9/IFc653pswcDsgSHDRngsPxzQfOKDT4IAzcayWyctQLI8XPZ2ETQTNnATBg41Ujkk/X1NGL7QtyMDXwLAzqnICYmAo1YR4hbWCSR1ZKJFd2diX9lwsZTEEuYkNghGqF4iuNb2kRW04WVVzFR1GSiqGIi/wszYeOaytZ6SGInir3jV90TmwhIbNzFEd2ZaMTEp+EtWsXEAb1Fnw3rCY+Y8DViT2g9UaWyyvGPKKtaWYk15ryrGpNW29OWq22XP4w66jsi2oGNFR3YMbBvKOxgvKwDG6t60duWetE7VS/KuWi4Kw/LvBrg0zjANWTvJ5aGokuMTzGf9P3ELy6q7q01sL6lAAAAAElFTkSuQmCC);
	background-repeat 	: no-repeat;
	display 			: inline-block;
    height 				: 40px;
    width  				: 33px;
	margin-top 			: 13px;
    vertical-align 		: top;
	/*cursor 				: pointer;*/
}

#ImageButton
{
	background-image	: url(../image/Image.png);
	/*background-image	: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAABpElEQVRYw+2YvU7DMBDHUxGSBcGLUHiKTFkCJCxlyCOwZmGt2hXGziykycijIMRAJZjKBgttBjhLZ8m92m3sfIHU4TfU6d3/X3/Ud7GCx2tLggNcAvfAK7AAfgz4Ap4wT4R51/RkBs6AF0PRbbC855tM7AGjhsQpI9RbM0ENfAAJ0AdcxbJtw8X4BPNRIysmQvKFKXBkKKyC5UuJTshNsM3yJjzIgF7NBjg9/IFc653pswcDsgSHDRngsPxzQfOKDT4IAzcayWyctQLI8XPZ2ETQTNnATBg41Ujkk/X1NGL7QtyMDXwLAzqnICYmAo1YR4hbWCSR1ZKJFd2diX9lwsZTEEuYkNghGqF4iuNb2kRW04WVVzFR1GSiqGIi/wszYeOaytZ6SGInir3jV90TmwhIbNzFEd2ZaMTEp+EtWsXEAb1Fnw3rCY+Y8DViT2g9UaWyyvGPKKtaWYk15ryrGpNW29OWq22XP4w66jsi2oGNFR3YMbBvKOxgvKwDG6t60duWetE7VS/KuWi4Kw/LvBrg0zjANWTvJ5aGokuMTzGf9P3ELy6q7q01sL6lAAAAAElFTkSuQmCC);*/
	background-repeat 	: no-repeat;
	display 			: inline-block;
    height 				: 40px;
    width  				: 33px;
	margin-top 			: 13px;
    vertical-align 		: top;
	/*cursor 				: pointer;*/
}

/*#EmojiButton
{
	/*background-image	: url(../image/Emoji.png);*/
	/*background-image	: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAABpElEQVRYw+2YvU7DMBDHUxGSBcGLUHiKTFkCJCxlyCOwZmGt2hXGziykycijIMRAJZjKBgttBjhLZ8m92m3sfIHU4TfU6d3/X3/Ud7GCx2tLggNcAvfAK7AAfgz4Ap4wT4R51/RkBs6AF0PRbbC855tM7AGjhsQpI9RbM0ENfAAJ0AdcxbJtw8X4BPNRIysmQvKFKXBkKKyC5UuJTshNsM3yJjzIgF7NBjg9/IFc653pswcDsgSHDRngsPxzQfOKDT4IAzcayWyctQLI8XPZ2ETQTNnATBg41Ujkk/X1NGL7QtyMDXwLAzqnICYmAo1YR4hbWCSR1ZKJFd2diX9lwsZTEEuYkNghGqF4iuNb2kRW04WVVzFR1GSiqGIi/wszYeOaytZ6SGInir3jV90TmwhIbNzFEd2ZaMTEp+EtWsXEAb1Fnw3rCY+Y8DViT2g9UaWyyvGPKKtaWYk15ryrGpNW29OWq22XP4w66jsi2oGNFR3YMbBvKOxgvKwDG6t60duWetE7VS/KuWi4Kw/LvBrg0zjANWTvJ5aGokuMTzGf9P3ELy6q7q01sL6lAAAAAElFTkSuQmCC);*/
	/*background-repeat 	: no-repeat;
	display 			: inline-block;
    height 				: 33px;
    width  				: 33px;
	margin-top 			: -6px;
    vertical-align 		: middle;
	/*cursor 				: pointer;*/
}*/

.SendButtonDisabled
{
	background 				: #f39800;
    border 					: 2px solid #f39800;
    cursor 					: default!important;
}

#SendButton,
#SendButton:active
{	
	/*
	position 				: absolute; 
    */
	background 				: #f39800;
    border 					: 2px solid #f39800;
    border-radius 			: 5px;
    border-left 			: none;
    border-top-left-radius 	: 0;
    border-bottom-left-radius: 0;
    color 					: #fff;
    cursor 					: pointer;
    font-size 				: 1.6em;
    height 					: 40px;
    width 					: 66px;	
	margin-left 			: 0px; 
	margin-top 				: 10px;
    padding 				: 0;
    vertical-align 			: top;
	text-align 				: center;
	padding 				: 2px;
	display 				: inline-block;	
}

#SendButton:hover
{
    background: #ea5703;
	border-color: #ea5703;
}

/*
#SendButton
{
	border				: 1px solid #F8A900;	
	background-image	: linear-gradient(top, #FFDF60, #FFC360);
	background-image	: -ms-linear-gradient(top, #FFDF60, #FFC360);
	background-image	: -moz-linear-gradient(top, #FFDF60, #FFC360);
	background-image	: -webkit-linear-gradient(top, #FFDF60, #FFC360);
}

#SendButton:hover
{
	background-image	: linear-gradient(top, #FFE995, #FFD289);
	background-image	: -ms-linear-gradient(top, #FFE995, #FFD289);
	background-image	: -moz-linear-gradient(top, #FFE995, #FFD289);
	background-image	: -webkit-linear-gradient(top, #FFE995, #FFD289);
}

#SendButton:active
{
	background-image	: linear-gradient(top, #FFC360, #FFDF60);
	background-image	: -ms-linear-gradient(top, #FFC360, #FFDF60);
	background-image	: -moz-linear-gradient(top, #FFC360, #FFDF60);
	background-image	: -webkit-linear-gradient(top, #FFC360, #FFDF60);
}
*/

.Button:hover
{
	background-image	: linear-gradient(top, #F9F9F9, #EEEEEE);
	background-image	: -ms-linear-gradient(top, #F9F9F9, #EEEEEE);
	background-image	: -moz-linear-gradient(top, #F9F9F9, #EEEEEE);
	background-image	: -webkit-linear-gradient(top, #F9F9F9, #EEEEEE);
    cursor 				: pointer;
}

.Button:active
{
	background-image	: linear-gradient(top, #E2E2E2, #FDFDFD);
	background-image	: -ms-linear-gradient(top, #E2E2E2, #FDFDFD);
	background-image	: -moz-linear-gradient(top, #E2E2E2, #FDFDFD);
	background-image	: -webkit-linear-gradient(top, #E2E2E2, #FDFDFD);
}

.ButtonDisabled/*,
.ButtonDisabled:hover,
.ButtonDisabled:active*/
{
	background-image	: none!important;
	cursor 				: default!important;
    display             : none!important;
	/*
	background-color	: #CCCCDD;
	border				: 0px solid #AAAAAA!important;
	color				: #808080;
	*/
}

.ChatSystemMessage
{
	width				: 100%;
	text-align			: center;
	color				: #999999;
	margin				: 5px 0px;
	font-size			: 13px;
}

/*-- Chat AD Message --*/

.ActivityMessage
{
	width				: 400px;
	text-align			: center;
	margin				: 5px auto;
	background-color	: #FFF4E8;
	border				: 1px solid #FFD0C0;
	border-radius		: 6px;
	padding				: 6px;
}

.ActivityMessage img
{
	width				: 100%;
	border				: 1px solid #FFE8D8; 
}

.TextActivityMessage
{
	width				: 400px;
	margin				: 0px auto;
	text-align			: center;
}

.ActivityMessage div,
.TextActivityMessage div
{
	display				: inline-block;
	text-align			: left;
}

/*-- Normal Chat Message --*/

.ChatMessage
{
	position			: relative;
	width				: 100%;
	display				: inline-block;
	margin				: 5px 0px;
}

.ChatMessageLeft
{
	padding				: 0px 15px 0px 48px;
}

.ChatMessageRight
{
	padding				:0px 48px 0px 15px;
	text-align			:right;
}
.ChatMessageContent
{
	border				:1px solid #d1e7c3;
	background-color		:#d1e7c3;
	vertical-align			:top; 
	text-align			: left;
}

.ChatMessageAvatar
{
	background-color	: #FFFFFF;
	position			: absolute;
	top					: 0px;
	width				: 42px;
	height				: 42px;
	border				: 1px solid #D0D0D0;
	border-radius		: 90px;
	background-repeat	: no-repeat;
	background-position	: center center;
}

/*20160706 大頭貼*/
.ChatMessageAvatar img
{
	width				: 42px;
	height				: 42px;
	border-radius		: 90px;
}



.ChatMessageLeft .ChatMessageAvatar
{
	left				: 0px;
}

.ChatMessageRight .ChatMessageAvatar
{
	right				: 0px;
}

.ChatMessageAvatarRobot
{
	/*background-image	: url(../image/AvatarRobot.png);*/
	/*background-image	: url(../image/icn_cathay_service.png);*/
	/*background-size 	: 41px 41px;*/
	background-image	: url(../image/qbichat.gif);
	background-size 	: contain;
}

.ChatMessageAvatarAgent
{
	background-image	: url(../image/icn_cathay_user.png);
	/*background-image	: url(../image/AvatarAgent.png);*/
	background-size 	: 41px 41px;
}

.ChatMessageAvatarUser
{
	/*background-image	: url(../image/AvatarUser.png);*/
	background-image	: url(../image/icn_cathay_user.png);
	background-size 	: 41px 41px;
}

/*-- ChatMessageContent --*/

.ChatMessageContent
{
	border-radius		: 6px;
	display				: inline-block;
}

.ChatMessageLeft .ChatMessageContent
{
	border				: 1px solid #139e43;
	background-color	: #ffffff;
}

.ChatMessageLeft .ChatMessageContent:hover
{
	border				: 1px solid #139e43;
	background-color	: #ffffff;
}

.ChatMessageRight .ChatMessageContent
{
	border				: 1px solid #d1e7c3;
	background-color	: #d1e7c3;
	vertical-align		: top;
}

.ChatMessageRight .ChatMessageContent:hover
{
	border				: 1px solid #d1e7c3;
	background-color	: #d1e7c3;
	vertical-align		: top;
}

/*-- ChatMessageTextContent --*/

.ChatMessageTextContent
{
	padding				: 11px 8px;
	min-width			: 20px;
	min-height			: 42px;
	max-width			: 90%;
	text-align			: left;
	word-wrap:break-word;
}

.ChatMessageTextContent a{
	word-wrap:break-word;
	word-break:break-all;
}

/*20160706 表情符號*/
.ChatMessageTextContent img
{
	border				: 0px solid #FFFFFF;
	max-width			: 100%;
	max-height			: 100%;
}

.ChatMessageIcon
{
	display				: none;
}

.ChatMessageFailed .ChatMessageIcon
{
	background-image	: url(../image/MessageSendFailed.png);
	display				: inline-block;
	width				: 16px;
	height				: 16px;
	vertical-align		: top;
	margin				: 13px 6px 6px 0px;
}

.ChatMessageTime
{
	color				: #999999;
	font-family			: Verdana, Arial;
	font-size			: 12px;
	padding-top			: 2px;
}

.ChatMessageLink
{
	color				: #0050A0;
	cursor				: pointer;
	text-decoration		: underline;
}

/*-- ChatMessageFileContent --*/

.ChatMessageFileContent
{
	width				: 260px;
	line-height			: 20px;
}

.ChatMessageFileContentTop
{
	border-bottom		: 1px solid #D3D3D3;
	position			: relative;
	padding				: 6px 6px 4px 50px;
}

.ChatMessageFileContentBottom
{
	padding				: 3px 10px;
	text-align			: right;
}

.ChatMessageFileContentIcon
{
	position			: absolute;
	width				: 32px;
	height				: 32px;
	left				: 10px;
	top					: 9px;
	background-image	: url(../image/FileTypeUnknown.png);
}

.ChatMessageFileContentIconExcel
{
	background-image	: url(../image/FileTypeExcel.png);
}

.ChatMessageFileContentIconExe
{
	background-image	: url(../image/FileTypeExe.png);
}

.ChatMessageFileContentIconImage
{
	background-image	: url(../image/FileTypeImage.png);
}

.ChatMessageFileContentIconPpt
{
	background-image	: url(../image/FileTypePpt.png);
}

.ChatMessageFileContentIconText
{
	background-image	: url(../image/FileTypeText.png);
}

.ChatMessageFileContentIconWord
{
	background-image	: url(../image/FileTypeWord.png);
}

.ChatMessageFileContentIconZip
{
	background-image	: url(../image/FileTypeZip.png);
}

.ChatMessageFileContentName
{
	white-space			: nowrap;
	overflow			: hidden;
	text-overflow		: ellipsis;
}

.ChatMessageFileContentInfo
{
	color				: #808080;
}

.ChatMessageFileContentStatus
{
	padding-left		: 16px;
}

/*-- ChatMessageImageContent --*/

.ChatMessageImageContent
{
	padding				: 6px;
	line-height			: 0px;
	max-width			: 70%;
}

.ChatMessageImageContent img
{
	border				: 1px solid #EEEEEE;
	max-width			: 200px;
	max-height			: 200px;
}

.ChatMessageImageContentMask
{
	width				: 100%;
	height				: 100%;
}

/*20160706*/
/*-- ChatMessageStickerContent --*/

.ChatMessageStickerContent
{
	padding				: 6px;
	line-height			: 0px;
	max-width			: 70%;
}

.ChatMessageStickerContent img
{
	border				: 0px solid #EEEEEE;
	max-width			: 80px;
	max-height			: 80px;
}

.ChatMessageStickerContentMask
{
	width				: 100%;
	height				: 100%;
}

/* for jQuery UI */

.ui-button
{
	outline				: none;
}

/* for dialogs */

.DialogContent
{
	font-size			: 14px;
}

.DialogInfo
{
	padding-bottom		: 10px;
}

/*Ext Web*/
#ifExtWeb 
{
    width: 100%;
    height: 100%;
    border: 0px;
}

/*Ext P4 Web Page*/
#dvP4Page {
    background-color: white;
    /*opacity: 0.9;*/
    display: none;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    margin: 0px 0px 0px 0px;
    position: absolute;
    z-index: 1000;
}
#ifP4Url {
    border: 0px;
    display: block;
    /*
    width: 98%;
    height: 95%;
    -webkit-transform: scale(0.25);
    */
    -webkit-transform-origin: 0 0;
    margin: 0 auto;
}
#dvP4PageTitle {
    display: block;
    color: black;
    width: 100%;
    height: 30px;
    text-align: right;
    font-size: 22px;
    font-family: Arial;
}
#btnP4PageClose {
    color: black;
    cursor: pointer;
}
.swiper-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 600px;
    position: relative;
}
.cardsTitle {
    font-weight: bold;
    padding: 5px 8px;
    word-wrap: break-word;
}
.swiper_title {
    height: auto;
    position: relative;
    padding: 2px 8px 5px 8px;
    word-break: break-word;
}
.swiper_ul {
    list-style: none;
    text-align: center;
    display: block;
    padding: 0px;
    margin: 0;
    border-top: 1px solid #d1d1d1;
}
.cardsSlide {
    border: 1px solid #d1d1d1 !important;
    border-radius: 10px;
    width: 240px !important;
}
.swiper-button-disabled {
    display: none;
}
.swiper-button-next {
    background-image: url(../image/swiper_arrow_next.png);
}
.swiper_ul>.swiper_li {
    background-color: #fff;
    display: block;
    height: auto;
    overflow: visible;
    padding: 7px;
    margin: 0;
    color: #365899;
}
.swiper_ul>.swiper_li:last-child {
    padding-bottom: 8px;
}
.swiper_ul>.swiper_li:last-child {
    border-radius: 0px 0px 10px 10px;
}
.swiper_ul>.swiper_li:hover {
    background-color: #d1d1d1;
    color: #365899;
    cursor: pointer;
}
.swiper-button-prev {
    background-image: url(../image/swiper_arrow_prev.png);
}
/*
.WelcomeRow
{
	padding-top			: 10px;
	text-align			: center;
}

.StartRow
{
	padding-top			: 20px;
	text-align			: center;
}

.SelectGroupTable
{
	margin				: 0px auto;
}

.SelectGroupTable tr
{
	height				: 40px;
}

.SelectGroupTable td:first-child
{
	padding-right		: 6px;
}

.SelectGroupTable .ButtonRow td
{
	padding-right		: 0px;
	text-align			: center;
}

.ProgressZone
{
	display				: none;
	text-align			: center;
	color				: #999999;
}

.ProgressZone > img
{
	margin				: 24px 0px 10px 0px;
}

.AgentMessage,
.MyMessage,
.ActivityMessage
{
	width				: 100%;
	position			: relative;
	margin				: 8px 0px;
}

.AgentMessage,
.ActivityMessage
{
	padding				: 0px 24px 0px 0px;
}

.MyMessage
{
	padding				: 0px 0px 0px 24px;
	text-align			: right;
}

.SystemMessage
{
	width				: 100%;
	text-align			: left;
	color				: #FF6060;
	margin				: 5px 0px;
}

.AgentMessage .MessageContent,
.MyMessage .MessageContent,
.ActivityMessage .MessageContent
{
	padding				: 6px 8px;
	border-radius		: 7px;
	min-width			: 20px;
	min-height			: 32px;
	text-align			: left;
	display				: inline-block;
}

.AgentMessage .MessageContent,
.ActivityMessage .MessageContent
{
	border				: 1px solid #D9C1A5;
	box-shadow			: 1px 1px 1px rgba(217,193,165,0.4);
	background-color	: #F5E8CD;
}

.MyMessage .MessageContent
{
	border				: 1px solid #A5C1D9;
	box-shadow			: 1px 1px 1px rgba(165,193,217,0.4);
	background-color	: #CDE8F5;
}

.ActivityMessage .MessageContent
{
	display				: block;
}

.ActivityMessage img
{
	max-width			: 300px;
	max-height			: 200px;
}

.QueryZone
{
	border				: 1px solid #BBBBBB;
}
*/