
/*=======================================RWD NAV=============================================*/
.loginBy{
	position:absolute;
	top:0px;
	left:-111px;	
}



/*小於1000 */
@media screen and (max-width: 1100px) {
.loginBy{
	display:none !important;
}
}


.loginBy_a{
	display:block;
	/*width:100%;
	height:38px;*/
	text-decoration: none;
	
	width:108px;
	height:38px;
	background-color:#fff;
	border-radius:20px;
	color:#717171;
	text-align:center;
	line-height:34px;
	font-size:12px;
	border:2px #bdd1ff solid;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;	
	
	padding-left:4px;
	padding-right:4px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;  		/* Opera/IE 8+ */
}

.loginBy_a:hover{
	background-color:#FFC;
	border:2px #F90 solid;
}

.loginName{
	color:#0012ff;
}
.Prompt{
	position:absolute;
	width:18px;
	height:18px;
	top:-10px;
	right:0px;
	background-color:#fff;
	padding:2px;
	border-radius:11px;
}
.Prompt>p{
	width:100%;
	height:100%;
	line-height:18px;
	text-align:center;
	border-radius:10px;
	color:#FF0;
	background-color:#F00;
	font-size:12px;
}

/*小於800*/
@media screen and (max-width: 800px) {
/**/
#nav{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:0%;
	/*background-color:rgba(0,53,160,1);*/
	background-color:#2865e0;
	overflow:hidden;
	z-index:9999;
}


#ListBut{
	position:absolute;
	top:20px;
	right:3%;
	width:64px;
	height:38px;
	border-radius:20px;
	box-shadow:0px 3px 1px rgba(0,0,0,0.1),0px 0px 3px rgba(0,0,0,0.5) inset;
	background-color:#ff6000;
	cursor:pointer;
	z-index:9999;
}	
#ListBut div{
	position:relative;
	background-color:#FFF;
	height:3px;
	margin:auto;
	width:40px;
	margin-top:5px;	
}
#ListBut p{
	position:relative;
	display:block;
	height:4px;
	width:40px;
}

#nav ul{
	position:relative;
	/**/padding-top:100px;
	width:100%;
}

#nav ul li{
	position:relative;
	width:94%;
	min-height:44px;
	margin:auto;
	margin-bottom:6px;
	background-color:#ff6000;
	border-radius:22px;
	box-shadow:0px 3px 1px rgba(0,0,0,0.1),0px 0px 3px rgba(0,0,0,0.5) inset;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#nav ul li:hover{
	background-color:#ff3000;
}
.navColoor2{
	background-color:#7b97f2 !important;
}
.navColoor2:hover{
	background-color:#09F !important;
}
.navTitle,.navLiA,.backHome{
	position:relative;
	display:block;
	width:100%;
	min-height:43px;
	text-decoration: none;
	color:#FFF;
	line-height:43px;
	font-size:20px;
	text-align:center; 
	cursor:pointer;
}

.navBookBut{
	background-image:url(/Images/index/book.png);
	background-repeat:no-repeat;
	background-size:30px;
	background-position:center center;
}
.listBG{
	position:relative;
	background-color:#FFF;
	border-bottom-left-radius:25px;
	border-bottom-right-radius:25px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	-webkit-transform-origin:0% 0%;
	transform-origin:0% 0%;
	
	overflow:hidden;

}

.listA{
	position:relative;
	width:100%;
	min-height:40px;
	background-color:#ff9600;
	border-radius:20px;
	box-shadow:0px 3px 1px rgba(0,0,0,0.1),0px 0px 3px rgba(0,0,0,0.2) inset;
	margin-top:5px;
	margin-bottom:5px;
}
.listA:hover{
	background-color:#ffc600;
}

.listA_a,.listA p{
	position:relative;
	display:block;
	width:100%;
	min-height:40px;
	text-decoration: none;
	color:#FFF;
	line-height:40px;
	font-size:18px;
	text-align:center; 
	cursor:pointer;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}



.listBG2{
	position:relative;
	background-color:#ff3c00;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	height:0px;
	overflow:hidden;
}

.listB a{
	display:block;
	width:100%;
	height:40px;
	line-height:40px;
	font-size:20px;
	text-align:center; 
	color:#FFF;
	text-decoration: none;
}
.listB a:hover{
	background-color:#ff5a00;
}

.listB{
	border-bottom:1px solid #ff5723;
}

.listB:last-child{
	border-bottom:0px solid #FFF;
}

.OverA{
	position:relative;
	height:0px;
	background-color:#FFF;
	border-bottom-left-radius:22px;
	border-bottom-right-radius:22px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding-left:4px;
	padding-right:4px;
	overflow:hidden;
}
.OverAOP{
	height:auto;
}

.OverB{
	position:relative;
	background-color:#00C;
	overflow:hidden;
}

.OverBOP{
	height:auto;
}





#Language{
	position:relative;
	width:94%;
	height:43px;
	margin:auto;
	background-color:#7b97f2;
	border-radius:20px;
	box-shadow:0px 3px 1px rgba(0,0,0,0.1),0px 0px 3px rgba(0,0,0,0.5) inset;
	font-size:20px;
	line-height:43px;
	color:#2b60cc;
}

#Language div{
	float:left;
}
.Language1{
	position:relative;
	width:50%
}
.Language2{
	position:absolute;
	left:50%;
	margin-left:-7px;
}

#Language div a{
	display:block;
	width:100%;
	text-decoration: none;
	color:#FFF;
	line-height:43px;
	text-align:center; 
}


.navFocusPage{
	background-color:#ffc600 !important;
}
.navFocusPage:hover{
	background-color:#ffdc0c !important;
}

.loginBy{
	display:none;
}

.loginBy2{
	position:absolute;
	top:20px;
	right:3%;
	z-index:9999;
	margin-right:69px;

}

}



/* 大於801*/
@media screen and (min-width: 801px) { 
#nav{
	position:absolute;
	top:20px;
	right:1.5%;
	/*width:510px;*/
	width:auto;
	height:38px;
	
	/*background-color:#FFF;*/
}
#nav ul{
	position:relative;
	float:left;
}
#nav ul li{
	position:relative;
	float:left;
}
.navLiA,.navTitle,.backHome{
	position:relative;
	display:block;
	text-decoration: none;
	color:#FFF;
	line-height:38px;
	font-size:18px;
	text-align:center; 
	/*font-weight: bold;*/
	
	height:38px;
	background-color:#ff6000;
	margin-left:2px;
	margin-right:2px;
	padding-left:8px;
	padding-right:8px;
	border-radius:20px;
	box-shadow:0px 3px 1px rgba(0,0,0,0.1),0px 0px 3px rgba(0,0,0,0.5) inset;
	
	cursor:pointer;
}

.navColoor2>a{
	background-color:#7b97f2 !important;
}
.navColoor2>a:hover{
	background-color:#09F !important;
}


.navBookBut{
	width:85px;
	background-image:url(/Images/index/book.png);
	background-repeat:no-repeat;
	background-size:30px;
	background-position:center center;
}

.backHome{
	display:block;
	width:56px;
	padding-top:35px;
	overflow:hidden;
	
	text-decoration: none;
	background-image:url(/Images/index/home.png);
	background-repeat:no-repeat;
	background-size:26px;
	background-position:center center;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.LOgiN{
	min-width:42px;
}


.navLiA:hover,.navTitle:hover,.backHome:hover{
	text-decoration: none;
	background-color:#ff8400;
	
}


.listImgA{
	position:absolute;
	width:10px;
	height:5px;
	top:-5px;
	left:50%;
	margin-left:-5px;
	background-image:url(/Images/index/listImgA.png);
	background-size:10px 5px;
	background-repeat:no-repeat;
	
}

.listBG{
	position:absolute;
	background-color:#FFF;
	width:150px;
	top:35px;
	left:50%;  /*left:-32px;*/
	margin-left:-79px;
	border-radius:24px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:4px;
	padding-right:4px;
	z-index:999;
	-webkit-transform-origin:50% 100%;
	transform-origin:50% 100%;
	transform:scaleY(0);
	opacity:0;
}

.listA p,.listA_a{
	display:block;
	color:#FFF;
	line-height:38px;
	font-size:15px;
	text-align:center; 
	/*font-weight: bold;*/
	height:38px;
	background-color:#ff9600;
	margin-left:2px;
	margin-right:2px;
	padding-left:8px;
	padding-right:8px;
	border-radius:20px;
	box-shadow:0px 2px 1px rgba(0,0,0,0.1),0px 0px 3px rgba(0,0,0,0.2) inset;
	text-decoration: none;
	cursor:pointer;
}

.listA p:hover,.listA_a:hover{
	background-color:#ff3c00;
}

.listA{
	position:relative;
	width:100%;
	margin-bottom:3px;
}
.listA:last-child{
	margin-bottom:0px;
}






#Language{
	position:relative;
	height:38px;
	width:108px;
	background-color:#7b97f2;
	margin-left:10px;
	margin-right:1px;
	padding-left:8px;
	padding-right:4px;
	border-radius:20px;
	box-shadow:0px 3px 1px rgba(0,0,0,0.1),0px 0px 3px rgba(0,0,0,0.5) inset;
	font-size:12px;
	line-height:38px;
	color:#339;
	float:left;
}

#Language div{
	float:left;
	
	padding-left:1px;
	padding-right:1px;
}

#Language div a{
	text-decoration: none;
	color:#FFF;
	line-height:40px;
	text-align:center; 
}
#Language div a:hover{
	text-decoration: none;
	color:#339;
}

.listA_a_HoverA:before{
	content:"( for Teachers )  ";
	color:#fff;
}
/**/
.loginBy2{
	display:none;
}

.loginBy2Page{
	margin-right:561px;
}

.navFocusPage>a{
	background-color:#ffae00;
}
.navFocusPage>a:hover{
	background-color:#ffae00;
}

}




