@charset "utf-8";


/*紅字*/
.redTXT{color:#C30;}

/*灰小字*/
.txtGRAY{color:#888; font-size:11pt;}

/*情境大圖*/
.pageTopImg img{
	display:inline;position:relative; z-index:10;	
	width:100%;height:auto;	
}
.pageTopImgPC img{display:none;}
@media screen and (min-width: 1000px){
.pageTopImg img{display:none;}
.pageTopImgPC {
	width:100%; margin:0 auto;
	background-repeat:no-repeat; background-position:center top; text-align:center;
}
.pageTopImgPC img{
	display:inline;position:relative;z-index:10;	
	width:100%; max-width:1200px;height:auto; 	
}
}

/*新增魅力教具*/
.pagepoint1 img{
	display:inline;position:relative; z-index:10;	
	width:100%;height:auto;	  margin-top:10px;
}
.pagepoint1PC img{display:none;}

@media screen and (min-width: 1000px){
.pagepoint1 img{display:none;}
.pagepoint1PC {
	width:100%; margin:20px; 
	background-repeat:no-repeat; background-position:center top; text-align:center;
}
.pagepoint1PC img{
	display:inline;position:relative;z-index:10;	
	width:100%; max-width:1200px;height:auto; 	
}
}


/*新增學習計畫表*/
.pagetable2 img{
	display:inline;position:relative; z-index:10;	
	width:100%;height:auto;	
}
.pagetable2PC img{display:none;}

@media screen and (min-width: 1000px){
.pagetable2 img{display:none;}
.pagetable2PC {
	width:100%; margin:0 auto;
	background-repeat:no-repeat; background-position:center top; text-align:center;
}
.pagetable2PC img{
	display:inline;position:relative;z-index:10;	
	width:100%; max-width:1200px;height:auto; 	
}
}



/*次選單*/
.pageW{
	width:100%;	text-align: center;
	margin-top:5px;margin-bottom:10px;
}
.pageTopBt{
    width:38%;
	background-color: #66CCCC;
	border-radius:10px;
	text-align: center;	vertical-align: middle;
	display:inline-block;
	color: #FFF; font-size: 16px; line-height: 14px;
	padding:12px 16px 10px 16px; margin:10px 3px 0px 3px;
	cursor:pointer;
}
.pageTopBt:hover{background-color:#C794ED;transition: 0.3s;}

.pageTopBt1{
    width:38%;
	background-color: #65bceb;
	border-radius:10px;
	text-align: center;	vertical-align: middle;
	display:inline-block;
	color: #FFF; font-size: 16px; line-height: 14px;
	padding:12px 16px 10px 16px; margin:10px 3px 0px 3px;
	cursor:pointer;
}
.pageTopBt1:hover{background-color:#4485a9;transition: 0.3s;}
@media screen and (min-width: 641px){
.pageW{
	width:100%;	text-align: center;
	margin-top:10px;margin-bottom:10px;
}
.pageTopBt{
    width:auto;
	background-color: #66CCCC;
	border-radius:10px;
	text-align: center;	vertical-align: middle;
	display:inline-block;
	color: #FFF; font-size: 22px; line-height: 26px;
	padding:14px 20px 10px 20px; margin:0px 5px 0px 5px;
}
.pageTopBt1{
    width:auto;
	background-color: #65bceb;
	border-radius:10px;
	text-align: center;	vertical-align: middle;
	display:inline-block;
	color: #FFF; font-size: 22px; line-height: 26px;
	padding:14px 20px 10px 20px; margin:0px 5px 0px 5px;
}
.pageTopBt1:hover{background-color:#4485a9;transition: 0.3s;}
}

/*內頁要項*/
.txt_18p{
	width:90%;
	margin: 0 auto 20px auto;	
	font-size: 15px;line-height: 20px;text-align:left;
}

.pointBox_Points{
    font-size: 26px;
	position:relative;
	background-color:#F2EFE1;
	width:100%;
	text-align: center; vertical-align: top;
	padding-bottom:20px; margin-top: 30px; margin-bottom: 25px;
}
.point{
	position:relative;
	top:-10px;
	width:60px;
}
.pointTXT_1{color:#584634;line-height: 32px;}
.pointTXT_2{color:#009966;line-height: 32px;}
.pointTXT_3{color:#CC3300;line-height: 32px;}
.pointTXT_4{color:#993399;line-height: 38px;}
.pointTXT_5{color:#1e5072;line-height: 32px;}


.pointT_2{color:#009966;}
.pointT_3{color:#CC3300;}
.pointT_4{color:#993399;}


.pointBox{
	display:inline-block;
	width:88%;
	font-size: 15px; line-height: 20px;	text-align: left; vertical-align: top;
	margin-top:20px; 
}
.pointBoxNo{ width:70%; height:auto;float:none; margin:10px auto 7px auto; display:block; margin-bottom: 0px;}
.pointBoxNoILL{
	 width:80%; height:auto;float:none; margin:13px auto 10px auto; display:block;
}
.pointBoxTxtTilte{
	padding-top:5px; padding-bottom:5px;
	font-size: 15px; font-weight: bold; color: #006699;
}
.pointBoxLine{
	position:relative;
	width:90%; height:1px;
	background-color:#A9A79D;
	top:15px;
	margin: 0 auto 10px auto;
}
.pdTxtImg{width:150px; margin:5px; float:right;}
.pdTxtImgVR{width:150px; margin:5px;border: 2px solid #3399FF;}.pdTxtImgVR:hover{border: 2px solid #FF66CC;}

@media screen and (min-width: 641px){
.txt_18p{font-size: 18px;line-height: 30px;}
.pointBox_Points{font-size: 26px;}
.point{width:80px;}
.pointTXT_1{line-height: 22px;}
.pointTXT_2{line-height: 22px;}
.pointTXT_3{line-height: 22px;}
.pointTXT_4{line-height: 32px;}
.pointTXT_5{line-height: 22px;}
.pointBox{font-size: 18px; line-height: 22px;}
.pointBoxNo{ width:50%; height:auto;float:none; margin:10px auto 7px auto; display:block; margin-bottom: 0px;}
.pointBoxNoILL{
	width:80%; height:auto;float:none; margin:13px auto 10px auto; display:block;
}
.pointBoxTxtTilte{font-size: 20px;}
.pdTxtImg{width:300px;}
.pdTxtImgVR{width:300px;border: 2px solid #3399FF;}.pdTxtImgVR:hover{border: 2px solid #FF66CC;}
}
@media screen and (min-width: 1000px){
.txt_18p{
	width:57%;display:inline-block; margin-top:25PX; 
	font-size: 18px;line-height: 30px;
	background-color:#EEE; padding: 10px 20px 10px 20px;
}
.pointBox{ width:28%; height:auto; vertical-align:top;}
.pointBoxNo{ width:80%; height:auto;float:none; margin:10px auto 7px auto; display:block; margin-bottom: 0px;}
.pointBoxNoILL{
	 width:80%; height:auto;float:none; margin:13px auto 10px auto; display:block;
}
.pointBoxTxtTilte{ display:block;}
.pointBoxLine{
	display:inline-block;
	width:1px; height:320px;
	margin: 0 1% 10px 1%;
}
}




/*新增學習特色*/
.pointBox2_Points{
    font-size: 26px;
	position:relative;
	background-color:#f9ebf9;
	width:100%;
	text-align: center; vertical-align: top;
	padding-bottom:20px; margin-top: 30px; margin-bottom: 25px;
}
.pointBox2{
	display:inline-block;
	width:80%;
	font-size: 15px; line-height: 20px;	text-align: left; vertical-align: top;
	margin-top:20px; 
	
}
.pointBox2No{
	 width:80%; height:auto; 
	vertical-align: bottom;
	border: 0px solid #FFF;
	margin-right: 7px;float: center:;
    padding-left: 10%;
}


.pointBox2No_1{
	height:90px; float:left;
	vertical-align: bottom;
	border: 3px solid #FFF;
	margin-right: 7px;
}

.pointBox2NoILL{
	width:100px; height:auto; float:left;
	vertical-align: bottom;
	margin: 3px 10px 3px 3px;
}
.pointBox2TxtTilte{
	padding-top:5px; padding-bottom:5px;
	font-size: 15px; font-weight: bold; color: #006699;
}
.pointBox2Line{
	position:relative;
	width:90%; height:1px;
	background-color:#A9A79D;
	top:15px;
	margin: 0 auto 10px auto;
}


@media screen and (min-width: 641px){
.pointBox2{font-size: 18px; line-height: 22px;}
.pointBox2No{
	width:40%; height:auto; float:left;
	border: 0px solid #FFF;
	margin-right: 10px;
	padding-left: 0;
}
.pointBox2NoILL{
	width:166px; 
	margin: 3px 13px 3px 3px;
}
.pointBox2TxtTilte{font-size: 20px;}
}
@media screen and (min-width: 1000px){
.pointBox2{ width:22%; height:auto; vertical-align:top;}
.pointBox2No{ width:100%; height:auto;float:none; margin:10px auto 7px auto; display:block; }
.pointBox2NoILL{
	 width:80%; height:auto;float:none; margin:13px auto 10px auto; display:block;
}
.pointBox2TxtTilte{ display:block;}
.pointBox2Line{
	display:inline-block;
	width:1px; height:390px;
	margin: 2% 1% 10px 1%;
}
}


/*新增學習特色*/
.pointBox2_Points{
    font-size: 26px;
	position:relative;
	background-color:#f9ebf9;
	width:100%;
	text-align: center; vertical-align: top;
	padding-bottom:20px; margin-top: 30px; margin-bottom: 25px;
}
.pointBox2{
	display:inline-block;
	width:80%;
	font-size: 15px; line-height: 20px;	text-align: left; vertical-align: top;
	margin-top:20px; 
	
}
.pointBox2No{
	 width:80%; height:auto; 
	vertical-align: bottom;
	border: 0px solid #FFF;
	margin-right: 7px;float: center:;
    padding-left: 10%;
}


.pointBox2No_1{
	height:90px; float:left;
	vertical-align: bottom;
	border: 3px solid #FFF;
	margin-right: 7px;
}

.pointBox2NoILL{
	width:100px; height:auto; float:left;
	vertical-align: bottom;
	margin: 3px 10px 3px 3px;
}
.pointBox2TxtTilte{
	padding-top:5px; padding-bottom:5px;
	font-size: 15px; font-weight: bold; color: #006699;
}
.pointBox2Line{
	position:relative;
	width:90%; height:1px;
	background-color:#A9A79D;
	top:15px;
	margin: 0 auto 10px auto;
}


@media screen and (min-width: 641px){
.pointBox2{font-size: 18px; line-height: 22px;}
.pointBox2No{
	width:40%; height:auto; float:left;
	border: 0px solid #FFF;
	margin-right: 10px;
	padding-left: 0;
}
.pointBox2NoILL{
	width:166px; 
	margin: 3px 13px 3px 3px;
}
.pointBox2TxtTilte{font-size: 20px;}
}
@media screen and (min-width: 1000px){
.pointBox2{ width:22%; height:auto; vertical-align:top;}
.pointBox2No{ width:100%; height:auto;float:none; margin:10px auto 7px auto; display:block; }
.pointBox2NoILL{
	 width:80%; height:auto;float:none; margin:13px auto 10px auto; display:block;
}
.pointBox2TxtTilte{ display:block;}
.pointBox2Line{
	display:inline-block;
	width:1px; height:390px;
	margin: 2% 1% 10px 1%;
}
}




/*影片*/
.point_Movie{ padding-left:10px; padding-right:10px; padding-top:15px;}
.pointBox_Movie{
	position:relative;
	width:100%;
	text-align: center; vertical-align: top;
	padding-bottom:20px; margin-top: 10px; margin-bottom: 5px;
}




/*影片兩個*/
.point_Movie2{ padding-left:10px; padding-right:10px; padding-top:15px;}
.pointBox_Movie2{
    font-size: 26px;
	position:relative;
	width:100%;
	text-align: center; vertical-align: top;
	padding-bottom:20px; margin-top: 10px; margin-bottom: 5px;
}

/*utube內嵌影片*/

.embed-container2 {position: relative;padding-bottom: 56.25%; height: 0;overflow: hidden; max-width: 100%;}
.embed-container2 iframe, .embed-container2 object, .embed-container2 embed {position: absolute;top: 10px;left: 0;width: 100%;height: 100%; }

@media screen and (min-width: 641px){

.embed-container2 {position: relative;padding-bottom: 27%; height: 0;overflow: hidden; max-width: 100%; width:48%;  margin:10px; float:left;}
.embed-container2 iframe, .embed-container2 object, .embed-container2 embed {position: absolute;top: 0;left: 0; width: 100%;    }
}



.pointBox_Product{
   font-size: 26px;
	position:relative;
	background-color:#DEEEF5;
	width:100%;
	text-align: center; vertical-align: top;
	padding-bottom:15px; margin-top: 15px; 
}
.pdBox{display:inline-block;
	width:100%; height:auto;
	font-size: 15px; line-height: 24px;	text-align: left; vertical-align: top;
	margin-top:25px; padding:0px;}
.pdBox img{width:100%; height:auto; }

.pdBox2{
	display:inline-block;
	width:100%; height:auto;
	font-size: 15px; line-height: 24px;	text-align: left; vertical-align: top;
	margin-top:25px; padding:5px;
}
.pdBox2 img{width:46%; max-height:250px;padding:0px 10px 10px 0px;}
.pdBox3{
	display:inline-block;
	width:96%; height:auto;
	font-size: 15px; line-height: 24px;	text-align: left; vertical-align: top;
	margin-top:25px; padding:5px;
}
.pdBox3 img{width:100%; }


.bookLINE{width:100%; height:1px;background-color:#A9A79D; margin-top:10px; margin-bottom:10px;}


/*圖框圓角與灰線藍線*/
.imgRd{border-radius: 15px;}
.imgLd{border: 1px solid #EEE;}
.imgBd{border: 2px solid #3399FF;}.imgBd:hover{border: 2px solid #FF66CC;}
.imgBRd{border: 2px solid #3399FF;border-radius: 10px;}.imgBRd:hover{border: 2px solid #FF66CC;}

@media screen and (min-width: 641px){
.pointBox_Movie{font-size: 26px;}
.pointBox_Product{font-size: 26px;}
.pdBox{max-width:23%;font-size: 16px; line-height: 20px; max-width:285px;}
.pdBox2{ max-width:100%;font-size: 16px; line-height: 20px;}
.pdBox2 img{width:45%; max-height:250px;padding:0px 20px 10px 0px;}
.pdBox3{font-size: 16px; line-height: 20px; max-width:100%;}
.pdBox3 img{width:70%; height:auto; }
.pdBoxTxtTilte{ padding-top:10px;}


}
@media screen and (min-width: 1000px){
.pdBox{width:23%; max-width:285px; margin-top:10px;}
.pdBox2{max-width:45%;padding:10px;}
.pdBox2 img{width:auto; max-height:140px; padding-left:10px;}
/*1欄
.pdBox2{ max-width:100%;font-size: 16px; line-height: 20px;}
.pdBox2 img{width:30%; max-height:320px;padding:0px 20px 10px 0px;}*/
.pdBox3{max-width:40%; height:auto;padding-left:30px;padding-right:30px;}
.pdBox3 img{width:95%; height:auto; max-height:350px;}
/*1欄*/

}


/*pcx1一排小 mx1一排*/
.pdBox7{display:inline-block;
	width:100%; height:auto;
	font-size: 15px; line-height: 24px;	text-align: left; vertical-align: top;
	margin-top:25px; padding:0px;}
.pdBox7 img{width:100%; height:auto; }

@media screen and (min-width: 641px){
.pdBox7 img{width:100%; height:auto; }
}
@media screen and (min-width: 1000px){
/*1欄*/
.pdBox7{max-width:45%; height:auto; margin-top:10px;}
.pdBox7 img{width:100%; height:auto; }
}


/*pcx1一排 mx1一排*/
.pdBox4{display:inline-block;
	width:100%; height:auto;
	font-size: 15px; line-height: 24px;text-align: left; vertical-align: top;
	margin-top:25px; padding:0px;}
.pdBox4 img{width:100%; height:auto; }

@media screen and (min-width: 641px){
.pdBox4 img{width:100%; height:auto; }
}
@media screen and (min-width: 1000px){
/*1欄*/
.pdBox4{max-width:60%; height:auto; margin-top:10px;}
.pdBox4 img{width:100%; height:auto; }
}




/*pcx2一排 mx2一排*/
.pdBox5{display:inline-block;
	width:100%; height:auto;
	font-size: 15px; line-height: 24px;	text-align: left; vertical-align: top;
	margin-top:25px; padding:0px;}
.pdBox5 img{width:100%; height:auto; }
@media screen and (min-width: 641px){
.pdBox5{ max-width:100%;font-size: 16px; line-height: 20px;margin-top:15px}
.pdBox5 img{width:45%; max-height:250px;padding:0px 10px 10px 0px;}
}
@media screen and (min-width: 1000px){
/*1欄*/
.pdBox5{ max-width:100%;font-size: 16px; line-height: 20px; margin-top:10px;}
.pdBox5 img{width:35%; max-height:320px;padding:0px 10px 0px 0px;}
}



/*思考力小書 pcx2一排  mx1一排*/
.pdBox6{display:inline-block;
	width:100%; height:auto;
	font-size: 15px; line-height: 24px;	text-align: left; vertical-align: top;
	margin-top:25px; padding:0px;}
.pdBox6 img{width:100%; height:auto; }
@media screen and (min-width: 641px){
.pdBox6{ max-width:100%;font-size: 16px; line-height: 20px; margin-bottom:30px;}
.pdBox6 img{width:45%; max-height:250px;padding:0px 10px 10px 0px; margin-top:-8px;}
}
@media screen and (min-width: 1000px){
/*1欄*/
.pdBox6{ max-width:100%;font-size: 16px; line-height: 20px; margin-bottom:30px;}
.pdBox6 img{width:35%; max-height:320px;padding:0px 10px 0px 0px;  margin-top:-8px;}
}




.pdBoxTxtTilte{ font-weight: bold; color: #006699; padding-bottom:5px; padding-top:10px;}

.pdBoxTxtTilte2{ font-size: 20px; font-weight: bold; color: #eb3e6f; padding-bottom:5px; padding-top:10px;}


.gotop {
	position: fixed;
	height: 45px;
	width: 45px;
	right: 0px;
	bottom: 70px;
	z-index: 400;
	opacity:0.7;
}
.gotop img {
	width: 100%;
	height: auto;
}
@media screen and (min-width: 641px){
.gotop {
	position: fixed;
	height: 70px;
	width: 70px;	
	right: 10px;
	bottom: 70px;
	z-index: 400;
	opacity:0.7;
}
.gotop img {
	width: 100%;
	height: auto;
}
}


.line {
width: 100%; border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom:15px; margin-top:15px;
	}


/*備註*/

.psBox{font-size: 12px; line-height: 18px; width:90%; height:auto; margin:5px auto; 	text-align: left; vertical-align: top;}

@media screen and (min-width: 1000px){
/*1欄*/
.psBox{font-size: 14px; line-height: 18px; width:90%; height:auto; margin:5px auto; 	text-align: left; vertical-align: top;}
}