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


#content{width:856px;
			height:1240px;
			
			}
			
.print_btn{
			}


#readToFeed_logo{background:url(../images/menu/readToFeed_logo.png) center center no-repeat;
				 width:237px;
				 height:113px;
				 float:left;
				 margin:0px 10px;
				 display:inline-block;
					}

.award_form_wrapper input{display:block;
						height: 40px;
						margin:0 auto;
						margin-top: 55px;
						border: none;
    					background: transparent;
						text-align:center;
						font-size:36px;
					}
					
.table-info p{
	margin:0px;
}
/*ul.intro-page-ul{
	list-style: none;
  
	
}
li.intro-page:before {
	content: "●";
	color: red;
}*/

.thanks_logo_frame{
					text-align:center;
					vertical-align:middle;
					padding:20px 60px;
					width:210px;
					display:inline-block;
					margin:20px 0px;
					    /* box-shadow: 4px 4px 3px#464646; */
					}

.thanks_logo_frame_small{
					text-align:center;
					vertical-align:middle;
					width:160px;
					/* box-shadow: 4px 4px 3px#464646; */
					height:120px;
					margin-right:35px;
					margin-bottom:10px;
					margin-top:20px;
					display:inline-block;
					}
.thanks_logo_frame_img_container{
	
	display:table;
	width:100%;
	height:100%;
	
	
	
}					
.thanks_logo_frame_img{
	padding:2.5px;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	height:100%;
	text-align:center;
}	
.thanks_logo_frame_img img{
	max-width: 100%;
}
					
					
.award_wrapper{
				position:relative;
				margin:0px auto;
				width: 856px;
				}

.award_wrapper img {width:100%;}

.award_wrapper #school_name{
	position: absolute;
    top: 331px;
    width: 400px;
    background: rgba(0, 0, 0, 0.2) ;
    left: 50%;
    margin-left: -200px;
    height: 45px;
}

.award_wrapper #stud_name{
    position: absolute;
    top: 433px;
    width: 489px;
    background: rgba(0, 0, 0, 0.2);
    left: 50%;
    margin-left: -246px;
    height: 45px;
}

.award_wrapper.award1 #school_name{	top:331px;}
.award_wrapper.award1 #stud_name{ top:433px;}

.award_wrapper.award2 #school_name{	top:330px;}
.award_wrapper.award2 #stud_name{ top:433px;}

.award_wrapper.award3 #school_name{	top:331px;}
.award_wrapper.award3 #stud_name{ top:433px;}

.award_wrapper.award4 #school_name{	top:332px;}
.award_wrapper.award4 #stud_name{ top:433px;}

.award_wrapper.award5 #school_name{	top:331px;}
.award_wrapper.award5 #stud_name{ top:433px;}

#contact_board1{  
background-image: url(../images/contact/contact_bg.png?12);
    background-position: center bottom;
    height: 600px;
    width: 1012px;
	margin: auto;
				}


#search_board1{  
  width: 1012px;
  height: auto;
  margin: 0 auto;
}

#news_board1{  
  background: url(../images/news/news_top_bar.png) center center no-repeat;
  width: 1012px;
  height: 203px;
  margin: 0 auto;
				}
	
#thanks_board1{  
  background: url(../images/thanks/thanks_box_header.png) center center no-repeat;
  width: 1012px;
  height: 131px;
  margin: 0 auto;
				}
				
#sitemap_board1{  
  background: url(../images/sitemap/site_map_board_head.png) center center no-repeat;
  width: 1012px;
  height: 133px;
  margin: 0 auto;
				}
				

/*.form_builder label{float:left;
					}*/

#survey_form{padding:10px;
				}


.submit_comment_others div{  float: none !important;
						  clear: both;
						  padding-left: 17px;
						}


.submit_comment_others div input{width:260px;  
						}


/*.form_builder h2{font-size:18px;
				  font-weight:bold;
					}

.form_builder div{float:right;
					}*/


.form_builder .input-box{
	margin-top:20px;
	width:663px;
}

.form_builder .agree.full>label{
	padding-bottom:10px;
}

.parents_activity_btn{margin-top:40px;
					  
						}


.invite_donate_field_radio .invite_donate_radio_items{
	display:inline-block;
}

.submit_comments_radio_rows{display:inline-block;
							}

#album_board1{  
  background: url(../images/album/album_top_bar.png) center center no-repeat;
  width: 1012px;
  height: 213px;
  margin: 0 auto;
}


#album_board1_rsc_header{  
  background: url('/images/global/edu_rsc_top_banner.png');
  width: 1012px;
  height: 153px;
  margin: 0 auto;
}


#story_board1{  
  width: 1012px;
  margin: 0 auto;
}

.news_list_text{padding: 0px 50px;
				}


.school_board_1_bg{  background: url(../images/schoolAndGroup/schoo_board1_bg.png) left center no-repeat;
					  width: 975px;
					  height: 452px;
					}

.parent_board_1_bg{  background: url(../images/parents/parents_board1_bg.png) left center no-repeat;
					  width: 975px;
					  height: 498px;
					}


.board_1_wrapper{ 
				
				  width: 65%;
				  padding: 40px 20px;}

.board_2_wrapper{margin-right: 50px;
					}
					
.blue_ball_top{padding: 0px 185px;
				}					

.pink_ball_top{padding: 0px 185px;
				}	

.parents_pink_ball_top{padding: 0px 60px;
				}	


.pink_arrow_1{display:inline-block;
				}

.blue_ball_2{background:url(../images/schoolAndGroup/blue/blue_ball_2.png) center center no-repeat;
			 width:270px;
			 height:265px;
				}

.parents_blue_ball_2{background:url(../images/parents/blue/blue_ball_2.png) center center no-repeat;
			 width:270px;
			 height:265px;
				}
				
.parents_blue_ball_4{background:url(../images/parents/blue/blue_ball_4.png) center center no-repeat;
			 width:270px;
			 height:265px;
				}	

.orange_ball_2{background:url(../images/schoolAndGroup/orange/orange_ball_2.png) center center no-repeat;
			 width:270px;
			 height:265px;
				}

.orange_ball_4{background:url(../images/schoolAndGroup/orange/orange_ball_4.png) center center no-repeat;
			 width:270px;
			 height:265px;
				}


.blue_ball_4{background:url(../images/schoolAndGroup/blue/blue_ball_4_2.png) center center no-repeat;
			 width:270px;
			 height:265px;}
			 
.pink_ball_2{background:url(../images/schoolAndGroup/pink/pink_ball_2.png) center center no-repeat;
			 width:270px;
			 height:265px;}	
			 
.parents_pink_ball_2{background:url(../images/parents/pink/pink_ball_2.png) center center no-repeat;
			 width:270px;
			 height:265px;}	
			 
.parents_pink_ball_5{background:url(../images/parents/pink/pink_ball_5.png) center center no-repeat;
			 width:270px;
			 height:265px;}	

			 		 
.pink_ball_5{background:url(../images/schoolAndGroup/pink/pink_ball_5.png) center center no-repeat;
			 width:270px;
			 height:265px;}			 
			 
.pink_ball_3{background:url(../images/schoolAndGroup/pink/pink_ball_3.png) center center no-repeat;
			 width:270px;
			 display: inline-block;
			 height:265px;}	

.parents_pink_ball_3{background:url(../images/parents/pink/pink_ball_3.png) center center no-repeat;
			 width:270px;
			 display: inline-block;
			 height:265px;}	

.parents_pink_ball_4{background:url(../images/parents/pink/pink_ball_4.png) center center no-repeat;
			 width:270px;
			 display: inline-block;
			 height:265px;}	
			 			 
.pink_ball_4{background:url(../images/schoolAndGroup/pink/pink_ball_4.png) center center no-repeat;
			 width:270px;
			 display: inline-block;
			 height:265px;}			 

.parents_orange_ball_1{background:url(../images/parents/orange/orange_ball_1.png) center center no-repeat;
					 width:270px;
					 display: inline-block;
					 height:265px;}		

.parents_orange_ball_2{background:url(../images/parents/orange/orange_ball_2.png) center center no-repeat;
					 width:270px;
					 display: inline-block;
					 height:265px;
					 margin: -50px 47px;
					 }		


.parents_orange_ball_3{background:url(../images/parents/orange/orange_ball_3.png) center center no-repeat;
					 width:270px;
					 display: inline-block;
					 height:265px;}		


.blue_ball_bot{
			   padding: 0px 155px;
			   
				}

.pink_ball_bot{margin-left:35px;
				}


.blue_ball_3{background:url(../images/schoolAndGroup/blue/blue_ball_3.png) center center no-repeat;
			 width:270px;
			 display:inline-block;
			 height:265px;}


.parents_blue_ball_3{background:url(../images/parents/blue/blue_ball_3.png) center center no-repeat;
			 width:270px;
			 display:inline-block;
			 height:265px;}

.orange_ball_3{background:url(../images/schoolAndGroup/orange/orange_ball_3.png) center center no-repeat;
			 width:270px;
			 display:inline-block;
			 height:265px;}

.blue_arrow_1{display:inline-block;
				}

.orange_arrow_1{display:inline-block;
			
				}

.parents_pink_btn{ display: inline-block;
		  padding: 144px 0px 0px 48px;
		  box-sizing: border-box;
  }

.blue_btn{display:inline-block;
	    margin: 175px 0px 0px 66px;
		}

.orange_btn{  box-sizing: border-box;
			  display: inline-block;
			  padding: 154px 0px 0px 42px;
		}

.blue_ball_1{background:url(../images/schoolAndGroup/blue/blue_ball_1.png) center center no-repeat;
			 width:270px;
			 height:265px;
			 display:inline-block;
			 }



.orange_ball_1{background:url(../images/schoolAndGroup/orange/orange_ball_1.png) center center no-repeat;
			 width:270px;
			 height:265px;
			 display:inline-block;
			 }

.pink_ball_1{background:url(../images/schoolAndGroup/pink/pink_ball_1.png) center center no-repeat;
			 width:270px;
			 height:265px;
			 display:inline-block;
			 }

.parents_pink_ball_1{background:url(../images/parents/pink/pink_ball_1.png) center center no-repeat;
			 width:270px;
			 height:265px;
			 display:inline-block;
			 }

.parents_pink_ball_6{background:url(../images/parents/pink/pink_ball_6.png) center center no-repeat;
					 width:270px;
					 height:265px;
					 display:inline-block;
						}

			 
.school_content{
				}
.schooL_left{
			width:50%;
			float:left;
			margin-top:55px;
		    margin-bottom:55px;			
			}
.red{color:red;
	 display:inline;
		}

.story_book_icon{background: url(../images/story/story_book.png) center center no-repeat;
				 width:50px;
				 height:33px;
				 vertical-align:middle;
				 display:inline-block;
					}
.story_dec_text{line-height:32px;
				}
	
.story_pic{
	width:265px;
	height:187px;
	position:relative;
}

.story_pic .frame{
	position:absolute;
	top:0px;
	left:0px;
	width:280px;
	height:182px;
	z-index:100;
}

.story_pic .frame1{
	background:url('../images/story/frame1.png') no-repeat;
}
.story_pic .frame2{
	background:url('../images/story/frame2.png') no-repeat;
}
.story_pic .frame3{
	background:url('../images/story/frame3.png') no-repeat;
}

.story_pic .img{
	position:absolute;
	top:20px;
	left:40px;
	width:198px;
	height:139px;
	overflow:hidden;
	background:#F3EFE4;
}

.story_pic .img img {width:100%;}

.story_desc {
	margin-top:10px;
}

.story_desc .field{
	display:block;
	text-align: right;
}

.story_desc .field .label{display:inline-block;text-align:right;vertical-align:middle;color:#ff0000;}
.story_desc .field .label img {display: inline-block;vertical-align: middle;margin-right:10px;}
.story_desc .field .text{width:50px;display:inline-block;vertical-align:middle;text-align:left;}

.story_text{
	width:490px;
	margin-top:10px;
}

.story_wrapper{
	
	padding: 25px 50px 0px 50px;
}
			
.story_content_container{
	width:1012px;
	padding-bottom:50px;
}

.story_content_container .top {
	height:106px;
	background:url('../images/story/story_board_top.png') no-repeat;
}

.story_content_container .content{
	background:url('../images/story/story_board_middle.png') repeat-y;
	padding:0px 54px;
}

.story_content_container .bottom {
	height:88px;
	background:url('../images/story/story_board_bottom.png') no-repeat;
}
			
.schooL_right{
			  width:50%;
			  float:right;
			  margin-top:55px;
			  margin-bottom:55px;
			 
			}
			
body{ width:100%;
	min-width:1050px;
	  box-sizing:border-box;
	  margin:0px !important;
	  font-family: Arial, Microsoft JhengHei !important;
	  }
#page_3{
	  }	  

.common_left{float:left;
	}

.join_text{margin:15px 0px 15px 0px;
			}

#join_submit{background:url(../images/join/join_submit.png) center center no-repeat;
			width:122px;
			height:41px;
			border:none;
			display:inline-block;
			}
		
			
#join_reset{background:url(../images/join/join_reset.png) center center no-repeat;
			width:122px;
			height:41px;
			border:none;
			display:inline-block;
			}

.join_right_btn_wrapper{
	text-align:center;
}

.join_right_btn_wrapper .join_btns{
	margin-top:10px;
}
					

.join_btns a img{
	width:60%;
}


.contact_content_container{font-family:Arial, Microsoft JhengHei !important;
							}

.search_content_container{background:url(../images/search/search_box_bg.png) center center;
						}

.search_content_container_tail{background:url(../images/search/search_box_tail.png) center center no-repeat;
							  width:100%;
							  height:85px;
						}

.search_box{
	padding:30px 40px;
	box-sizing: border-box;
	width:auto;
	height:auto;
	margin:10px 55px 0px 55px;
	background:url(../images/search/search_box_board_bg.png) center center;
}


.search_title{
	font-size:18px;
    color:#534741;
    padding: 30px;
    font-weight:bold;
    display: table-cell;
}

.search_pic{
	display: table-cell;
	text-align: center;
	width:120px;
	height:85px;
	vertical-align: middle;
}

.search_pic img{
	border:4px solid white;
	max-width:112px;
	max-height:84px;
	background:#F0ECE1;
}

.search_result_row{
	display: inline-block;
	width:100%;
}

.search_hr{background:url(../images/search/search_hr.png) center center no-repeat;
		   width:682px;
		   height:9px;
		   float:right;
		   margin:10px 0px;
	
			}

.donate_btn{display:inline-block;
			padding: 20px;
			background:url(../images/search/sponsor_btn.png) center center no-repeat;
			width:148px;
			height:44px;
			}

.search_top_wrapper{
	width:100%;
	height:135px;
	padding:30px;
	box-sizing: border-box;
}

.search_top_title{color:#ff6060;
				   font-size:30px;
				   font-family:Arial, Microsoft JhengHei !important;;
				   width:600px;
				   padding:30px;
				   font-weight:bold;
					}

.login_size{width:263px;
			}

.login_field input{
	width:263px;
	height:25px;
	border:0px;
 	background: url('../images/join/login_bg.png') no-repeat;
 	padding:3px 8px;
 	box-sizing:border-box;
}

.login_field{margin-bottom:10px;
				}

.join_btn_wrapper{
	margin-top:15px;
}

.join_btn_wrapper #join_submit{
	float:left;
	text-indent:-9999px;
}

.join_btn_wrapper #join_reset{
	float:right;
	text-indent:-9999px;
}

.forget_pw a{
	color:#db332a;
	text-decoration: none;
}
	
.common_right{
	float:right;
}

.login_wrapper{
	padding:328px 120px 90px 120px;
	color:#5B3317;
	font-weight:bold;
}
	
.left{width:49%;
	  height:100%;
	  display:inline-block;
	  float:left;
	  padding: 60px 0px 0px 60px;
	  box-sizing:border-box;
	 
	  position:relative;}

.right{width:49%;
	  height:100%;
	  float:right;
	  padding: 60px 80px 0px 10px;
	  display:inline-block;
	  box-sizing:border-box;
	  position:relative;}

#page4_board1_tag{
  position: absolute;
  top: 25px;
  left: 365px;
}
	  
#page3_board3{
	 		  background:url(../images/page3/page3_photo2.png) center center no-repeat;
			  width:205px;
			  height:194px;
			  display:inline-block;
			  margin: 0 100px;
			 
			 }	
			 
.page3_textfield{font-size:18px;
				 padding:0 40px;
				 color:#362f2d;
				}

.page3_textpic_wrapper{margin-left:20px;
						}
							 
#page3_text1{ background:url(../images/page3/page3_text1.png) center center no-repeat;
			  width:261px;
			  height:55px;
			  margin:0 60px;
			  display:inline-block;
			}
			
.page_header_title{font-size:60px;
				   font-family:Arial, Microsoft JhengHei !important;;
				   display:inline-block;
				   margin-top:300px;
					}

.clear{clear:both;}
/* 

#school_page_header{background:url(../images/schoolAndGroup/school_page_header.png) center center no-repeat;
					width:100%;
					height:422px;
					display:inherit;
					position:relative;
					margin:0 auto;
					}

#edu_resource_page_header{background:url(../images/edu_resource/edu_resource_page_header.png) center center no-repeat;
					width:100%;
					height:423px;
					display:inherit;
					position:relative;
					margin:0 auto;
					}


#donate_page_header{background:url(../images/donate/donate_use_header.png) center center no-repeat;
					width:100%;
					height:422px;
					display:inherit;
					position:relative;
					margin:0 auto;
					}
		 */
			
#individual_intro_header{background:url(../images/individual_intro/workshop_banner.png) center center no-repeat;
					width:100%;
					height:422px;
					display:inherit;
					position:relative;
					margin:0 auto;
					}

.individual_intro_banner{
	          background:url(../images/individual_intro/workshop-image-10.png) center center no-repeat;   
}

#parents_page_header{background:url(../images/parents/family_page_header.png) center center no-repeat;
					width:100%;
					height:406px;
					display:inherit;
					position:relative;
					margin:0 auto;
					}



#contact_us_page_header{background:url(../images/contact/contact_page_header.png) center center no-repeat;
					width:100%;
					height:422px;
					display:inherit;
					position:relative;
					margin:0 auto;
					}



.no-soft{display:block;
		}

.soft{display:none; !important
			}
/*
#story_page_header{background:url(../images/story/story_page_header.png) center center no-repeat;
					width:100%;
					height:406px;
					display:inherit;
					position:relative;
					margin:0 auto;
					}
*/

#search_page_header{background:url(../images/search/search_header.png) center center no-repeat;
					width:100%;
					height:397px;
					display:inherit;
					position:relative;
					margin:0 auto;
					}

#invite_donate_page_header{background:url(../images/invite/invite_donate_page_header.png) center center no-repeat;
					width:100%;
					height:422px;
					display:inherit;
					position:relative;
					margin:0 auto;
					}


#school_suitable{background:url(../images/schoolAndGroup/school_suitable.png) left center no-repeat;
					width:100%;
					height:83px;
				}

#resource_intro_page_header{background:url(../images/resource_intro/resource_intro_page_header.png) center center no-repeat;
					width:100%;
					height:422px;
					display:inherit;
					position:relative;
					margin:0 auto;
					}

.thanks_company_wrapper{
						margin:50px 0px;
						}
					
#news_page_header{background:url(../images/news/news_center_header.png) center center no-repeat;
					width:100%;
					height:408px;
					display:inherit;
					}
/*#workshop_header{background:url(../images/workshop_detail/workshop_apply_bg1.png) center center no-repeat;
					width:100%;
					height:408px;
					display:inherit;
					}*/

#thanks_page_header{background:url(../images/thanks/thanks_header_bg.png) center center no-repeat;
					width:100%;
					height:412px;
					display:inherit;
					}


#sitemap_page_header{background:url(../images/sitemap/site_map_header_bg.png) center center no-repeat;
					width:100%;
					height:411px;
					display:inherit;
					}
#album_page_header{background:url(../images/album/album_page_header.png) center center no-repeat;
					width:100%;
					height:416px;
					display:inherit;
					}
					
#school_board1{background:#FFF;
				width:1011px;
			    height:auto;
				margin:0 auto;
				}
				
#edu_board1{
	background:url('../images/edu_resource/edu_bg.png') repeat-y;
	width:1012px;
	margin:0 auto;
}

.edu_board_tail{
	background:url('../images/edu_resource/edu_bottom.png') no-repeat;
	margin:0 auto;
	width:1012px;
	height:65px;
}

.edu_terms{
	font-size:12.73px;
}

#pic_page_header{background:url(../images/personal_info/pic_header_bg.png) center center no-repeat;
					width:100%;
					height:411px;
					display:inherit;
					}

#privacy_page_header{background:url(../images/privacy/privacy_header_bg.png) center center no-repeat;
					width:100%;
					height:411px;
					display:inherit;
					}

#term_page_header{background:url(../images/term/term_header_bg.png) center center no-repeat;
					width:100%;
					height:411px;
					display:inherit;
					}

#resource_board1,#invite_board{
	background:#fff;
	width:1011px;
    height:auto;
	margin:0 auto;
	min-height:738px;
}

#invite_board .common_content_container{
	margin:0px 30px;
}

#invite_board .donation-intro{
	margin:0 auto;
	margin-bottom:30px;
}

#invite_board .form_builder h3{
	font-size: 25px;
	font-weight: bold;
	font-family: Arial, Microsoft JhengHei !important;;
	color: #464646;
	margin-top: 60px;
	margin-bottom:0px;
}

#invite_board .form_builder .hr{
	background: transparent url("../images/submit_resources/submit_resource_hr.png") repeat-x scroll center center;
	padding-bottom: 25px;
	border:0px;
	margin:0px;
}

#invite_board .form_builder .mention{
	font-weight:bold;
}

#invite_board .form_builder .controls{
	padding:30px 0px;
}

#invite_board .form_builder .button{
	width:125px;
	height:51px;
	border:none;
	margin:10px;
	text-indent:-9999px;
}

#invite_board .sponsor_title{
	padding-left:160px;
}

#invite_board #invite_donation_form textarea{
	resize:none;
}

#invite_board .form_builder .submit-btn{
	background:url(../images/invite/invite_donate_submit.png) center center no-repeat;
}

#invite_board .form_builder .reset-btn{
	background:url(../images/invite/invite_donate_reset.png) center center no-repeat;
}

#donate_board1{background:url(../images/donate/donate_bg.png) #fff bottom center no-repeat;
				width:1011px;
			    height:auto;
				margin:0 auto;
				min-height:738px;
				padding-bottom:600px;
				position:relative;
				}
#intro_board1{background:url(../images/donate/donate_bg.png) #fff bottom center no-repeat;
				width:1011px;
			    height:auto;
				margin:0 auto;
				min-height:738px;
				padding-bottom:600px;
				position:relative;
				}

/*#donate_board1 .donate_bg{
	background:url(../images/donate/donate_bg.png) bottom center no-repeat;
	min-height:738px;
	box-sizing:border-box;
}*/

#donate_board1 .common_content_container .content {
	padding:0px 10px;
}


.remark{
	font-size:10px;
}

.account_container{
	position:relative;
	width:1049px;
    height:auto;
    padding-top:200px;
	margin:0px auto;
}

.account_board_top{background:url(../images/account/account_top.png) center top no-repeat;
					width:1049px;
					height:57px;
					}
								
.school_plan_text2 ul{list-style-image:none !important;
					}
					
#schoo1_content_container{
						  margin: 0 30px;
  						  height:auto;
						  }
						  

.common_content_container{
						 margin: 0px 18px;
  						  height:auto;
  						}

.account_left_bar_wrapper{ background:url(../images/account/account_left_bar_bg.png) center center no-repeat;
						   width:275px;
						     padding: 35px;
							 box-sizing: border-box;
						   height:621px;
					}

.account_content_container{
						 background:url(../images/account/account_middle.png) center center;
  						 height:auto;
						 padding:0px 30px 20px 30px;
  						}

.account_right_bar_top{ 
	background:url(../images/account/account_right_top.png) center center;
	width:694px;
	height:395px;
	padding: 35px;
	box-sizing: border-box;
}

.account_right_bar_top .common_right{
	width:400px;
}


#account_donate_tag{
	background:url(../images/invite/invite_tag_bg.png) center center;
	width:228px;
	height:102px;
	display: inline-block;
	box-sizing:border-box;
	padding:45px;
}

#account_donate_tag a{text-decoration:none;
						}
					
.donation-intro{ 
	background:url(../images/account_donate/account_right_top.png) center center;
	width:693px;
	height:295px;
	padding: 30px;
	margin-top:30px;
	margin-bottom:20px;
	box-sizing: border-box;
}

.donation-intro .common_right{
	width:425px;
}

.donation-intro .donation-usage{
	/*background:url('../images/invite/donation_usage.png') no-repeat;
	display:inline-block;
	width:187px;
	height:60px;
	text-indent:-9999px;*/
	background: url(../images/invite/donation_usage.png?9) no-repeat;
    display: inline-block;
    width: 197px;
    background-size: contain;
    height: 90px;
    text-indent: -9999px;
    background-position: center;
}


.invite_donate_head_tag{ 
	background:url(../images/account_donate/account_right_top.png) center center;
	width:693px;
	height:295px;
	padding: 30px;
	box-sizing: border-box;
	margin:0 auto 30px auto;
}




#fb_invite{background:url(../images/invite/invite_tag_icon1.png) center center;
			 width:38px;
			 height:38px;
			 display:inline-block;
				}

#email_invite{background:url(../images/invite/invite_tag_icon2.png) center center;
			 width:38px;
			 height:38px;
			 display:inline-block;
			 margin:0px 8px;
				}
				
				

#mouse_invite{background:url(../images/invite/invite_tag_icon3.png) center center;
			 width:38px;
			 height:38px;
			 display:inline-block;
				}

.account_right_rows{
					height:25px;
					width:375px;
					color:white;
					margin-bottom:12px;
					}

.account_mission_block{
	color:#fff;
}

.account_mission_block .welcome_text{
	font-size:18px;
	font-weight:bold;
	color:#fff;
}

.account_mission_block .info{
	margin-top:10px;
}

.account_mission_block .field{
	margin-bottom:10px;
	font-weight: bold;
}

.account_mission_block .value_block{
	background:#FFF;
	display:inline-block;
	color:black;
	border-radius: 10px;
	text-align:center;
	margin-left:35px;
	height:25px;
	padding:0px 10px;
	vertical-align:middle;
	line-height: 25px;
}

.account_mission_block .amount-block{
	margin-top:30px;
}

.account_mission_block .amount-block .field div{
	display:inline-block;
	margin-left:10px;
}

.account_mission_block .amount-block .progress-wrapper{
	border:0px;
}

.account_mission_block .amount-block .progress .label .min, 
.account_mission_block .amount-block .progress .label .mid,
.account_mission_block .amount-block .progress .label .max{
	color:#fff;
}


.account_had_money{text-align:center;
					margin-left:35px;
					display:inline-block;
					 line-height: 25px;
					}

.account_icon_bg{background:url(../images/account/account_icon_bg.png) center center no-repeat;
				width:190px;
				height:237px;
				}

.slider_text{
			vertical-align: middle;
			width:125px;
			display:inline-block;
			font-family:Arial, Microsoft JhengHei !important;
			font-size:19px;
			text-decoration:none;
			color:black;
				}

.submit_resource_form_wrapper{
	display:inline-block;
	box-sizing: border-box;
	width: 695px;
	height:auto;
}

.submit_resource_form_wrapper .finish{
	margin-top:20px;
}

.submit_resource_title{font-weight:bold;
						width:665px;
					   font-size:36px;
					   font-family:Arial, Microsoft JhengHei !important;
					   color:#464646;
					   text-align:center !important;
						}

.submit_result_field{
	margin:12px 0px;
	width:550px;
}

.submit_result_field input{width:230px;
						  height: 30px;}


.submit_resource_subtitle{font-size:18px;
						  font-weight:normal;
						  margin-top:25px;
							}

.submit_resource_bot_left{
	width:405px;
	display:inline-block;
}

.submit_resource_bot_middle{border:1px solid red;
						  width:150px;
						  display:inline-block;
							}


.submit_resource_bot_right{
	width:195px;
	display:inline-block;
}

.submit_resource_bot_right_download{
	width:73px;
	display:inline-block;
}

.submit_resource_bot_no_need{border:1px solid red;
							display:inline-block;
							}

.submit_resource_bot_rows{
	height:30px;
	margin:20px 0px;
	text-align:left;
}

.submit_resource_bot_rows_center input{
	width:50%;
	height:30px;
}
	
.submit_resource_bot_rows_center{
	margin:20px 0px;
	height:30px;
	text-align:center;
}

.submit_resource_bot_inner_row{display:inline-block;
							   width:40%;
							   text-align:center;
								}

.personal_info_upload{background:url(../images/account/personal_info_upload_btn.png) center center no-repeat;
					  width:126px;
					  height:51px;
					  border:none;
					  
						}

.reading_record_table tr th,td{
						text-align:left;
						padding:5px;
					}


.small_title{font-weight:bold;
			font-size:24px;
				}

.change_pw_wrapper{
	margin-top:40px;
}

.submit_resource_selector{width:100%;
						 }


.submit_resource_selector_samll{width:60%;
						 }
						 
.submit_resource_bot_title{font-weight:bold;
						   font-size:24px;
						   height:40px;
							
							}

.submit_resource_tag{display:inline-block;
					vertical-align: middle;
					}

.submit_resources_field{
	width:530px;
	margin:12px 0px;
}

.submit_resources_field_text{
	width: 125px;
	text-align:left;
	display:inline-block;
}


.invite_donate_field_text{	width: 136px;
							 text-align:left;
							 height:30px;
							 display:inline-block;
							}

.submit_resources_address_field_text{
	width: 125px;
	text-align:left;
	vertical-align:top;
	display:inline-block;
}

.submit_result_field_text{	
	width:110px;
	text-align:left;
	height:30px;
	line-height:30px;
	display:inline-block;
}

.submit_result_field_text_long{
	width:210px;
	text-align:left;
	height:30px;
	line-height:30px;
	display:inline-block;
}

.submit_result_field_text{
	width:98px;
	text-align:left;
	height:30px;
	float:left;
	line-height:30px;
	display:inline-block;
}


.submit_resource_sep{height:100%;
					 width:5px;
					 margin: 0px 5px;
					 background:url(../images/submit_resources/seperate_line.png) center center repeat-y;
					}

.submit_resources_hr{background:url(../images/submit_resources/submit_resource_hr.png) center center no-repeat;
					 width:100%;
					 height:5px;
					 margin:20px 0px;
					}

.submit_resources_field input{width:403px;
							    float: right;
							  height:30px;
}


.invite_donate_field input{
	box-sizing:border-box;
	padding:5px;
	width:250px;
	height:30px;
}


.invite_donate_field.full_input input{
	width:430px;
	height:30px;
}


.invite_donate_field_radio input{
	width: 50px !important;
	height: 15px !important;
}


.invite_donate_field_radio{
	display:inline-block;
	width: 508px;
	line-height:30px;
}

.submit_resources_address_field{
	margin:12px 0px;
	width:530px;
}

.invite_donate_field{
					height:auto;
					margin-top: 25px;
					}

.slider_text.active{color:#c89315;
					}

.no_need_radio_wrapper input{height:15px !important;
							float:none !important;
									}


.radio_small{width:15px !important;
			
			}

.half_and_half_width_input input{  width: 45% !important;
						   display:inline-block;
						   
						  
							}


#datepicker2{width:100%;
			}

.address_room_text{
	float:left;
	width:35px;
}

.account_slider_rows{
					 /*height:58px;*/
					 width:100%;
					 margin:20px 0px;
					}

.account_slider_rows img {
	display:inline-block;
	vertical-align: middle;
}

.account_right_bar_bot{ background:url(../images/account/account_right_bot.png) center center;
  						 width:689px;
						 height:427px;
						 padding:35px;
						 margin-top:15px;
						 box-sizing:border-box;
					}					

.account_right_bar_bottom{ background:url(../images/account/account_right_bottom.png) center center;
  						 width:689px;
						 height:427px;
						 padding:35px;
						 margin-top:15px;
						 box-sizing:border-box;
					}					
.account_right_bar_application{ background-image:url(../images/account/account_right_application.png);
  						 width:689px;
						 height:427px;
						 padding:35px;
						 margin-top:15px;
						 background-repeat: no-repeat;
						 background-position:center;
						 box-sizing:border-box;
					}		
					
.account_right_bar_application					{
color:#FFF;

}
					
.account_right_bar_bottom .donation {margin-top:20px;color:#fff;height:275px; overflow:hidden;}
.account_right_bar_bottom .donation .heading div {display:table-cell;}
.account_right_bar_bottom .donation .donation-list {list-style: none;padding:0px; margin:0px;}
.account_right_bar_bottom .donation .donation-list div {display:table-cell;}
.account_right_bar_bottom .donation .donation-list li {padding:10px 0px;}
.account_right_bar_bottom .donation .date{width:150px;}
.account_right_bar_bottom .donation .numOfRead{width:150px;}
.account_right_bar_bottom .donation .numOfSponsor{width:150px;}
.account_right_bar_bottom .donation .totalAmt{width:150px;}

 
.account_right_bar_application .donation {margin-top:20px;color:#fff;height:275px; overflow-y:scroll;}
.account_right_bar_application .donation .heading div {display:table-cell;}
.account_right_bar_application .donation .donation-list {list-style: none;padding:0px; margin:0px;}
.account_right_bar_application .donation .donation-list div {display:table-cell;}
.account_right_bar_application .donation .donation-list li {padding:10px 0px;}
.account_right_bar_application .donation .appplicationNum{width:50px;}
.account_right_bar_application .donation .appplicationName{width:250px;}
.account_right_bar_application .donation .appplicationName a{color:#fff;text-decoration:none;}
.account_right_bar_application .donation .appplicationTime{width:150px;}
.account_right_bar_application .donation .appplicationStatus{width:100px;}
.account_right_bar_application .donation .appplicationDetailBtn{width:50px;cursor:pointer}
.account_right_bar_application .donation .appplicationDetailBtn:hover{opacity:0.8;}

.account_right_bar_application .donation .hideDetail{
	cursor:pointer;
}
.account_right_bar_application .donation .hideDetail:hover{
	opacity:0.8;
}


.account_right_bar_application .donation .appplicationDetail{width: calc(100% - 200px);}


.account_right_bar_application .donation .appplicationDetailInfo{
	display:none;
}








.account_donate_right_bar_bot{ 
	border-radius: 7px;
	background: #204d76;
	width:693px;
	padding:30px;
	box-sizing:border-box;
	margin-bottom:30px;
}	


.account_donate_text{
	width:100%;
	color:white;
	display:inline-block;
	font-size:20px;
}


.rating_box{
	display:inline-block;
	width:133px;
	height:px;
	text-align:center;
	vertical-align: top;
}

.rating_box_wrapper{
	margin-top:17px;
}

.rating_box .desc{
	padding: 6px 5px;
	font-size:14px;
	text-align:center;
	width:133px;
	height:54px;
	box-sizing: border-box;
	margin:0px;
	background:#fff;
	border:1px solid #ccc;
	display: table-cell;
	vertical-align: middle;
}

.account_donate_right_text{width:100px;
						  display:inline-block;
							}


.account_donate_right_text_wrapper{color:white;
								   margin-top:35px;
								   font-weight:bold;
									}
									
.half_input_width{width:31% !important;
				  float:left !important;
				  
					}


.account_donate_right_title{color:white;
							font-size:24px;
							font-weight:bold;
							border-bottom: 3px solid white; 
							
							}

.donate_desc {margin:20px 0px 20px 40px;}	

.donate_list ul {
	list-style:none;
	margin:15px 0px;
	padding:0px;
}

.donate_list ul li {margin-bottom:20px;}
.donate_list ul li a {text-decoration: none;color:#000;}

.inline{display:inline-block;
		}

.submit_result_field_short input{width:100px;
								 height:30px;
						}

.amount_sets{display: inline-block;
			border: 3px solid #cbad41;
			background: #fff799;
			margin: 20px 0px 30px 0px;
			padding: 6px 30px;
			margin-right:30px;
			font-weight: bold;
			}


.how_to_submut_sets{display: inline-block;
					border: 3px solid #cbad41;
					background: #fff799;
					margin: 20px 0px 30px 0px;
					padding: 30px;
					margin-right:30px;
					border-radius:10px;
			}

.sub-title{font-size:25px;
		   font-weight:bold;
		   font-family:Arial, Microsoft JhengHei !important;
		   color:#464646;
			margin-top:60px;
			}

.remander_text{
	color:red;
	font-size:18px;
}

.margin_box{margin-top:20px;
			}
						
.donate_board{background:url(../images/donate/donate_bg.png) center center no-repeat;
			width:975px;
			margin: 0px -17px;
			height:796px;
				}

.account_download_btn{
						background:url(../images/account/account_download_btn.png) center center no-repeat;
						width:114px;
						height:30px;
						display:inline-block;
						  vertical-align: top;
						}
					
.account_board{background:url(../images/donate/donate_bg.png) center center no-repeat;
			width:975px;
			margin: 0px -17px;
			height:796px;
				}
				
.page_bot_tails{width:1049px;
				height: 72px;
				background:url(../images/account/account_bottom.png) center center no-repeat;
				}

.donate_page_bot_tails{height: 56px;
				background:url(../images/donate/donate_bot_bg.png) top center no-repeat;
				}

.bookmark{
	position:relative;
	top:-6px; 
	left:28px;
	width:86px;
	height:110px;
	background:url('../images/schoolAndGroup/school_tag.png') no-repeat;
}

.version_text{font-size:12px;
				}


.book_new{font-style:italic;
		  color:#ff3b30;
		  font-weight:bold;
			}

.desc{margin:25px 0px;
			}

.reminder{border:3px solid #cbad41;
		  background:#fff799;
		  margin:20px 0px 30px 0px;
		  padding:10px;	  
			}

.reading_reminder{border:3px solid #cbad41;
		  background:#fff799;
		  margin:30px 0px 10px 0px;
		  padding:5px 10px;	 
		  font-weight:bold;
		  font-size:24px;
		  width:300px; 
			}

.resource_sub{font-family:Arial, Microsoft JhengHei !important;
			 font-size:24px;
			 font-weight:bold;
				}

.normal_font{font-size:18px;
				}

#resource_intro_table{
	width:100%;
	font-size:14px;
}

#resource_intro_table .img {display:table-cell; border:3px solid #F5F1E6;width:114px;height:114px;vertical-align: middle;text-align: center;}
#resource_intro_table .img img {max-width:114px;max-height:114px;}

.resource_title{
				font-family:Arial, Microsoft JhengHei !important;
				font-size:36px;
				color:#464646;
				}

#resource_intro_table th{padding:0px;
						 text-align:left;
						 padding:10px;
						}

#resource_intro_table tr{
						 vertical-align: top;
							}


.hr_long{    background: url(../images/submit_resources/submit_resource_hr.png) center center repeat-x;
			  width: 100%;
			  height: 5px;
			 padding-bottom: 25px;
			}

.cd_table_width_small{width:30%;
						}
						
.cd_table_width_big{width:60%;
					}						

.resources_cd_table th,td{ width:px;
							
						}


#resource_intro_table tr td{
						
						 padding:10px;
							}

.account_bot_tails{height: 56px;
				background:url(../images/donate/donate_bot_bg.png) center center no-repeat;
				}
	
.contact_sub{font-size:26 px;
		 	  font-family:Arial, Microsoft JhengHei !important;
			  font-weight:bold;
				}

.pdf_icon{background:url(../images/donate/pdf_icon.png) center center no-repeat;
		  width:25px;
		  display:inline-block;
		  height:26px;
		  vertical-align: bottom;
			}

#join_tag {
			  width: 914px;
			  margin: 0 auto;
			  background:url(../images/join/join_bg.png) center center no-repeat;
			  height: 748px;
			  position: relative;
}


#reset_pw_tag {
			  width: 914px;
			  margin: 0 auto;
			  background:url(../images/join/reset_pw_tag.png) center center no-repeat;
			  height: 754px;
			  position: relative;
}

.pdf_title{
	display:inline-block;
	margin-left: 10px;
	width:140px;
}
			
.pdf_text{ 
	display:inline-block;
}

.newsrsc_btn{
	width:180px;
	height:90px;
	margin-right:10px;
	display:inline-block;
	margin-top: 30px;
	    background-size: 100% !important;
}

.news_btn{  background:url(../images/news/news_btn.png?12) center center no-repeat;}
.news_btn.active,
.news_btn:hover{ opacity:.9;}

.gallery_btn{  background:url(../images/news/gallery_btn.png?12) center center no-repeat;}
.gallery_btn.active,
.gallery_btn:hover{opacity:.9;}


.edursc_btn{  background:url(../images/news/edursc_btn.png?12) center center no-repeat;}
.edursc_btn.active,
.edursc_btn:hover{ opacity:.9;}

.workshop_btn{  background:url(../images/news/workshop_btn.png?12) center center no-repeat;}
.workshop_btn.active,
.workshop_btn:hover{opacity:.9;}


#news_table_head{ background:url(../images/news/news_ul_bar.png)center center;
				  text-align:left;
					}


#news_details_head{ background:url(../images/news/news_ul_bar.png)center center;
				  text-align:left;
					}
					
.news_list{ background:url(../images/news/news_white_bg.png) center center;
	
			}
												
.contact_content_container{
						  margin: 0px 35px;
						  height:auto;
						  text-align:left;
  						}
						
.news_content_container{  margin:0px auto;
						  height:auto;
						  width:1012px;
						  background:url(../images/news/news_middle_bg.png) center center repeat-y;
  						}

.thanks_content_container{  margin:0px auto;
						  height:auto;
						  width:1012px;
						  background:url(../images/thanks/thanks_middle_bg.png) center center repeat-y;
  						}
#join_form_individual_head{background:url(../images/join_form/join_form_header.png) center center no-repeat;
						   width:1049px;
						   height:138px;
						   position:absolute;
							}

#join_form_group_head{background:url(../images/join_form/join_form_header2.png) center center no-repeat;
						   width:1049px;
						   height:138px;
						   position:absolute;
							}


.join_form_individual_tail{background:url(../images/join_form/join_form_bot_bg.png) center center no-repeat;
						   width:1016px;
						   height:221px;
						   margin: 0 auto;
							}

.news_details_photo_wrapper{

	text-align:center;
}

.news_details_photo_slider{}

.news_details_photo{width:543px; margin:40px auto 10px auto; border:3px solid white;}
.news_details_photo ul{list-style: none; margin:0px; padding:0px;}
.news_details_photo ul li {float:left;width:543px;height:320px;}
.news_details_photo ul li img {display:block;}

.news_details_photo_pager {margin-bottom:10px;}
.news_details_photo_pager a{display:inline-block;text-indent:-9999px; width:21px;height:20px;background:url('../images/news/news_slider.png') no-repeat;}
.news_details_photo_pager a.selected{background:url('../images/news/news_slider_active.png') no-repeat;}

.red{
	display:inline;
	color:red;
	font-family:Arial, Microsoft JhengHei !important;
}

.album_content_container{ 
	margin:0px auto;
	width:1012px;
	background:url(../images/album/album_middle_bg.png) center center repeat-y;
}
						
.news_articles_wrapper{
	 padding:35px;
}

#news_table{border:none !important;
			border-collapse: collapse;			
			}

#news_details_table{border:none !important;
					border-collapse: collapse;
					width:100%;			
			}


			
#news_table tr td,th{
			padding: 7px 30px;
			
	}
	
#table_selector{
	width:185px;
 	margin: 45px 75px 0px 35px;
}

#search_selector{width:100px;
				  background-color: #e5e2e2;
				}

#search_selector option{text-align:right;
						}

.search_selector_wrapper{
	display:inline-block;
	font-size:16px;
	font-family:Arial, Microsoft JhengHei !important;
}

.search_selector_wrapper select{
	margin-left:10px;
	vertical-align: baseline;
}
					
.table_date{width:195px;
			color:#f45b53;
				}
.table_theme{width:540px;
			}

.join_form_page{
				width:1050px;
				height:auto;
				margin:0 auto;
				padding-top:171px;
				}

.join_form_tag{margin: 136px 19px 0px 0px;
				}

.join_form_wrapper{background:#f9f5e4;
					  margin: 0 21px 0px 17px;
					  padding: 185px 75px 0px 75px;
					  }

.join_form_field input{
	box-sizing:border-box;
	padding:5px;
	width:425px;
	height:30px;
					}

.join_form_input{display:inline-block;
					}
					
.erro_msg{color:red;
		  width:425px;
			}

.err{border:2px solid red;
			}


#captcha{width:100px;
		 height:30px;
		 margin-right: 30px;
			}


#catcha_change{vertical-align: middle;
				}
				
.join_form_submit_btn_wrapper{margin:50px auto 0px auto;
							  text-align:center;
							}

.join_form_submit{background:url(../images/join_form/join_form_submit.png) center center ;
				  width:130px;
				  height:57px;
				  border:none;
					}
					

.submit_change_field{display:inline-block;
					}

.join_form_submit_group{background:url(../images/join_form/join_form_submit2.png) center center ;
				  width:130px;
				  height:57px;
				  border:none;
					}


.join_form_submit_resources{background:url(../images/join_form/join_form_submit3.png) center center ;
				  width:130px;
				  height:57px;
				  border:none;
					}

.join_form_reset_group{background:url(../images/join_form/join_form_reset2.png) center center ;
				  width:130px;
				  height:57px;
				  border:none;
					}

.form_radio_wrapper input{display:inline-block;
						  border:1px solid red;
						  width:30px;
						  height:15px;					
							}
							
.form_radio_wrapper{display:inline-block;
					
					
					}
					

.top_bar a{
	text-decoration:none;
	font-size:14px;
	color:#5b3317;
}

.err-msg{color:red;
		 font-weight:bold;
			}

.join_form_reset{background:url(../images/join_form/join_form_reset.png) center center ;
				  width:130px;
				  height:57px;
				  border:none;
					}
					
.join_form_reset{
					}


.join_form_field{margin:10px;
					}

.submit_resources_form_field{
							}

.join_form_container{background:url(../images/join_form/join_form_bg.png) center center ;
					}

.join_form_group_container{background:url(../images/join_form/join_form_group_bg.png) center center ;
					}


.join_form_label{display:inline-block;
				 vertical-align: top;
				 width:160px;}

.table_more_btn{background:url(../images/news/news_more_btn.png) center center no-repeat;
				width:74px;
				height:42px;
				display:inline-block;
				text-indent:-9999px;
				}

.table_back_btn{
				
				width:74px;
				height:42px;
				display:inline-block;
				/* text-indent:-9999px; */
				padding: 20px 0px;
				}

.news_date{color:#f45b53;
				}
								
.news_content_bot{width:1012px;
				  height:94px;
				  margin:0px auto;
				  background:url(../images/news/news_bot_bar.png) center center no-repeat;
					}

.thanks_content_bot{width:1012px;
				  height:62px;
				  margin:0px auto;
				  background:url(../images/thanks/thnaks_tails_bg.png) center center no-repeat;
					}
.album_articles_wrapper{
	margin:0px 60px;
}

.album_articles_wrapper ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

.album_articles_wrapper ul li {
	margin-top:10px;
	margin-right:50px;
	float:left;
}

.album_articles_wrapper ul li.last{
	margin-right:0px;
}

.album_content_bot{width:1012px;
				  height:63px;
				  margin:0px auto;
				  background:url(../images/album/album_bot_bar.png) center center no-repeat;
					}

.contact_lines{margin-top:10px;
				}


.album_articles_img{
	border:4px solid white;
	width:174px;
	height:116px;
	border-radius: 4px;
	box-shadow: 2px 2px 3px #333;
	vertical-align: middle;
	text-align: center;
	background:#F3EFE4;
}

.album_photo_img{
	width: 668px;
	height: 446px;
	vertical-align: middle;
	text-align: center;
	background:#F3EFE4;
	overflow:hidden;
}

.album_photo_img img{
	height:100%;
}

.album_thumb_photo_img{
	vertical-align: middle;
	text-align: center;
	background:#F3EFE4;
	border:3px solid white;
	border-radius: 5px;
	box-shadow: 2px 2px 7px #888888;
	width:100px;
	height:68px;
	overflow:hidden;
}

.album_thumb_photo_img img{
	height:100%;
}

.album_article{height:190px;
			   text-align:center;
			   width:181px;
			   display:inline-block;
				}

.album_title{
	color:white;
	font-size:15px;
	font-weight:bold;
	margin-top:10px;
}


.page_num{background:url(../images/hot/hot_dot.png) center bottom 5px no-repeat;
		  width:31px;
		  height:32px;
			}

.search_page_num{background:url(../images/search/search_slider_dot.png) center center no-repeat;
				 width:28px;
				 height:28px;
					}

.search_page_num a{color:black	!important;
					
					} 
					
.search_page_num.active{background:url(../images/search/search_slider_dot_active.png) center center no-repeat;
				 width:28px;
				 height:28px;
					}
					
.page_num.active{background:url(../images/hot/hot_dot_active.png) center bottom 5px no-repeat;
				  width:31px;
				  height:32px;
			}
				
.album_desc{
	color:#fe9f9f;
	font-size:14px;
	font-weight:bold;			
}

.contact_map{float:right;
				}

#map-canvas{width:440px;
			height:450px;
			border:10px solid white;
				}

.previous_btn{
	display:inline-block;
  	background:url(../images/hot/hot_previous.png) center center no-repeat;
  	width:108px;
  	height:31px;
  	text-indent:-9999px;
}

.search_previous_btn{
	display:inline-block;
	background:url(../images/search/search_previous.png) center center no-repeat;
	width:111px;
	height:31px;
	text-indent:-9999px;
}
.search_next_btn{
	display:inline-block;
	background:url(../images/search/search_next.png) center center no-repeat;
	width:111px;
	height:31px;
	text-indent:-9999px;
}
		
.next_btn{
	display:inline-block;
	background:url(../images/hot/hot_next.png) center center no-repeat;
	width:108px;
	height:31px;
	text-indent:-9999px;
}

.contact_icon{display:inline-block;
			  vertical-align: middle;
			}

.edu_tags{position:absolute;
		  z-index:10;
			}	


.edu_wrapper{
			position:relative;
				}	
						
.contact_icon{
				}

.contact_title{color:#e24747;
			   font-size:23px;
			   font-weight:bold;
				}
						
.school_title{font-size:30px;
			  font-family:Arial, Microsoft JhengHei !important;
			  margin-bottom:15px;
	          }

.school_pic{display:inline-block; vertical-align: top;}

.school_content ul {list-style-image:url(../images/schoolAndGroup/school_arrow.png);
					}
					
.school_content ul li{					
					   margin-top:15px;
					   font-size:18px;
					   font-family:Arial, Microsoft JhengHei !important;
					  }

.school_plan{background:url(../images/schoolAndGroup/school_pic7.png) center center no-repeat;
			width:409px;
			height:120px;
			font-size:30px;
			font-family:Arial, Microsoft JhengHei !important;
			color:#f7941d;
			text-align: center;
  			line-height: 75px;
			}
			
.school_plan_big{background:url(../images/parents/parent_pic1_big.png) center center no-repeat;
			width:400px;
			height:139px;
			font-size:30px;
			font-family:Arial, Microsoft JhengHei !important;
			color:#f7941d;
			padding-top: 21px;
			text-align: center;
  			line-height: 35px;
			}

.school_plan_end{background:url(../images/schoolAndGroup/school_pic8.png) center center no-repeat;
				font-size:30px;
				font-family:Arial, Microsoft JhengHei !important;
				color:#f7941d;
				height:177px;
				text-align:center;
				}
				
.school_plan_end_big{background:url(../images/parents/parents_pic2_big.png) center center no-repeat;
				font-size:30px;
				font-family:Arial, Microsoft JhengHei !important;
				color:#f7941d;
				height:177px;
				text-align:center;
				}
			
.school_plan_wrapper{display:inline-block;
				  	 margin-left:50px;
					 width:409px;
					 vertical-align: top;
				}
				
.school_plan_wrapper_big{display:inline-block;
				  	 margin:5px 5px 15px 5px;
					 width:100%;
					 vertical-align: top;
				}

.school_plan_text{font-family:Arial, Microsoft JhengHei !important;
				  font-size:18px;
				  width:320px;
				  padding-left:50px;
				  display:inline-block;
					}


.parents_pic_text{padding:65px  25px 65px 45px;
					font-family:Arial, Microsoft JhengHei !important;
					font-size:24px;}

.parents_pic_big{background:url(../images/parents/parents_pic_bg.png) center center no-repeat;
				width:539px;
				height:303px;
					}

										
.school_plan_text_big{font-family:Arial, Microsoft JhengHei !important;
					  font-size:18px;
					  width:100%;
					  padding:10px;
					  display:inline-block;
					}
					  
.school_hr	{background:url(../images/schoolAndGroup/school_hr.png) center center no-repeat;
			width:941px;
			height:40px;
			margin-bottom:10px;
			margin-top:10px;
			display:inline-block;
			}
  
.news_and_gallery_wrapper{
	
	    margin: 30px auto;
    padding-left: 200px;
	
	 						}
 
 
 
#school_page{background:url(../images/schoolAndGroup/school_bg.png) center center repeat-y ;
			 height:auto;	
			 padding-top:50px;
			 position:relative;
			}
			
#school_page_short{background:url(../images/schoolAndGroup/school_bg.png) center center repeat-y ;
			 height:auto;	
			 padding-top:50px;
			 position:relative;
			}

.account_page_short{
	position:relative;
	background:url(../images/account/account_bg_tail.png) center center ;	
	padding-bottom:30px;
}

.account_page_top_bg{background:url(../images/account/account_bg.png) center top no-repeat ;
					height:657px;
					width: 100%;
					 position:absolute;
					}


.common_page{background:url(../images/schoolAndGroup/school_bg.png) center center repeat-y ;
			 padding-top:50px;
			}

.search_page{background:url(../images/search/search_bg.png) center center;
			 padding-top:50px;
			}
			
.story_common_page{background:url(../images/story/story_bg.png) center center;
			 padding-top:50px;
			}

.school_board_tail_bg{  background:url(../images/schoolAndGroup/school_board_tail.png) center center no-repeat ;
						  width: 1049px;
						  height: 100px;
						  margin: 0 auto;
						}

.news_common_page{background:url(../images/news/news_bg.png) center center;
			 padding-top:50px;
			 height:auto;
			}

#page3_more{  background:url(../images/page3/page3_more.png) center center no-repeat ;
			  width:175px;
			  height:73px;	
			  display:inline-block;
			  margin:0 120px;
			}
			
#page3_photo1{background:url(../images/page3/page3_photo1.png) center center no-repeat;
			  width:406px;
			  height:250px;	
			  display:inline-block;
			  margin-left:15px;
			  }	  
			  
#page3_board2{
	          background:url(../images/page3/page3_banner2.png) center center no-repeat;
			  width:375px;
			  height:143px;	 
			  margin: 0 auto;
		     }
	  
#page3_board1{background:url(../images/page3/page3_banner.png) center center no-repeat;
			  width:389px;
			  height:158px;
			  display:inline-block;

			  }

.page4_textfield{			
	padding:5px 0px;
	text-align:left;
	font-size:14px;
}

.page4_texttitle{color:#0e6bad;
				 font-size:18px;
				}

#page_4{background:url(../images/page4/page4_bg.png) center center no-repeat;
	    margin:0px auto;
		height:1100px;
		position:relative;
		background-size: cover;
	    }
		
#page_6{background:url(../images/page5/page5_bg.png) center center no-repeat;
	    margin:0px auto;
		height:835px;
		}
		
#footer{position:relative;margin-top:-23px;}

#footer .footer-bar {
	background:url('../images/common/footer_bar_bg.png') bottom center repeat-x;
	height:42px;
}

#footer .footer-bar .container {position:relative; width:1049px;margin:0px auto;}

#footer .footer-bar .footer-chalke{
	position:absolute;
	top:0px;
	right:188px;
	width:68px;
	height:28px;
	background:url('../images/common/chalke.png') no-repeat;	
}

#footer .footer-wrapper {background:#362f2d;}
		
#footer-container{
		
 		margin:0 auto;
		font-family:Arial, Microsoft JhengHei !important;
		font-size:12.73px;
		color:#c7b299;
		width:1049px;
	
		}

#footer-container .left {
	float:left;
	width:881px;
	height:auto;
	padding:0px;
}		

#footer-container .right{
	float:left;
	width:158px;
	height:auto;
	padding:0px;
}

#footer-container .hr {
	border-top:2px solid #473d39;
	margin:15px 0px;
}

#footer-container #sitemap {
	width:881px;
}

#footer-container .payment_method{
	width:158px;
	height:32px;
	margin-top:20px;
	background:url('../images/common/payment_method.jpg') top center no-repeat;
}

#footer-container #logo-wrapper{
	width:158px;
	height:279;
	margin-top: 10px;
}
		
#sitemap_text{display:inline-block;
		   	   width:215px;
			   margin-top:10px;
			   vertical-align:top;
			   }		

#school_photo{background:url(../images/schoolAndGroup/school_photo.png) center center no-repeat;
			  width:553px;
			  height:339px;
			  position:absolute;
			  display:none;
			  
			  
				}	 
				
#school_scroller{
			  width:70px;
			  position:fixed;
			  right:5%;
			  max-width:80px;
			  bottom: 1%;
			  z-index:100;
			}	
			

#enroll_now{
    width: 10%;
	max-width:132px;
    position: fixed;
    right: 1%;
    bottom: 25%;
    z-index: 100;
}			
					   
#sitemap_text a{text-decoration:none !important;
				color:#c7b299;
				line-height: 18px;
				}

@font-face{
	
			}
		
#footer_logo{
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		background-image: url('/images/menu/heiferhk_logo.png');
		
	
	
			height:78px;
			width:158px;
			float:right;
			display:inline-block;
			}

#page6_frame{width:100%;
			 height:700px;
			 margin:0 auto;
			 box-sizing:border-box;
			
			}
			
#page6_tag{ 
			width:588px;
			margin:0 auto;
			height:529px;
			position:relative;
			}

#account_link_wrapper{
	display:inline-block;
	vertical-align: middle;
	margin-right:10px;
	font-weight:bold;
}

#account_link_wrapper a{
	display:inline-block;
	line-height: 100%;
	color:#5B3317;
	text-decoration: none;
}

#account_link_wrapper ul{
	margin:0px;
	padding:0px;
}

#account_link_wrapper ul li {
	float:left;
	padding:0px 10px;
	border-right:1px solid #5B3317;
	line-height: 12px;
}

#account_link_wrapper ul li.last {
	border:0px;
	padding-right:0px;
}
	
#page6_text{
			
			margin:0 70px;
			position:absolute;
			top:235px;
			padding:60px 20px 0px 20px;
			text-align:center;
			
			}
	
#page6_join{background:url(../images/page5/page5_join.png) center center no-repeat;
			width:275px;
			height:93px;
		    top: 275px;
		    left: 165px;
		    position: absolute;
			}	
			
#edu_join{text-align: center;

			}		


.edu_text{text-align:center;
		  margin: 20px;
		  }
			
#page6_bot_bar{
			  
			   height:200px;
			   text-align:center;
			   margin:10px 0px;
			   }
			   
#edu_bot_bar{
			   text-align:center;
			   margin:10px 0px;
			   }
			   
.page6_btn{ display:inline-block;
			margin:50px 30px 0px 30px;
			}

#movie_frame{width:1024px;
			 text-align:center;
			 box-sizing:border-box;
			 margin: 0 auto;
			 }
			 
#movie_title{background:url(../images/page6/page6_board1.png) center center no-repeat;
			width:786px;
			height:115px;
			display:inline-block;
			
			}

.orange{color:orange;
		text-decoration:none;
		}
		
#page_5{background:url(../images/page6/page6_bg.png) center center no-repeat;
	    margin:0px auto;
		display:table;
		width:100%;
			  box-sizing:border-box;
		}
		
#page4_board1{background:url(../images/page4/page4_board1.png) center center no-repeat;
	    	  margin:0 auto;
			  width:1032px;
			  height:825px;
			  box-sizing:border-box;
			  padding-top: 100px;
			  position:relative;
			  }
			  
#hot_board1{background:url(../images/hot/hot_bg.png) center center no-repeat;
	    	  margin:0 auto;
			  width:1021px;
			  height:805px;
			  box-sizing:border-box;
			  padding-top: 120px;
			  position:relative;
			  }

.hot-main .hot_title {width:510px;}
.hot-main .hot_date {width:100px;}


.hot_pic{
		 width:240px;
		 height:160px;
		 display:table-cell;
		 border:3px solid white;
		 background:#F3EFE4;
		text-align: center;
		vertical-align: middle;
			}

.hot_pic img { 
	max-width:240px;
	max-height: 160px;
}

.hot_details_pic{
				 background:url('../images/event/img_bg.png') no-repeat;
				 width:684px;
				 height:437px;
				 margin:25px 0px;
				 padding:23px 0px 0px 23px;
				 box-sizing:border-box;
				}
.hot_details_pic ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.hot_details_pic ul li{
	float:left;
	width:635px;
	height:375px;
}
			
.hot_text_wrapper{display:inline-block;
				  padding:25px 0px 25px 30px;
				  box-sizing:border-box;
				  width:660px;
			}


.hot_details_left_wrapper{
	width:684px;
}

.hot_details_right_wrapper{
	position:relative;
	width:218px;
	height:437px;
	background:url('../images/event/thumb_bg.png') no-repeat;
	padding:15px 17px;
	margin-top: 25px;
	box-sizing:border-box;
}

.hot_left_text{padding-top:10px;
			   width:525px;
			   font-size:15px;
				}


.right_slider_pics{border:1px solid red;
				width:140px;
				height:90px;
				margin:0px auto 28px auto;
					}

.hot_thumb_prev{
	position: absolute;
	background:url(../images/hot/hot_slider_up.png) center center no-repeat;
	width:87px;
	height:50px;
	top: -15px;
	left: 65px;
	border:none;
	z-index: 100;
	text-indent: -9999px;
}
				
.hot_thumb_next{
	position: absolute;
	background:url(../images/hot/hot_slider_down.png) center center no-repeat;
	width:87px;
	height:50px;
	top: 385px;
	left: 65px;
	border:none;
	z-index: 100;
	text-indent: -9999px;
}

.hot_thumb_wrapper{background:#ebebeb;
				 	box-sizing: border-box;
					height:380px;
					width:180px;
					position:relative;
					padding:30px 20px;
					margin-top:5px;
					}
.hot_thumb_wrapper ul {list-style:none;margin:0px;padding:0px;}
.hot_thumb_wrapper ul li {
	width:140px;height:90px;margin-bottom:23px;
	background:#fff;
	box-shadow:2px 2px 2px #ccc;
}

.hot_thumb_wrapper ul li div{
	width:140px;height:90px;
	display:table-cell;
	text-align:center;
    vertical-align: middle;
}

.hot_thumb_wrapper img {
	max-width:140px;
	max-height:90px;
}

.hot_hr{background:url(../images/hot/hot_hr.png) right center no-repeat;
		height:7px;
		margin:5px 0px;
			}
.story_hr{background:url(../images/hot/hot_hr.png) center center no-repeat;
			height:7px;
			padding:5px 0px;
			}
		
.hot_more_btn{background:url(../images/hot/hot_more_btn.png) right center no-repeat;
			  height:49px;
			  width:82px;
			  margin-top:30px;
				}

.hot_date{color:white;
		  font-weight:normal;
		  width:205px;
		  }
			
.hot_info_wrapper{
				  padding: 0px 52px;
				  margin-right:10px;
					}

.slider_wrapper{
				height:35px;
				text-align:center;
				margin:20px auto 0px auto;
				
					}

.page4_photos_wrapper{margin:15px 55px;
						}

.page4_photos_wrapper .event-img {
	width:427;
	height:161px;
	border:5px solid #fff;
	border-radius:5px;
	background-position:center center!important;
	background-repeat: no-repeat!important;
	background-color: #F3EFE4!important;
}

.slider_wrapper ul{list-style:none;
					}
					
.slider_wrapper ul li{display:inline-block;
					}
					
.slider_wrapper a  {text-decoration:none;
					color:white;
					}

.slider_wrapper .active a  {
					color:black;
					}

.album_details_title{display:inline-block;
					color:white;
					font-size:23px;
					font-weight:bold;}

.album_details_date{display:inline-block;
					color:#fe9f9f;
					font-size:18px;}

.album_details_wrapper{
}

.album_details_wrapper .hr {
	width:674px;
	height:3px;
	background:url('../images/album/hr.png') no-repeat center center;
	margin:0px auto;
	padding:10px 0px;
}

.album_details_thumb{
	height:112px;
	width:680px;
	margin:0 auto;
	padding:10px 0px;
	background:url('../images/album/album_details_slider_bg.png') center center;
	box-sizing: border-box;
}

.album_details_thumb .caroufredsel_wrapper {
	margin:0px auto!important;
}

.album_details_thumb ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.album_details_thumb ul li {
	float:left;
	margin:10px;
}

.album_details_slider_previous{background:url('../images/album/previous_page.png') center center;
								width:104px;
								height:34px;
								position: absolute;
								left: 80px;
  								top: 35px;
								}

.album_details_slider_next{background:url('../images/album/next_page.png') center center;
								width:104px;
								height:34px;
								position: absolute;
								left:825px;
  								top: 35px;
							}

.album_details_slider_wrapper{
							  position:relative;
							}
							
.album_details_frame{
	padding:0px 170px;
	margin-bottom:10px;
}

.album_details_slider_photo{
							}

.album_details_slider_ul li{display:inline-block;
							margin-left:24px;
							float:left;
							}

.album_details_desc{
	margin-bottom:25px;
	color:#fff;
}

.album_details_desc a {
	color:#fff;
}

.album_details_photo{
	border:4px solid white;
	border-radius: 4px;
	box-shadow: 2px 2px 4px #333;
	width:668px;
	height:446px;
}

.album_details_photo ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.album_details_photo ul li {
	float:left;
	width:668px;
	height:446px;
}
					
.hot_title{font-size:21px;
		   color:#003471;
		   font-weight:bold;
		   }
			  
.page4_more{background:url(../images/page4/page4_more.png) center center no-repeat;
			display:inline-block;
			width:142px;
			height:56px;
			float:right;
			}
			  
.page4_photos{
	width:425px;
	height:auto;
	display:inline-block;
 	margin:5px;
	margin-right:45px;
	vertical-align: top;
}			

.page4_photos.last{
	margin-right:5px;
}
	  
#book{background:url(../images/page3/page3_board.png) center center no-repeat;
	  height:694px;
	  width:1055px;
	  margin:0 auto;
	  
	  }
	 
.pages_container{
	  width:1920px;
	  height:1000px; 
	  box-sizing:border-box;
	
	}

#page_1{ background:url(../images/page/page1.png) center center no-repeat;
		 height:1000px; 
		 padding-top: 720px;
		 box-sizing:border-box;
        }
		
#page_2{ background:url(../images/page2/page2_bg.png) center center no-repeat;
			background-size: cover;
			height: 1100px;
			box-sizing:border-box;
			padding-top: 110px;
        }
		
#page_3{ background:url(../images/page3/page3_bg.png) center center no-repeat;
		 height:1000px; 
		
		 box-sizing:border-box;
        }
		
#page2_board1{
			/*background-image:url('../images/bg_squareboard.png');*/
			
				background:url(../images/page2_board.png) center center no-repeat;
			  width:1050px;
			  height:auto; 
			  box-sizing:border-box;
			  display:table;
			  margin-left:auto;
			  margin-right:auto;
			  margin-bottom:80px;
			  padding: 10px 15px 30px 15px;
			  position:relative;
			  
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
	         }

#page2_tag1{background:url(../images/page2/page2_photo_tag1.png) center center no-repeat;
            width:255px;
			height:167px;
			display:inline-block;
			position:absolute;
			top: -85px;
			left: 86px;
}	
			
#page2_tag2{background:url(../images/page2/page2_photo_tag2.png) center center no-repeat;
            width:255px;
			height:167px;
			display:inline-block;
			position:absolute;
			top: -85px;
			left: 10px;

			}	
			
#page2_tag3{background:url(../images/page2/page2_photo_tag3.png) center center no-repeat;
            width:255px;
			height:167px;
			display:inline-block;
			position:absolute;
			top:-85px;
}
			
#page2_photo1{box-sizing:border-box;			
			  display: block;
			  width: 339px;
  			  height: auto;
			  float:left;
			  position:relative;
			  z-index:1;
	 		  }		

#page2_photo2{width:316px;
			  height:auto;
			  margin-left: 10px;
			  float:left;
			  position:relative;
			  box-sizing:border-box;			
			  z-index:1;
	 		  }		
			  
			  
#page2_photo3{width:318px;
              height:auto;
			  float:left;
			  position:relative;
			  margin-left: 25px;
			  box-sizing:border-box;			
			  z-index:1;
	 		  }
	
	
.page2_textfield{width:313px;
  				 height:70px;
				 
				 position:relative;
				 font-size:12px;
				   margin-top: 205px;
				}
#page2_board2{background:url(../images/page2/page2_board2.png) center center no-repeat;
			  width:794px;
			  height:393px;
			  display: inline-block;
			  margin-left:20px;
			 }	
			 
#page2_tag4  {background:url(../images/page2/page2_tag1.png) center bottom 25px no-repeat;
			  width:210px;
			  height:408px;
			  display:inline-block;
			 }	
			 
#share_tag{	 
			  width:200px;
			  height:56px;
			  background-size: 100%;
			  background-position: center;
			  
			  
			  margin-top: 310px;
				margin-left: 80px;
		
		   }

#page_7{ background:url(../images/page3/page3_bg.png) center center no-repeat;
	 height:auto; 
	 box-sizing:border-box;
}
#page_7_frame {
    width: 1024px;
    
    margin-left:auto;
    margin-right:auto;
    padding: 150px 0px;
}	

.logo{ 
	float:left;
	width:240px;
	height:110px;
    /*background:url(../images/menu/logo.png) no-repeat center center;
	background:url(../images/menu/heiferhk_logo.png) no-repeat center center;*/
	
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url('/images/menu/heiferhk_logo.png');
	
	
}
	   
.nav2{
   display:inline-block;
   
   padding:0px;
   width:100%;
   height:35px;
   margin:16px 0px 0px 3px;
}

.nav2 li{
   display:inline-block;
}



#page5_video{
	position:relative;
	width:800px;
	margin: 40px auto 40px auto;
	padding:10px;
	background:url('../images/common/photo_bg.png');
}

#page5_video .cover {position:absolute;left:10px;top:10px;z-index:100;}
#page5_video iframe {position:relative;}

.photo_slide_bar{ box-sizing: border-box;
				  position:absolute;
				  height:125px;
				  background:url('../images/common/photo_intro_bg.png');
				  padding:20px;
				  color:white;
				  text-align:left;
				  left:0px;
				  right:0px;
				  bottom:0px;
				}
				
.photo_slide_bar_title{font-size:36px;
					   font-weight:bold;
					   font-family:Arial, Microsoft JhengHei !important;
						}
						
.play_btn{background:url(../images/page6/play_btn.png) no-repeat center center;
			position:absolute;
			z-index:1000;
			top: 0px;
			bottom: 0px;
			border:none;
  			left: 0px;
  			right: 0px;
  			text-indent: -9999px;
			}
						
.photo_slide_bar_sub{margin-top:5px;
					}
	
#page1_text{font-family:Arial, Microsoft JhengHei !important; 
			font-size:18px; 
			color:#362f2d;
			margin:0 auto;
			background:url(../images/page/page1_text.png) no-repeat center center;
			width:687px;
			height:248px;
			}
 
/*----- Menu Outline -----*/

#menu_text1{
	background:url(../images/menu/menu_text_2.png) center center no-repeat; 
	width:150px; 
	height:35px;
}
			
#menu_text1:hover,
#menu_text1.active{
	background:url(../images/menu/menu_text_2_hover.png) center center no-repeat; 
}			
			

#menu_text2{
	background:url(../images/menu/menu_text_3.png) center center no-repeat; 
	width:150px; 
	height:35px;
}
			
#menu_text2:hover,
#menu_text2.active{
	background:url(../images/menu/menu_text_3_hover.png) center center no-repeat; 
}

			
#menu_text3{
	background:url(../images/menu/menu_text_4.png) center center no-repeat; 
	width:150px; 
	height:35px;
}
			
#menu_text3:hover,
#menu_text3.active{
	background:url(../images/menu/menu_text_4_hover.png) center center no-repeat; 
	width:150px; 
	height:35px;
}
				
#menu_text4{
	background:url(../images/menu/menu_text_5.png) center center no-repeat; 
	width:150px; 
	height:35px;}
			
#menu_text4:hover,
#menu_text4.active{
	background:url(../images/menu/menu_text_5_hover.png) center center no-repeat; 
}

#menu_text5{
	background:url(../images/menu/menu_text_6.png) center center no-repeat; 
	width:150px; 
	height:35px;}
			
#menu_text5:hover,
#menu_text5.active{
	background:url(../images/menu/menu_text_6_hover.png) center center no-repeat; 
}			

#menu_text6{
	background:url(../images/menu/menu_text_7.png) center center no-repeat; 
	width:150px; 
	height:35px;
}
						
#menu_text6:hover,
#menu_text6.active{
	background:url(../images/menu/menu_text_7_hover.png) center center no-repeat; 
}
			
#menu_text7{
	background:url(../images/menu/menu_text_8.png) center center no-repeat; 
	width:128px; 
	height:35px;
	margin-left:7px;
}
			
#menu_text7:hover,
#menu_text7.active{
	background:url(../images/menu/menu_text_8_hover.png) center center no-repeat; 
}
			
#menu_text8{background:url(../images/menu/menu_text_8.png) center center no-repeat; 
			width:107px; 
			height:43px;}
			
#menu_text8:hover{background:url(../images/menu/menu_text_8_hover.png) center center no-repeat; 
			width:107px; 
			height:43px;}

.menu_pic{  background:url(../images/menu/menu_text_1.png) top+5px center no-repeat; 
			width:2px;
			display:inline-block;
			height:35px;}

#search_text{ 
			  background: url(../images/menu/menu_top_4.png) center center no-repeat;
			  width: 179px;
			  display: inline-block;
			  height: 33px;
  }
			  
.top_bar{
	margin-top:10px;
	display:inline-block;
	height:25px;
}


.top_bar a{line-height:0px !important;
		   
			}

.top_bar_sep{background: url(../images/menu/top_bar_sep.png) center center no-repeat;
			width:1px;
			height:11px;
			margin:0px 15px;
			display:inline-block;
				}

.top_bar .top_menu{
	margin:0px;
	padding:0px;
	display:inline-block;
}

.top_bar .top_menu li {
	float:left;
	padding:0px 15px;
	line-height:10px;
	border-right:1px solid #5B3317;
}

.top_bar .top_menu li.last {
	border:0px;
}

#search_btn{ 
	position:absolute;
	background: url(../images/menu/search_btn.png) #ccc center center no-repeat;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border:1px solid #c7b299;
	text-indent: -9999px;
	width: 38px;
	height: 30px;
	right:0px;
	top:0px;
}

#lang_selector{border-radius: 3px;
				}

#lang_wrapper{
	vertical-align: middle;
	display:inline-block;	  
	font-size: 14px;
	color: #5b3317;
				}

.search_field{
	border-radius: 10px;
    height: 30px;
    border: 1px solid #c7b299;
    padding:5px;
    display:inline-block;
   	vertical-align: baseline;
    box-sizing:border-box;
    width:100%;
}

.top_right_area{
	float:right;
	display: inline-block;
	text-align:right;
	width: 513px;
	margin-right:30px;
}



.fb_share{margin-top:10px;}
.fb_share .fb_icon {display:inline-block; vertical-align: middle; width:34px; height:35px; background:url('../images/menu/fb_icon.png') no-repeat;}

.search_bar{
	position:relative;
	display:inline-block;
	width:189px;
}

.search_wrapper{
	position:relative;
	height:30px;
	margin-top:10px;
	box-sizing:border-box;
}

.search_wrapper img {display:inline-block; vertical-align: middle;}
		
#latest{background:url(../images/menu/menu_top1.png) center center no-repeat; 
		height:24px;
		width:80px;
		 display:inline-block;
		}

#news{background:url(../images/menu/menu_top3.png) center center no-repeat;
	  height:24px;
	  width:80px;
	   display:inline-block;
 	 }

#contact{background:url(../images/menu/menu_top2.png) center center no-repeat; 
		 height:24px;
		 width:80px;
		  display:inline-block;
		}

.menu-wrap{
    width:100%;
    position:absolute;
	z-index: 3000;
	
}
 
.menu {
    width:1050px;
	height:171px;
    background:#F0ECE1;
    margin:0 auto;
}
 
.menu li {
    margin:0px;
    list-style:none;
}
 
.menu a {
    transition:all linear 0.15s;
    display: inline-block;
	line-height:60px;
}
 
.menu li:hover > a, .menu .current-item > a {
    text-decoration:none;

}
 
.menu .arrow {
 
}
 
/*----- Top Level -----*/
.menu > ul > li {
    float:left;
    display:inline-block;
    position:relative;
 
}
 
.menu > ul > li:hover > a, .menu > ul > .current-item > a {

}
 
/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
    z-index:1;
    opacity:1;
}
 
.sub-menu {

    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;

}
 
.sub-menu li {
    display:block;
   
}
 
.sub-menu li a {

    display:block;
}
 
.sub-menu li a:hover, .sub-menu .current-item a {
   
}

/* The nav is fixed on the right side  and we center it by translating it 50% 
(we don't know it's height so we can't use the negative margin trick) */
.cbp-fbscroller > nav {
	position: fixed;
	z-index: 9999;
	right: 100px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.cbp-fbscroller > nav a {
	display: block;
	position: relative;
	color: transparent;
	height:40px;
}

.cbp-fbscroller > nav a:after {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 4px solid #fff;
}

.cbp-fbscroller > nav a:hover:after {
	background: rgba(255,255,255,0.6);
}

.cbp-fbscroller > nav a.cbp-fbcurrent:after {
	background: #fff;
}

/* background-attachment does the trick */
.cbp-fbscroller section {
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

/* Set all parents to full height */
.container,
.cbp-fbscroller,
.cbp-fbscroller section { 
	height: 100%; 
}

.parent_section {display:none !important;}
.parent_section.show {display:block !important;}

#individual_form .button {border:0px;text-indent:-9999px;}

#individual_form .submit-btn{
	width:130px;
	height:57px;
	background:url('../images/join_form/join_form_submit.png') no-repeat;
}

#individual_form .reset-btn{
	width:130px;
	height:57px;
	background:url('../images/join_form/join_form_reset.png') no-repeat;
}

#group_form .button {border:0px;text-indent:-9999px;}

#group_form .submit-btn{
	width:130px;
	height:57px;
	background:url('../images/join_form/join_form_submit3.png') no-repeat;
}

#group_form .reset-btn{
	width:130px;
	height:57px;
	background:url('../images/join_form/join_form_reset2.png') no-repeat;
}

.task-list {
	list-style-image: url("../images/account/account_list_dot.png");
	color: #FFF;
	margin-left: 40px;
}

.task-list li{
	height:53px;
}

.task-list li a {color:#fff;}

.task-list .title{
	display:inline-block;
}

.task-list .status{
	width:76px;
	height:22px;
	text-indent:-9999px;
	display:inline-block;
	float:right;
}

.task-list .application-status{
	width:100px;
	height:22px;
	display:inline-block;
	float:right;
}


.task-list .finish-status{
	background:url(../images/account/account_finish_btn.png) center center no-repeat;
}


.task-list .pending-status{
	background:url(../images/account/account_not_finish_btn.png) center center no-repeat;
}

.task-list .extra{
	display:inline-block;
	width:145px;
	vertical-align: top;
	color:#fa8a8a;
	font-size:16px;
	margin-left:40px;
}


.avatar{
	position:relative;
	width:196px;
	height:242px;
}

.avatar .img {
	background:#d7d7d7;
	width:159px;
	height:203px;
	position:absolute;
	left:18px;
	top:19px;
	z-index:100;
	overflow: hidden;
}

.avatar .stamp{
	background:url('../images/account/stamp_border.png') no-repeat top left;
	width:196px;
	height:242px;
	position:absolute;
	top:0px;
	left:0px;
}

.avatar-section{
	float:right;
	width:200px;
}

.avatar-section .tip{
	margin-bottom:10px;
}

.account-profile{
	float:right;
	display:inline-block;
	box-sizing: border-box;
	width: 695px;
	height:auto;
}

.account-profile .parent_section .field.title-field div label,
.account-profile .teacher_section .field.title-field div label{
	display:inline-block;
	width:auto;
}

.account-profile .parent_section .field.title-field label input,
.account-profile .teacher_section .field.title-field label input {width:auto;}

.account-profile .heading-title{
	font-weight:bold;
	width:665px;
	font-size:36px;
	font-family:Arial, Microsoft JhengHei !important;
	color:#464646;
	margin-bottom:10px;
}

.account-profile .field{
	height:auto;
}

.account-profile .account-info .field div { width:50%; }


.account-profile .field input{  
	width: 224px;
}

.account-profile .field label{
	display:inline-block;
	width:185px;
}

.account-profile .controls{
	text-align: left;
	padding-left:185px;
}

.account-profile .form_builder .button{
	width:126px;
	height:53px;
	border:0px;
	margin:10px;
	text-indent:-9999px;
}

.account-profile .form_builder .submit-btn{
	background:url('../images/account/personal_info_submit_btn.png') center center no-repeat;
}

.account-profile .form_builder .reset-btn{
	background:url('../images/account/personal_info_reset_btn.png') center center no-repeat;
}

.avatar-section .upload-section{
	text-align:center;
}

.avatar-section .upload-section .save-btn{
	display:none;
	background:url('../images/account/personal_info_submit_btn.png') center center no-repeat;
	width:126px;
	height:51px;
	border:0px;
	text-indent: -9999px;
}

.avatar-section .avatar-upload{
	display:none;
}

.personal_info_upload{
	background:url('../images/account/personal_info_upload_btn.png') center center no-repeat;
	width:126px;
	height:51px;
	border:0px;
	text-indent: -9999px;
}

/*#account-profile-form{
	width:500px;
}*/

#account-profile-form .controls {
	text-align:left;
}

#account-profile-form textarea{
	resize:none;
}

.book-records {margin-top:10px;}
.book-records .empty {text-align: center; color:#cc0000;padding:20px 0px;}

.modify-btn{
	display:inline-block;
	background:url('../images/account/reading_record_change_btn.png') center center no-repeat;
	width:31px;
	height:32px;
	text-indent:-9999px;
	border:0px;
	overflow: hidden;
}

#book_record_form.form_builder .hr{
	background: transparent url("../images/submit_resources/submit_resource_hr.png") repeat-x scroll center center;
	padding-bottom: 25px;
	border:0px;
	margin:0px;
}

#book_record_form.form_builder .book-fields .field>div{
	width:200px;
}


#book_record_form.form_builder .field.numOfBook label{
	width:auto!important;
	padding-right:10px;
}

#book_record_form.form_builder .button{
	width:126px;
	height:53px;
	border:0px;
	margin:10px;
	text-indent:-9999px;
}

#book_record_form.form_builder .submit-btn{
	background:url('../images/account/personal_info_submit_btn.png') center center no-repeat;
}

#book_record_form.form_builder .reset-btn{
	background:url('../images/account/personal_info_reset_btn.png') center center no-repeat;
}

.subtitle {
	color: #ff0000;
	font-weight:bold;
	font-family:Arial, Microsoft JhengHei !important;
	font-size:16px;
	margin-top:10px;
}

#update_book_record_form.form_builder{

}

#update_book_record_form .modify_field{
	color:#ff0000;
	text-decoration: none;
}

#update_book_record_form .modify_field:hover{
	font-weight: bold;
}

#update_book_record_form.form_builder .field>div input{
	width:200px;
	margin-right:10px;
}

#update_book_record_form.form_builder .hr{
	background: transparent url("../images/submit_resources/submit_resource_hr.png") repeat-x scroll center center;
	padding-bottom: 25px;
	border:0px;
	margin:0px;
}

#update_book_record_form.form_builder .button{
	width:126px;
	height:53px;
	border:0px;
	margin:10px;
	text-indent:-9999px;
}

#update_book_record_form.form_builder .submit-btn{
	background:url('../images/account/personal_info_submit_btn.png') center center no-repeat;
}

#update_book_record_form.form_builder .reset-btn{
	background:url('../images/account/cancel_btn.png') center center no-repeat;
}

.sponsor-msg .empty {text-align:center;padding:20px 0px;}

.success-panel,
.fail-panel,
.cancel-panel
{height:200px;}

.success-panel a,
.fail-panel a,
.cancel-panel a{
	font-weight: bold;
	text-decoration: none;
	color:#5B3317;
}

.donation-target .field{
	margin-top:60px;
}

.donation-target .field label{
	font-size: 20px;
	width:auto;
	font-weight: bold;
	/*font-family: DFPLiKingHei-XB;*/
	color: #464646;
}

.donation-target .field div {
	width:auto;
}

.donation-target .progress .status{
	display:none;
}

#result-individual-form.form_builder .unit input,
#result-group-form.form_builder .unit input{
	width:200px;
}

#result-individual-form.form_builder .unit div span,
#result-group-form.form_builder .unit div span{
	margin-left:5px;
}

#result-individual-form.form_builder .money input,
#result-group-form.form_builder .money input{
	width:162px;
}

#result-individual-form.form_builder .money div span.pre,
#result-group-form.form_builder .money div span.pre{
	margin-left:0px;
	margin-right:5px;
}

#result-individual-form.form_builder .money div span,
#result-group-form.form_builder .money div span{
	margin-left:5px;
}

#result-individual-form.form_builder .hr,
#result-group-form.form_builder .hr{
	background: transparent url("../images/submit_resources/submit_resource_hr.png") repeat-x scroll center center;
	padding-bottom: 25px;
	border:0px;
	margin:0px;
}

#result-individual-form.form_builder .date-range .field label span,
#result-group-form.form_builder .date-range .field label span{
	display:none;
}

#result-individual-form.form_builder .button,
#result-group-form.form_builder .button{
	width:125px;
	height:51px;
	border:none;
	margin:10px;
	text-indent:-9999px;
}

#result-individual-form.form_builder .submit-btn,
#result-group-form.form_builder .submit-btn{
	background:url(../images/join_form/join_form_submit2.png) center center no-repeat;
}

#result-individual-form.form_builder .reset-btn,
#result-group-form.form_builder .reset-btn{
	background:url(../images/invite/invite_donate_reset.png) center center no-repeat;
}


#resource-form.form_builder .deliver_option{
	display:none;
}

#resource-form.form_builder .deliver_option.show{
	display:block;
}

#resource-form.form_builder .heading{
	font-weight: bold;
	font-size: 24px;

}

#resource-form.form_builder .heading .sub{
	font-size:16px;
}

#resource-form.form_builder .remind{
	color: #F00;
	font-size: 18px;
}

#resource-form.form_builder>.field > label{
	width:255px;
}

#resource-form.form_builder .field.full > label{
	width:100%;
}

#resource-form.form_builder .field .row3 input {
	width:100px;
}

#resource-form.form_builder .row1,
#resource-form.form_builder .row2,
#resource-form.form_builder .row3{
	float:left;
	vertical-align: top;
}

#resource-form.form_builder .row1{
	width:405px;
}

#resource-form.form_builder .row1 span{
	margin-left:5px;
}

#resource-form.form_builder .row2{
	width:73px;
	text-align: center;
}

#resource-form.form_builder .row3{
	width:195px;
	text-align:center;
}

#resource-form.form_builder .lang-option>label{
	margin: 25px 0px;
}

#resource-form.form_builder .lang-option div{
	text-align: center;
}

#resource-form.form_builder .lang-option div label{
	float:none;
}


#resource-form.form_builder .hr{
	background: transparent url("../images/submit_resources/submit_resource_hr.png") repeat-x scroll center center;
	padding-bottom: 25px;
	border:0px;
	margin:0px;
}

#resource-form.form_builder .button{
	width:125px;
	height:51px;
	border:none;
	margin:10px;
	text-indent:-9999px;
}

#resource-form.form_builder .submit-btn{
	background:url('../images/join_form/join_form_submit3.png') center center no-repeat;
}

#resource-form.form_builder .reset-btn{
	background:url('../images/join_form/join_form_reset2.png') center center no-repeat;
}

#survey-form.form_builder .mark>label {width:485px;}
#survey-form.form_builder .mark.field > div {width:205px;}
#survey-form.form_builder .mark.field > div label{padding-right:0px;}
#survey-form.form_builder .field > div label{margin:3px;}

#survey-form.form_builder .full.field > div input[type="text"] {width:70%;}

#survey-form.form_builder .heading h3 {font-weight:normal;margin:0px; margin-top:20px; font-size:16px;}
#survey-form.form_builder .question {margin-top:20px;}

#survey-form.form_builder .button{
	width:125px;
	height:51px;
	border:none;
	margin:10px;
	text-indent:-9999px;
}

#survey-form.form_builder .submit-btn{
	background:url('../images/join_form/join_form_submit3.png') center center no-repeat;
}

#survey-form.form_builder .reset-btn{
	background:url('../images/join_form/join_form_reset2.png') center center no-repeat;
}

#forget-password-form.form_builder .button{
	width:126px;
	height:53px;
	border:0px;
	margin:10px;
	text-indent:-9999px;
}

#forget-password-form.form_builder .submit-btn{
	background:url('../images/account/personal_info_submit_btn.png') center center no-repeat;
}

#forget-password-form.form_builder .reset-btn{
	background:url('../images/account/personal_info_reset_btn.png') center center no-repeat;
}

.donate_video_wrapper{
	position:absolute;
	bottom:100px;
	right:50px;
}

.donate_video{
	position:relative;
	padding:10px;
	width:594px;
	height:324px;
	background:#fff;
	border:1px solid #C7B299;
}

.donate_video .cover {position:absolute;left:10px;top:10px;z-index:100;}
.donate_video iframe {position:relative;}

.list.field > div label{display:block;height:29px;float:none;padding: 2px 0px;}

.star_care_btn {display:inline-block;width:190px;height:65px;font-family: Arial, Microsoft JhengHei !important;font-size:18px;vertical-align:middle;background:url('../images/account/paper_bg.png');color:#454545;text-decoration: none;vertical-align: top;text-align: center;line-height:69px;}
.star_care_btn_en {display:inline-block;text-indent:-9999px;width:190px;height:65px;font-family: Arial, Microsoft JhengHei !important;font-size:18px;vertical-align:middle;background:url('../images/account/paper_bg_en.png');color:#454545;text-decoration: none;vertical-align: top;text-align: center;line-height:69px;}
.star_care_btn_tc {display:inline-block;text-indent:-9999px;width:190px;height:65px;font-family: Arial, Microsoft JhengHei !important;font-size:18px;vertical-align:middle;background:url('../images/account/paper_bg_tc.png');color:#454545;text-decoration: none;vertical-align: top;text-align: center;line-height:69px;}


#fbsection1 {background: transparent url("../images/page6/page6_bg.png") no-repeat scroll center center;}

#donate-edit-form {padding:10px;}
#donate-edit-form.form_builder .submit-btn{
	background:url('../images/account/personal_info_submit_btn.png') center center no-repeat;
}

#donate-edit-form.form_builder .reset-btn{
	background:url('../images/account/personal_info_reset_btn.png') center center no-repeat;
}

#donate-edit-form.form_builder .button{
	width:126px;
	height:53px;
	border:0px;
	margin:10px;
	text-indent:-9999px;
}





#paypalPopupForm{
	width: 600px;
    margin: 0 auto;
    text-align: left;
    border-radius: 10px;
    border: 10px solid #2196F3;
	    overflow: visible;
		padding:10px;
}

#paypalPopupForm .fancybox-close-small::after{
	background-color:#2196F3;
	top:-20px;
	right:-20px;
	color: #FFF;
}


div#paypalPopupForm div {
    padding: 10px 0px;
}

div#paypalPopupForm>div {
    padding: 20px;
}
.main-content{
    background: #fff;
}
.main-content input[type='date']{
    font-family:Arial, Microsoft JhengHei !important;
}

.main-content.workshop-item:after, .main-content.workshop-item:before{
    content: " ";
    display: table;
    box-sizing: border-box;
    background: #FFF;
    
}
.main-content.workshop-item:after{
	clear:both;
}

.workshop-item .workshop-header{
	background:#fff9c6;
	height:100px;
	line-height:100px;
	font-size:22px;
	color:#3f51b5;
	font-weight:bold;
	text-align:center;
}
.workshop-item .workshop-info{
	background:#fff;
	width: calc(100% - 50%);
	float:left;
	min-height:600px;
}  

.workshop-item .workshop-info.readonly{
	background:#fff;
	width: 60%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	min-height:600px;
}  

.workshop-item .workshop-info>div{
	padding:20px;
}

.workshop-info-item{
	padding:10px;
}

.workshop-apply-form{
	width: calc(100% - 50%);
	float:right;
	background:#fff;
	text-align:center;
	min-height:600px;
}


.workshop-apply-form>div{
	padding:20px;
}

.workshop-apply-form .section_number{
	font-weight:bold;font-size:18px;color:black;height:60px;line-height:60px;
	margin-right:30px;
}


#hh_btn{
	cursor:pointer;
}

.yfContent{height:0px;overflow:auto;}


#header_nav_menu li{
	width:calc(100% / 6);
	display:block;
	text-align:center;
	position:relative;
	
}
#header_nav_menu li:hover{
	/* filter:brightness(1.1); */
	background-color: rgba(247, 148, 29, .1);
}
#header_nav_menu li a{
	display:block;
	line-height:45px;
	font-size:16px;	
	color:#5c341a;
	text-decoration:none;
	font-weight:900;
	cursor:pointer;
	
}
#header_nav_menu li:first-child a{
	color:#FFF;
	
}


#header_nav_menu li::after{
	position:absolute;
	content:"";
	width:2px;
	height:23px;
	top:14px;
	right:-1px;
	background-image:url('/images/menu/menu_text_1.png');
}
#header_nav_menu li:last-child::after{
	display:none;
}




#header_nav_menu li:hover::before{
	position:absolute;
	content:"";
	width:calc(100% - 2px);
	height:8px;
	background-color:transparent;
	border-radius:2px;
	bottom:0px;
	right:1px;
}


#header_nav_menu li:hover:nth-child(1)::before{
}
#header_nav_menu li:hover:nth-child(2)::before{
	background-color:#1cbbb7;
}
#header_nav_menu li:hover:nth-child(3)::before{
	background-color:#f2d477;
}
#header_nav_menu li:hover:nth-child(4)::before{
	background-color:#2dbfd8;
}
#header_nav_menu li:hover:nth-child(5)::before{
	background-color:#b075b2;
}
#header_nav_menu li:hover:nth-child(6)::before{
	background-color:#b9cb71;
}

	/* background-color:#fb97cd; */


.menu{
	height:auto;
}
.nav2{
	height:auto;
	display:block;
	margin:15px 0px 0px 0px;
}
.boldtext{
	font-weight:bold;
}
.greentext{
	color:#1cbbb7;
}
.menu-wrap{
	background: #F0ECE1;
}
.search_field{
	outline:none;
}

.submenu{
	display:none;
	position:absolute;
	width: 100%;
    top: 100%;
    padding: 0px;
    z-index: 1;
	background: #F0ECE1;
}
.submenu_toggle:hover .submenu{
	display:block;
}

.submenu_item{
	width:100% !important;
	border-top: 1px solid rgba(92, 52, 26, .4);
	
}

.submenu_item::before,
.submenu_item::after{
	display:none;
	
}
.submenu_item a{
	
	color: #5c341a !important;

}


.cursorpointer{
	cursor:pointer;
}


.mb-l{margin-bottom:60px;}
.mb-m{margin-bottom:40px;}
.mb-s{margin-bottom:20px;}
.mb-xs{margin-bottom:10px;}

.mt-l{margin-top:60px;}
.mt-m{margin-top:40px;}
.mt-s{margin-top:20px;}
.mt-xs{margin-top:10px;}

.pb-l{padding-bottom:60px;}
.pb-m{padding-bottom:40px;}
.pb-s{padding-bottom:20px;}
.pb-xs{padding-bottom:10px;}

.pt-l{padding-top:60px;}
.pt-m{padding-top:40px;}
.pt-s{padding-top:20px;}
.pt-xs{padding-top:10px;}

.pl-l{padding-left:60px;}
.pl-m{padding-left:40px;}
.pl-s{padding-left:20px;}
.pl-xs{padding-left:10px;}

.row{
	display:table;
}
.redtext{
	color:#e73a43;
}
.whitetext{
	color:#FFF;
}
.boldtext{
	font-weight:bold;
}
.underline{
	text-decoration:underline;
}

.button{
	padding:10px 60px;
	border-radius:8px;
	text-align:center;
	color:#FFF;
	background-color:#888;
	font-weight:bold;
	display:inline-block;
	cursor:pointer;
	border: 3px solid #333;
}
.button.large{
	font-size:24px;
	line-height:30px;
	
}
.button.nopointer{
	cursor:auto;
}

.button.nocolor{
	background-color:#FFFFFF;
	border: 3px solid #000051;
}

.button.blue{
	background-color:#7ba6d8;
	border: 3px solid #000051;
}

.button.red{
	background-color: #ee5b6a;
    border: 3px solid #57030c;
}


.button.orange{
	background-color: #f68b19;
    border: 3px solid #570102;
}


.stepcontent_item{
	margin-bottom:0px;
	clear:both;
	display:table;
}

/*
.stepcontent_item .step_icon{
	float:left;
	width:120px;
	height: 60px;
	background-position: left center;
	background-size: 100%;
	background-repeat: no-repeat;
	margin-right:30px;
}
*/


.stepcontent_item .step_icon{
	float:left;
	width: 36px;
    height: 40px;
	background-position: left center;
	margin-top: 10px;
    background-size: contain;
	background-repeat: no-repeat;
	margin-right:15px;
}



.stepcontent_item .step_icon.star{
	margin-top:20px;
}




.stepcontent_item .step_icon.step1{
	/*background-image:url('/images/workshop/icon_step1.png');*/ 
	background-image:url('/images/workshop/1.png');
}
.stepcontent_item .step_icon.step2{
	/* background-image:url('/images/workshop/icon_step2.png'); */
	background-image:url('/images/workshop/2.png');
}
.stepcontent_item .step_icon.step3{
	/* background-image:url('/images/workshop/icon_step3.png'); */
	background-image:url('/images/workshop/3.png');
}
.stepcontent_item .step_icon.step4{
	/* background-image:url('/images/workshop/icon_step4.png'); */
	background-image:url('/images/workshop/4.png');
}
.stepcontent_item .step_icon.step5{
	/* background-image:url('/images/workshop/icon_step5.png'); */
	background-image:url('/images/workshop/5.png');
}
.stepcontent_item .step_icon.step6{
	/* background-image:url('/images/workshop/icon_step6.png'); */
	background-image:url('/images/workshop/6.png');
}
.stepcontent_item .step_icon.star{
	background-image:url('/images/workshop/icon_step_star.png?12');
}

/*
.stepcontent_item .content{
	float:left;
	width:calc(100% - 150px);
	padding-top:20px;
	font-size:20px;
	line-height:40px;
	color:#5b3317;
}
*/


.stepcontent_item .content{ 
	float:left; 
	width:calc(100% - 51px); 
	padding-top:20px; 
	font-size:20px; 
	line-height:40px; 
	color:#5b3317; 
} 


/* .stepcontent_item .content.star_content{ 
	float:left; 
	width:calc(100% - 1px); 
	padding-top:20px; 
	font-size:20px; 
	line-height:40px; 
	color:#5b3317; 
} 
*/

.stepcontent_item .content.star{ 
	float:left; 
	width:calc(100% - 160px); 
	padding-top:20px; 
	font-size:20px; 
	line-height:40px; 
	color:#5b3317; 
} 


.stepcontent_item .content.nopadding{
	padding-top:10px;
}
.stepcontent_item .content img.buttonlink{
	height:50px;
	vertical-align:top;
	position:relative;
	top:-5px;
}

.fullwidth{
	width:100%;
}



.bg_white{
	background-color:#FFF;
}

.newsrsc_btn_container{
	background-image:none;
	background-color:#FFF;
	height:auto;
	width: 1012px;
    margin: 0 auto;
	text-align:center;
}


#header_nav_menu li a{
   font-size:18px;	
}


#donate_board1{
	padding-top:30px;
}

#school_board1{
	padding-top:30px;
}

#edu_board1{
	padding-top:10px;
}

#donate_board1 >a{
	margin: 0px 28px 28px 28px !important;
}

.bookmark{
    display:none;	
}




.header_wrapper{ 
	width:1050px;margin:0 auto;margin-bottom:-150px;
}


#donate_board1{
	
}
/*#parents_page_header,#school_page_header,#donate_page_header,#news_page_header,#album_page_header,#edu_resource_page_header,#individual_intro_header,#story_page_header{
	margin-top: -135px;
	z-index:-1;
}*/

/*div[id$="page_header"]{
	margin-top: -135px !important;
	z-index:-1;
}*/


/*
.search_wrapper{
	margin: 45px 75px 0px 35px;
	float:left;
}
*/


.search_ndate_wrapper{
	float:right;
    margin-right: 35px;
}

#table_selector{
	margin:0px;
	margin-top:10px;
	width: 100%;
}

#news_search{
	margin-top:15px;
}


#homepage_slider_container{
	position:relative;
	width:1050px;
	margin-left:auto;
	margin-right:auto;
}

.arrow_left{
	width: 40px;
	height:40px;
	position:absolute;
	left:-20px;
	top:calc(50% - 18.5px - 40px);
	background-color:#f7941d;
	border-radius:50%;
	background-image:url('/images/global/icon_arrow_left.png');

	background-repeat:no-repeat;
	background-size:25%;
	background-position:center;
	z-index:10;
	cursor:pointer;
	transition: all 300ms ease;
	opacity:0.75;
}

.arrow_right{
	width: 40px;
	height:40px;
	position:absolute;
	right: -20px;
	background-color:#f7941d;
	border-radius:50%;
	top:calc(50% - 18.5px - 40px);
	background-image:url('/images/global/icon_arrow_right.png');
	background-size:25%;
	background-repeat:no-repeat;
	background-position:center;
	z-index:10;
	cursor:pointer;
	transition: all 300ms ease; 
	opacity:0.75;
}


.homepage_slider_item{
	display:block;
	text-align:center;
	
/* 	background-size: 1050px 550px;
	background-position:center 55px;
	background-repeat:no-repeat;
	padding-bottom:calc(100% * 900 / 1800 ); */
	background-color:#F0ECE1;
}
.owl-carousel .owl-item .homepage_slider_item img{
	width:auto;
	display:inline-block;
}

#homepage_kv_content{
	margin-top: -30px;
    position: relative;
    z-index: 1;
}
#fbsection1{
	padding-bottom:40px;
	
}

.thanks_logo_item{
	padding:20px;
	margin-bottom:20px;
	float:left;
	width:25%;
	box-sizing: border-box;
}


.thanks_logo_item>div{
	background-size:contain;
	background-position:center;
	background-repeat: no-repeat;
	padding-bottom: 75%;
	
}




.cbp-fbscroller{
	clear:both;
}

.page_header_container{
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color:#dac9a6;
	padding-bottom: calc(750px * 411 / 1920); 
	
	width: auto;
	height: auto;
	display: inherit;
	background-size: contain;
	position: relative;
	margin: 0 auto;
	margin-top: 147px;
}

#page2_tag1{
    background: url(../images/page2/page2_photo_tag1.png) center center no-repeat;
    width: 255px;
    height: 167px;
    display: inline-block;
    position: absolute;
    top: -85px;
	left: 50% !important;
    transform: translate(-50%, 0px);
}


#page2_tag2{
    background: url(../images/page2/page2_photo_tag2.png?12) center center no-repeat;
    width: 255px;
    height: 167px;
    display: inline-block;
    position: absolute;
    top: -85px;
    left: 50% !important;
    transform: translate(-50%, 0px);
}


#page2_tag3{
    background: url(../images/page2/page2_photo_tag3.png?12) center center no-repeat;
    width: 255px;
    height: 167px;
    display: inline-block;
    position: absolute;
    top: -85px;
	left: 50% !important;
    transform: translate(-50%, 0px);
}



#email_invite {
    background: url(../images/invite/invite_tag_icon2.png) center center;
    width: 38px;
    height: 38px;
    display: inline-block;
    margin: 0px 7px !important;
}

.task-list .pending-status{
	display:none;
}


.money-selector ul li .other label {
    width: 160px;
}

.money-selector ul li .other div {
    width: 120px;
}


.table_more_btn{
	width: 48px;
    height: 42px;
}


.login_size{
	text-align:center;
}

.login_size >img{
	width:70%;
}


#join_submit,#join_reset{
	width: 102px;
    height: 30px;
}

.newsrsc_btn{
	width: 160px;
    height: 80px;
}


.stepcontent_item .content img{
	width: 100px !important;
    height: 40px !important;
}

.stepcontent_item .step_icon.step6 {
   background-image: url(/images/workshop/6.png) !important;
}

.album_title{
	font-size:16px;
}

.rsc_container .tag img{
    max-width: 42% !important;
    margin-bottom: 10px;
}

.hot_more_btn{
	width: 50px !important;
    height: 30px !important;
	background-size: contain !important;
}

.login_field{
	text-align:left;
}

.join_text{
	text-align:left;
}


.task-list .finish-status{
    background: url(../images/account/account_finish_tick.png) center center no-repeat !important;
}

.table_back_btn {
    width: 65px;
    height: 42px;
    display: inline-block;
    padding: 20px 0px;
}

.stepcontent_item .content{
	font-size:16px;
}


.stepcontent_item .step_icon{
	width: 36px;
    height: 28px;
	margin-top: 20px;
	margin-right:10px;
}


.stepcontent_item .content{
	width: calc(100% - 46px);
}


.account-profile{
	float:none;
	position: relative;
    left: 50%;
    transform: translate(-50%, 0px);
}


#resource-form.form_builder .row2 {
    width: 150px;
    text-align: center;
}

#resource-form.form_builder .row3 {
    width: 140px;
    text-align: center;
}

.resource-table div{
	font-size:16px !important;
}

.resource-table .remark span{
	font-size:medium !important;
}


.heading  img{
	max-width:145px;
}

.more-size-en{
	max-width:160px !important;
}

.less-size-cn{
	max-width:120px !important;
}


.news_and_gallery_wrapper{
	padding-left: 0px; 
              text-align:center;
}

.hot_info  *{
    font-size:16px !important;
}

