.pm_message_text p{ display: none; }
.pm_message_text.open_message p{ display: block; }
.upload_img_input{ display: none; }
.pm_message_top{ z-index: 9; }
.pm_judgment .pm_bullish,
.pm_judgment .pm_bearish{ background-color: #ccc; }
.pm_judgment .pm_bullish.focus{ background-color: #12b563; }
.pm_judgment .pm_bearish.focus{ background-color: #f35656; }

/** Only for personal_index_scripts powerTip **/
body { position: inherit !important; }

/** Mention 輸入後顏色改變 **/
/*.get_mention .atwho-inserted { color: #2196F3; font-weight: bold; }*/

/** $股票符號 Tip **/
#powerTip{ background-color: #FFF !important; border: 1px solid #c5bbbb; padding: 0 !important; color: #000 !important; z-index: 2 !important; margin: 12px; }
#powerTip .demo_box{ padding: 0 !important; width: 250px; box-shadow: 4px 4px 13px #9e9e9e57; }
#powerTip .demo_title{ width: 100%; padding: 10px; text-align: left; color: #fff; font-weight: bold; background-color:#1fa4ce; }
#powerTip .demo_cont{ padding: 10px; }
#powerTip .demo_row{ width: 100%; margin-bottom: 10px; position:relative; padding-right:45px;}
#powerTip .demo_row .demo_right{ font-weight: bold; vertical-align:text-bottom; width:65px; position:absolute; top:0; right:0; text-align:left;}
#powerTip .demo_row .demo_green{ color: #ff4747; font-weight: bold; }
#powerTip .demo_row .demo_red{ color: #12b563; font-weight: bold; }
#powerTip .demo_button{ width: 100%; padding: 10px; text-align: center; vertical-align: middle; border-radius: 5px; background-color: #1fa4ce; color: white; font-size: 16px; }
#powerTip .demo_button a{ color: white; font-size: 16px; }

#powerTip:after { content: ""; position: absolute; }
/** 正上 **/
#powerTip.s:after{ left: 50%; margin-left: -5px; z-index: 0; top: -21px; border-bottom: 10px solid #c5bbbb; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; z-index: 0; }
#powerTip.s:before{ border-bottom: 10px solid #e1f3cc !important; z-index: 1; border-right: 10px solid transparent !important; border-left: 10px solid transparent !important; }
/** 左上 **/
#powerTip.se:after{ margin-left: -6px; z-index: 0; left: 10px; top: -12px; border-bottom: 11px solid #c5bbbb; border-right: 12px solid transparent; z-index: 0; }
#powerTip.se:before{ margin-left: -5px; z-index: 1; left: 10px; top: -10px; border-bottom: 10px solid #e1f3cc !important; border-right: 10px solid transparent !important; }
/** 右上 **/
#powerTip.sw:after{ margin-left: -6px; z-index: 0; right: 9px; top: -12px; border-bottom: 11px solid #c5bbbb; z-index: 0 ;border-left: 12px solid transparent !important; }
#powerTip.sw:before{ margin-left: -5px; z-index: 1; right: 10px; top: -10px; border-bottom: 10px solid #e1f3cc !important; border-left: 10px solid transparent !important; }
/** 正下 **/
#powerTip.n:after{ left: 50%; margin-left: -5px; z-index: 0; bottom: -11px; border-top: 10px solid #c5bbbb; border-left: 10px solid transparent; border-right: 10px solid transparent; z-index: 0; }
#powerTip.n:before{ border-top: 10px solid #ffffff !important; z-index: 1; border-right: 10px solid transparent !important; border-left: 10px solid transparent !important; }
/** 左下 **/
#powerTip.nw-alt:after{ margin-left: -6px; z-index: 0; left: 10px; border-top: 12px solid #c5bbbb; z-index: 0 ; border-right: 12px solid transparent !important; }
#powerTip.nw-alt:before{ margin-left: -5px; z-index: 1; left: 10px; border-top: 10px solid #ffffff !important; border-right: 10px solid transparent !important; border-left: none; }
/** 右下 **/
#powerTip.ne-alt:after{ margin-left: -6px; z-index: 0; right: 10px; border-top: 12px solid #c5bbbb; z-index: 0 ; border-left: 13px solid transparent !important; border-right: none; }
#powerTip.ne-alt:before{ margin-left: -5px; z-index: 1; right: 11px; border-top: 10px solid #ffffff !important; border-left: 10px solid transparent !important; border-right: none; }
/** 左 **/
#powerTip.e:after{ z-index: 1; left: -8px; top: 50%; margin-top: -5px; border-right: 9px solid #ffffff; border-bottom: 5px solid transparent; border-top: 5px solid transparent; }
#powerTip.e:before{ z-index: 0; border-right: 10px solid #c5bbbb; }
/** 右 **/
#powerTip.w:after{ z-index: 1; right: -8px; top: 50%; margin-top: -5px; border-left: 9px solid #ffffff; border-bottom: 5px solid transparent; border-top: 5px solid transparent; }
#powerTip.w:before{ z-index: 0; border-left: 10px solid #c5bbbb; }

/** 顯示Mention樣式 **/
.mm_con .atwho-inserted, .omm_info p .atwho-inserted,
.omm_info > div:first-child .atwho-inserted { color: #2196F3; font-weight: bold; cursor: pointer; font-size:15px; word-wrap:break-word; display:inline-block;}
.mm_say .one_member_message .omm_info > div:first-child a.atwho-inserted { color: #2196F3; font-weight: bold; cursor: pointer; font-size: 15px; word-wrap: break-word; display: inline-block; padding-right: 0; }


@media screen and ( max-width: 767px) {
	#powerTip {
		left: 0 !important;
		right: 0 !important;
		margin: 0 auto !important;
		border: none !important;
		background-color: rgba(0,0,0,.0) !important;
	}
	#powerTip:before,
	#powerTip:after {
		content: none !important;
	}
	#powerTip > div {
		margin: auto !important;
		border: 1px solid #c5bbbb !important;
		background-color: #ffffff !important;
	}
}
