.pform_image_area{
	text-align: center;
	width: 648px;
	padding: 30px 0;
	
}
.pform_image_area_completed{
	text-align: center;
	width: 648px;
	margin:0 auto;
}
.pform_container{
	width:982px;
	border-radius: 3px;
}
.pform_title {
	width: 982px;
	height:77px;
	background-color: #303030;
	overflow:hidden;
	z-index: 9999;
}
.pform_title_float{
	z-index: 99999999;
	position: fixed;
	top: 0;
	display:none;
}
.pform_title_steps{
	height:50px;
	margin-top: 14px;
	margin-left: 17px;
	float: left;
}
.pform_title_steps ul li{
	margin-right: 27px;
}
.pform_title_step {
	width:48px;
	height:40px;
	color:white;
	padding-top: 10px;
	
	text-align: center;
}
.pform_title_step_red {
	background:url('./../Images/pform_title.png') no-repeat  0 0;
}
.pform_title_step_green {
	background:url('./../Images/pform_title.png') no-repeat  -48px 0;
}
.pform_title_step_gray {
	background:url('./../Images/pform_title.png') no-repeat  0 -50px;
}
.pform_title_step_next {
	width:8px;
	height:17px;
	margin-top: 16px;
	background:url('./../Images/pform_title.png') no-repeat  -50px -50px;
}
.pform_title_rightbuttons{
	float: right;
	height:36px;
	margin-top: 21px;
	margin-right: 17px;
}
.pform_title_rightbuttons ul li{
	display: block;
	float: right;
	padding-left: 27px;
}

.pform_title_button{
	width: 72px;
	height: 36px;
	line-height: 36px;
	color:white;
	font-size:14px;
	font-weight: bold;
	border-radius: 3px;
	cursor: pointer;
	text-align: center;
}
.pform_title_button_gay{
	background-color: #565656;
}
.pform_title_button_gay:hover{
	background-color: #666666;
}
.pform_title_button_red{
	background-color: #fc332c;
}
.pform_title_button_green{
	background-color:#00be99;
}
.pform_title_button_green:hover{
	background-color:#00a480;
}
.pform_title_button_green_dark{
	background-color:#006e58;
}
.pform_title_button_green_dark:hover{
	background-color:#00be99;
}
.pform_body_container{
	width: 100%;
	background-color: #e9e9e9;
	overflow:hidden;
}
.pform_body{
	margin:17px 17px 17px 17px;
	background-color: #e9e9e9;
	overflow:visible;
}
.pform_body_left{
	width: 684px;
	float:left;
	border-style: solid;
	border-width: 2px;
	border-color: #d0d0d0;
	border-radius: 3px;
	background-color: #ffffff;
	margin-bottom: 16px;
}
.pform_body_right{
	width: 240px;
	margin-left: 20px;
	float:left;
	background-color: #e9e9e9;
	position: relative;
	/* position: fixed;
	left:0; */
}
.pform_insert_element{
	background-color: #3b3b3b;
	height:40px;
	line-height: 40px;
	width: 240px;
	border-radius: 3px;
	overflow: hidden;
	margin-bottom: 10px;
}
.pform_insert_element span{
	margin-left: 8px;
	font-weight: bold;
	color: white;
	float: left;
}
.pform_insert_element ul {
	display: block;
	height:22px;
	float: left;
	padding: 0 0;
	margin-top:9px;
}
.pform_insert_element ul li{
	margin-left: 14px;
	margin-right: 12px;
}
.pform_insert_element_btn{
	width: 22px;
	height: 22px;
	cursor: pointer;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.insert_btn_image{
	background:url('./../Images/insert_element.png') no-repeat  0 -2px;
}
.insert_btn_text{
	background:url('./../Images/insert_element.png') no-repeat  -31px -2px;
}
.insert_btn_video{
	background:url('./../Images/insert_element_video_disable.png') no-repeat;
}
.insert_btn_file{
	background:url('./../Images/insert_element.png') no-repeat  -90px -2px;
}
.pform_insert_element_btn_2{
	width: 40px;
	height: 44px;
	cursor: pointer;
	background:url('./../Images/insert_btn_bg.png');
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.pform_insert_element_btn_2_mouseIn{
	background:url('./../Images/insert_btn_bg_mouseIn.png');
}
.pform_insert_element_btn_2_disable{
	width: 40px;
	height: 44px;
	cursor: pointer;
	background:url('./../Images/insert_btn_bg_unable.png');
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.pform_insert_element_on_spliter ul {
	display: block;
	height:44px;
	float: left;
}
.pform_insert_element_on_spliter ul li{
	margin-left: 30px;
	margin-right: 0px;
}
.pform_insert_element_on_spliter_withVideo ul li{
	margin-left: 20px!important;
}
.insert_btn_image_2{
	background:url('./../Images/insert_btn_image.png');
	width: 22px;
	height: 22px;
	margin:11px 9px;
	float:left;
}
.insert_btn_text_2{
	background:url('./../Images/insert_btn_text.png');
	width: 22px;
	height: 22px;
	margin:11px 9px;
	float:left;
}
.insert_btn_video_2{
	background:url('./../Images/insert_btn_video.png');
	width: 22px;
	height: 22px;
	margin:11px 9px;
	float:left;
}
.insert_btn_file_2{
	background:url('./../Images/insert_btn_file.png');
	width: 22px;
	height: 22px;
	margin:11px 9px;
	float:left;
}
.pform_watermark_style{
	background-color: #3b3b3b;
	height:66px;
	line-height: 14px;
	width: 240px;
	border-radius: 3px;
	overflow: hidden;
	margin-bottom: 10px;
}
.pform_watermark_style_titile{
	font-weight: bold;
	color: white;
	width:100%;
	margin-left: 8px;
	margin-top: 8px;
}

.pform_show_style{
	background-color: #3b3b3b;
	height:131px;
	line-height: 14px;
	width: 240px;
	border-radius: 3px;
	overflow: hidden;
	margin-bottom: 10px;
}
.pform_show_style_titile{
	font-weight: bold;
	color: white;
	width:100%;
	margin-left: 8px;
	margin-top: 8px;
}
.pform_show_style_text{
	margin-top: 14px;
	margin-left: 8px;
	width: 240px;
	height:20px;
}
.pform_show_style_text ul{
	margin:0;
	padding:0;
}
.text_style_black{
	width: 17px;
	height:18px;
	background:url('./../Images/text_style.png') no-repeat  0 0;
	margin-right:5px;
	float: left;
}
.text_style_white{
	width: 17px;
	height:18px;
	background:url('./../Images/text_style.png') no-repeat  -20px 0;
	margin-right:5px;	
	float: left;
}
.pform_show_style_spliter{
	padding: 0;
	margin-top: 15px;
	margin-left: 8px;
}
.pform_canola_settings{
	width: 240px;
	overflow: hidden;
}

.pform_canola_response_setting{
	width: 236px;
	height:32px;
	line-height: 32px;
	border-radius: 3px;
	border:2px solid #d0d0d0;
	background-color: #ffffff;
}
.pform_canola_response_setting_title {
	width:64px;
	height:32px;
	line-height: 32px;
	color:#666666;
	text-align: center;
	float: left;
	font-weight: bold;
	background-color: #d0d0d0;
}
.pform_canola_response_setting_detail {
	height:32px;
	line-height: 32px;
	color:#bbbbbb;
	float: left;
	width: 161px;
	padding-left: 11px;
	cursor: pointer;
}

.pform_arrow_down {
	width: 13px;
	height: 13px;
	background:url('./../Images/arrow_down.png');
	float:right;
	margin-top: 10px;
	margin-right:6px;
}
.pform_licence {
	background-color: #ffffff;
	height:46px;
	width: 238px;
	border:1px #d0d0d0 solid;
	border-radius: 3px;
	overflow: hidden;
	margin-bottom: 1px;
	cursor:pointer;
}
.pform_licence_titile{
	font-weight: bold;
	color: #666666;
	height:46px;
	line-height: 46px;
	width:60px;
	margin-left: 8px;
	float: left;
}
.pform_licence_arrow_down{
	height:7px;
	line-height: 46px;
	width:13px;
	margin-right: 8px;
	margin-top: 20px;
	float: right;
	background:url('./../Images/public_big_arrow_down.png');
}
.pform_licence_arrow_up{
	background:url('./../Images/public_big_arrow_up.png');
}
.pform_licence_status {
	height:36px;
	line-height: 36px;
	float: left;
	width: 140px;
	margin-top: 5px;
}
.pform_licence_status_1
{
	background:url('./../Images/public_licences.png') no-repeat  -3px -2px;
}
.pform_licence_status_2
{
	background:url('./../Images/public_licences.png') no-repeat  -3px -37px;
}
.pform_licence_status_3
{
	background:url('./../Images/public_licences.png') no-repeat  -3px -72px;
}
.pform_licence_status_4
{
	background:url('./../Images/public_licences.png') no-repeat  -3px -107px;
}
.pform_licence_status_5
{
	background:url('./../Images/public_licences.png') no-repeat  -3px -142px;
}
.pform_licence_status_6
{
	background:url('./../Images/public_licences.png') no-repeat  -3px -177px;
}
.pform_licence_status_7
{
	background:url('./../Images/public_licences.png') no-repeat  -3px -212px;
}
.pform_licence_list_item{
	height:31px;
	width: 200px;
	float:left;
	margin-left: 5px;
	margin-top:1px;
}
.pform_licence_list_item_help{
	height:24px;
	width: 230px;
	text-align: right;
	float:right;
}
.pform_licence_list{
	background-color: #ffffff;
	
	width: 238px;
	border:1px #d0d0d0 solid;
	border-radius: 3px;
	overflow: hidden;
	
	/*margin-bottom: 10px;*/
	display: none;
}
.pform_others {
	width: 240px;
	overflow: hidden;
	margin-bottom: 10px;
}
.caption_container {
	padding: 10px 13px;
	height: 26px;
	background-color: white;
	border-bottom: 1px dotted #cdcdcd;
}
.caption_container_white {
	background-color: #000000;
	border-bottom: 1px dotted #666666;
}
.normal_container {
	height: 48px;
	line-height: 48px;
	padding: 0 18px;
	background-color: white;
	border-bottom: 1px dotted #cdcdcd;
	color: #999999;
	font-size: 14px;
}
.normal_container_white {
	background-color: #000000;
	border-bottom: 1px dotted #666666;
	color: white;
}
.normal_container_title{
	float: left;

}
.normal_container_detail{
	float: left;
}
.act_input_container{
	padding: 4px 6px;
	border: 2px solid #dcdcdc;
	border-radius: 4px;
	margin-left: 12px;
	margin-top: 9px;
}
.act_input_container_white{
	border: 2px solid #2d2d2d;
	background-color: #2d2d2d;
}
.act_input_box{
	width: 564px;
	border: 0;
	font-size: 14px;
	line-height: 14px;
	color: #999999;
}
.act_input_box_white{
	color: white;
	background-color: #2d2d2d;
}
.text_caption {
	width: 100%;
	height:26px;
	line-height: 26px;
	font-size: 20px;
	color:#666666;
	border:0;
	background-color: white;
	text-align: center;
	font-family: 'Microsoft Yahei';
}
.text_caption_white {
	color:#ffffff;
	background-color: #000000;
}
.catlog_container {
	/*padding: 6px 8px;*/
	/*height: 17px;*/
	/*border-bottom: 1px solid #d0d0d0;*/
	color: #666666;
}
.catlog_container_white {
	/*background-color: #000000;*/
	color: #666666!important;
}
.catlog_title {
	color:#ffffff;
	font-size: 12px;
	font-weight: bold;
	float:left;
	background-color: #fc332c;
	padding: 4px 10px 5px 10px;
	margin-top: -4px;
	border-radius: 3px;
}
.catlog_node {
	margin-left: 7px;
	margin-right: 4px;
	margin-top: 6px;
	float:left;
	height: 20px;
}
.catlog_node_text {
	color:#999999;
	font-size: 12px;
	margin-top: 1px;
	margin-left: 4px;
	float: left;
	line-height: 14px;
	font-weight: bold;
}
.catlog_node_text_white{
	color:#ffffff;
}
.edit_detail_container {
	overflow: hidden;
	/*min-height:800px;*/
	min-height:860px;
	/*padding-top: 6px;*/
	padding-bottom: 20px;
	/*margin-top: -12px;*/
}
.edit_detail_container_white {
	background-color: #000000;
}
.edit_detail_container ul li{
	position: relative;
}

.edit_detail_list {
	display: block;
	padding: 0 0;
	margin-top: 3px;
}
.spliter_con{
	height: 16px;
	width: 684px;

}
.pform_spliter{
	width: 686px;
	height: 16px;
	background:url('./../Images/pform_spliter.png');
	display:none;
	margin: 0 auto;
	text-align: center;
	z-index: 99999999;
}
.pform_spliter_long_space{
	background:url('./../Images/pform_spliter_long_space.png')!important;
}

.pform_insert_element_on_spliter{
	position: absolute;
	margin-left:183px;
	margin-top:-14px;
	z-index: 99999999;
}
.pform_insert_element_on_spliter_withVideo{
	margin-left:174px!important;
}
.pform_tags{
	background-color: white;
	border-top: 1px dotted #cdcdcd;
	padding: 20px 16px ;
	overflow: hidden;
}
.pform_tag{
	width: 648px;
	line-height:38px;
	border-radius: 3px;
	border:1px solid #d1d1d1;
	overflow: hidden;
	display: block;
}
.pform_tag_ico {
	width: 20px;
	height:20px;
	margin: 10px 10px;
	background:url('./../Images/tag.png') no-repeat;
	float: left;
}
.pform_tag_container{
	float: left;
	width:570px;
	display: block;
	cursor: text;
	margin-top: 10px;
}
.pform_tag_qa{
	width: 18px;
	height:18px;
	margin: 11px 0 0 11px;
	float: left;
	background:url('./../Images/qa.png') no-repeat;
	cursor: pointer;
}
.pform_tag_qa:hover{
	background:url('./../Images/qa_hover.png') no-repeat;
}
.pform_tag_input {
	border:0;
	width: 560px;
	min-width: 60px;
	color:#666666;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 5px;
	padding: 0 0;
	display: inline-block;
	float: left;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.pform_tag_span {
	color:#999999;	
	margin-right: 10px;
	cursor: pointer;
	height:20px;
	line-height: 20px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 5px;
	float: left;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.pform_tag_span:hover{
	text-decoration: line-through;
}
.pform_tag_span_selected_albumn {
	color:#0091e5;	
	margin-right: 10px;
	cursor: pointer;
	height:20px;
	line-height: 20px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 5px;
	float: left;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.pform_tag_span_selected_albumn:hover{
	text-decoration: line-through;
}
.pform_file_upload_container{
	width:646px;
	border:1px #e6dfad solid;
	border-radius: 3px;
	margin:0 auto;
	background-color: #fcfcef;
}
.pform_file_upload_item{
	width:100%;
	height: 38px;
}
.pform_file_upload_item_m{
	border-bottom:1px #e6dfad dotted;
}
.pform_file_upload_item_title{
	height: 38px;
	line-height: 38px;
	width: 190px;
	margin-left: 10px;
	color: #909090;
	font-weight: bold;
	overflow: hidden;
	float: left;
}
.pform_file_upload_item_progress{
	float:left;
}
.pfuip_text{
	height: 38px;
	line-height: 38px;
	width: 60px;
	margin-left: 10px;
	font-weight: bold;
	overflow: hidden;
	float: left;
	text-align: center;
}
.pfuip_progress{
	height: 38px;
	line-height: 38px;
	width: 270px;
	margin-left: 10px;
	font-weight: bold;
	overflow: hidden;
	float: left;
}
.pfuip_value{
	height: 38px;
	line-height: 38px;
	width: 60px;
	font-weight: bold;
	overflow: hidden;
	float: left;
	text-align: center;
}
.pfuip_btn{
	height: 19px;
	margin-top: 10px;
	width: 19px;
	font-weight: bold;
	overflow: hidden;
	float: left;
	text-align: center;
	background: url('./../Images/upload_cancel.png') center no-repeat;
	background-color: #e6dfad;
	cursor: pointer;
	border-radius: 50%;
	/*display: none;*/
}
.pform_media_input_container{
	width:648px;
	height:240px;
	border:1px #cdcdcd solid;
	border-radius: 3px;
	margin-left:18px;
}
.pform_media_input{
	border:1px #dddddd solid;
	width:610px;
	height: 118px;
	overflow-y: auto;
	margin:10px 10px;
	color:#999999;
	padding:8px 8px;
	line-height: 16px;
}
.pform_media_help_text{
	width:622px;
	line-height: 16px;
	margin-left:10px;
}
.pform_media_help_text_normal{
	color:#999999;
}
.pform_media_help_text_green{
	color:#00be99;
}
.pform_media_btns{
	background-color: #ececec;
	border-top: 1px solid #cdcdcd;
	height:44px;
	margin-top: 7px;
}
.pform_media_btn{
	margin:7px 10px;
	color:#ffffff;
	font-weight: bold;
	padding:8px 16px;
	cursor: pointer;
	border-radius: 3px;
}
.pform_media_btn_ok{
	background-color: #00be99;
}
.pform_media_btn_cancel{
	background-color: #666666;
}
.edit_detail_list_help{
	width: 684px;
	text-align: center;
	line-height: 20px;
	height:40px;
	position: absolute;
	margin: -60px auto;
	color: #bbbbbb;
}
.edit_detail_list_help_white{
	color:#333333;
}
.elementPanel{
	width: 648px;
	height:0;
	margin-left:18px;
	background-image: url('./../Images/black80.png');
	position: absolute;
	z-index: 9999999;
}
.elementPanel ul {
	height:40px;
	position: absolute;
}
.elementPanel ul li{
	margin-right: 20px;
}
.elementPanel_btn{
	width: 40px;
	height:40px;
	background-color: #dedede;
	border-radius: 3px;
	cursor: pointer;
	overflow: hidden;
}
.elementPanel_btn_edit{
	background-image: url('./../Images/element_panel_edit.png');
	margin:10px 10px;
	width: 20px;
	height:20px;
}
.elementPanel_btn_description{
	background-image: url('./../Images/element_panel_description.png');
	margin:9px 9px;
	width: 22px;
	height:21px;
}
.elementPanel_btn_order{
	background-image: url('./../Images/element_panel_order.png');
	margin:10px 10px;
	width: 20px;
	height:20px;
}
.elementPanel_btn_remove{
	background-image: url('./../Images/element_panel_remove.png');
	margin:10px 10px;
	width: 20px;
	height:20px;
}
.dlg_closePForm {
	width: 982px;
	border-style: solid;
	border-radius: 6px;
	border-width: 5px;
	border-color: rgba(0,0,0,0.2);
	z-index: 99999999;
	display: none;
	margin: 40px auto;
	position: absolute;
}
.pform_dlg_masklayer {
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left:0;
	background-image: url('./../Images/black80.png');
	z-index: 99999999;
	overflow: hidden;
	display: none;
}
.pform_dlg_isCloseForm_containter{
	width: 408px;
	height:179px;
	border-style: solid;
	border-radius: 6px;
	border-width: 5px;
	border-color:rgba(0,0,0,0.2);
	z-index: 99999999;
	margin: 240px auto;
}
.pform_dlg_isCloseForm_containter_message{
	background-color: white;
	border-radius: 3px;
	width: 408px;
	height:97px;
	text-align: center;
	font-size: 14px;
	color:#666666;
	font-weight: bold;
	line-height: 36px;
	padding-top: 30px;
}
.pform_dlg_isCloseForm_containter_buttons{
	background-color: #eeeeee;
	border-radius: 3px;
	width: 408px;
	height:55px;
	margin-top: -3px;
}
.pform_dlg_isCloseForm_btn{
	border-radius: 3px;
	width: 60px;
	height:30px;
	line-height:30px;
	font-size: 14px;
	color:white;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	float: left;
	margin-top: 12px;
}
.pform_dlg_isCloseForm_btn_cancel{
	background-color: #00a481;
	margin-left: 110px;
}
.pform_dlg_isCloseForm_btn_cancel_mouseIn{
	background-color: #00886c;
}
.pform_dlg_isCloseForm_btn_ok{
	background-color: #666666;
	margin-left: 60px;
}
.pform_dlg_isCloseForm_btn_ok_mouseIn{
	background-color: #4d4d4d;
}
.pform_dlg_order_element_containter{
	width: 600px;

	border-style: solid;
	border-radius: 6px;
	border-width: 5px;
	border-color:rgba(0,0,0,0.5);
	z-index: 99999999;
	margin: 40px auto;
}
.pform_dlg_order_element_containter_detail{
	background-color: #f0f0f0;
	border-radius: 3px;
	width: 600px;
	height:100%;
}
.dlg_order_detail_title{
	width: 600px;
	height:56px;
	line-height: 56px;
	font-weight: bold;
	font-size: 14px;
	color: #666666;
	border-bottom: 1px dotted #a0a0a0;
}
.dlg_order_detail_title_icon{
	width: 19px;
	height: 18px;
	background-image: url('./../Images/order_title_ico.png');
	margin-top: 18px;
}
.dlg_order_detail_title_btn_close{
	width: 20px;
	height: 20px;
	background-image: url('./../Images/dlg_order_detail_title_btn_close.png');
	margin-top: 20px;
	margin-right:20px;
	float:right;
	cursor: pointer;
}
.dlg_order_detail_title_btn_close_mouseIn{
	background-image: url('./../Images/dlg_order_detail_title_btn_close_mouseIn.png');
}
.pform_dlg_order_detail_buttons{
	border-radius: 3px;
	width: 600px;
	height:55px;
	border-top: 1px dotted #a0a0a0;
}
.pform_dlg_order_detail_btn{
	border-radius: 3px;
	width: 60px;
	height:30px;
	line-height:30px;
	font-size: 14px;
	color:white;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	float: left;
	margin-top: 12px;
}
.pform_dlg_order_detail_btn_cancel{
	background-color: #00a481;
	margin-left: 210px;
}
.pform_dlg_order_detail_btn_cancel_mouseIn{
	background-color: #00886c;
}
.pform_dlg_order_detail_btn_ok{
	background-color: #666666;
	margin-left: 60px;
}
.pform_order_detail_btn_ok_mouseIn{
	background-color: #4d4d4d;
}
.pform_dlg_order_detail_list_containter{
	height:300px;
	overflow-y:auto;
}
.pform_dlg_order_detail_list {
	width:540px;
	margin:30px auto;
	background-color: white;
	border-radius: 3px;
	border:1px solid #dcdcdc;
	padding:0 0 10px 0; 
	overflow:hidden;
}
.pform_dlg_order_element{
	margin:10px 20px;
	width: 498px;
	height: 78px;
	background-color: #f0f0f0;
	border-radius: 3px;
	border:1px solid #dcdcdc;
	cursor: move;
}
.pform_dlg_order_element_type_icon{
	width: 22px;
	height:22px;
	float:left;
	margin-left:20px;
	margin-top: 28px;
}
.pform_dlg_order_element_type_icon_text{
	background-image: url('./../Images/element_type_icon_text.png');
}
.pform_dlg_order_element_type_icon_image{
	background-image: url('./../Images/element_type_icon_image.png');
}
.pform_dlg_order_element_type_icon_file{
	background-image: url('./../Images/element_type_icon_file.png');
}
.pform_dlg_order_element_type_icon_media{
	background-image: url('./../Images/element_type_icon_media.png');
}
.pform_dlg_order_element_thumb{
	width: 362px;
	height: 78px;
	margin-left: 15px;
	padding-right: 20px;
	border-right:1px solid #dcdcdc;
	float: left;
	font-size: 14px;
	line-height: 78px;
	word-wrap:break-word;
	word-break:break-all;
	display:block;
	overflow: hidden;
}
.pform_dlg_order_element_move_icon{
	width: 19px;
	height:18px;
	float:right;
	margin-right:20px;
	margin-top: 30px;
	background-image: url('./../Images/order_ico.png');
}
.pform_dlg_surface_containter{
	width: 782px;
	border-style: solid;
	border-radius: 6px;
	border-width: 5px;
	border-color:rgba(0,0,0,0.5);
	z-index: 99999999;
	margin: 40px auto;
}
.pform_dlg_surface_containter_detail{
	background-color: white;
	border-radius: 3px;
	width: 782px;
	/*height:100%;*/
}

.dlg_surface_detail_title{
	width: 782px;
	height:63px;
	padding-top: 14px;
	border-bottom: 1px dotted #a0a0a0;
}
.dlg_surface_detail_title_icon{
	width: 19px;
	height: 18px;
	background-image: url('./../Images/order_title_ico.png');
	margin-top: 18px;
}
.dlg_surface_detail_title_btn_close{
	width: 20px;
	height: 20px;
	background-image: url('./../Images/dlg_order_detail_title_btn_close.png');
	margin-top: 20px;
	margin-right:20px;
	float:right;
	cursor: pointer;
}
.dlg_surface_detail_title_btn_close_mouseIn{
	background-image: url('./../Images/dlg_order_detail_title_btn_close_mouseIn.png');
}
.pform_dlg_surface_detail_buttons{
	border-radius: 3px;
	width: 782px;
	height:60px;
	background-color: #00a481;
}
.pform_dlg_surface_detail_btn{
	border-radius: 3px;
	width: 70px;
	height:35px;
	line-height:35px;
	font-size: 14px;
	color:white;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	float: left;
	margin-top: 13px;
}
.pform_dlg_surface_detail_btn_cancel{
	background-color: #016e57;
	margin-left: 310px;
}
.pform_dlg_surface_detail_btn_cancel_mouseIn{
	background-color: #00886c;
}
.pform_dlg_surface_detail_btn_ok{
	background-color: #016e57;
	margin-left: 40px;
}
.pform_surface_detail_btn_ok_mouseIn{
	background-color: #00886c;
}
.pform_dlg_surface_detail_containter{
	height:466px;
}
.pform_dlg_surface_detail2_containter{
	height:174px;
	border-top: 1px dotted #a0a0a0;
	overflow: hidden;
}
.pform_dlg_masklayer_surface {
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left:0;
	background-image: url('./../Images/black80.png');
	z-index: 99999999;
	overflow: auto;
	display: none;
}
.pform_dlg_surface_title_step_next {
	width:9px;
	height:17px;
	margin-top: 16px;
	background:url('./../Images/next_step_gray.png');
}
.pform_dlg_surface_detail_image {
	margin-top:20px;
	margin-left:40px;
	width: 420px;
	height:420px;
	border: 2px solid #e6e6e6;
	float: left;
	background-color: white;
}
.surface_upload{
	margin: 6px 6px;
	width: 408px;
	height:408px;
	background-color: #e5e5e5;
	overflow: hidden;
}
.surface_upload_image{
	margin-left:auto;
	margin-right:auto;
	margin-top:103px;
	width: 104px;
	height:138px;
	background:url('./../Images/upload_image.png');
}
.pform_dlg_surface_detail_preview_containter {
	margin-left:40px;
	margin-top:20px;
	float: left;
}
.pform_dlg_surface_detail_preview_title {
	margin-top:30px;
	color:#999999;
	font-weight: bold;
	font-size:14px;
}
.pform_dlg_surface_detail_preview_area{
	width:228px;
	height: 270px;
	margin-top:10px;
	border-radius: 3px;
	border: 6px solid black;
	background-color: black;
	position: relative;
} 
.surface_preview{
	width:228px;
	height: 228px;
	background:url('./../Images/trans_bg.png');
	margin-bottom: 10px;
	overflow: hidden;
}
.surface_title_input_box{
	height:25;
	line-height: 25px;
	width: 218px;
	background-color: #484848;
	color: #999999;
	font-weight:bold;
	border: 0;
	border-radius: 2px;
	padding-left: 5px;
	padding-right: 5px;
}
.surface_title_input_box_panel{
	position: absolute;
	top: 0;
	width: 140px;
	right: 0;
	border-radius: 0;
	height: 285px;
	background-color:black;
	/*background: url('./../Images/black80.png');*/
	overflow: hidden;
}
.surface_title_input_box_30000000{
	border: 2px dotted #666;
	word-break: break-all;
	word-wrap: break-word;
	overflow: hidden;
	width: 120px;
	height: 80px;
	margin: 0 auto;
	background: transparent;
	color: #999;
	font-size: 14px;
	line-height: 26px;
	margin-left:5px; 
}
.surface_upload_btn{
	border-radius: 3px;
	width: 70px;
	height:35px;
	line-height:35px;
	font-size: 14px;
	color:white;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	background-color: #00ae89;
}
.surface_upload_help {
	color:#b5b5b5;
	font-weight: bold;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	font-size: 14px;
}
.surface_upload_btn_mouseIn{
	background-color: #00886c;
}
.surface_uploading{
	margin: 6px 6px;
	width: 408px;
	height:408px;
	background-color: #e5e5e5;
	overflow: hidden;
	display: none;
}
.surface_setting{
	margin: 6px 6px;
	width: 408px;
	height:408px;
	background-color: #e5e5e5;
	overflow: hidden;
	display: none;
}
.uploaded_image_list_containter{
	margin: 14px 20px 20px 20px;
}
.uploaded_image_list_title{
	font-weight: bold;
	float: left;
	font-size: 12px;
	color: #989898;
}
.btn_reupload_surface{
	font-weight: bold;
	float: right;
	font-size: 12px;
	color: #00be99;
	cursor: pointer;
}
.surface_imags{
	width:742px;
	height: 115px;
	background-color: #d8d8d8;
	margin-top:4px;
	border-radius: 3px;
}
.surface_imags_default{
	width:742px;
	height: 116px;
	background-color: #d8d8d8;
	margin-top:4px;
	border-radius: 3px;
}
.surface_imags_default ul{
	margin: 0;
	padding: 0 0 0 3px;
	width:742px;
	height: 115px;
	display: block;
}
.surface_image_list_left_arrow{
	width: 58px;
	height: 100px;
	float:left;
}
.surface_image_list{
	width:625px;
	height:100px;
	margin-top: 8px;
	float:left;
	overflow:hidden;
}
.surface_image_list_right_arrow{
	width: 58px;
	height: 100px;
	float:left;
}

.button_bg{
	width: 41px;
	height: 41px;
	background:url('./../Images/button_bg.png');
	margin-left: auto;
	margin-right: auto;
	margin-top:38px;
	cursor: pointer;
	overflow: hidden;
}
.button_prev{
	width: 9px;
	height: 13px;
	margin:11px 14px; 
	background:url('./../Images/prev.png');
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.button_prev_mouseIn{
	background:url('./../Images/prev_mouseIn.png');
}
.button_next{
	width: 9px;
	height: 13px;
	margin:11px 17px; 
	background:url('./../Images/next.png');
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.button_next_mouseIn{
	background:url('./../Images/next_mouseIn.png');
}
.surface_image_list_detail{
	height: 100px;
	width: 145px;
	margin-left: 0;
	/*background-color: blue;*/
}
.surface_image_list_detail ul li{
	margin-right:5px;
	float: left;
}
.list_element{
	width: 100%;
}
.surface_image_list_element{
	width: 100px;
	height: 100px;
	position: relative;
	cursor: pointer;
}
.surface_image_list_element_image{
	width: 96px;
	height: 96px;
	background:url('./../Images/trans_bg.png');
	border:  2px solid #e9e9e9;
	overflow: hidden;
}
.surface_image_list_element_image_default{
	width:80px;
	margin:8px 0 0 7px;
	cursor: pointer;
}
.surface_image_list_element_selected_body{
	border:  2px solid #03bb95;
}
.pform_dlg_message_containter{
	width: 408px;
	height:179px;
	border-style: solid;
	border-radius: 6px;
	border-width: 5px;
	border-color:rgba(0,0,0,0.2);
	z-index: 99999999;
	margin: 240px auto;
}
.pform_dlg_message_text{
	background-color: white;
	border-radius: 3px;
	width: 408px;
	height:97px;
	text-align: center;
	font-size: 14px;
	color:#666666;
	font-weight: bold;
	line-height: 36px;
	padding-top: 30px;
}
.pform_dlg_message_containter_buttons{
	background-color: #eeeeee;
	border-radius: 3px;
	width: 408px;
	height:55px;
	margin-top: -3px;
}
.pform_dlg_message_btn{
	border-radius: 3px;
	width: 60px;
	height:30px;
	line-height:30px;
	font-size: 14px;
	color:white;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	float: left;
	margin-top: 12px;
}
.pform_dlg_message_btn_cancel{
	background-color: #00a481;
	margin-left: 175px;

}
.pform_dlg_message_btn_cancel_mouseIn{
	background-color: #00886c;
}
.waitForSaving {
	width: 54px;
	height: 51px;
	z-index: 99999999999;
	margin: 0 auto;
}
.pform_dlg_message_text_save_success{
	background-color: white;
	border-radius: 3px;
	width: 408px;
	height:97px;
	text-align: center;
	font-size: 14px;
	color:#666666;
	font-weight: bold;
	line-height: 36px;
	padding-top: 30px;
}
.pform_copr{
	background-color: #ffffff;
	/*height:108px;*/
	width: 238px;
	border:1px #d0d0d0 solid;
	border-radius: 3px;
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 4px;
}
.pform_copr_titile{
	font-weight: bold;
	color: #666666;
	height:28px;
	line-height: 28px;
	width:230px;
	margin-left: 8px;
	color: red;
	margin-bottom: -4px;
}
.pform_copr_detail{
	font-weight: bold;
	color: #666666;
	
	line-height: 28px;
	width:230px;
	margin-left: 8px;
}
.pform_copr_help{
	/*margin-top: -4px;*/
	color: #666666;
	line-height: 22px;
	margin-left: 8px;
	margin-right: 8px;
	float: left;
	color: #999999;
	clear: both;
}
.pform_copr_help_text{

}
.pform_copr_help_detail{

}
.pform_input{
	width: 206px;
	height: 18px;
	border: 0;
	margin-left: 6px;
	margin-top: 2px;
	color: #999999;
}
.pform_input_border{
	width: 218px;
	height: 24px;
	border-radius: 3px;
	border: 1px solid #d1d1d1;
	overflow: hidden;
	display: block;
}
.copr_detail_text{
	float:left;
	color: #999999;
	line-height: 16px;
	margin-left: 6px;
}
.pform_up_body_container{
	width: 100%;
	background-color: #222222;
	overflow:hidden;
	border-radius: 3px;
}
.pform_up_left{
	float: left;
	background-color: #ffffff;
	width:770px;
	overflow: hidden;
	display: block;
}
.pform_up_right{
	float: left;
	width:212px;
	background-color: #222222;
	position: relative;
	overflow: hidden;
	display: block;
	margin-bottom: 20px;
}
.pform_up_logo {
	width: 119px;
	height:138px;
	margin: 10px auto;
	background:url('./../Images/up_logo.png');
}
.pform_up_btn_close {
	position: absolute;
	top:10px;
	right:10px;
	width: 30px;
	height:30px;
	background:url('./../Images/up_close.png');
	cursor: pointer;
}
.pform_up_btn_close_hover {
	background:url('./../Images/up_close_hover.png');
}
.pform_up_right_icon {
	width: 60px;
	height: 60px;
	margin: 0 auto;
	cursor: pointer;
}
.pform_up_r_icon_01 {
	background:url('./../Images/up_icon_01.png');
}
.pform_up_r_icon_02 {
	background:url('./../Images/up_icon_02.png');
}
.pform_up_r_icon_03 {
	background:url('./../Images/up_icon_03.png');
}
.pform_up_r_icon_04 {
	background:url('./../Images/up_icon_04.png');
}
.pform_up_r_icon_05 {
	background:url('./../Images/up_icon_05.png');
}
.pform_up_right_line_s {
	width: 5px;
	height: 10px;
	margin: 0 auto;
	background-color: #000000;
}
.pform_up_right_line_l {
	width: 5px;
	height: 40px;
	margin: 0 auto;
	background-color: #000000;
}
.pform_up_right_s_menu{
}
.pform_up_right_s_menu_caption {
	margin: 0 auto;
	width: 152px;
	height: 35px;
	line-height: 35px;
	background-color: black;
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	cursor: pointer;
}
.pform_up_right_s_menu_caption:hover {
	color: #00be99;
}
.pform_up_right_s_menu_caption_selected {
	color: #00be99;	
}
.pform_up_right_line_ss {
	width: 5px;
	height: 5px;
	margin: 0 auto;
	background-color: #000000;
}

.pform_up_right_icon_caption {
	margin: 0 auto;
	width: 152px;
	height: 36px;
	line-height: 36px;
	background-color: #000000;
	color: #d04001;
	font-size: 12px;
	font-weight: bold;
	border-radius:18px;
	cursor: pointer;
	text-align: center;
	cursor: pointer;
}
.pform_up_right_icon_caption_hover {
	background-color: #d04001;
	color: #ffffff;
}
.pform_up_menu{
	margin-bottom: 20px;
}
.pform_up_well {
	width: 740px;
	margin:0 auto;
	overflow: hidden;
	display: block;
}
.pform_up_ws_splite{
	background:url('./../Images/up_split_line.png') no-repeat;
	height: 1px;
	overflow: hidden;
	margin-top: 36px;
}
.pform_up_ws_splite_icon{
	background:url('./../Images/up_split_line_icon.png');
	width: 36px;
	height:40px;
	margin: 0 auto;
	margin-top: -21px;
}
.pform_up_ws_splite_icon_company{
	background:url('./../Images/up_split_line_icon_company.png');
	width: 44px;
	height:39px;
	margin: 0 auto;
	margin-top: -21px;
}
.pform_up_to_all_friend{
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	margin-top:20px;
}
.pform_up_splite{
	border-top: 1px solid #ebe4d0;
	height: 1px;
	overflow: hidden;
	margin-top: 8px;
	margin-bottom: 14px;
}
.pform_up_well_text {
	width: 690px;
	padding: 5px 25px;
	margin:0 auto;
	overflow: hidden;
	display: block;
	border: 1px solid #ebe4d0;
	background-color: #fcfcef;
	font-size: 12px;
	color: #333333;
	line-height: 30px;
	margin-bottom:20px;
	border-radius: 3px;
}
.pform_up_detail{
	width: 770px;
	min-height:1000px;
	overflow: hidden;
}
.pform_up_caption{
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	margin-top:27px;
}
.pform_up_well_block {
	width: 722px;
	padding: 9px 9px;
	margin:0 auto;
	overflow: hidden;
	display: block;
	border: 1px solid #ebe4d0;
	background-color: #fcfcef;
	font-size: 12px;
	color: #333333;
	line-height: 30px;
	margin-bottom:10px;
	border-radius: 3px;
}
.pform_member_image{
	width: 122px;
	height:122px;
	float: left;
}
.member_YY{
	width: 122px;
	height:122px;
	background:url('./../Images/up_member_YY.png');
}
.member_ZT{
	width: 122px;
	height:122px;
	background:url('./../Images/up_member_ZT.png');
}
.member_DD{
	width: 122px;
	height:122px;
	background:url('./../Images/up_member_DD.png');
}
.member_HJJ{
	width: 122px;
	height:122px;
	background:url('./../Images/up_member_HJJ.png');
}
.pform_member_info{
	float: left;
	overflow: hidden;
	margin-left: 20px;
}
.pform_member_info_line{
	overflow: hidden;
}
.pform_member_info_line_caption{
	height: 30px;
	line-height: 30px;
	color: #999999;
	font-size: 12px;
	float: left;
	font-weight: bold;
}
.pform_member_info_line_detail{
	height: 30px;
	line-height: 30px;
	color: #333333;
	font-size: 12px;
	float: left;
	font-weight: bold;
	margin-left: 16px;
}
.pform_member_name{
	height: 30px;
	line-height: 30px;
	color: #333333;
	font-size: 14px;
	float: left;
	font-weight: bold;
}
.pform_member_title{
	height: 30px;
	line-height: 30px;
	color: #666666;
	font-size: 12px;
	float: left;
	margin-left: 18px;
	margin-top: 1px;
}
.pform_member_icon_u{
	width: 24px;
	height: 24px;
	background:url('./../Images/up_member_U.png');
	margin-right: 10px;
	float: left;
	margin-top: 6px;
}
.pform_member_icon_w{
	width: 24px;
	height: 24px;
	background:url('./../Images/up_member_W.png');
	margin-right: 10px;	
	float: left;
	margin-top: 6px;
}
.pform_feedback{
	width: 692px;
	height:150px;
	margin:15px auto;
	margin-left:-5px;
	border: 1px solid #ebe4d0;
	background-color: #ffffff;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	margin-bottom:0;
	border-radius: 3px;
}
.pform_feedback_send{
	width: 50px;
	height: 24px;
	background:url('./../Images/btn_send.png') center no-repeat;
	margin-top: 15px;
	margin-left: 643px;
	margin-bottom: 14px;
	border-radius: 3px;
	background-color: #00be99;
	color: #ffffff;
	text-align: center;
	line-height: 24px;
	cursor: pointer;
}
.pform_feedback_send:hover{
	background:url('');
	background-color: #00a480;
	font-weight: bold;
}
.pform_up_caption_memo{
	font-size: 12px;
	color: #999999;
	margin-left: 18px;
}
.pform_divider{
	width: 648px;
	height: 1px;
	margin: 0 auto;
	position: relative;
	top:10px;
}
.pform_divider_solid{
	border-top:1px solid #cdcdcd;
}
.pform_divider_dashed{
	border-top:1px dashed #cdcdcd;
}
.pform_divider_dotted{
	border-top:1px dotted #cdcdcd;
}
.pform_divider_solid_white{
	border-top:1px solid #666666;
}
.pform_divider_dashed_white{
	border-top:1px dashed #666666;
}
.pform_divider_dotted_white{
	border-top:1px dotted #666666;
}
.pform_error_bubble{
	margin: 0 auto;
	padding: 9px 50px;
	font-size: 16px;
	line-height: 24px;
	background: #f9fbd4;
	color: #666666;
	position: fixed;
	display: none;
	font-weight: bold;
	border: 1px solid #e9ecb4;
	z-index: 999999999999999999999;
}
.pform_error_bubble_message{
	background:url('./../Images/bubble_warning.png') no-repeat;
	padding-left: 26px;
}
.pform_tags_ext{
	display: block;
	overflow: hidden;
	width: 630px;
	margin: 0 auto;
	padding-bottom: 10px;
	border-top: 1px solid #dcdcdc;
}
.pform_albumn_tags{
	margin: 0 auto;
	width: 100%;
	padding-top: 5px;
	min-height: 60px;
	border-top: 1px solid #dcdcdc;
}
.pform_albumn_tag_input_boder{
	border-radius: 3px;
	border: 1px solid #d1d1d1;
	height: 28px;
	width: 550px;
	margin-bottom: 5px;
	padding: 0 0;
	display: inline-block;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
	float: left;
}
.pform_albumn_tag_input{
	border: 0;
	width: 540px;
	color:#666666;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	margin:4px 5px 0 5px;
	padding: 0 0;
	display: inline-block;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.pform_albumn_tag_add{
	width: 68px;
	height: 29px;
	line-height: 30px;
	text-align: center;
	color: #ffffff;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
	cursor: pointer;
	border-radius: 3px;
	margin-left: 10px;
	/*background:url('./../Images/add_albumn_icon.png') no-repeat center;*/
	background-color: #00be99;
	font-weight: bold;
}
.pform_albumn_tag_add:hover{
	/*background:url('') no-repeat center;*/
	background-color: #00a480;
	font-weight: bold;
}
.pform_my_tags_container{
	margin: 15px auto 5px auto;
	min-height: 38px;
	line-height: 24px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	display: block;
}
.pform_albumn_tags_list_container{
	display: block;
	overflow: hidden;
	margin-top: 55px;
	min-height: 32px;
	line-height: 24px;
	text-align: center;

}
.pform_my_tags_loading{
	display: none;
	background:url('./../Images/loading_min.gif') no-repeat center;
	width: 30px;
	height: 30px;
	margin: 4px auto 0 auto;
}
.pform_albumn_tags_loading{
	display:none;
	background:url('./../Images/loading_min.gif') no-repeat center;	
	width: 30px;
	height: 30px;
	margin: 9px auto 0 auto;
}
.pform_my_tags{
	
}
.pform_albumn_tags_list{
	
}
.getTagsFailedLink{
	color:#00be99;
	text-decoration: underline;
	cursor: pointer;
}
.pform_albumn_tag_span {
	color:#ffffff;	
	background-color: #0091e5;
	margin-right: 6px;
	margin-bottom: 6px;
	line-height: 12px;
	cursor: pointer;
	padding: 7px 6px;
	overflow: hidden;
	display: inline-block;
	float: left;
	border-radius: 3px;
	min-width: 30px;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.pform_albumn_tag_span:hover{
	background-color: #0070bc;
}
.pform_albumn_tag_span_selected{
	background-color: #0064a8;
}
.pform_mytag_span {
	color:#ffffff;	
	background-color: #a0a0a0;
	margin-right: 6px;
	margin-bottom: 6px;
	line-height: 12px;
	cursor: pointer;
	padding: 7px 8px;
	overflow: hidden;
	display: inline-block;
	float: left;
	border-radius: 13px;
	min-width: 30px;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.pform_mytag_span:hover{
	background-color: #777777;
}
.pform_mytag_span_selected{
	background-color: #666666;
}
.pform_albumn_tag_input_not_allow{
	/*display: none;*/
	line-height: 18px;
	text-align: left;
	margin: 0 auto 15px 0;
	padding: 5px 10px;
	background: #f9fbd4;
	color: #666666;
	
	border: 1px solid #e9ecb4;
	border-radius: 2px;
}
.pform_albumn_tag_input_container{
	margin-top:10px;
	/*display: none;*/
}
.surface_switch_btn{
	cursor: pointer;
	font-weight: normal;
}
.surface_switch_btn:hover{
	color: #00be99;
	font-weight: normal;
}
.surface_switch_btn_selected{
	color: #00be99;
	font-weight: bold;
}
.surface_switch_btn_selected:hover{
	color: #00be99;
	font-weight: bold;
}
.cat_s_btn{
	padding: 0 9px;
	height: 28px;
	line-height: 28px;
	border: 2px solid #d0d0d0;
	border-radius: 4px;
	float: left;
	margin: 5px 2px 5px 8px;
	cursor: pointer;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
	font-weight: bold;
	color: #999999;
}

/*插画*/
.cat_s_btn_selected_10000000 {background-color:#ebb400;color: #333333;border-color: #ebb400;}
/*漫画*/
.cat_s_btn_selected_20000000 {background-color:#b0c464;color: #333333;border-color: #b0c464;}
/*小说*/
.cat_s_btn_selected_30000000 {background-color:#38ba90;color: #333333;border-color: #38ba90;}
/*游戏*/
.cat_s_btn_selected_40000000 {background-color:#05b6c0;color: #333333;border-color: #05b6c0;}
/*动画*/
.cat_s_btn_selected_50000000 {background-color:#e9678f;color: #333333;border-color: #e9678f;}
/*活动*/
.cat_s_btn_selected_60000000 {background-color:#9d6abc;color: #333333;border-color: #9d6abc;}

.cat_s_btn_selected_10010000 {background-color:#ebb400;color: #333333;border-color: #ebb400;}
.cat_s_btn_selected_20010000 {background-color:#b0c464;color: #333333;border-color: #b0c464;}
.cat_s_btn_selected_30010000 {background-color:#38ba90;color: #333333;border-color: #38ba90;}

.pform_empty_container{
	height: 60px;
	overflow: hidden;
	margin: 15px 0 0 0 ;
	display: none;
	width: 240px;
}
.pform_goTop_container{
	height: 50px;
	overflow: hidden;
	margin: 15px 0 0 192px ;
	display: none;
	float: right;
	width: 50px;
	position: absolute;
	bottom: 0;
}
.pform_goTop_btn{
	width: 50px;
	height: 50px;
	background:url('./../Images/op_gotop.png') no-repeat center;
	cursor: pointer;
	float: right;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.pform_goTop_btn:hover{
	background:url('./../Images/op_gotop_hover.png') no-repeat center;	
}
.pform_date_container{
	position: relative;
	float: left;
}
.pform_dropdownbox{
	width: 275px;
	height: 26px;
	line-height: 26px;
	/*background-color: #2d2d2d;*/
	border: 2px solid #dcdcdc;
	color: #999999;
	font-size: 14px;
	/*font-weight: bold;*/
	border-radius: 4px;
	padding: 0 10px 0 10px;
	float: left;
	/*border: 0;*/
	position: relative;
	cursor: pointer;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.pform_dropdownbox_white{
	color: white;
	background: #2d2d2d;
	border: 2px solid black;
}
.pform_dropdownbox:hover{
	/*background-color: #3c3c3c;*/
}
.pform_dropdownbox_expend{
	/*background-color: #3c3c3c;*/
}
.pform_dropdownbox_expend:hover{
	/*background-color: #3c3c3c;*/
}
.pform_dropdownbox_arrow_down{
	width: 13px;
	height: 28px;
	background: url('./../Images/profile/arrow_down.png') no-repeat center;
	float: right;
	cursor: pointer;
}
.pform_dropdownbox_arrow_up{
	background: url('./../Images/profile/arrow_up.png') no-repeat center;
}

.pform_dropdownbox_list{
	position: absolute;
	top: 32px;
	left: 0;
	background-color: #3c3c3c;
	width: 100%;
	max-height: 315px;
	min-height: 30px;
	z-index: 99999999999999;
	border-radius: 4px;
	padding: 0;
	margin: 0;
	display: none;
	overflow: hidden;
	/*border: 1px solid #3c3c3c;*/
	/*background-color: #dcdcdc;*/
}
.pform_dropdownbox_text{
	display: inline-block;
	width: auto;
	height: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
	word-break: break-all;
	word-wrap: break-word;
	white-space:nowrap;
}
.pform_dropdownbox_list li{
	display: block;
	float: none;
	padding-left: 5px;
	margin: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
	word-break: break-all;
	word-wrap: break-word;
	white-space:nowrap;
	font-weight: bold;
}
.pform_dropdownbox_list li:hover{
	background-color: #2d2d2d;
	border-radius: 5px;
}

.act_input_container{
	padding: 4px 6px;
	
	border-radius: 4px;
	margin-left: 12px;
	margin-top: 9px;
}
.act_input_container_white{
	border: 2px solid #2d2d2d;
	background-color: #2d2d2d;
}
.pform_date_divide{
	margin: 0 3px 0 15px;
	float: left;
	line-height: 48px;
	height:48px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.pform_sns {
	height:24px;
	width: 238px;
	border-radius: 3px;
	overflow: hidden;
	margin-bottom: 1px;
	cursor:pointer;
	margin-top: 14px;
}
.pform_sns_titile{
	font-weight: bold;
	color: #999;
	height:24px;
	line-height: 24px;
	width:108px;
	float: left;
	font-size: 14px;
	margin-right: 6px;
}
.pform_sns_item{
	width: 56px;
	height: 24px;
	cursor: pointer;
	float: left;
	margin-right: 16px;
}
.pform_sns_wb{
	background: url('./../Images/push_wb.png') no-repeat center;
}
.pform_sns_wb:hover{
	background: url('./../Images/push_wb_hover.png') no-repeat center;
}
.pform_sns_wb_selected{
	background: url('./../Images/push_wb_check.png') no-repeat center;
}
.pform_sns_wb_selected:hover{
	background: url('./../Images/push_wb_check.png') no-repeat center!important;
}
.pform_sns_tw{
	background: url('./../Images/sns/publish/twitter_dark.png') no-repeat center;
}
.pform_sns_fb{
	background: url('./../Images/sns/publish/facebook_dark.png') no-repeat center;
}
.pform_editor_section{
	height: 160px;
	width: 646px;
	border: 2px dashed #DCDCDC;
	margin-top: 0px;
	margin-left: 18px;	
}
.pform_editor_section_li{
	float: left;
	height: 120px;
	width: 190px;
	background-color: #F4F4F4;
	margin: 20px 0px 20px 20px;
	text-align: center;
}

.pform_editor_section_lia{
	float: left;
	height: 120px;
	width: 190px;
	background-color: #F4F4F4;
	margin: 20px 0px 20px 20px;
}

.pform_block_text{
	font-size: 14px;
	color: #BCBCBC;
	font-weight: bold;
	margin:0 auto;
}

.pform_block_text_a{
	font-size: 14px;
	color: #BCBCBC;
	font-weight: bold;
	margin-left: 33px;
}

.pform_block_text_s{
	font-size: 10px;
	color: #BCBCBC;
	font-weight: bold;
}
.textimg{
	height: 45px;
	width: 42px;
	margin: 28px auto 9px;
	background: url('./../Images/textMAX.png') no-repeat center;
}
.textpic{
	height: 45px;
	width: 42px;
	margin: 28px auto 9px;
	background: url('./../Images/picMAX.png') no-repeat center;
}
.textfile{
	height: 45px;
	width: 42px;
	margin: 28px auto 9px;
	background: url('./../Images/fileMAX.png') no-repeat center;
}
.p_hover{
	color:#00be99;
}

.li_hover{
	background-color: #d8f5ef;
}

.textimg_hover{
	background: url('./../Images/textMAXhover.png') no-repeat center;
}

.textpic_hover{
	background: url('./../Images/picMAXhover.png') no-repeat center;
}

.textfile_hover{
	background: url('./../Images/fileMAXhover.png') no-repeat center;
}

.richTextSection{
	margin-top: 40px;
}

.pform_pro_titile{
	font-weight: bold;
	color: #666666;
	height:28px;
	line-height: 28px;
	width:230px;
	margin-left: 8px;
	margin-bottom: -4px;
	display: inline;
}

.pform_mouse_right{
	font-weight: bold;
	color: #999999;
	height:28px;
	line-height: 20px;
	margin-left: 5px;
	margin-top: 4px;
	float: left;
}

.pform_mouse_notice{
	color: #999999;
	height:28px;
}

.pform_pro_detail{
	color: #00be99;
	height:28px;
	line-height: 28px;
	float: right;
	margin-right: 9px;
	cursor: pointer;
	position: relative;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}

.pform_pro_intro{
    background-color: #e72b4f;
    border-radius: 3px;
    margin: 0px auto 10px;
    width: 220px;
    height: auto;
    position: relative;
    overflow: visible;
    cursor: pointer;
    -moz-user-select:-moz-none;
	-webkit-user-select: none;
}

.pform_pro_img{
    height: 17px;
    width: 17px;
    /* float: left; */
    position: absolute;
    left: 6px;
    border-radius: 10px;
    background-color: #ffffff;
    display: inline-block;
    -moz-user-select:-moz-none;
	-webkit-user-select: none;
}
.pform_pro_img_ff14{
    /*background: url('./../Images/FFcheckbox.png') no-repeat center;*/
    background: #fff;
    width: 15px;
    height: 15px;
    top: 50%;
    margin-top: -8px;
    left: 7px;
  	position: absolute;
    display: inline-block;
    -moz-user-select:-moz-none;
	-webkit-user-select: none;
	border-radius: 50%;
}

.pform_pro_text{
	font-size: 14px;
    color: #FFFFFF;
    /* float: left; */
    font-weight: bold;
    margin: 5px auto 5px;
    padding: 0;
    /* padding-left: 5px; */
    margin-left: 29px;
    width: 186px;
    height: auto;
    line-height: 23px;
    text-align: left;
    display: inline-block;
    -moz-user-select:-moz-none;
	-webkit-user-select: none;
}

.pform_pro_deadline{
    font-family: 'Arial';
    font-size: 12px;
    color: #666;
    margin-left: 9px;
    /* float: left; */
    margin-bottom: 5px;
    display: inline-block;
}

.pform_pro_deadline_day{
    font-size: 16px;
    font-family: 'Arial';
    color: #e72b4f;
    /* float: left; */
    margin-left: 3px;
    margin-right: -2px;
    display: inline-block;
    /* line-height: 0px; */	
}
.ff14_pform_pro_deadline_day{
    font-size: 16px;
    font-family: 'Arial';
    color: #e72b4f;
    /* float: left; */
    margin-left: 3px;
    margin-right: -2px;
    display: inline-block;
    /* line-height: 0px; */	
}
.point{
    height: 9px;
    width: 9px;
    border-radius: 9px;
    background-color: #ffffff;
    float: left;
    /*margin-left: -17px;
    margin-top: 14px;*/
	cursor: pointer;
	top: 4px;
  	left: 4px;
	position: absolute;
}

.point_checked{
	background-color: #FC332C;
}

.point_checked_blue{
	background-color: #346ea8;
}

.pform_pro_animal{
    /*background: url('./../Images/animal.png') no-repeat center;*/
    height: 46px;
    width: 35px;
    position: absolute;
	bottom: 4px;
    right: 20px;
}

.check_box{
    width: 16px;
    height: 16px;
    border: 2px solid #d0d0d0;
    cursor: pointer;
    margin-top:4px;
    border-radius: 3px;
    cursor: pointer;
    -moz-user-select:-moz-none;
	-webkit-user-select: none;
}

.check_img{
	height: 12px;
	width: 12px;
	margin-left: 2px;
	margin-top: 2px;
    background: url('./../Images/checkmax.png') no-repeat center;
    -moz-user-select:-moz-none;
	-webkit-user-select: none;
}

.check_box_checked{
	background-color: #00be99;
	border: 2px solid #00be99;
}

.project{
	background-color: #ffffff;
	width: 238px;
	border:1px #d0d0d0 solid;
	border-radius: 3px;
	padding-bottom: 4px;
	position:relative;
	overflow:visible;
	height: auto;
	margin-bottom: 10px;
}

.TseBeingUnresponsedEvent_container{
	width: 238px;
	height: auto;
	border-top: 1px dashed #d3d3d3;
    margin-bottom: 10px;
}

.TseBeingUnresponsedEvent_container_title{
	font-size: 12px;
    font-family: 'Arial';
    color: #666;
    margin-left: 10px;
    margin-top: 6px;
    width: 220px;
    line-height: 20px;
    position: relative;
}

.TseBeingUnresponsedEvent_user{
	font-size: 12px;
    font-family: 'Arial';
    color: #00be99;
    display: inline-block;
}

.blank{
	display: inline-block;
	width: 5px;
}

.TseIgnore{
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: 12px;
    font-family: 'Arial';
    color: #00be99;
    cursor: pointer;
    -moz-user-select:-moz-none;
	-webkit-user-select: none;
}


.pform_focus_fav_cancel_panel{
    width: 177px;
    height: 37px;
    background-color: rgba(0,0,0,0);
    top: -35px;
    left: -116px;
    z-index: 999999;
    position: absolute;
}

.pform_focus_cancel_panel{
	width: 151px;
    height: 30px;
    top: 0px;
    left: 34px;
    z-index: 999999;
    position: absolute;
    border-radius: 5px;
    background-color: #00be99;
}

.pform_focus_cancel_panel_font{
    margin: 3px 0 3px 10px;
    text-align: left;
    line-height: 2;
    font-weight: lighter;
    font-family: 'SimSun';
    color: #ffffff;
    float: left;
}

.pform_focus_fav_cancel_panel_cancel{
    float: left;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background: url('./../Images/unfo.png') no-repeat center;
    background-color: #00be99;
    margin-top: 5px;
    margin-left: 6px;
    cursor: pointer;
}

.pform_focus_fav_cancel_panel_cancel:hover{
	background-color: #00a480;
}

.pform_focus_fav_cancel_panel_submit{
float: left;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background: url('./../Images/submit.png') no-repeat center;
    background-color: #00be99;
    margin-top: 5px;
    /* margin-left: 5px; */
    cursor: pointer;
}

.pform_focus_fav_cancel_panel_submit:hover{
	background-color: #00a480;
}


.pform_focus_triangle_green{
	width: 13px;
    height: 7px;
    bottom: 1px;
    left: 139px;
    position: absolute;
    z-index: 999999;
    background: url('./../Images/LT/triangle_green.png') no-repeat center;
}

.daily_role_project{
	background-color: #ffffff;
	width: 238px;
	border:1px #d0d0d0 solid;
	border-radius: 3px;
	padding-bottom: 4px;
	position:relative;
	overflow:visible;
	height: auto;
	margin-bottom: 10px;
}

.pform_daily_role_panel{
	width: 177px;
    height: auto;
    background-color: rgba(0,0,0,0);
    top: -68px;
    left: -104px;
    z-index: 999999;
    position: absolute;
}

.pform_daily_role_font_panel{
    width: 175px;
    height: auto;
    top: -18px;
    left: -6px;
    z-index: 999999;
    position: absolute;
    border-radius: 5px;
    background-color: #00be99;
}

.pform_daily_role_triangle_green{
	width: 13px;
    height: 7px;
    bottom: -74px;
    left: 121px;
    position: absolute;
    z-index: 999999;
    background: url('./../Images/LT/triangle_green.png') no-repeat center;
}

.pform_virtual_role_content{
	font-family: 'Arial';
	font-style: 12px;
	color: #666;
	margin-left: 8px;
	display: inline;
}

.pform_virtual_role_number{
	font-family: 'Arial';
	font-style: 12px;
	color: #00be99;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
	font-weight: bold;
}

.pform_create_role{
	color: #00be99;
	height:28px;
	float: right;
	margin-right: 9px;
	cursor: pointer;
	position: relative;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}

.pform_daily_role_iknow_btn{
	height: 25px;
    width: 36px;
    float: right;
    line-height: 2;
    margin-right: 6px;
    margin-bottom: 6px;
    cursor: pointer;
    background-color: #00be99;
    text-align: center;
    color: #fff;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    border-radius: 5px;
}

.pform_daily_role_iknow_btn:hover{
	background-color: #00a480;
}

.pform_daily_role_section{
	width: 220px;
	height: 80px;
	margin-left: 8px;
	cursor: pointer;
	background: url("./../Images/LT/role_bg.png") repeat;
}

.pform_daily_role_section_panel{
	width: 220px;
	height: 60px;
	margin-top: 10px;
	background-color: rgba(0,0,0,0);
}

.pform_daily_role_section_panel_hexagon_grey{
	width: 54px;
    height: 60px;
    overflow: hidden;
    margin-top: 10px;
    background-color: #d0d0d0;
    -webkit-clip-path: polygon(27px 0,54px 15px,54px 45px,27px 60px,0 45px,0 15px);
    clip-path: polygon(27px 0,54px 15px,54px 45px,27px 60px,0 45px,0 15px);
    position: relative;
    margin-left: 15px;
    float: left;
    position: relative;
}

.pform_daily_role_section_panel_hexagon_white{
	width: 50px;
    height: 56px;
    overflow: hidden;
    background-color: #fff;
    -webkit-clip-path: polygon(25px 0,50px 14px,50px 42px,25px 56px,0 42px,0 14px);
    clip-path: polygon(25px 0,50px 14px,50px 42px,25px 56px,0 42px,0 14px);
    float: left;
    position: absolute;
    top: 2px;
    left: 2px;
}

.pform_daily_role_section_panel_egg{
	width: 27px;
	height: 32px;
	margin-left: 11px;
    margin-top: 12px;
	background: url("./../Images/LT/role_normal.png") no-repeat center;
}

.pform_daily_role_section_panel_egg_hover{
	background: url("./../Images/LT/role_hover.png") no-repeat center;
}

.pform_daily_role_section_panel_content{
	width: 126px;
	height: 25px;
	background: url('./../Images/LT/daily_role_section_panel_content.png') no-repeat center;
    float: left;
    margin-left: 16px;
    margin-top: 29px;
}

.response_project{
	background-color: #ffffff;
	width: 238px;
	border:1px #d0d0d0 solid;
	border-radius: 3px;
	padding-bottom: 4px;
	position:relative;
	overflow:visible;
	height: 97px;
	margin-bottom: 10px;
}

.pform_questionmark{
	width: 18px;
	height: 18px;
	float: right;
	margin-right: 9px;
	cursor: pointer;
	position: relative;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
	background: url('./../Images/LT/questionmark.png') no-repeat center;
}

.response_project_content{
	width: 218px;
	height: 33px;
	margin-top: 2px;
    margin-left: 9px;
	border:1px #d0d0d0 solid;
	border-radius: 3px;
}

.pform_choose_virtual_role_masklayer{
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-image: url('./../Images/black90.png');
    z-index: 99999999;
    overflow: hidden;
    display: none;
}

.pform_choose_virtual_role_panel{
	width: 1155px;
	height: 435px;
	display: none;
	background-color: rgba(0,0,0,0);
}

.waiting {
	width: 54px;
	height: 51px;
	z-index: 99999999999;
	margin: 0 auto;
	display: none;
}

.pform_choose_virtual_role_masklayer_close{
	background: url('./../Images/public_close.png') center no-repeat;
    height: 26px;
    width: 26px;
    position: absolute;
    right: 27px;
    top: 10px;
    cursor: pointer;
    z-index: 99999999;
}

.pform_choose_virtual_role_masklayer_close:hover {
	background: url('./../Images/public_close_mouseIn.png') center no-repeat;
}

.pform_virtual_role_container{
	width: 180px;
	height: 435px;
	background-color: #333;
	margin-left: 15px;
	float: left;
}

.virtual_role_panel{
	width: 180px;
	height: 400px;
	background-color: #ffcd31;
	position: relative;
}

.virtual_role_select_panel{
	width: 180px;
	height: 35px;
	text-align: center;
}

.select_btn{
	width: 16px;
	height: 16px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	background-color: #fff;
	cursor: pointer;
	border-radius: 2px;
}

.select_content{
	font-family: 'Arial';
	font-size: 12px;
	color: #fffefe;
	float: left;
	margin-left: 21px;
	line-height: 36px;
	font-weight: bold;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}

.pform_virtual_role_intro{
    width: auto;
    height: 150px;
    background-color: #272727;
    position: fixed;
    left: 0;
    bottom: 0;
    text-align: center;
}

.pform_virtual_role_intro_title{
	font-family: 'Microsoft Yahei';
	font-size: 22px;
	color: #ebc46e;
	margin-top: 19px;
}

.pform_virtual_role_intro_content{
	font-family: 'Arial';
	font-size: 16px;
	color: #ebc46e;
	margin-top: 22px;
}

.pform_selected_role_panel{
	width: 220px;
	height: 80px;
	margin-left: 8px;
	margin-top: 10px;
	border-radius: 3px;
	background-color: #ebc46e;
}

.pform_hex_color_picker_1{background-color: #ff0039;}
.pform_hex_color_picker_2{background-color: #ff7744;}
.pform_hex_color_picker_3{background-color: #ffdc28;}
.pform_hex_color_picker_4{background-color: #82e99f;}
.pform_hex_color_picker_5{background-color: #58d0e2;}
.pform_hex_color_picker_6{background-color: #9b82ff;}
.pform_hex_color_picker_7{background-color: #ff7be1;}
.pform_hex_color_picker_8{background-color: #000000;}
.pform_hex_color_picker_9{background-color: #ffffff;}

.virtual_role_panel_bg{
	background: url("./../Images/LT/role_bg.png") repeat;
	width: 100%;
	height: 100%;
}

.virtual_role_detail{
	width: 100%;
	height: 100%;
	position: absolute;
	color: #fff;
	top:0px;
	left: 0px;
	text-align: center;
	background-image: url('./../Images/black80.png');
}

.detail_content{
	margin-top: 13px;
	font-size: 12px;
	font-family: 'Arial';
	font-weight: bold;
	cursor: default;
	text-decoration: underline;
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}

.see_more_detail{
	width: 80px;
    height: 27px;
    border-radius: 12px;
    background-color: #fff;
    color: #272727;
    text-align: center;
    margin-top: 83px;
    display: inline-block;
    cursor: pointer;
}

.see_more_font{
	font-size: 12px;
    font-family: 'Arial';
    font-weight: bold;
    line-height: 27px;
   	-moz-user-select:-moz-none;
	-webkit-user-select: none;
}

.black_checkmark{
	width: 10px;
	height: 8px;
	background: url('./../Images/LT/black_checkmark.png') no-repeat center;
	margin-left: 3px;
	margin-top: 5px;
	display: none;
}

.pform_daily_role_selected_hexagon{
	width: 54px;
    height: 60px;
    overflow: hidden;
    margin-top: 10px;
    background-color: rgba(27,27,27,0.6);
    -webkit-clip-path: polygon(27px 0,54px 15px,54px 45px,27px 60px,0 45px,0 15px);
    clip-path: polygon(27px 0,54px 15px,54px 45px,27px 60px,0 45px,0 15px);
    position: relative;
    margin-left: 15px;
    float: left;
}

.pform_selected_role_name{
	font-size: 14px;
    font-family: 'Arial';
    color: #fff;
    float: left;
    margin-left: 41px;
    margin-top: 31px;
    font-weight: bold;
}

.show_prev_page{
	width: 80px;
	height: 80px;
	border-radius: 50%;
    cursor: pointer;
    background: url('./../Images/2016hny/role_prev.png') no-repeat center;
    background-color: #2a2a2a;
    position: fixed;
    display: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
}

.show_prev_page:hover{
	background: url('./../Images/2016hny/role_prev_hover.png') no-repeat center;
	background-color: #333;
}

.show_next_page{
	width: 80px;
	height: 80px;
	border-radius: 50%;
    cursor: pointer;
    background: url('./../Images/2016hny/role_next.png') no-repeat center;
    background-color: #2a2a2a;
    display: none;
    position: fixed;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
}

.show_next_page:hover{
	background: url('./../Images/2016hny/role_next_hover.png') no-repeat center;
	background-color: #333;
}

.vid_friends{
	width: auto;
	height: 35px;
	background-color: #515151;
	font-family: 'Arial';
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	line-height: 35px;
}

.friends_virtual_role_detail{
	width: 100%;
	position: absolute;
	color: #393939;
	top:0px;
	left: 0px;
	text-align: center;
	/*background-image: url('./../Images/black80.png');*/
}

.pform_friends_virtual_role_hexagon{
	width: 104px;
    height: 118px;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 25px;
    background-color: rgba(27,27,27,0.6);
    -webkit-clip-path: polygon(52px 0,104px 30px,104px 88px,52px 118px,0 88px,0 30px);
    clip-path: polygon(52px 0,104px 30px,104px 88px,52px 118px,0 88px,0 30px);
    position: relative;
    margin-left: 38px;
    float: left;
    position: relative;
}

.pform_friends_virtual_role_inner_hexagon{
	width: 100px;
    height: 114px;
    overflow: hidden;
	position: absolute;
	top: 2px;
	left: 2px;
    background-color: aqua;
    -webkit-clip-path: polygon(50px 0,100px 29px,100px 85px,50px 114px,0 85px,0 29px);
    clip-path: polygon(50px 0,100px 29px,100px 85px,50px 114px,0 85px,0 29px);
    position: relative;
    float: left;
}

.friends_see_more_detail{
	width: 80px;
    height: 27px;
    border-radius: 12px;
    background-color: #393939;
    text-align: center;
    margin-top: 38px;
    display: inline-block;
    cursor: pointer;
}

.cpline{
	width: 220px;
    height: 16px;
    margin-left: 8px;
    margin-top: 9px;
    margin-bottom: 9px;
}

.line{
	width: 86px;
    height: 2px;
    float: left;
    margin-top: 6px;
    /* margin-right: 0px; */
    background-color: #999999;
}

.cp{
	width: 29px;
    height: 16px;
    margin-left: 9px;
    background: url('./../Images/LT/CP.png') no-repeat center;
    float: left;
    margin-right: 9px;
}
.btn_insertVideo:hover{
	background-color: #d8f5ef;
}
.videoMax{
	height: 45px;
	width: 45px;
	margin: 28px auto 9px;
	background: url('./../Images/videoMAX.png') no-repeat center;
}
.btn_insertVideo:hover >.videoMax{
	height: 45px;
	width: 45px;
	margin: 28px auto 9px;
	background: url('./../Images/videoMAX_hover.png') no-repeat center;
}
.btn_insertVideo:hover >.pform_block_text{
	color: #00be99;
}
.pform_video_area{
	text-align: center;
	width: 648px;
	margin: 0 auto;
	position: relative;
}
.pform_video_area>.edit_area{
	border: 1px solid #cdcdcd;
	border-radius: 4px;
	height: 244px;
	width: 648px;
}
.pform_video_area>.edit_area>.body{
	height: 200px;
}
.pform_video_area>.edit_area>.body>textarea{
	padding: 5px 10px;
	margin: 10px;
	width: 607px;
	height: 132px;
	border: 1px solid #dddddd;
	font-size: 16px;
	color: #666666;
	line-height: 22px;	
}
.pform_video_area>.edit_area>.body>.helptext{
	color: #999;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
	padding: 0 10px;
}
.pform_video_area>.edit_area>.foot{
	height: 43px;
	background-color: #ececec;
	border-top: 1px solid #cdcdcd;
}
.pform_video_area>.edit_area>.foot>.btn{
	padding: 0 16px;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	margin: 7px 10px 0 0;
	float: right;
	background-color: #666666;
	font-weight: bold;
	color: #f4f4f4;
	cursor: pointer;
	font-size: 14px;
}
.pform_video_area>.edit_area>.foot>.btn:hover{
	background-color: #00a480;
}
.pform_video_area>.view_area_mask{
	width: 100%;
	height:100%;
	background-image: url('./../Images/black80.png');
	position: absolute;
	top:0;
	left: 0;
	z-index: 9;
	display: none;
}
.pform_act_npc_box{
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #d0d0d0;
}
.pform_act_npc_box>.caption{
	font-weight: bold;
    color: #666666;
    height: 28px;
    line-height: 28px;
    width: 230px;
    margin-left: 8px;
    display: inline-block;
    margin-bottom: -10px;
}
.pform_act_npc_panel{
	width: 216px;
	height: 86px;
	border: 2px solid #999;
	overflow: hidden;
	margin-top: 10px;
	border-radius: 3px;
	margin-left: 8px;
	transition:all 0.1s linear;
	-moz-transform:all 0.1s linear;
	-webkit-transform:all 0.1s linear;
	-o-transform:all 0.1s linear;
	cursor: pointer;
}
.pform_act_npc_panel_h{

}
.pform_act_npc_panel_x{

}
.pform_act_npc_panel_l{

}
.pform_act_npc_panel_xlt{

}

.pform_act_npc_panel_h:hover{
	background-color: #557690;
	border-color: #557690;
	transition:all 0.1s linear;
	-moz-transform:all 0.1s linear;
	-webkit-transform:all 0.1s linear;
	-o-transform:all 0.1s linear;
}
.pform_act_npc_panel_x:hover{
	background-color: #a68abd;
	border-color: #a68abd;
	transition:all 0.1s linear;
	-moz-transform:all 0.1s linear;
	-webkit-transform:all 0.1s linear;
	-o-transform:all 0.1s linear;
}
.pform_act_npc_panel_l:hover{
	background-color: #3c7f84;
	border-color: #3c7f84;
	transition:all 0.1s linear;
	-moz-transform:all 0.1s linear;
	-webkit-transform:all 0.1s linear;
	-o-transform:all 0.1s linear;
}
.pform_act_npc_panel_xlt:hover{
	background-color: #1195e6;
	border-color: #1195e6;
	transition:all 0.1s linear;
	-moz-transform:all 0.1s linear;
	-webkit-transform:all 0.1s linear;
	-o-transform:all 0.1s linear;
}
.pform_act_npc_image{
	width: 55px;
	height: 74px;
	margin-left: 10px;
	margin-top: 5px;
	overflow: hidden;
	float: left;
}
.pform_act_npc_name_box{
	width: 118px;
	height: 86px;
	line-height: 86px;
	overflow: hidden;
	color: #666;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	float: left;
	transition:all 0.1s linear;
	-moz-transform:all 0.1s linear;
	-webkit-transform:all 0.1s linear;
	-o-transform:all 0.1s linear;
}
.pform_act_npc_panel:hover>.pform_act_npc_name_box{
	color: #fff;
	transition:all 0.1s linear;
	-moz-transform:all 0.1s linear;
	-webkit-transform:all 0.1s linear;
	-o-transform:all 0.1s linear;
}
.pform_act_npc_select_box{
	width: 12px;
	height: 12px;
	overflow: hidden;
	border:2px solid #999999; 
	float: left;
	position: relative;
	top: 50%;
	margin-top: -8px;
	transition:all 0.1s linear;
	-moz-transform:all 0.1s linear;
	-webkit-transform:all 0.1s linear;
	-o-transform:all 0.1s linear;
}

.pform_act_npc_panel:hover>.pform_act_npc_select_box{
	border:2px solid #fff; 
	transition:all 0.1s linear;
	-moz-transform:all 0.1s linear;
	-webkit-transform:all 0.1s linear;
	-o-transform:all 0.1s linear;
}
.pform_act_npc_select_box>i{
	width: 8px;
	height: 8px;
	overflow: hidden;
	position: relative;
	margin: 2px;
	background-color: transparent;
	display: block;
	transition:all 0.1s linear;
	-moz-transform:all 0.1s linear;
	-webkit-transform:all 0.1s linear;
	-o-transform:all 0.1s linear;
}
.pform_act_npc_select_box_checked>i{
	width: 8px;
	height: 8px;
	overflow: hidden;
	position: relative;
	margin: 2px;
	background-color: #999;
	display: block;
	transition:all 0.1s linear;
	-moz-transform:all 0.1s linear;
	-webkit-transform:all 0.1s linear;
	-o-transform:all 0.1s linear;
}
.pform_act_npc_panel:hover>.pform_act_npc_select_box_checked>i{
	background-color: #fff;
	transition:all 0.1s linear;
	-moz-transform:all 0.1s linear;
	-webkit-transform:all 0.1s linear;
	-o-transform:all 0.1s linear;
}

.pform_act_npc_panel_h>.pform_act_npc_image{
	background: url('./../Images/BigParty2017/pform_npc_shotcut.png') no-repeat -120px 0;
}
.pform_act_npc_panel_x>.pform_act_npc_image{
	background: url('./../Images/BigParty2017/pform_npc_shotcut.png') no-repeat -60px 0;
}
.pform_act_npc_panel_l>.pform_act_npc_image{
	background: url('./../Images/BigParty2017/pform_npc_shotcut.png') no-repeat 0 0;
}
.pform_act_npc_panel_xlt>.pform_act_npc_image{
	background: url('./../Images/BigParty2017/pform_npc_shotcut.png') no-repeat -180px 0;

}
.pform_act_npc_panel_checked>.pform_act_npc_name_box{
	color:#Fff!important;
}
.pform_act_npc_panel_checked>.pform_act_npc_select_box{
	border:2px solid #fff!important; 
}
.pform_act_npc_panel_checked>.pform_act_npc_select_box>i{
	width: 8px;
	height: 8px;
	overflow: hidden;
	position: relative;
	margin: 2px;
	background-color: #fff!important;
	display: block;
	transition:all 0.1s linear;
	-moz-transform:all 0.1s linear;
	-webkit-transform:all 0.1s linear;
	-o-transform:all 0.1s linear;
}


.pform_act_npc_panel_h_checked{
	background-color: #557690;
	border-color: #557690;
	transition:all 0.1s linear;
	-moz-transform:all 0.1s linear;
	-webkit-transform:all 0.1s linear;
	-o-transform:all 0.1s linear;
}
.pform_act_npc_panel_x_checked{
	background-color: #a68abd;
	border-color: #a68abd;
	transition:all 0.1s linear;
	-moz-transform:all 0.1s linear;
	-webkit-transform:all 0.1s linear;
	-o-transform:all 0.1s linear;
}
.pform_act_npc_panel_l_checked{
	background-color: #3c7f84;
	border-color: #3c7f84;
	transition:all 0.1s linear;
	-moz-transform:all 0.1s linear;
	-webkit-transform:all 0.1s linear;
	-o-transform:all 0.1s linear;
}
.pform_act_npc_panel_xlt_checked{
	background-color: #1195e6;
	border-color: #1195e6;
	transition:all 0.1s linear;
	-moz-transform:all 0.1s linear;
	-webkit-transform:all 0.1s linear;
	-o-transform:all 0.1s linear;
}