@charset "utf-8";
/* CSS Document */

body
{
	padding:0;
	margin:0;		
	font-family:Arial, Helvetica, sans-serif;
	
	background-image:url(backGndDesI.jpg);
    background-size:     cover;                      /* <------ */
/*    background-repeat:   no-repeat;*/
    background-position: center center;
	

	

}

#redarrow
{
	cursor:pointer;





}

#loupanbar
{
	overflow:auto;
}

button.btnDesign
{
	color: #fff !important;
/*	text-transform: uppercase;*/
	text-decoration: none;
	background: #ed3330;
	padding: 10px;
	border-radius: 5px;
	display: inline-block;
	border: none;
	width:20%;
	transition: all 0.4s ease 0s;
}

button.btnDesign:hover 
{
	background: #434343;
	letter-spacing: 1px;
	-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
	transition: all 0.4s ease 0s;
}

button.btnDesign_floatright
{
	color: #fff !important;
/*	text-transform: uppercase;*/
	text-decoration: none;
	background: #ed3330;
	padding: 10px;
	border-radius: 5px;
	display: inline-block;
	border: none;
	float:right;
	transition: all 0.4s ease 0s;
	
	
}

button.btnDesign_floatright:hover 
{
	background: #434343;
	letter-spacing: 1px;
	-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
	transition: all 0.4s ease 0s;
}

button.btnDesign_floatleft
{
	color: #fff !important;
/*	text-transform: uppercase;*/
	text-decoration: none;
	background: #ed3330;
	padding: 10px;
	border-radius: 5px;
	display: inline-block;
	border: none;
	float:left;
	transition: all 0.4s ease 0s;
}

button.btnDesign_floatleft:hover 
{
	background: #434343;
	letter-spacing: 1px;
	-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
	transition: all 0.4s ease 0s;
}

button.btnDesign_save
{
	color: #fff !important;
/*	text-transform: uppercase;*/
	text-decoration: none;
	background: #ed3330;
	padding: 10px;
	border-radius: 5px;
	display: inline-block;
/*	width:40%;*/
	border: none;
	transition: all 0.4s ease 0s;
}

button.btnDesign_save:hover 
{
	background: #434343;
	letter-spacing: 1px;
	-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
	transition: all 0.4s ease 0s;
}

button.btnDesign_control
{
	color: #fff !important;
/*	text-transform: uppercase;*/
	text-decoration: none;
	background: #ed3330;
	padding: 10px;
	border-radius: 5px;
	display: inline-block;
	width:40%;
	border: none;
	transition: all 0.4s ease 0s;
}

button.btnDesign_control:hover 
{
	background: #434343;
	letter-spacing: 1px;
	-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
	transition: all 0.4s ease 0s;
}

button.btnDesign_login
{
	color: #fff !important;
/*	text-transform: uppercase;*/
	text-decoration: none;
	background: #ed3330;
	padding: 10px;
	border-radius: 5px;
	display: inline-block;
	border: none;
	width:20%;
	transition: all 0.4s ease 0s;
}

button.btnDesign_login:hover 
{
	background: #434343;
	letter-spacing: 1px;
	-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
	transition: all 0.4s ease 0s;
}




button.btnDesign_plottingpageLeft
{
/*	color: #fff !important;*/
/*	text-transform: uppercase;*/
	text-decoration: none;
	background: #ed3330;
	padding: 10px;
	border-radius: 5px;
	display: inline-block;
	border: none;
	width:40%;
	transition: all 0.4s ease 0s;
}

button.btnDesign_plottingpageLeft:hover 
{
	background: #434343;
/*	letter-spacing: 1px;*/
/*	-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	box-shadow: 5px 40px -10px rgba(0,0,0,0.57);*/
	transition: all 0.4s ease 0s;
}

/*55555555555*/
button.btnDesign_filemenu
{
	margin:10px;
	text-decoration: none;
	background: #ed3330;
	padding: 10px;
	border-radius: 5px;
	display: inline-block;
	border: none;
	width:10%;
	transition: all 0.4s ease 0s;
}

button.btnDesign_filemenu:hover 
{
	background: #434343;
	letter-spacing: 1px;
	-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
	transition: all 0.4s ease 0s;
}
/*5555555554*/




button.btnDesign_rotationbtn
{
	color: #fff !important;
/*	text-transform: uppercase;*/
	text-decoration: none;
	background: #ed3330;
	padding: 10px;
	border-radius: 5px;
	display: inline-block;
	border: none;
	width:20%;
	transition: all 0.4s ease 0s;
}

button.btnDesign_rotationbtn:hover 
{
	background: #434343;
	letter-spacing: 1px;
	-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
	transition: all 0.4s ease 0s;
}

button.rotationbtn
{
	background-color:#778899;
	border: none;
    color:#FFF;
    font-weight: bold;
    padding: 5px; /* 20px;*/
    text-align: center;
	width:20%;

}


button.plottingpageleftbtn
{
	background-color:#778899;
	border: none;
    color:#FFF;
    font-weight: bold;
    padding: 5px; /* 20px;*/
    text-align: center;
	width:40%;

}


.wordingbackground
{
	background-color:#CCC;
}

.topspace
{
	position:relative;
	background-color:#333; /*:#333;*/
	width:100%;
/*	height:80px;	*/
	height:5vh;
	z-index:5;		
}

.topspaceleft
{
	position:relative;
	float: left;
	background-color:#333; /* :#333;*/
	width:15%;
	height:5vh;
	z-index:5; 
}

.topspacecenter
{
	position:relative;
	float: left;
	background-color:#333; /* :#333;*/
	width:70%;
	height:5vh;
	z-index:5; 
	
}

.topspaceright
{
	position:relative;
	float: left;
	background-color:#333; /* :#333;*/
	width:15%;
	height:5vh;
	z-index:5; 
	
}

.leftcolumn
{
	position:relative;
	float: left;
	background-color:#333;
	width:15%;
	height:95vh;
	z-index:5;  
}

.leftcoltop  /* >?*/
{
	position:relative;
	background-color:#333;
	width:100%;
	height:15vh;
	text-align:center;
	z-index:5;
}

.buttonpanelleft
{
	text-align:center;
	position:relative;
	overflow:auto;
	background-color: #333; /*:#333;*/
	width:100%;
	padding-top:10px;
	height:70vh;
/*	padding-left:10px;*/
	z-index:5;
	
}

.centercolumn
{
	float: left;
	background-color: #FFF; /*:#FFF;*/
	width:70%;
	height:95vh;  
}

.centercoltop
{
	position:relative;
	background-color:#FFF;
	width:100%;
	height:15vh;
	text-align:center; 
	z-index:5;
/*	padding:5px;*/
	/*margin:5px;*/
}



.centercolTopArrow
{
	position:relative;
	background-color: #FFF; /*:#FFF;*/
	width:100%;
	height:2vh;
	text-align:center;
	z-index:5;
/*	padding-top:8px;
	font-size:16px;
	font-weight:bold;*/
}

.centercolTopMessageSpace
{
	position:relative;
	background-color:#FFF; /*:#FFF;*/
	width:100%;
	height:1vh;
	z-index:5;

}

.centercolTopMessage
{
	position:relative;
	background-color:#FFF; /*:#FFF;*/
	width:100%;
	height:2vh;
	text-align:center;
/*	padding-top:5px;*/
	font-weight:bold;
/*	font-size:1vw;*/
	font-size:2vh;
	z-index:5;
}


.lixiangArrow
{
	text-align:center;
	max-height:100%;
	max-width:100%;
	z-index:5;
}

.topmenu
{
	position:absolute;
	bottom:5px;
	
}


.centercolbottom
{
	position:relative;
	background-color:#FFF; /*:#FFF;*/
	width:100%;
	height:5vh;
	text-align:center;
/*	padding-top:8px;*/
	font-size:2vh;
	font-weight:bold;
	z-index:5;


}

.floorplanloadarea
{
	position:relative;
	background-color: #FFF; /*:#FFF;*/
	width:100%;
	height: 70vh; /* 75vh;*/
	text-align:center;
	

	/*overflow:hidden;*/
/*	overflow:visible;*/
/*	overflow:auto/*
/*	overflow:scroll;*/
}

.rightcolumn
{
	position:relative;
	float: left;
	background-color: #333; /*:#333;*/
	overflow:auto;
	width:15%;
	height:95vh; /*95vh;*/
	z-index:5;
}
.rightcoltop
{
	position:relative;
	background-color:#333;
	width:100%;
	height:15vh;
	z-index:5;
	
}

.buttonpanelright
{
	position:relative;
/*	text-align:center;*/
	background-color:#333; /* :#333;*/
	width:100%;
	height:95vh;
	z-index:5;
}

.rightcontol
{
	text-align:left;
	margin-left:10px;
	margin-right:10px;
	border-bottom:1px solid #666;

}

/*
#markerBox
{
    border: 1px dotted #000;
    position:absolute;
}*/

#redMarkerBox
{
	border:thin;
	border: 1px dashed #C03;
    position:absolute;
	z-index:1;
}

#redMarkerLine1, #redMarkerLine2 
{
	border:thin;
	border: 0.5px dashed #C03;
    position:absolute;
	z-index:1;
}

#redline
{
	border:thin;
	border: 1px dashed #C03;
    position:absolute;
	z-index:1;
}

#markerptA, #markerptB, #pimImg
{
	z-index:2;
}




.loupanHighlight:hover
{
	
/*	background-color:#C00;
	box-shadow: 0px 0px 30px 10px #C00;*/
    /* in order: x offset, y offset, blur size, spread size, color */
    /* blur size and spread size are optional (they default to 0) */


 /*   -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(232, 0, 0, 0.67);
	-moz-box-shadow:    0px 0px 30px 0px rgba(232, 0, 0, 0.67);
	box-shadow:         0px 0px 30px 0px rgba(232, 0, 0, 0.67);*/
	
	
	
	/* -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 255, 0, 0.67);
	-moz-box-shadow:    0px 0px 30px 0px rgba(0, 255, 0, 0.67);
	box-shadow:         0px 0px 30px 0px rgba(0, 255, 0, 0.67);*/

}


.segmentImgHighlight:hover
{
	cursor:pointer;
/*  	border-radius: 50%;*/
/*	background-color:#6F0;*/


/*    box-shadow: 120px 80px 40px 20px #0ff;*/


    /* in order: x offset, y offset, blur size, spread size, color */
    /* blur size and spread size are optional (they default to 0) */
 /*   box-shadow: 0px 0px 30px 10px #6F0, 0px 0px 30px 10px #6F0 inset;*/
	border-radius: 50%;
	box-shadow:
        0 0 60px 10px #58c610,  
        0 0 100px 20px #73e22b, 
        0 0 140px 30px #6ce56c ;
/*	background-image:
    radial-gradient( rgba(96,242,28,10), rgba(96,242,28,1), rgba(96,242,28,0) );*/
  
	
	
/*	    box-shadow: 0px 0px 30px 10px #6F0;*/
}

.NaYinSegmentHighlight:hover
{
	cursor:pointer;

	border-radius: 50%;
	box-shadow:
        0 0 60px 10px #58c610,  
        0 0 100px 20px #73e22b, 
        0 0 140px 30px #6ce56c ;

}

.logo
{
  	z-index:5;
	width: 100%; 
    height: 100%; 
    object-fit: contain;
	cursor:pointer; 
	


/*	max-width:100%; 
	
    height:auto; */
 
}

.textboxclass
{
	width:100%;
	
}
/*
.txtbox
{
	position:absolute;
}*/

.txt
{
	position:absolute;
/*	position:relative;*/
	width:100px;
	height:20px;
	z-index:5;
}

.indexLeftCol
{
	float:left;
	position:relative;
	width:15%;
	height:100vh;
/*	background-color:#0F6;*/
}

.indexCenterCol
{
	float:left;
	position:relative;
	width:70%;
	height:100vh;
/*	background-color:#C6C;*/

}

.indexRightCol
{
	float:left;
	position:relative;
	width:15%;
	height:100vh;
/*	background-color: #3FC;*/
}
.IndexRightSegment   /*>?*/
{
	float:right;
	position:relative;
	width:100%;
	height:11vh;
/*	background-color:#00F;	*/
}

.sidebanner
{
	cursor:pointer;
}



.indexCTopspace
{
	float:left;
	position:relative;
	width:100%;
	height:15vh;
/*	background-color:#FFF;*/
}

.loginCTopspace
{
	float:left;
	position:relative;
	width:100%;
	height:25vh;
/*	background-color:#FFF;*/
}
.IntroText
{
	text-align:justify;
/*	text-align:center;*/
	font-size:16px;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:20px;
}

.indexCVideospace
{
	float:left;
	position:relative;
	width:100%; /*100*/
	height:50vh;
/*	background-color:#396;*/
	padding:5px;

}

.indexCVideospaceCenter
{
	float:left;
	position:relative;
	width:70%;
	height:50vh;
/*	background-color: #0C6;  */
	
}

.indexCVideospaceSide  /*>?*/
{
	float:left;
	position:relative;
	width:15%;
	height:50vh;
/*	background-color: #900; */
	
}



.indexCLoginspace
{
	float:left;
	position:relative;
	width:100%;
	height:30vh;
	background-color:#CCC;
}

.indexCbtnSpace
{
	float:left;
	position:relative;
	width:100%;
	height:30vh;
/*	background-color:#CCC;*/
}

.indexCBottomspace
{
	float:left;
	position:relative;
	width:100%;
	height:5vh;
/*	background-color:#00F;*/
}

/*bullet point */
li
{
	 
   list-style-type:none;
   list-style-position:outside;
}

.signupLeftCol, .PaymentMonitorLeftCol, .changepasswordLeftCol, .extendSubLeftCol, .PagesettingALeftCol
{
	float:left;
	position:relative;
	width:15%;
	height:100vh;
/*	background-color:#0F3;*/
}

.signupCenterCol, .PaymentMonitorCenterCol, .changepasswordCenterCol, .extendSubCenterCol, .PagesettingACenterCol
{
	float:left;
	position:relative;
	width:70%;
	height:100vh;

/*	background-color: #9CC; */
}

.signupSuccessCenterCol
{
	float:left;
	position:relative;
	width:70%;
	height:100vh;
	text-align:center;
}

.signupRightCol, .PaymentMonitorRightCol, .changepasswordRightCol, .extendSubRightCol, .PagesettingARightCol
{
	float:left;
	position:relative;
	width:15%;
	height:100vh;
/*	background-color: #00F; */
}

.signupCenterTopSpace, .PaymentMonitorCenterTopSpace, .changepasswordCenterTopSpace, .extendSubCenterTopSpace, .PagesettingACenterTopSpace
{
	float:left;
	position:relative;
	width:100%;
	height:5vh;
/*	background-color: #393; */
}

/*image format at job/profile post */
.imgPost, .videoPost
{
    display: block;
    margin: auto;
/*    width: 60%;*/
}

.signupform, .paymentmonitorform, .changepasswordform, .subextendform, .FormSettingA, .PayNowInfoBox
{
    border: 1px solid DodgerBlue; 
    padding: 25px;
    margin: 25px;

}

.FormTitle, .LoginTitle
{
	text-align:center;
	font-size:30px;
	font-weight:bold;
}



.FormSubTitle
{
	text-align:center;
	font-size:20px;
	font-weight:bold;
}

.FormSubTitle_2
{
	text-align:left;
	font-size:20px;
	font-weight:bold;
}

.IndexFormTitle
{
	text-align:center;
	font-size:4vh; /*30px;*/
	font-weight:bold;
}

.IndexFormSubTitle
{
	text-align:center;
	font-size:2vh; /*20px;*/
	font-weight:bold;
}


/* input box format */
input.inputbox
{
	
	width:100%;
	height:40px;
	border:none;
	border-bottom: 1px solid DodgerBlue;

}

/* input box format */
input.saveasinputbox
{
	
	width:50%;
	height:40px;
	border:none;
	border-bottom: 1px solid DodgerBlue;

}

/* input text box format */
textarea.inputtextbox
{
	
	width:100%;
	border:none;
	border-bottom: 1px solid DodgerBlue;

}



.FormText
{
	font-size:18px;
	font-weight:bold;
}

input.logininputbox
{
	width:30%;
	height:40px;
	border:none;
	border-bottom: 1px solid DodgerBlue;

}


/*error messge for form input  */
.errormessgae
{
	color:#F00;
	font-weight:bold;
	font-size:12px;	
}

/*drop down list format */
.selectlist
{
	width:100%;
	height:40px;
	border:none;
	border-bottom: 1px solid DodgerBlue;
}

.fileupload
{
/*	background-color:#03F;*/
	border: none;
/*    color: white;*/
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
	width:50%;
}


/*clear photo button */
button.clearphoto
{
	background-color:#778899;
	border: none;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
	position:relative;
	float:right;
	margin-right:10px;
}

/* submit button format*/
button.indexpagebtn, button.loginpagebtn
{
	background-color:#F00;
	border: none;
    color:#FFF;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
	width:40%;

}

button.plottingpageleftbtn
{
	background-color:#778899;
	border: none;
    color:#FFF;
    font-weight: bold;
    padding: 5px; /* 20px;*/
    text-align: center;
	width:40%;

}



/* submit button format*/
button.submit
{
	background-color:#778899;
	border: none;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;

}

.buttonCenter
{
	text-align: center;

}

.colorbtnNC
{
  background-color:#FFF;
  border: none;
  width:1.6vw;
  height:3.2vh;
/*  color: white;*/
/*  padding: 15px 32px;*/
/*  text-align: center;*/
  text-decoration: none;
  display: inline-block;
/*  font-size: 16px;*/
  margin: 4px 2px;
  cursor: pointer;
}

.colorbtnRed
{
  background-color:#F00;
  border: none;
  width:1.6vw;
  height:3.2vh;
/*  color: white;*/
/*  padding: 15px 32px;*/
/*  text-align: center;*/
  text-decoration: none;
  display: inline-block;
/*  font-size: 16px;*/
  margin: 4px 2px;
  cursor: pointer;
}

.colorbtnBlue
{
  background-color:#09F;
  border: none;
  width:1.6vw;
  height:3.2vh;
/*  color: white;*/
/*  padding: 15px 32px;*/
/*  text-align: center;*/
  text-decoration: none;
  display: inline-block;
/*  font-size: 16px;*/
  margin: 4px 2px;
  cursor: pointer;
}

.colorbtnGreen
{
  background-color:#5BDD17;
  border: none;
  width:1.6vw;
  height:3.2vh;
/*  color: white;*/
/*  padding: 15px 32px;*/
/*  text-align: center;*/
  text-decoration: none;
  display: inline-block;
/*  font-size: 16px;*/
  margin: 4px 2px;
  cursor: pointer;
}

.colorbtnBeige
{
  background-color:#603813;
  border: none;
  width:1.6vw;
  height:3.2vh;
/*  color: white;*/
/*  padding: 15px 32px;*/
/*  text-align: center;*/
  text-decoration: none;
  display: inline-block;
/*  font-size: 16px;*/
  margin: 4px 2px;
  cursor: pointer;
}

.colorbtnYellow
{
  background-color:#FFFF00;
  border: none;
  width:1.6vw;
  height:3.2vh;
/*  color: white;*/
/*  padding: 15px 32px;*/
/*  text-align: center;*/
  text-decoration: none;
  display: inline-block;
/*  font-size: 16px;*/
  margin: 4px 2px;
  cursor: pointer;
}

.colorbtnPurple
{
  background-color:#FF00FF;
  border: none;
  width:1.6vw;
  height:3.2vh;
/*  color: white;*/
/*  padding: 15px 32px;*/
/*  text-align: center;*/
  text-decoration: none;
  display: inline-block;
/*  font-size: 16px;*/
  margin: 4px 2px;
  cursor: pointer;
}

.colorbtnOrange
{
  background-color:#FFA500;
  border: none;
  width:1.6vw;
  height:3.2vh;
/*  color: white;*/
/*  padding: 15px 32px;*/
/*  text-align: center;*/
  text-decoration: none;
  display: inline-block;
/*  font-size: 16px;*/
  margin: 4px 2px;
  cursor: pointer;
}

.ACWBtnImg
{
	background-image:url(ACWRotation.svg);
/*	background-repeat:no-repeat;
	border:none;*/
}

.tooltip {
  position: relative;
/*  display: inline-block;*/

}



.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
 	position: absolute;
	top: 35px;
  	left: 70%;
	
	
	
/*    bottom: 100%;
  	left: 50%;
	margin-left: -60px;*/
	z-index: 6;
}


.tooltipB {
  position: relative;
/*  display: inline-block;*/

}
.tooltipB .tooltiptextB {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
 	position: absolute;
	top: 35px;
	right:70%;
	z-index: 6;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltipB:hover .tooltiptextB {
  visibility: visible;
}


.tooltipC {
  position: relative;
/*  display: inline-block;*/

}
.tooltipC .tooltiptextC {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
 	position: absolute;
	top: 35px;
	right:90%;
	z-index: 6;
}

.tooltipC:hover .tooltiptextC {
  visibility: visible;
}


#loupanImg:hover
{
	cursor:pointer;
	
}



.slidecontainer 
{
  width: 100%;
}

.slider 
{
  -webkit-appearance: none;
  width: 90%;
  height: 5px;
/*  border-radius: 5px;*/
  background: #d3d3d3;
  outline: none;
  opacity: 1;
  -webkit-transition: .2s;
  transition: opacity .2s;

}

.slider:hover 
{
  opacity: 1;
}



.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 20px;
/*  border-radius: 50%;*/
/*  background: #4CAF50;*/
	background:#ed3330;
  cursor: pointer;
}

.txt:hover
{
	cursor: pointer;

	
}

.loader 
{
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid #3498db;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
/*@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}*/

@keyframes spin 
{
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loaderpos
{
	position: absolute;
	left: 50%;
	top:50%;
	z-index:5;


}

.Rectangle
{

	margin: auto;
/* 	width: 800px; */
  	border: 1px solid #999;
/*	height:500px;*/
	
	 transform: translate(-50%, -50%);
	  position: absolute;
	  top: 50%;
 	 left: 50%;
	
	
	
	
	
	
/*	position:absolute;
	z-index:0;
	width:800px;
	height:500px;
	border:1px solid #000;*/
}

.wrapper
{
	text-align:left;
	font-size:9px;

}



.panelTextClass
{
	text-align:center;
	color:#FFF;
	font-size:100%;
	font-weight:bold;
	
}

.NaYinIndSegClass
{
	z-index:5;
}

.XuanKongDaGuaIndSegClass
{
	z-index:5;
}

.NaYinSubImgColorClass, .XuanKongDaGuaSubImgColorClass
{
	cursor:pointer;
}