/* Header */

.Viewer .Viewer-header {
	background: #fff;
	border-top: 4px solid #0283cd;
	border-bottom-color: #eee;
}
.Viewer .Viewer-header h2 {
	padding: .4em 0 .1em;
	margin: 0 3em;
}
.Viewer .Viewer-header h2 a {
	display: inline-block;
	text-decoration: none;
	min-height: 40px;
}
.Viewer .Viewer-header h2 img {
	display: block;
	width: 140px;
	height: auto;
}
.Viewer .Viewer-header h2 > img {
	display: inline-block;
}
.Viewer .Viewer-header p {
	position: absolute;
	bottom: -2em;
	left: 1em;
	margin: 0;
	color: #666;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}
.Viewer .Viewer-header .ui-btn {
	width: 2em;
	height: 2em;
	background: none;
	border: 0;
	top: 50%;
	margin-top: -1em;
	-webkit-border-radius: .3125em;
	border-radius: .3125em;
	opacity: .4;
	filter: Alpha(Opacity=40);
}


.Viewer .Viewer-content {
	padding-top: 3em;
	}

.Viewer .Viewer-content > h1,
.Viewer .Viewer-content > h2,
.Viewer .Viewer-content > h3,
.Viewer .Viewer-content > p,
.Viewer .Viewer-content > a {
	font-weight: 300;
	
}
.Viewer .Viewer-content > h1 {
	font-size: 1.8em;
	margin: 0 0 .625em;
	color :#7ca972;
   
}
.Viewer .Viewer-content > h2 {
	color: #3eb249;
	background-color: transparent;
	border-bottom: 1px solid #ddd;
	font-size: 1.3em;
	padding-bottom: .2em;
	margin: 2em 0 .7375em;
}
.Viewer .Viewer-content > h3 {
	color: #3eb249;
	background-color: transparent;
	font-size: 1.4em;
	margin: 0 0 1em;
}
.Viewer .Viewer-content > p {
	font-size: 1.0em;
	line-height: 1.2;
}

.Viewer .Viewer-content > p {
	margin: 0 0 1.25em;
}

.Viewer .Viewer-content > .ui-listview {
	padding-left: 0;
}
.Viewer .Viewer-content > a,
.Viewer .Viewer-content > p a,
.Viewer .Viewer-content > ul:not(.Viewer-list) li a {
	font-weight: 400;
	text-decoration: none;
}
.Viewer .Viewer-content strong {
	font-weight: 700;
}
.Viewer .Viewer-content > p strong {
	font-weight: 400;
}
.Viewer .Viewer-content > img {
	width: 100%;
 max-width:100%;
	
}

.Viewer .Viewer-content-content {
	padding-top: 0;
	}

.Viewer .Viewer-content-content > h1,
.Viewer .Viewer-content-content > h2,
.Viewer .Viewer-content-content > h3,
.Viewer .Viewer-content-content > p,
.Viewer .Viewer-content-content > a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	
}
.Viewer .Viewer-content-content > h1 {
	font-size: 1.8em;
	margin: 0 0 .625em;
	color :#7ca972;
   
}
.Viewer .Viewer-content-content > h2 {
	color: #3eb249;
	background-color: transparent;
	border-bottom: 1px solid #ddd;
	font-size: 1.3em;
	padding-bottom: .2em;
	margin: 2em 0 .7375em;
}
.Viewer .Viewer-content-content > h3 {
	color: #3eb249;
	background-color: transparent;
	font-size: 1.4em;
	margin: 0 0 1em;
}
.Viewer .Viewer-content-content > p {
	font-size: 1.0em;
	line-height: 1.2;
}

.Viewer .Viewer-content-content > p {
	margin: 0 0 1.25em;
}


.Viewer-box-content {
	padding: .5em;
	background: #fff;
	-webkit-border-radius: .9125em;
	border-radius: .9125em;
	font-family: 'Open Sans', sans-serif;
	margin: .5em;
	font-size:1.3em;
}





.Viewer-footer P
{
     font-weight:normal;
     font-size:0.8em;
     line-height:.1em;
     
  }
  
.Viewer-footer img
  {
      
      width:16em;
      max-width:100%;
  }

.Viewer-box-content h3 {
	font-size: 1.1em;
	font-weight:normal;nt-weight:normal;
	color: #3eb249;
	border-bottom: 1px solid #ddd;
	 padding-bottom:.4em;
}



.Viewer-box-content a:link {
	font-weight: 300;
	text-decoration: none;
	margin-left:1.6em;
	font-size:1.1em;
}

/* Navmenu */
.Viewer-Leftmenu-panel .ui-listview > li .ui-collapsible-heading {
	margin: 0;
	
}
.Viewer-Leftmenu-panel .ui-collapsible.ui-li-static {
	padding: 0;
	border: none !important;

}
.Viewer-Leftmenu-panel .ui-collapsible + li > .ui-btn,
.Viewer-Leftmenu-panel .ui-collapsible + .ui-collapsible > .ui-collapsible-heading > .ui-btn,
.Viewer-Leftmenu-panel .ui-panel-inner > .ui-listview > li.ui-first-child .ui-btn {
	border-top: none ;
	font-family:Microsoft YaHei;

}
.Viewer-Leftmenu-panel .ui-listview .ui-listview .ui-btn {
	padding-left: 1.5em;
	color: #999;
	font-size:.9em;
	font-weight:normal;
	 border-top:none;
}



@media (min-width: 60em) {
	.Viewer .Viewer-header h2 {
		/*padding: 1em 0 .7em;*/
		margin: 0 1em 0 3%;
		text-align: left;
	}
	.Viewer .Viewer-header h2 img {
		width: 275px;
		height: 78px;
	}
	.Viewer .Viewer-header p {
		bottom: auto;
		left: auto;
		top: 50%;
		right: 15%;
		font-size: 1.2em;
		margin-top: -.625em;
	}
	.Viewer .TopMenu-link {
		display: none;
	}
	.Viewer .Viewer-Leftmenu-panel {
		visibility: visible;
		position: relative;
		left: 0;
		float: left;
		width: 25%;
		background: none;
		-webkit-transition: none !important;
		-moz-transition: none !important;
		transition: none !important;
		-webkit-transform: none !important;
		-moz-transform: none !important;
		transform: none !important;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.Viewer .Viewer-Leftmenu-panel .ui-panel-inner {
		margin-top: 3em;
		margin-bottom: 3em;
	}
	.Viewer .Viewer-content {
		width: 67%;
		padding-top: 2em;
		padding-left: 5%;
		padding-right: 3%;
		float: right;
		
	}
   .Viewer-Leftmenu-panel .ui-listview .ui-btn {
		font-family:Microsoft YaHei;
		padding-left: 12.5%;
		font-weight:normal;
		
	}
	.Viewer-Leftmenu-panel .ui-listview .ui-listview .ui-btn {
		padding-left: 15%;
	}
	.Viewer-Leftmenu-panel .ui-collapsible,
	.Viewer-Leftmenu-panel .ui-collapsible-content,
	.Viewer-Leftmenu-panel .ui-btn {
		background: none !important;
		border-color: #ddd !important;
	}
	.Viewer-Leftmenu-panel .ui-btn.ui-btn-active {
		color: #3388cc !important;
	}
	.Viewer-Leftmenu-panel .ui-btn::after {
		opacity: 0;
		-webkit-transition: opacity 500ms ease;
		-moz-transition: opacity 500ms ease;
		transition: opacity 500ms ease;
	}
	.Viewer-Leftmenu-panel .ui-btn:hover::after {
		opacity: .4;
	}
}

@media (min-width: 35em) {
	.Viewer-box-content {
		min-height: 9em;
	}
}


* Basic styles */
.rwd-example .ui-body {
    text-align: left;
    border-color: #ddd;
}
.rwd-example p {
    color: #777;
    line-height: 140%
}
/* Stack all blocks to start */
.rwd-example .ui-block-a,
.rwd-example .ui-block-b,
.rwd-example .ui-block-c {
    width: 100%;
    float: none;
}
/* Collapsing borders */
.rwd-example > div + div .ui-body {
    border-top-width: 0;
}
/* 1st breakpoint - Float B and C, leave A full width on top */
@media all and (min-width: 42em) {
    .rwd-example {
        overflow: hidden; /* Use this or a "clearfix" to give the container height */
    }
    .rwd-example .ui-body {
       min-height: 14em;
    }
    .rwd-example .ui-block-b,
    .rwd-example .ui-block-c {
      float: left;
      width: 49.95%;
    }
    .rwd-example .ui-block-b p,
    .rwd-example .ui-block-c p {
      font-size: .8em;
    }
    .rwd-example > div + div .ui-body {
        border-top-width: 1px;
    }
    .rwd-example > div:first-child .ui-body {
        border-bottom-width: 0;
    }
    .rwd-example > div:last-child .ui-body {
        border-left-width: 0;
    }
}
/* 2nd breakpoint - Float all, 50/25/25 */
@media all and (min-width: 55em) {
    .rwd-example .ui-body {
       min-height: 18em;
    }
    .rwd-example .ui-block-a,
    .rwd-example .ui-block-c {
      float: left;
      width: 49.95%;
    }
    .rwd-example .ui-block-b,
    .rwd-example .ui-block-c {
      float: left;
      width: 24.925%;
    }
    .rwd-example > div:first-child .ui-body {
        border-bottom-width: 1px;
    }
    .rwd-example > div + div .ui-body {
        border-left-width: 0;
    }
}
/* 3rd breakpoint - Bump up font size at very wide screens */
@media all and (min-width: 75em) {
    .rwd-example .ui-body {
      font-size: 125%;
    }
    .rwd-example .ui-block-a,
    .rwd-example .ui-block-c {
      float: left;
      width: 49.95%;
    }
    .rwd-example .ui-block-b,
    .rwd-example .ui-block-c {
      float: left;
      width: 21.925%;
	  background:#f5f5f5;
	  margin-left:1.5em;
	  margin-top:15px;
	  height:13em;
	  border-radius:10px;
    }
}


.autocomplete_CompletionListElement 

{ margin: 0;
   background-color:White;

       

}
.autocomplete_CompletionListElement 
{ margin: 0px;

background-color: White; 

cursor: default; 
 width:100px;

overflow-y: auto; 

overflow-x: hidden; 

height:10em; 

text-align: left; 
z-index:10000; 

}

#slideshow {
    
    height:350px;
}


#SlidePic A {
   position:absolute;
   left: 1%;
   top: 1%;

  width: 100%;
  height: 100%;
  
}

#SlidePic  A.active {
    z-index:10;
 
}

#SlidePic  A.last-active {
    z-index:9;
}

[data-role=footer]{bottom:0; position:absolute !important; width:100%; min-height:13em;}
*{font-family:Microsoft YaHei}
.ui-link img{margin-top:10px}
.ui-block-b{
            transition:All 0.6s ease-in-out;
	        -webkit-transition:All 0.6s ease-in-out;
	        -moz-transition:All 0.6s ease-in-out;
	        -o-transition:All 0.6s ease-in-out;
	        border-radius: 20px;
        }
        .ui-block-b:hover {
	        transform:translate(0,-10px);
	        -webkit-transform:translate(0,-10px);
	        -moz-transform:translate(0,-10px);
	        -o-transform:translate(0,-10px);
	        -ms-transform:translate(0,-10px);
	        -webkit-box-shadow:0px 5px 15px #e5e5e5;
            -moz-box-shadow:0px 5px 15px #e5e5e5;
            box-shadow:0px 5px 15px #e5e5e5;
            cursor: pointer;
        }
		.ui-block-b p:hover{
			color:yellowgreen;
		}
		.ui-link img{
			border-radius:15px;
		}
		
        .Viewer-box-content h3{
            font-size:1.1em;
        }
		.xldt2 .ui-link{
			color:#1e90ff!important;
		}
		#emailMsg, #usernameMsg, #companyMsg, #jobtitleMsg, #cellphoneMsg, #passwordMsg, #passwordCfmMsg, #countryMsg, #resetEmailMsg{
			font-size:16px!important;
		}