/* reset >>> */
*{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 12px;
	font-family: arial, sans-serif;	
}
body{
	/*background-color: #303030;*/
	overflow: hidden;
}
div{
	float: left;
}
a{
	border: none;
	outline: 0;
}

A:link {text-decoration: none;}
/*
a:focus, a:selected, a:visited, a:active{
	border: none;
	outline: 0;
	text-decoration:none;
	background-color: transparent;
}
*/
/* <<< reset */

/* generic >>> */
.bold{
	font-weight: bold;
}
.sprite-img{
	display: block;
	background-repeat: no-repeat;	
}
.home-bg{
	background-image: url(../../assets/img/A_sophie_Home_bk.jpg);	
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
}
.sophie-logo-img-s1{
	background-image:url(../../assets/img/A_sophie_logo_s1.png);
	background-size: contain;
	width: 198px;
	height: 60px;
	background-repeat: no-repeat;
}
.sophie-logo-img{
	background-image:url(../../assets/img/A_sophie_logo.png);
	background-size: contain;
	width: 258px;
	height: 75px;
	background-repeat: no-repeat;
}
.login-btn{
	background-image:url(../../assets/img/F_Login_btn.png);
	background-repeat: no-repeat;	
	display: block;	
	width: 72px;
	height: 28px;	
}
.login-btn:hover{
	background-position: 0 -28px;
}
.fb-btn{
	background-image:url(../../assets/img/A_sophie_Home_facebook.png);
	background-repeat: no-repeat;	
	display: block;	
	width: 30px;
	height: 30px;
}
.rounded-corner-inputbox{
	background-image:url(../../assets/img/F_login_blank.png);
	width: 174px;
	height: 38px;
	line-height: 38px;
}
.rounded-corner-inputbox input{
	outline: 0;
	border: none;	
	color: #808080;
	font-weight: bold;
	margin-left: 15px;
	height: 25px;
	line-height: 25px;
	width: 140px;
	font-size: 13px;
}
.portrait-bg-img{
	background-image:url(../../assets/img/D_sophie_PSP_background.png);
}
.landscape-bg-img{
	background-image:url(../../assets/img/psp_background.jpg);
}
#container-bg{
	float: none;
	background-repeat: no-repeat;
	background-size: contain;
	/*width: 550px;*/
	height: 2000px;
}
/* <<< generic */

div#body-container{	
	float: none;
	width: 972px;
	height: 750px;
	margin-left: auto;
	margin-right: auto;	
	/*background-repeat: no-repeat;*/
	background-size: cover;
}

/* menu bar >>> */
#menu-block{
	width: 895px;
	height: 36px;
	margin-left: 35px;
/*	background-color: red;*/
}
#menu-block .sophie-menu-sprite{
	background-image: url(../../assets/img/J_sophie_Home_menu.png);
	background-repeat: no-repeat;	
}
#menu-block a.menu-navi{
	display: block;
	height: 36px;

}
#menu-block a.menu-navi:hover{
	cursor: pointer;
	background-position-y: -36px;
}
#menu-block #menu-end-wrap a.menu-navi:hover{
	background-position-y: 0px;
}
#menu-begin{
	width: 55px;
	height: 36px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#menu-home{
	width: 40px;
	background-position: -55px 0px;
}
#menu-ourschool{
	width: 91px;
	background-position: -93px 0px;
}
#menu-curriculum{
	width: 85px;
	background-position: -184px 0px;
}
#menu-parentschool{
	width: 84px;
	background-position: -267px 0px;
}
#menu-enrichment{
	width: 90px;
	background-position: -351px 0px;
}
#menu-application{
	width: 89px;
	background-position: -442px 0px;
}
#menu-contact{
	width: 91px;
	background-position: -531px 0px;
}
#menu-news{
	width: 90px;
	background-position: -622px 0px;
}
#menu-parentlogin{
	width: 76px;
	background-position: -714px 0px;
}
#menu-home-2{
	width: 24px;
	background-position: -791px 0px;
}
#menu-chinese{
	width: 29px;
	background-position: -818px 0px;
}
#menu-end{
	width: 47px;
	height: 36px;
	background-position: -853px 0px;	
	background-repeat: no-repeat;
}
/*
#menu-parentschool{
	width: 159px;
	background-position: -282px 0px;	
}
*/


#menu-end-wrap{
	width: 76px;
	height: 36px;
	background-position: -819px 0px;
	background-repeat: no-repeat;
}
#menu-block #menu-end-wrap #menu-home{
	background-image: url(../../assets/img/J_sophie_menu_03.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 24px;
	height: 18px;
	margin-top: 8px;	
}
#menu-block #menu-end-wrap #menu-chinese{
	background-image:url(../../assets/img/J_sophie_menu_05.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 30px;
	height: 18px;
	margin-top: 8px;	
}
/* <<< menu bar */


#menu-end-wrap{
	width: 76px;
	height: 36px;
	background-position: -819px 0px;
	background-repeat: no-repeat;
}
#menu-block #menu-end-wrap #menu-home{
	background-image: url(../../assets/img/J_sophie_menu_03.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 24px;
	height: 18px;
	margin-top: 8px;	
}
#menu-block #menu-end-wrap #menu-chinese{
	background-image:url(../../assets/img/J_sophie_menu_05.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 30px;
	height: 18px;
	margin-top: 8px;	
}
/* <<< menu bar */

/* content-block common >>> */
#content-block{
	width: 972px;
}
#content-block .ourschool-title,
#content-block .curriculum-title,
#content-block .parentschool-title,
#content-block .application-title,
#content-block .parentlogin-title,
#content-block .enrichment-title,
#content-block .contact-title,
#content-block .news-title{
	margin-top: 20px;
	margin-left: 60px;
	background-size: cover;
}

#content-block .ourschool-logo,
#content-block .curriculum-logo,
#content-block .parentschool-logo,
#content-block .application-logo,
#content-block .parentlogin-logo,
#content-block .enrichment-logo,
#content-block .contact-logo,
#content-block .news-logo{
	float: right;	
	margin-top: 10px;
	margin-right: 40px;	
	background-size: cover;
}
/* <<< content-block common */


/* home page content-block >>> */
#content-block .home-logo{
	/*margin-left: 35px;*/
	float:right;
	margin-top: 15px;
	margin-right:47px;
	background-size: cover;
}
#content-block .home-tree{
	/*background-image:url(../../assets/img/A_sophie_Home_tree.png);*/
	background-image: url(../../assets/img/sophie_Home_flash.gif);
	background-repeat: no-repeat;
	width: 597px;
	height: 519px;	
	margin-left: 40px;
}
#content-block .home-tree a{
	position: absolute;
	/*background-color: gray;
	background-color: rgba(20,20,20,0.5);
	opacity: 50%;*/
}
#content-block .home-tree a:hover{
	cursor: pointer;
}
#content-block .ourschool-link{
	border-radius:125px;   
    width:125px;
    height:125px;
	margin-top: 335px;
	margin-left: 315px;
}
#content-block .curriculum-link{
	border-radius:140px;   
    width:140px;
    height:140px;
	margin-top: 40px;
	margin-left: 260px;
}
#content-block .parentschool-link{
	border-radius:150px;   
    width:150px;
    height:150px;
	margin-top: 35px;
	margin-left: 440px;
}
#content-block .application-link{
	border-radius: 110px;   
    width: 110px;
    height: 110px;
	margin-top: 300px;
	margin-left: 65px;
}
#content-block .parentlogin-link{
	border-radius:110px;   
    width:110px;
    height:110px;
	margin-top: 235px;
	margin-left: 170px;
}
#content-block .enrichment-link{
	border-radius:110px;   
    width:110px;
    height:110px;
	margin-top: 115px;
	margin-left: 95px;
}
#content-block .contact-link{
	border-radius:100px;   
    width:100px;
    height:100px;
	margin-top: 200px;
	margin-left: 350px;	
}
#content-block .home-topright-section{
	width: 335px;
	height: 144px;	
}
#content-block .home-topright-section div{
	margin-top: 12px;	
}
#content-block .home-topright-section .fb-btn-wrap{
	margin-left: 150px;	
}
#content-block .home-topright-section .login-btn-wrap{
	margin-left: 15px;
}

#content-block .home-news{
	background-image:url(../../assets/img/A_sophie_news.png);
	width: 259px;
	height: 268px;
	margin-top: 25px;
	margin-left: 30px;
}

#content-block .home-news .text{
	width: 200px;
	height: 140px;
	margin-top: 50px;
	margin-left: 26px;
	color: rgb(166,113,0);
	font-size: 10px;
}
#content-block .home-news .text .row{
	width: 200px;
	font-size: 10px;
	margin-top: 5px;
}
#content-block .home-news .text .row .col1{
	width: 65px;
	font-size: 10px;
}
#content-block .home-news .text .row .col2{
	width:135px;
	font-size: 10px;
}
/* <<< home page content-block */

/* our school page content-block >>> */
#content-block .ourschool-title{
	width: 170px;
	height: 34px;
	background-size: cover;
}
#content-block .ourschool-bg{	
	width: 972px;	
	/*min-height: 982px;
	height: 100%;*/
	margin-top: 10px;
	background-repeat: no-repeat;
	background-size: cover;
}
#content-block .ourschool-bg .text{
	margin-left: 130px;
	margin-top: 80px;
	width: 750px;		
}
#content-block .ourschool-bg .ourschool-content-wrap{
	margin-top: 80px;
	margin-left: 130px;
	width: 750px;
	height: 650px;
}
#content-block .ourschool-bg .content-img{
	width: 726px;
	height: 2500px;
	background-size: cover;
}
/* <<< our school page content-block */

#content-block .ourschool-bg .content-img2{
	width: 726px;
	height: 350px;
	background-size: cover;
}
/* <<< our school page content-block */


/* curriculum content-block >>> */
#content-block .curriculum-title{
	width: 164px;
	height: 34px;
}
#content-block .curriculum-box{
	width: 532px;
	height: 340px;
	margin-top: 70px;
	margin-left: 35px;	
}
#content-block .curriculum-content-bg{
	width: 372px;
	height: 411px;
	float: right;
	margin-top: 10px;
}
#content-block .curriculum-content-bg .text{	
	margin-top: 25px;
	margin-left: 25px;
	color: #202020;
}
#content-block .curriculum-content-bg .curriculum-content-wrap{
	margin-top: 10px;
	margin-left: 10px;
	width: 347px;
	height: 380px;
}
#content-block .curriculum-content-bg .content-img{	
	width: 342px;
	height: 687px;
}
/* <<< curriculum content-block */


/* parents school content-block >>> */
#content-block .parentschool-title{
	width: 394px;
	height: 40px;
}
#content-block .parentschool-content-wrap{	
	width: 600px;
	height: 418px;
	margin-top: 5px;
	margin-left: 330px;
}
#content-block .parentschool-content{
	width: 565px;
	height: 384px;
}
/* <<< parents school content-block */


/* application school content-block >>> */
#content-block .application-title{
	width: 185px;
	height: 37px;
}
#content-block .application-content-bg{
	/*width: 895px;	*/
	width: 700px;
	height: 450px;
	margin-top: -4px;
	margin-left: 20px;
}
#content-block .application-content-bg .text{	
	margin-top: 45px;
	margin-left: 105px;
	color: #202020;
}
#content-block .application-content-bg .application-content-wrap{
	margin-top: 45px;
	margin-left: 75px;
	width: 551px;
	height: 370px;
}
#content-block .application-content-wrap .content-img{	
	/*width: 726px;*/
	width: 548px;
	background-repeat: no-repeat;	
	display: none;
}
#content-block .application-content-wrap #content-img-1 .download-form-btn{
	display: block;
	width: 150px;
	height: 40px;	
	margin-top: 375px;	
	margin-left: 10px;
	/*background-color: black;
	opacity: 0.5;*/
}
#content-block .application-content-bg .application-content-wrap #content-img-1{
	background-image: url(../../assets/img/application_content1.png);	
	height: 418px;
}
#content-block .application-content-bg .application-content-wrap #content-img-2{
	background-image: url(../../assets/img/application_content2.png);
	height: 1512px;	
}
#content-block .application-content-bg .application-content-wrap #content-img-3{
	background-image: url(../../assets/img/application_content3.png);
	height: 363px;
}
#content-block .application-content-bg .application-content-wrap #content-img-4{
	background-image: url(../../assets/img/application_content4.png);
	height: 363px;
}
#content-block .application-content-bg .application-content-wrap #content-img-5{
	background-image: url(../../assets/img/application_content5.png);
	height: 363px;
}
#content-block .application-btns-container{	
	width: 180px;	
}
#content-block .application-btns-container .btn{	
	width: 220px;
	height: 22px;
	display: block;
	background-repeat: no-repeat;	
	background-position: 0px 0px;
	margin-top: 15px;
	margin-left: 15px;
}
#content-block .application-btns-container a:hover{	
	background-position: 0px -22px;
}
#content-block .application-btns-container #btn-1{
	background-image: url(../../assets/img/application_btn_01.png);
}
#content-block .application-btns-container #btn-2{
	background-image: url(../../assets/img/application_btn_02.png);
}
#content-block .application-btns-container #btn-3{
	background-image: url(../../assets/img/application_btn_03.png);
}
#content-block .application-btns-container #btn-4{
	background-image: url(../../assets/img/application_btn_04.png);
}
#content-block .application-btns-container #btn-5{
	background-image: url(../../assets/img/application_btn_05.png);
}
/* <<< application school content-block */


/* application index >>> */
#content-block .application_index-btns-container{
	width: 100%;
}
#content-block .application_index-btns-container .btn{	
	display: block;
	float: left;
	background-repeat: no-repeat;	
	background-position: 0px 0px;
}
#content-block .application_index-btns-container #btn-1{
	background-image: url(../../assets/img/sophie_APP_btn_tw_01.png);	
	width: 292px;
	height: 46px;
	margin-left: 150px;
	margin-top: 50px;
}
#content-block .application_index-btns-container #btn-2{
	background-image: url(../../assets/img/sophie_APP_btn_tw_02.png);	
	width: 460px;
	height: 46px;
	margin-left: 150px;
	margin-top: 50px;
}
#content-block .application_index-btns-container #btn-3{
	background-image: url(../../assets/img/sophie_APP_btn_tw_03.png);	
	width: 290px;
	height: 46px;
	float: right;
	margin-right: 150px;
	margin-top: 47px;
}
#content-block .application_index-btns-container #btn-4{
	background-image: url(../../assets/img/sophie_APP_btn_tw_04.png);	
	width: 290px;
	height: 46px;	
	float: right;
	margin-right: 150px;
	margin-top: 50px;
}
#content-block .application_index-btns-container #btn-5{
	background-image: url(../../assets/img/sophie_APP_btn_tw_05.png);	
	width: 320px;
	height: 46px;
	margin-left: 88px;
	margin-top: 50px;
}
#content-block .application_index-btns-container a:hover{	
	background-position: 0px -47px;
}

/* <<< application index*/


/* parentlogin content-block >>> */
#content-block .parentlogin-title{
	width: 216px;
	height: 46px;
}
#content-block .parentlogin-container1{
	width: 100%;
}
#content-block .parentlogin-content{
	float: right;
	width: 240px;
	height: 221px;
	margin-top: 80px;
	margin-right: 50px;
}
#content-block .parentlogin-login-block{
	float: right;
	margin-top: 130px;
	margin-right: 50px;
}
/* <<< parentlogin content-block */


/* enrichment content-block >>> */
#content-block .enrichment-title{
	width: 301px;
	height: 42px;
}
#content-block .enrichment-content-container{		
	margin-top: 20px;
	margin-left: 60px;
	width: 525px;
	height: 370px;	
}
#content-block .enrichment-content-container .enrichment-content{
	width: 511px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: none;
}
#content-block .enrichment-content-container #enrichment-content-home{
	background-image: url(../../assets/img/enrichment_home.png);
	height: 329px;
}
#content-block .enrichment-content-container #enrichment-content-ssit{
	background-image: url(../../assets/img/enrichment_ssit.png);
	height: 1200px;
}
#content-block .enrichment-content-container #enrichment-content-interest{
	background-image: url(../../assets/img/enrichment_interestg.png);
	height: 2700px;
}
#content-block .enrichment-content-container #enrichment-content-kindermusik{
	display: block;
	background-image: url(../../assets/img/enrichment_kindermusikbg.png);
	height: 850px;
}
#content-block .enrichment-btns{
	width: 175px;
	height: 87px;
	margin-top: 180px;
	margin-left: 70px;
}
#content-block .enrichment-btns-container{
	margin-top: 180px;
	margin-left: 70px;
}
#content-block .enrichment-btns-container .btn{
	display: block;
	width: 200px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 15px;
}
#content-block .enrichment-btns-container .btn:hover{
	background-position: 0px -22px;
}
#content-block .enrichment-btns-container #btn-1{
	background-image: url(../../assets/img/application1.png);
}
#content-block .enrichment-btns-container #btn-2{
	background-image: url(../../assets/img/application2.png);
}
#content-block .enrichment-btns-container #btn-3{
	background-image: url(../../assets/img/application3.png);
}
#content-block .enrichment-btns-container #btn-4{
	background-image: url(../../assets/img/application4.png);
}
#content-block .enrichment-btns-container #btn-5{
	background-image: url(../../assets/img/application5.png);
}
#content-block .enrichment-content-container .download-form-btn{
	display: block;
	width: 140px;
	height: 30px;	
	margin-top: 1150px;
	margin-left: 30px;
	/*background-color: black;
	opacity: 0.5;*/
}
/* <<< enrichment content-block */


/* contact content-block >>> */
.contact-content-block{	
	height: 514px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 27px 0px;
}
#content-block .contact-contentinfo{
	/*width: 290px;
	margin-top: 160px;
	margin-left: 175px;	*/
	width: 342px;
	height: 213px;
	margin-top: 140px;
	margin-left: 160px;
}
#content-block .contact-contentinfo .title{
	font-size: 32px;
	color: white;
}
#content-block .contact-contentinfo .text{
	margin-top: 20px;
	font-size: 12px;
	line-height: 17px;
	color: #FCFCFC;
}

#content-block .contact-locationmap{
	float:right;
	width: 240px;	
	margin-top: 135px;
	margin-right: 150px;
}
#content-block .contact-locationmap .title{	
	font-size: 16px;	
	color: #FCFCFC;
}
#content-block .contact-locationmap .title-img{
	width: 147px;
	height: 29px;
}
#content-block .contact-locationmap .content{
	margin-top: 8px;
	background-repeat: no-repeat;
	width: 220px;
	height: 180px;
}
#content-block .contact-locationmap .content iframe{
	width: 240px;
	height: 190px;
}
/* <<< contact content-block */


/* news content-block >>> */
#content-block .news-title{
	width: 188px;
	height: 35px;
}
#content-block .news-content-container{
	width: 855px;
	height: 595px;
	margin-top: 20px;
	margin-left: 60px;
}
#content-block .news-content{
	margin-top: -5px;
	width: 735px;
	margin-left: 60px;
}
#content-block .news-content .line{
	margin-top: 12px;
	margin-bottom: 12px;
	color: rgb(173,142,52);
	width: 100%;	
}
#content-block .news-content .line hr{
	border: 1px solid rgb(173,142,52);
}
#content-block .news-content .text{	
	margin-left: 15px;
	width: 100%;	
}
#content-block .news-content .text .title-col1{
	width: 600px;
	height: 20px;
	display: block;
}
#content-block .news-content .text .title-col4{
	height: 20px;
	color: gray;
}
#content-block .news-content .text .title-col2{	
}

#content-block .news-content .text  .title-link{
	text-decoration: none;
	color: gray;
}
#content-block .news-content .text  .title-link-hover{
	color: black;
}
#content-block .news-content .text  .title-link-selected{
	color: black;
	display: block;
}
#content-block .news-content .text .aux-block{
	display: none;
	height: auto;
}
#content-block .news-content .text .col1{
	margin-left: 5px;
	width: 80px;	
}
#content-block .news-content .text .row{
	width: 735px;
	line-height: 20px;
	height; 20px;
}
#content-block .news-content .text .col2{	
}
#content-block .news-content .text .col3{	
margin-left:40px;
}
/*
#content-block .news-content .text div{
	margin-left: 15px;
}
#content-block .news-content .text .font-1{
	font-weight: bold;
	font-size: 12px;
	color: black;
}
#content-block .news-content .text .font-2{
	font-weight: bold;
	font-size: 18px;
	color: rgb(28,170,62);
	line-height: 40px;
	font-style: italic;
}
#content-block .news-content .text .font-3{
	font-size: 12px;
	color: #101010;
}
*/
/* <<< news content-block */


/* login-block >>> */
.login-block{
	width: 180px;
}
.login-block .login-passwd-input-wrap{
	margin-top: 5px;
}
.login-block .forgot-links-wrap{
	margin-top: 4px;
	margin-left: 11px;
}
.login-block .forgot-links-wrap, .login-block .forgot-links-wrap a{
	color: rgb(18,165,76);
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
.login-block .login-btn{
	margin-top: 7px;
}
/* <<< login-block */