/* 
	Resets defualt browser settings
	reset.css
*/
/* html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none; }
body { line-height:1; color:black; background:white; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }
 */
/*
	Page style
*/
body { 
	#font:normal 62.5%/1.5 Helvetica, Arial, sans-serif;
	#letter-spacing:0;
	#color:#434343;
	#background:#efefef url(../img/background.png) repeat top center;
	#padding:20px 0;
	#position:relative;
	#text-shadow:0 1px 0 rgba(255,255,255,.8);
	#-webkit-font-smoothing: subpixel-antialiased;
}

#container {
	width:645px;
	height:381px;
	#padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:645px;
	height:381px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	#position:absolute;
	#top:15px;
	#left:4px;
	#z-index:100;
	height: 520px;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:980px;
	height:511px;
	overflow:hidden;
	position:relative;
	/* display:none; */
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:980px;
	height:520px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:10px auto 0;
	#width:100px;
	position: absolute;
	top: 740px;
	z-index: 100;
}

.pagination li {
	float:left;
	margin:0 5px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 -12px;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 0px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}

#page-wrap ul, ol {
	padding-left: 0px;
	width: 748px;
}

#page-wrap .sub_menu {
	width: 120px;
}

/* // thumbnail list */

#header{
	height:100px;
	background:transparent url(slideshow.png) no-repeat 50% 16px ;
}

#footer{
	height: 43px; /* .push must be the same height as .footer */
    padding-top:10px;
    /*border-top:1px solid black; */
    width:630px;
    margin:0pt auto 0px;
}
#footer div p{
  width:630px;
}

 #push {
	height: 43px; /* .push must be the same height as .footer */
    padding-top:10px;
}
#wrapper{
    width:630px;
    min-height: 96%;
	height: auto !important;
	height: 96%;
	text-align:left;
    margin: 0 auto -30px;
    padding:0 10px 0px 10px;
}

.clearfix{
	clear:both;
	float:none;
}
#bigPic{
	width:630px;
	height:300px;
	padding:1px;
	border:none;
	background-color:#FFF;
	margin-bottom:10px;
}
#bigPic img{
	/* position:absolute; */
	max-width: 630px;
	max-height: 300px;
	display:none;
    margin-left: auto;
    margin-right: auto;
}
ul#thumbs li.active{
	border:2px solid #000;	
	background:#fff;
	padding:2px;
}
ul#thumbs, ul#thumbs li{
	margin:0;
	padding:0;
	list-style:none;
}
	
ul#thumbs li{
	float:left;
	margin-right:7px;
	margin-bottom:5px;
	border:1px solid #CCC;	
	padding:3px;
	cursor:pointer;
}
ul#thumbs img{
	float:left;
	width:71px;
	height:35px;
	line-height:80px;
	overflow:hidden;
	position:relative;
	z-index:1;		
}

.lighten {
	margin: 20px 10px;
}



/* drop down list menu */

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; width: 100%; list-style-type: none;}
ul.dropdown li                      { font-weight: normal; /* width: 120px; */ background: #fff; position: relative; display:inline-block}
ul.dropdown a:first-child:hover		{ color: #888; }
ul.dropdown li a                    { display: inline-block; padding: 20px 22px; font-size: 14px; height:40px; color: #000; position: relative; z-index: 2000; text-decoration : none}
ul.dropdown li a:hover,
ul.dropdown li a.hover              { color: #000; position: relative; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ display: none; position: absolute; top: 0; left: 0; width: 120px; z-index: 1000; list-style-type: none; }
ul.dropdown ul li 					{ font-weight: normal; float:left; background: #f6f6f6; color: #000;}
ul.dropdown ul li a					{ display: block; background: #fff !important; height:50px; } 
ul.dropdown ul li a:hover			{ display: block; !important; } 


* {
  -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
		  box-sizing: border-box;
}

.masonry {
  position: relative;
  zoom: 1;
}
.ads {
	top: 0px;
	left: 0px;
	z-index: 100;
	width: 310px;
	height: 550px;
	position: absolute;
	float: right;
	color: #000;
}
.ads1 {
	width: 600px;
	top: 0px;
	left: 0px;
	position: absolute;
	float: right;
}

/* index icon */ 
.menu1 a {
	display: inline-block;
	width: 20px;
	height: 20px;
	padding: 0;
	text-decoration: none;
	float: left;
	margin: 0px 10px;
	background: url("../images/social/facebook-icon.png");
	overflow: hidden;
}
.menu1 a:hover{
	background: url("../images/social/facebook-icon.png") 0px -20px no-repeat;
}

.menu2 a {
	display: inline-block;
	width: 20px;
	height: 20px;
	padding: 0;
	text-decoration: none;
	float: left;
	margin: 0px 10px;
	background: url("../images/social/twitter-icon.png");
	overflow: hidden;
}
.menu2 a:hover{
	background: url("../images/social/twitter-icon.png") 0px -20px no-repeat;
}

.menu3 a {
	display: inline-block;
	width: 20px;
	height: 20px;
	padding: 0;
	text-decoration: none;
	float: left;
	margin: 0px 10px;
	background: url("../images/social/sina-icon.png");
	overflow: hidden;
}
.menu3 a:hover{
	background: url("../images/social/sina-icon.png") 0px -20px no-repeat;
}


.menu4 a {
	display: inline-block;
	width: 30px;
	height: 30px;
	padding: 0;
	text-decoration: none;
	float: left;
	background-image: url("../images/tecent-icon.png");
	background-repeat: no-repeat;
	overflow: hidden;
}

.menu5 a {
	display: inline-block;
	width: 20px;
	height: 20px;
	padding: 0;
	text-decoration: none;
	float: left;
	margin: 0px 10px;
	background: url("../images/social/instagram.png");
	overflow: hidden;
}
.menu5 a:hover{
	background: url("../images/social/instagram.png") 0px -20px no-repeat;
}

.menu6 a {
	display: inline-block;
	width: 30px;
	height: 30px;
	padding: 0;
	text-decoration: none;
	float: left;
	background-image: url("../images/android-icon.png");
	background-repeat: no-repeat;
	overflow: hidden;
}

.menu9 a {
	display: inline-block;
	width: 20px;
	height: 20px;
	padding: 0;
	text-decoration: none;
	float: left;
	background-image: url("../images/search-btn.png");
	background-repeat: no-repeat;
	overflow: hidden;
}

.menu7 a {
	display: inline-block;
	width: 30px;
	height: 30px;
	padding: 0;
	text-decoration: none;
	float: left;
	background-image: url("../images/apple-icon.png");
	background-repeat: no-repeat;
	overflow: hidden;
}
.menu10 a {
	display: inline-block;
	width: 20px;
	height: 20px;
	padding: 0;
	text-decoration: none;
	float: left;
	margin: 0px 10px;
	background: url("../images/social/apple.png");
	overflow: hidden;
}
.menu10 a:hover{
	background: url("../images/social/apple.png") 0px -20px no-repeat;
}
.menu11 a {
	display: inline-block;
	width: 20px;
	height: 20px;
	padding: 0;
	text-decoration: none;
	float: left;
	margin: 0px 10px;
	background: url("../images/social/android.png");
	overflow: hidden;
}
.menu11 a:hover{
	background: url("../images/social/android.png") 0px -20px no-repeat;
}

.sns a:hover {
	background-position: 0 -30px;
}

.menuGroup {
	display: inline-block;
	/*width: 42px;*/
}

.menubar {
	text-align: justify;
	width: 320px;
}

.newheader {
	padding-top: 30px;
}

.photoalbum li {
	width: 180px; 
	height:180px; 
	list-style-type: none; 
	float: left;
}

.photoalbum div {
	width: 180px; 
	height: 180px; 
	line-height: 80px; 
	display: table-cell; 
	text-align: center; 
	vertical-align: middle; 
	border: 0px;
}

.photoalbum img {
	height:auto !important; 
	max-height: 150px; 
	max-width: 150px; 
	margin: 5px 0px 5px 0px;
}

#second_ads {
	padding-top: 10px;
}

.blackline {
	width: 100%;
}

.resource_image_center {
	display: block;
	margin: 0 auto;
}