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

html,
body {
    margin:0;
    padding:0;
    font-family:segoe UI, Arial, Helvetica, sans-serif;
    font-size:10pt;
	color: #52555a;
    background-color: #fff
}
.content {
    min-height:100%;
    position:relative;
}
.page123 {          
    margin:0px auto;width:638px; margin-top:10%
}
.page1234 {          
    margin:0px auto; width:100%;
}
.clear {	
    clear:both
}
.login2 {
    margin-left:260px;
    width:291px;
	height:108px;
	background-image:url(../images/user_bg.png);
	background-repeat:no-repeat;
	background-position:top;
	border:0px solid #fff;
}
.user_name {	
    width: 100%;
}
.user_input {
    font-weight:bold; outline:none; border: none; text-shadow:1px 1px #fff;background-color:transparent; 
    width:81%; padding:16px;color: #b7b7b7; font-size:12pt; margin-left:48px;
}
.pass_input {
    font-weight:bold; outline:none; border: none; text-shadow:1px 1px #fff;background-color:transparent; 
    width:81%; padding:16px;color: #b7b7b7; font-size:12pt; margin-left:48px; margin-top:10px;
}
.pass_word { 
    width:100%;
}
.submit {
	background-color:#2c9eb3;
	padding:10px 20px;
	border: 1px solid #2c9eb3;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	font-size:14pt;
	color: #fff;
    float:right;
	font-weight:bold;
	-webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.submit:hover {
	background-color:#1c869a;
	padding:10px 20px;
	border: 1px solid #2c9eb3;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	font-size:14pt;
	color: #fff;
    float:right;
	font-weight:bold;
	-webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.banner123 {
    background-color:#dd9f33; height:179px; background-image:url(../images/index_banner.png); background-position:left; background-repeat:no-repeat
}
.bg_pat {
    background-color:#fff; height:125px; background-image:url(../images/bg_pat.png);background-repeat:repeat
}
.bg_pat:hover {
    background-color:#fff; height:125px; background-image:url(../images/bg_pat_over.png);background-repeat:repeat
}
.footer123 {
    color:#999;font-size:12pt;border-top:1px solid #c1c1c1;padding:10px; background-color:#f3f3f3; text-align:right
}
.link123 {
    color:#fff; text-decoration:none; font-size:11pt; 
}
.link123:hover, .link123:active,.link123:visited, {
    color:#fff; text-decoration:none; font-size:11pt; 
}
.adlink4, .adlink4:link {
    color:#fff; text-decoration:none; font-size:11pt; background-color:#DD9F33; padding:3px 10px;
    -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
    webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.adlink4:hover, .adlink4:active {
    color:#fff; text-decoration:none; font-size:11pt; background-color:#DD9F33; padding:3px 10px;
    -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
    webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.adlink2, .adlink2:link {
    color:#fff; text-decoration:none; font-size:11pt; background-color:#1bb7ac; padding:3px 10px;
    -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
    webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.adlink2:hover, .adlink2:active {
    color:#fff; text-decoration:none; font-size:11pt; background-color:#19c6b9; padding:3px 10px;
    -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
    webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.adlink3, .adlink3:link {
    color:#fff; text-decoration:none; font-size:11pt; background-color:#ff6600; padding:3px 10px;
    -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
    webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.adlink3:hover, .adlink3:active {
    color:#fff; text-decoration:none; font-size:11pt; background-color:#ff8431; padding:3px 10px;
    -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
    webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.sign-up-title {
    content: '';
    width:100%;
    height: 5px;
    background: #fff;
    border-radius: 0px 0px 0 0;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f0faa6 12.5%, #f0faa6 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f0faa6 12.5%, #f0faa6 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f0faa6 12.5%, #f0faa6 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f0faa6 12.5%, #f0faa6 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
img
{
    border:0px
}
.container {
    width:645px;
    height:39px;
    background-color:#484848;
    position:relative;
}
.arrow-right {
	width: 200px; 
	height: 0; 
	border-left: 40px solid transparent; 
	border-top: 40px solid transparent; /* 40px height (20+20) */
	border-bottom: 40px solid #484848;
    position:absolute;
    left:-193px;
    top:-41px
}
.arrow-right1 {
	width: 0px; 
	height: 0; 
	border-left: 40px solid transparent; 
	border-top: 40px solid transparent; /* 40px height (20+20) */
	border-bottom: 40px solid #484848;
    position:absolute;
    left:-40px;
    top:-41px
}