.dp_create_role_masklayer {
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left:0;
	background-image: url('./../Images/black80.png');
	z-index: 99999999;
	overflow: hidden;
	display: none;
	/*cursor:url('./../Images/cur_zoomOut.cur'),auto;*/
}
.dp_create_role_masklayer_box{
	width: 100%;
	height: 680px;
	padding: 40px 0;
	position: relative;
	/*cursor:url('./../Images/cur_zoomOut.cur'),auto;*/
}
.dp_create_role_masklayer_close {
	background: url('./../Images/public_close.png') center no-repeat;
	height:26px;
	width:26px;
	position:absolute;
	right:10px;
	top:10px;
	cursor: pointer;
	z-index: 99999990;
}
.dp_create_role_masklayer_close:hover {
	background: url('./../Images/public_close_mouseIn.png') center no-repeat;
}
.dp_create_role_FormContainer {
	width: 1200px;
	height: 680px;
	background-color: rgba(0,0,0,0.4);
	border-radius: 12px;
	z-index: 5020;
	display: none;
	margin: 0 auto;
	cursor:auto;
	padding:6px;
}
.dp_create_role_loadForm {
	width: 54px;
	height: 51px;
	z-index: 5010;
	display: none;
	margin: 0 auto;
	overflow: hidden;
}
.dpCreateRoleFormBox{
	width: 1200px;
	height: 680px;
	position: relative;
	border-radius: 12px;
}
.dpCreateRoleFormBoxStep1{
	width: 1200px;
	height: 680px;
	position: relative;
	border-radius: 6px;
}
.dpCreateRoleFormBoxStep2{
	width: 1200px;
	height: 680px;
	position: relative;
	border-radius: 6px;
	display: none;
}
.dpCreateRoleFormBoxStep3{
	width: 1200px;
	height: 680px;
	position: relative;
	border-radius: 6px;
	display: none;
}
.dpCRF_Step1_left{
	width: 400px;
	height: 680px;
	overflow: hidden;
	float: left;
	background: url('./../Images/DesignPortfolio/CreateRoleForm/step1_left.png') center no-repeat;
	position: relative;
	z-index: 100;
}
.dpCRF_Step1_left_bg{
	width: 380px;
	height: 680px;
	overflow: hidden;
	left: 10px;
	top: 0;
	position: absolute;
	z-index: 10;
	background-color: #fff;
}
.dpCRF_Step1_right{
	width: 760px;
	height: 650px;
	overflow: hidden;
	position: absolute;
	right: 20px;
	top: 15px;
	z-index: 100;
}
.dpCRF_Step1_right_bg{
	width: 800px;
	height: 680px;
	overflow: hidden;
	right: 0;
	top: 0;
	position: absolute;
	z-index: 10;
	background-color: #fff;
	opacity: 0.8;
	padding-left: 20px;
	border-radius: 11px;
}
.dpCRF_Step1_right_bg_image{
	width: 800px;
	height: 680px;
	overflow: hidden;
	right: 0;
	top: 0;
	position: absolute;
	z-index: 1;
	border-radius: 11px;
	padding-left: 12px;
}
.dpCRF_Step1_hex_color_picker_item_selected{
	border: 0!important;
	border-radius: 0!important;
	width: 24px!important;
	height: 24px!important;
	-webkit-clip-path: polygon(12px 0,24px 12px,12px 24px,0 12px);
	clip-path: polygon(12px 0,24px 12px,12px 24px,0 12px);
}
.dpCRF_Step1_vid_image{
	width: 136px;
	height: 158px;
	overflow: hidden;
	position: absolute;
	top: 144px;
	left: 133px;
	-webkit-clip-path: polygon(68px 0,136px 39px,136px 119px,68px 158px,0 119px,0 39px);
	clip-path: polygon(68px 0,136px 39px,136px 119px,68px 158px,0 119px,0 39px);
	/*background-color: #272727;*/
}
.dpCRF_Step1_vid_name_input{
	width: 170px;
	height: 27px;
	line-height: 27px;
	border: 0;
	background-color: transparent;
	position: absolute;
	top: 359px;
	left: 115px;
	font-size: 14px;
	font-weight: bold;
	color:#272727;
	text-align: center;
}
.dpCRF_Step1_vid_input_box_1{
	height: 22px;
	line-height: 22px;
	width: 134px;
	position: absolute;
	border-bottom: 1px solid #fff;
}
.dpCRF_Step1_vid_input_box_2{
	height: 22px;
	line-height: 22px;
	width: 171px;
	position: absolute;
	border-bottom: 1px solid #fff;	
}
.dpCRF_Step1_vid_input_box_text{
	float: left;
	height: 22px;
	line-height: 22px;
	width: auto;
	color:#fff;
	font-weight: bold;
	float: left;
	font-size: 14px;
}
.dpCRF_Step1_vid_normal_input_2{
	width: 60px;
	height: 22px;
	line-height: 22px;
	border: 0;
	background-color: transparent;
	float: left;
	font-size: 14px;
	font-weight: bold;
	color:#fff;
	margin-left: 4px;
	margin-top: -1px;
	text-align: center;
}
.dpCRF_Step1_hex_color_picker{
	width: 280px;
	height: 24px;
	margin: 0 auto 0 auto;
	position: absolute;
	text-align: center;
	display: inline-block;
	left: 66px;
	bottom: 38px;
}
.dpCRF_Step1_hex_color_picker_item{
	width: 20px;
	height: 20px;
	overflow: hidden;
	margin: 0 3px 0 4px;
	border:2px solid #333;
	float: left;
	border-radius: 50%;
	cursor: pointer;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
}
.dpCRF_Step1_hex_color_picker_item_white_boder{
	border: 2px solid #dcdcdc;
}
.dpCRF_Step1_hex_color_picker_1{background-color: #ff0039}
.dpCRF_Step1_hex_color_picker_2{background-color: #ff7744}
.dpCRF_Step1_hex_color_picker_3{background-color: #ffdc28}
.dpCRF_Step1_hex_color_picker_4{background-color: #82e99f}
.dpCRF_Step1_hex_color_picker_5{background-color: #58d0e2}
.dpCRF_Step1_hex_color_picker_6{background-color: #9b82ff}
.dpCRF_Step1_hex_color_picker_7{background-color: #ff7be1}
.dpCRF_Step1_hex_color_picker_8{background-color: #000000}
.dpCRF_Step1_hex_color_picker_9{background-color: #ffffff}

.dpCRF_Step1_right_title{
	width: 760px;
	height: 44px;
	overflow: hidden;
	border-bottom: 2px solid #272727;
	position: relative;
	margin-bottom: 16px;
}
.dpCRF_Step1_right_title_icon{
	width: 5px;
	height: 34px;
	background-color: #272727;
	float: left;
	overflow: hidden;
}
.dpCRF_Step1_right_title_text_1{
	float: left;
	font-family: 'Microsoft Yahei';
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	color: #272727;
	margin-left: 10px;
	margin-top: -1px;
}
.dpCRF_Step1_right_title_text_2{
	font-family: 'Arial';
	font-size: 12px;
	line-height: 14px;
	color: #272727;
	position: absolute;
	left: 16px;
	top: 22px;
}
.dpCRF_Step1_right_text_row{
	width: 718px;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	color: #272727;
	font-family: 'Arial';
	font-size: 14px;
	margin-left: 20px;
}
.dpCRF_Step1_right_upload_box{
	width: 340px;
	height:340px;
	border: 2px solid #272727;
	overflow: hidden;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 12px;
}
.dpCRF_Step1_right_foot{
	width: 760px;
	height: 60px;
	border-top: 2px solid #272727;
	position: relative;
	clear: left;
	margin-top: 399px;
}
.dpCRF_Step_btn_next{
	width: 130px;
	height: 45px;
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url('./../Images/DesignPortfolio/CreateRoleForm/btn_next_step.png') center no-repeat;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	line-height: 45px;
	text-align: center;
	font-weight: bold;
}
.dpCRF_Step_btn_next:hover{
	color: #00be99;
}
.dpCRF_Step1_right_upload_box_status_box{
	margin: 10px;
	width: 320px;
	height:320px;
	position: relative;
	display: block;
}
.dpCRF_Step1_right_upload_box_status_box2{
	width: 340px;
	height:340px;
	position: relative;
	display: none;
	overflow: hidden;
}
.dpCRF_Step1_right_upload_box_btn_upload_box{
	width: 320px;
	height: 200px;
	position: absolute;
	overflow: hidden;
	background-color: #cccccc;
	opacity: 0.6;
}
.dpCRF_Step1_right_upload_box_btn_upload_border{
	width: 118px;
	height: 134px;
	-webkit-clip-path: polygon(59px 0,118px 34px,118px 100px,59px 134px,0 100px,0 34px);
	clip-path: polygon(59px 0,118px 34px,118px 100px,59px 134px,0 100px,0 34px);
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	/* margin-top: 29px; */
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	position: absolute;
	left: 101px;
	top: 29px;
}
.dpCRF_Step1_right_upload_box_btn_upload{
	width: 112px;
	height: 128px;
	-webkit-clip-path: polygon(56px 0,112px 32px,112px 96px,56px 128px,0 96px,0 32px);
	clip-path: polygon(56px 0,112px 32px,112px 96px,56px 128px,0 96px,0 32px);
	position: absolute;
	top: 32px;
	left: 104px;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	cursor: pointer;
}
.dpCRF_Step1_right_upload_box_btn_upload_head{
	background: url('./../Images/DesignPortfolio/CreateRoleForm/upload_head.png') center no-repeat;
	background-color: #cccccc;
}
.dpCRF_Step1_right_upload_box_btn_upload_bg{
	background: url('./../Images/DesignPortfolio/CreateRoleForm/upload_bg.png') center no-repeat;
	background-color: #cccccc;
}
.dpCRF_Step1_right_upload_box_text{
	font-family: 'Arial';
	font-size:14px;
	font-weight: bold;
	color: #999;
	line-height:26px; 
	position: absolute;
	left: 10px;
	width: 320px;
	height:60px;
	text-align: center;
}
.dpCRF_Step1_right_uploaded_image_cropbox{
	width: 340px;
	height: 300px;
	overflow: hidden;
}
.dpCRF_Step1_right_uploaded_reup_btn{
	width: 340px;
	height: 40px;
	overflow: hidden;
	cursor: pointer;
	background-color: #272727;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Arial';
	text-align: center;
	line-height: 40px;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
}
.dpCRF_Step1_right_uploaded_reup_btn:hover{
	background-color: #333;
}
.dpCRF_head_image_containter{
	width: 340px;
	height: 300px;
	overflow: hidden;
	background-color: #555;
}
.dpCRF_bg_image_containter{
	width: 340px;
	height: 300px;
	overflow: hidden;
	background-color: #555;
}

.dpCRF_Step2_left{
	width: 400px;
	height: 680px;
	float: left;
	background: url('./../Images/LT/step2_left.png') center no-repeat;
	position: relative;
	z-index: 101;
}
.dpCRF_Step2_left_bg{
	width: 380px;
	height: 680px;
	overflow: hidden;
	left: 10px;
	top: 0;
	position: absolute;
	z-index: 10;
	background-color: #fff;
	opacity: 0.8;
}
.dpCRF_Step2_right{
	width: 760px;
	height: 650px;
	overflow: hidden;
	position: absolute;
	right: 20px;
	top: 15px;
	z-index: 100;
}
.dpCRF_Step2_right_bg{
	width: 800px;
	height: 680px;
	overflow: hidden;
	right: 0;
	top: 0;
	position: absolute;
	z-index: 10;
	background-color: #fff;
	opacity: 0.8;
	padding-left: 20px;
	border-radius: 11px;
}
.dpCRF_Step2_right_bg_image{
	width: 800px;
	height: 680px;
	overflow: hidden;
	right: 0;
	top: 0;
	position: absolute;
	z-index: 1;
	border-radius: 11px;
	padding-left: 20px;
}
.dpCRF_Step2_vid_image{
	width: 136px;
	height: 158px;
	overflow: hidden;
	position: absolute;
	top: 144px;
	left: 133px;
	-webkit-clip-path: polygon(68px 0,136px 39px,136px 119px,68px 158px,0 119px,0 39px);
	clip-path: polygon(68px 0,136px 39px,136px 119px,68px 158px,0 119px,0 39px);
	/*background-color: #272727;*/
}
.dpCRF_Step2_vid_name{
	width: 170px;
	height: 29px;
	line-height: 29px;
	border: 0;
	background-color: transparent;
	position: absolute;
	top: 359px;
	left: 115px;
	font-size: 14px;
	font-weight: bold;
	color:#272727;
	text-align: center;
}
.dpCRF_Step2_vid_normal_2{
	width: 60px;
	height: 22px;
	line-height: 22px;
	border: 0;
	background-color: transparent;
	float: left;
	font-size: 14px;
	font-weight: bold;
	color:#fff;
	margin-left: 4px;
	margin-top: -1px;
	text-align: center;
}
.dpCRF_Step2_hex_color_picker_item{
	width: 20px;
	height: 20px;
	overflow: hidden;
	margin: 0 3px 0 4px;
	border:2px solid #333;
	float: left;
	border-radius: 50%;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
}
.dpCRF_Step2_hex_color_picker_1{background-color: #ff0039}
.dpCRF_Step2_hex_color_picker_2{background-color: #ff7744}
.dpCRF_Step2_hex_color_picker_3{background-color: #ffdc28}
.dpCRF_Step2_hex_color_picker_4{background-color: #82e99f}
.dpCRF_Step2_hex_color_picker_5{background-color: #58d0e2}
.dpCRF_Step2_hex_color_picker_6{background-color: #9b82ff}
.dpCRF_Step2_hex_color_picker_7{background-color: #ff7be1}
.dpCRF_Step2_hex_color_picker_8{background-color: #000000}
.dpCRF_Step2_hex_color_picker_9{background-color: #ffffff}

.dpCRF_Step2_hex_color_picker_item_selected{
	border: 0!important;
	border-radius: 0!important;
	width: 24px!important;
	height: 24px!important;
	-webkit-clip-path: polygon(12px 0,24px 12px,12px 24px,0 12px);
	clip-path: polygon(12px 0,24px 12px,12px 24px,0 12px);
}

.dpCRF_Step2_right_left{
	width: 500px;
	height: 650px;
	overflow: hidden;
	float: left;
	position: relative;
}
.dpCRF_Step2_right_right{
	width: 244px;
	height: 650px;
	overflow: hidden;
	float: left;
	margin-left: 16px;
	position: relative;
}
.dpCRF_Step1_rl_title{
	width: 500px;
	height: 44px;
	overflow: hidden;
	border-bottom: 2px solid #272727;
	position: relative;
	margin-bottom: 16px;
}
.dpCRF_Step1_rr_title{
	width: 168px;
	height: 46px;
	overflow: hidden;
	background: url('./../Images/DesignPortfolio/CreateRoleForm/step2_rr_title.png') center no-repeat;
	margin: 0 auto;
}
.dpCRF_Step2_right_text_row{
	width: 250px;
	line-height: 28px;
	overflow: hidden;
	color: #272727;
	font-family: 'Arial';
	font-size: 14px;
	margin-bottom: 20px;
	padding-left: 6px;
	position: relative;
}
.dpCRF_Step2_right_btns{
	width: 250px;
	height: 45px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
}
.dpCRF_Step_btn_prev{
	width: 100px;
	height: 45px;
	overflow: hidden;
	float: left;
	background: url('./../Images/DesignPortfolio/CreateRoleForm/btn_prev_step.png') center no-repeat;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	line-height: 45px;
	text-align: center;
	font-weight: bold;
	margin-right: 14px;
}
.dpCRF_Step_btn_prev:hover{
	color: #00be99;
}
.dpCRF_Step_btn_finish{
	width: 130px;
	height: 45px;
	overflow: hidden;
	float: left;
	background: url('./../Images/DesignPortfolio/CreateRoleForm/btn_next_step.png') center no-repeat;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	line-height: 45px;
	text-align: center;
	font-weight: bold;
}
.dpCRF_Step_btn_finish:hover{
	color: #00be99;
}
.dpCRF_Step2_rl_top{
	width: 500px;
	height: 360px;
	overflow: hidden;
}
.dpCRF_Step2_rl_middle{
	width: 500px;
	height: 190px;
	overflow: hidden;
}
.dpCRF_Step2_rl_bottom{
	width: 500px;
	height: 26px;
	overflow: hidden;
	position: absolute;
	bottom: 2px;
	background: url('./../Images/DesignPortfolio/CreateRoleForm/rlb_icon.png') center no-repeat;
}
.dpCRF_Step2_rl_line{
	width: 214px;
	height: 2px;
	overflow: hidden;
	background-color: #272727;
	margin-top: 14px;
}
.dpCRF_Step2_rlt_left{
	width: 240px;
	height: 330px;
	float: left;
	position: relative;
}
.dpCRF_Step2_rlt_right{
	width: 236px;
	height: 326px;
	float: right;
	border: 2px solid #272727;
	background-color: rgba(0,0,0,0.4)
}
.dpCRF_intro_title{
	width: 50px;
	height: 28px;
	overflow: hidden;
	background-color: #272727;
	color: #fff;
	font-family: 'Arial';
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 28px;
}
.dpCRF_intro_detail_box{
	width: 240px;
	height: 298px;
	overflow: hidden;
	position: relative;
	margin-top: 5px;
}
.dpCRF_intro_input{
	width: 232px;
	height: 292px;
	overflow: hidden;
	border: 0;
	background-color: transparent;
	font-family: 'Arial';
	font-size: 14px;
	color: #272727;
	line-height: 33px;
	position: relative;
	z-index: 10;
	margin: 0 auto;
	word-break: break-all;
	word-wrap: break-word;
}
.dpCRF_intro_input_line_box{
	width: 240px;
	height: 298px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
.dpCRF_intro_input_line{
	width: 240px;
	height: 2px;
	overflow: hidden;
	margin: 31px 0 0 0;
	background-color: #272727;
}
.dpCRF_intro_input_Count{
	width: 240px;
	font-family: 'Arial';
	font-size: 14px;
	color: #272727;
	height: 24px;
	line-height: 24px;
	position: absolute;
	top: 4px;
	right: 0;

}
.dpCRF_intro_input_max{
	font-family: 'Arial';
	font-size: 14px;
	color: #272727;
	height: 24px;
	line-height: 24px;
	position: relative;
	font-weight: bold;
	float: right;

}
.dpCRF_intro_input_curr{
	font-family: 'Arial';
	font-size: 14px;
	color: #272727;
	height: 24px;
	line-height: 24px;
	position: relative;
	font-weight: bold;
	float: right;
}
.dpCRF_Step2_img0_upload_status1{
	width: 236px;
	height: 326px;
	background: url('./../Images/DesignPortfolio/CreateRoleForm/step2_bg.png') center no-repeat;
	overflow: hidden;
}
.dpCRF_Step2_img0_upload_status1_btn_box{
	width: 214px;
	height: 304px;
	margin: 10px;
	background-color: rgba(0,0,0,0.2);
	position: relative;
	overflow: hidden;
}
.dpCRF_Step2_img0_upload_status2{
	width: 236px;
	height: 326px;
	overflow: hidden;
}
.dpCRF_Step2_img0_upload_status3{
	width: 236px;
	height: 326px;
	overflow: hidden;
}

.dpCRF_Step2_img0_btn_upload{
	width: 118px;
	height: 135px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 84px;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	cursor: pointer;
	background: url('./../Images/DesignPortfolio/CreateRoleForm/upload_img0.png') center no-repeat;
}
.dpCRF_Step2_img0_btn_upload_text{
	width: 214px;
	height: 60px;
	position: absolute;
	bottom: -22px;
	font-family: 'Arial';
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	position: relative;
	font-weight: bold;
	text-align: center;
}
.dpCRF_Step2_img0_reup_btn{
	width: 236px;
	height: 40px;
	overflow: hidden;
	cursor: pointer;
	background-color: #272727;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Arial';
	text-align: center;
	line-height: 40px;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
}
.dpCRF_Step2_img0_preview{
	width: 236px;
	height: 286px;
	overflow: hidden;
}
.dpCRF_image0_containter{
	width: 236px;
	height: 286px;
	overflow: hidden;
}
.dpCRF_images_title{
	width: 175px;
	height: 28px;
	overflow: hidden;
	background-color: #272727;
	color: #fff;
	font-family: 'Arial';
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 28px;
	margin-bottom: 10px;
}
.dpCRF_images_box{
	width: 500px;
	height: 134px;
	background-color: rgba(0,0,0,0.7);
	overflow: hidden;
	border-radius: 5px;
}
.dpCRF_Step2_img1_box{
	width: 110px;
	height: 110px;
	overflow: hidden;
	margin: 12px 0 0 12px;
	float: left;
}
.dpCRF_Step2_img2_box{
	width: 110px;
	height: 110px;
	overflow: hidden;
	margin: 12px 0 0 12px;
	float: left;
}
.dpCRF_Step2_img3_box{
	width: 110px;
	height: 110px;
	overflow: hidden;
	margin: 12px 0 0 12px;
	float: left;
}
.dpCRF_Step2_img4_box{
	width: 110px;
	height: 110px;
	overflow: hidden;
	margin: 12px 0 0 12px;
	float: left;
}
.dpCRF_Step2_imgs_upload_status1{
	width: 106px;
	height: 106px;
	border: 2px solid #fff;
	overflow: hidden;
	background: url('./../Images/DesignPortfolio/CreateRoleForm/upload_head.png') center no-repeat;
	cursor: pointer;
}
.dpCRF_Step2_imgs_upload_status2{
	width: 110px;
	height: 110px;
	overflow: hidden;
}
.dpCRF_Step2_imgs_upload_status3{
	width: 110px;
	height: 110px;
	overflow: hidden;
	position: relative;
}
.dpCRF_Step2_imgs_preview{
	width: 110px;
	height: 110px;
	overflow: hidden;
}
.dpCRF_Step2_imgs_upload_status3_border{
	width: 106px;
	height: 106px;
	border: 2px solid #fff;
	overflow: hidden;
	position: absolute;
	z-index: 10
	left:0;
	top: 0;
}
.dpCRF_Step2_imgs_upload_status3_delete_btn{
	width: 58px;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	font-family: 'Arial';
	color: #272727;
	background-color: #fff;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	border-radius: 30px;
	position: absolute;
	left:26px;
	top:42px;
	cursor: pointer;
	display: none;
}
.dpCRF_Step1_rr_box_text{
	width: 240px;
	height: 530px;
	overflow: hidden;
}
.dpCRF_Step1_rr_box_img{
	width: 240px;
	height: 530px;
	overflow: hidden;
	display: none;
	background: url('./../Images/DesignPortfolio/ViewRoleForm/img0_bg.png');
}
.dpCRF_Step1_rr_box_img_previewBox{
	width: 220px;
	height: 510px;
	margin: 10px;
	overflow: hidden;
}

.dpCRF_bubble_section{
	width: 400px;
	height: 65px;
	position: absolute;
	bottom: 25px;
	left: 0;
}

.dpCRF_bubble{
  	width: 95px;
  	height: 65px;
  	float: left;
  	margin-left: 10px;
  	cursor: pointer;
  	position: relative;
}

.dpCRF_bubble_float{
	width: 200px;
	height: 150px;
	position: absolute;
  	top: 80px;
  	left: 239px;
	background: url("./../Images/LT/bubble.png") no-repeat;
	background-position: 0px 0px;
	display: none;
}

.add_trans_bg{
	background: url('./../Images/trans_bg.png');
}

.dpCRF_bubble_text_section{
	width: 400px;
 	height: 213px;
  	position: absolute;
  	top: 327px;
  	left: 0px;
}

.bubble_section_title{
	font-family: 'Arial';
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}

.bubble_section_tips{
	font-family: 'Arial';
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	margin-top: 15px;
}

.bubble_section_content{
	width: 264px;
	height: 36px;
	border: 1px solid;
	margin-bottom: 18px;
	margin-left: 68px;
	position: relative;
}

.dpCRF_bubble_input{
	width: 264px;
	height: 36px;
	line-height: 36px;
	border: 0;
	background-color: transparent;
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	color:#FFF;
	text-align: center;
}

.bold_border{
	width: 264px;
	height: 36px;
	border: 2px solid;
	display: none;
	position: absolute;
	top: -2px;
	left: -2px;
}

.bubble_selected{
	width: 16px;
	height: 16px;
	background: url('./../Images/LT/bubble_selected.png') center no-repeat;
	position: absolute;
	top: 24px;
    left: 37px;
    display: none;
}