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

@import url("reset.css");
@import url('https://fonts.googleapis.com/css2?family=Huninn&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');

html,body{
	height:100%;
	-webkit-text-size-adjust:none;
}

a{
	text-decoration: none;	
}

div,a,p{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
#main{
	position:relative;
	width:100%;
	max-width:1920px;
	min-height:100%;
	overflow:hidden;
	margin:auto;
	padding-bottom:100px;
}
.pageMain{
	background-color:#c3e5ff;
	background-image:url(/Images/page/page_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom -10px center;	
}

.book_1_Main{
	background-image: url(/Images/index/book1_bg02.png), url(/Images/index/book1_bg01.jpg),url(/Images/index/book1_bg03.jpg);
	background-repeat:no-repeat, no-repeat, repeat;
	background-position:bottom center, top center, top center;
}

.book_2_Main{
	background-image: url(/Images/index/book2_bg03.png), url(/Images/index/book2_bg02.png),url(/Images/index/book2_bg01.jpg);
	background-repeat:no-repeat, no-repeat, no-repeat;
	background-position:top center, bottom center, top center;
	background-color:#19a7ff;
}
.book_3_Main{
	background-image:url(/Images/index/book3_bg03.png),url(/Images/index/book3_bg01.jpg);
	background-repeat:no-repeat, no-repeat;
	background-position:top center, top center;
	background-color:#8e90f2;
}

/*Button----*/
.Button{
	display:inline-block;
	position:relative;
	min-width:150px;
	height:50px;
	padding-left:15px;
	padding-right:15px;
	line-height:46px;
	
	border-radius:400px;
	font-size:20px;
	font-family: "Huninn", sans-serif;
	font-weight: 500;
	font-style: normal;
	color:#FFF;
	
	border:2px solid #CCC;
	background-color:#999;
	box-shadow:3px -8px 1px rgba(0%,0%,0%,0.04) inset, 0px 4px 1px rgba(0%,0%,0%,0.05);  
	text-shadow:0px 2px 1px rgba(0%,0%,0%,0.1);  
	background-image:url(/Images/page/Btn_bg_1.png);
	background-repeat:no-repeat;
	background-position:top 3px right 3px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	cursor:pointer;
}

.Green{
	background-color:#50ab00;
	border:2px solid #5ec900;
}
.Green:hover{
	background-color:#6ab826;
	border:2px solid #5ec900;
}





/*740以上--------------*/
@media screen and (min-width: 740px){

.pageContBox{
	position:relative;
	width:95%;
	max-width:1000px;
	margin:auto;
	margin-bottom:110px;
	margin-top:92px;
	padding-top:60px;
}

.mainContBox{
	position:relative;
	width:95%;
	max-width:1000px;
	margin:auto;
	margin-bottom:50px;
	margin-top:82px;/*92*/
	padding-top:60px;
}
.pageCont{
	position:relative;
	width:100%;
	min-height:500px;
	background-color:#FFF;
	border:8px solid #fff;
	border-radius:30px;
	margin:auto;
	background-image:url(/Images/page/contentBox_titleBg.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	box-shadow:0px 5px 2px rgba(0%,0%,0%,0.1);
}


.ContTitleBox{
	position:relative;
	width:100%;
	height:67px;
	padding-bottom:8px;
}

.ContTitleBox>p{
	position:relative;
	font-size:30px;
	font-family: "Huninn", sans-serif;
	font-weight: 600;
	font-style: normal;
	color:#FFF;
	line-height:60px;
	padding-left:3%;
	text-shadow:0px 2px 1px rgba(0%,0%,0%,0.2);
}


/*----*/

.loginW{
	max-width:700px;
}

.loginCont{
	position:relative;
	width:95%;
	max-width:400px;
	margin:auto;
	padding-top:50px;
	padding-bottom:40px;
	font-family: "Huninn", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.loginLay_01{
	position:relative;
	width:100%;
	margin-bottom:25px;
}
.loginLay_01>.T{
	position:relative;
	width:100%;
	font-size:20px;
	line-height:30px;
	text-align:center;
	color:#333;
}
.loginLay_01>input,.loginLay_01>div>input{
	position:relative;
	display:block;
	width:100%;
	height:50px;
	border:0px solid #000;
	background-color:#feba00;
	border-radius:400px;
	text-align:center;
	color:#fff;
	font-size:20px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	font-family: "Huninn", sans-serif;
	font-weight: 600;
	font-style: normal;
	letter-spacing:2px;
	
	text-shadow:0px 2px 1px rgba(0%,0%,0%,0.1);
}
.loginLay_01>.passwordDIV{
	position:relative;
}

.loginLay_01>.remind{
	position:relative;
	width:100%;
	text-align:center;
	color:#F00;
	font-size:16px;
	padding-top:4px;
	/*display:none;*/
}

.loginLay_02{
	position:relative;
	width:100%;
	text-align:center;
	padding-top:10px;
}

.loginLay_03{
	position:relative;
	width:100%;
	text-align:center;
	padding-top:20px;
}

.loginLay_03>a{
	color:#00F;
	font-size:18px;
	text-decoration: underline;
}
.loginLay_03>a:hover{
	color:#09F;
}

/*----*/

.selectBook{
	position:relative;
	width:100%;
	max-width:957px;
	margin:auto;
	overflow:hidden;
}
.selectBook>a{
	position:relative;
	display:block;
	width:33.3333%;
	float:left;
}
.selectBook>a:hover{
	background-image:url(/Images/page/selectBook_btn_bg.png);
	background-size:100% auto;
}

.selectBook>a>img{
	display:block;
	width:100%;
	height:auto;
}

.selectBook>a.unLink{
	background-image: none;
	cursor: default;
}


/*----*/

.selectUnitW{
	max-width:840px;
}
.unitLine{
	position:relative;
	width:100%;
	height:7px;
	background-image:url(/Images/page/selectUnit_img01.png);
	background-position:top center;
}



.unitBtn_A,.unitBtn_B{
	display:flex;
	flex-direction:row;
	align-items:flex-start;
	justify-content:center;
	align-content:center;
	flex-wrap:wrap;
	
	
	position:relative;
	width:98%;
	max-width:660px;/*792px*/
	margin:auto;
	margin-bottom:15px;
	margin-top:15px;
	
}
.unitBtn_A>a{
	display:block;
	position:relative;
	width:20%;/*16.6666%*/
}

.unitBtn_A>.Btn_1{
	background-image:url(/Images/page/unit_button_01.png);
	background-size:100% auto;
}
.unitBtn_A>.Btn_2{
	background-image:url(/Images/page/unit_button_02.png);
	background-size:100% auto;
}
.unitBtn_A>.Btn_1:hover{
	background-image:url(/Images/page/unit_button_01.png),url(/Images/page/unit_button_over01.png);
	background-size:100% auto;
}
.unitBtn_A>.Btn_2:hover{
	background-image:url(/Images/page/unit_button_02.png),url(/Images/page/unit_button_over01.png);
	background-size:100% auto;
}

.unitBtn_B>a{
	display:block;
	position:relative;
	width:33.3332%;
}

.unitBtn_B>.Btn_1{
	background-image:url(/Images/page/unit_button_03.png);
	background-size:100% auto;
}
.unitBtn_B>.Btn_1:hover{
	background-image:url(/Images/page/unit_button_03.png),url(/Images/page/unit_button_over02.png);
	background-size:100% auto;
}
.unitBtn_A img,.unitBtn_B img{
	position: relative;
	display:block;
	width:100%;
	height:auto;
}

/*----*/

.copyright{
	position:absolute;
	bottom:20px;
	width:100%;
	
	font-family: "Huninn", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.copyrightT01{
	position:relative;
	width:95%;
	min-height:40px;
	max-width:640px;
	margin:auto;
	background-color:rgba(100%,100%,100%,0.8);
	border:3px dotted #fff;
	border-radius:400px;
	color:#19791b;
	font-size:16px;
	
	font-size:14px;
	line-height:20px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
}


.copyrightT02{
	position:relative;
	text-align:center;
	padding-top:5px;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	text-shadow:0px 2px 1px rgba(0%,0%,0%,0.2);
}


/*profile-----*/

.profile_topT{
	position:relative;
	margin-top:16px;
	padding-bottom:16px;
}
.profile_topT>p{
	position:relative;
	width:95%;
	max-width:915px;
	background-color:#F63;
	text-align:center;
	color:#FFF;
	margin:auto;
	font-size:18px;
	line-height:30px;
	border-radius:400px;
	
	
	font-family: "Huninn", sans-serif;
	font-weight: 500;
	font-style: normal;
}
.profile_topT>p>br{
	display:none;
}

.profileBox{
	position:relative;
	background-color:#ffe9e1;
	width:95%;
	max-width:915px;
	min-height:500px;
	margin:auto;
	margin-bottom:15px;
	border-radius:20px;
	border:3px solid #ffbcc4;
	
	font-family: "Huninn", sans-serif;
	font-weight: 500;
	font-style: normal;
	
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
}


.profileL{
	position:relative;
	width:33.3333%;
	padding-top:33px;
	/**/
	display:flex;
	flex-direction:row;
	justify-content:center;
	flex-wrap:wrap;
	
}
.profileR{
	position:relative;
	width:66.6666%;
	padding-top:55px;
	padding-right:8%;
	padding-bottom:40px;
}

.profileL>.userImg{
	position:relative;
	width:80%;
	max-width:196px;
	border:4px solid #fff;
	overflow:hidden;
	border-radius:100px;
}
.profileL>.userImg>img{
	display:block;
	width:100%;
	height:auto
}

.profileL>.EDate{
	position:relative;
	padding:10px;
	border:1px solid #ff0000;
	border-radius:100px;
	margin-top:20px;
	color:#ff0000;
}

.profileList{
	position:relative;
	padding-left:140px;
	min-height:33px;
	margin-bottom:16px;
}

.profileList>.Label{
	position:absolute;
	width:130px;
	height:33px;
	top:0px;
	left:0px;
	background-color:#c6976d;
	line-height:33px;
	font-size:18px;
	text-align:center;
	color:#FFF;
	border-radius:10px;
}
.profileList>.T>p{
	line-height:33px;
	font-size:20px;
	color:#1f3034;
}
.profileList>.T>input{
	display:block;
	width:100%;
	line-height:33px;
	font-size:20px;
	color:#1f3034;
	border:0px solid #000;
	border-radius:10px;
	color:#1f3034;
	padding-left:10px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.profileList>.T>select{
	display:block;
	width:100%;
	height:33px;
	line-height:33px;
	font-size:20px;
	color:#1f3034;
	border:0px solid #000;
	border-radius:10px;
	color:#1f3034;
	padding-left:10px;
	padding-right:10px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}




.profileList>.Label.Orange{
	background-color:#ff7800;
}
.Required:after{
	content:"*";
	display:block;
	position:absolute;
	width:10px;
	line-height:20px;
	color:#F00;
	top:12px;
	left:-15px;
	font-size:30px;
	
}


.profile_btnBox{
	position:relative;
	width:100%;
	margin-bottom:12px;
	text-align:center;
}




/*student--------------*/

.studentBox{
	position:relative;
	width:100%;
	font-family: 'Quicksand','Noto Sans TC',"微軟正黑體", sans-serif;
}

.studentBox.addClass{
	width:calc(100% - 20px);
	margin:auto;
	margin-top:40px;
	padding-bottom:40px;
}
.studentList{
	position:absolute;
	top:-30px;
	overflow:hidden;
}
.studentList>p{
	display:block;
	background-color:#c6976d;
	padding-left:20px;
	padding-right:20px;
	color:#f0ff00;
	height:50px;
	line-height:35px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	font-size:18px;
	font-weight:bold;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
}

.studentTable{
	position:relative;
	background-color:#fff;
	border:6px solid #c6976d;
	border-radius:12px;
	overflow:hidden;
}

.studentTable tr>td{
	height:40px;
	text-align:center;
	font-size:20px;
}
.studentTable tr:nth-child(1n+2){
	background-color:#fff;
	color:#259f00;
}
.studentTable tr:nth-child(even){
	background-color:#ffe9e1;
}

.studentTable tr:nth-child(1)>td>div{
	position:relative;
	text-align:left;
	color:#ff7800;
	width:96%;
	margin:auto;
	padding-left:30px;
	line-height:25px;
}
.studentTable tr:nth-child(1)>td>div>span{
	position: absolute;
	display:block;
	float:left;
	top:2px;
	left:0px;
}
.studentTable tr:nth-child(1)>td>div>span>img{
	display:block;
}
.studentImg{
	display: inline-block;
	padding-top:3px;
	cursor:pointer;
}
.studentTable tr:nth-child(2){
	background-color:#c6976d;
	color:#FFF;
}

.studentTable tr>td{
	border-left:1px solid #fff;
}
.studentTable tr>td:nth-child(1){
	border-left:0px;
}
/**/
.studentTablePopup{
	margin-top:26px;
}

.studentTablePopup .studentList{
	width:100%;
	padding-left:0px;
	text-align:center;
}

.studentTablePopup td{
	height:30px !important;
}




/*newUser--------------*/


.newUserBox{
	position:relative;
	background-color:#ffe9e1;
	width:95%;
	max-width:915px;
	min-height:500px;
	margin:auto;
	margin-bottom:20px;
	margin-top:25px;
	border-radius:20px;
	border:3px solid #ffbcc4;
	
	font-family: "Huninn", sans-serif;
	font-weight: 500;
	font-style: normal;
	
}



.newUser_layout1{
	position:relative;
	width:90%;
	margin:auto;
	padding-top:40px;
	padding-bottom:10px;
	color:#333;
	line-height:30px;
	font-size:20px;
}
.newUserQuestion{
	position:relative;
	font-size:20px;
	color:#0070e5;
	margin-bottom:10px;
	background-color:#ffd23b;
	border-radius:100px; 
	padding-left:10px;
}

.StepP{
	position:relative;
	padding-left:80px;
}
.StepP2{
	position:relative;
	padding-top:12px;
}
.StepP>span{
	position:absolute;
	top:0px;
	left:0px;
	/*color:#40c300;*/
}

.newUser_redT{
	color:#F00;
	padding-top:10px;
}

.newUser_layout2{
	position:relative;
	width:100%;
	margin:auto;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:30px;
}
.newUser_computer{
	margin-bottom:5px;
	margin-top:15px;
}
.newUser_computer>span{
	border:1px solid #999;
	padding-left:5px;
	padding-right:5px;
	border-radius:10px;
	
}

.newUser_system{
	color:#0070e5;
}

.newUser_weight{
	font-weight:bold;
	color:#F00;
}
.nuImg1{
	position:relative !important;
	width:40px;
	height:30px;
	color:rgba(0,0,0,0);
}
.nuImg1>img{
	position:absolute;
	top:-2px;
	left:50%;
	width:38px;
	height:26px;
	margin-left:-19px;
}



}



/*739以下--------------*/

@media screen and (max-width: 739px){

.pageContBox{
	position:relative;
	width:92%;
	max-width:1000px;
	margin:auto;
	margin-bottom:110px;
	margin-top:92px;
	padding-top:20px;
}
.mainContBox{
	position:relative;
	width:92%;
	max-width:1000px;
	margin:auto;
	margin-bottom:50px;
	margin-top:82px;
	padding-top:20px;
}
.pageCont{
	position:relative;
	width:100%;
	min-height:500px;
	background-color:#FFF;
	border:8px solid #fff;
	border-radius:30px;
	margin:auto;
	background-image:url(/Images/page/contentBox_titleBg.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	box-shadow:0px 5px 2px rgba(0%,0%,0%,0.1);
}

.ContTitleBox>p{
	position:relative;
	font-size:26px;
	font-family: "Huninn", sans-serif;
	font-weight: 600;
	font-style: normal;
	color:#FFF;
	line-height:60px;
	padding-left:3%;
	text-shadow:0px 2px 1px rgba(0%,0%,0%,0.2);
}

/*----*/

.loginW{
	max-width:700px;
}

.loginCont{
	position:relative;
	width:95%;
	max-width:400px;
	margin:auto;
	padding-top:50px;
	padding-bottom:40px;
	font-family: "Huninn", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.loginLay_01{
	position:relative;
	width:100%;
	margin-bottom:25px;
}
.loginLay_01>.T{
	position:relative;
	width:100%;
	font-size:20px;
	line-height:30px;
	text-align:center;
	color:#333;
}
.loginLay_01>input,.loginLay_01>div>input{
	position:relative;
	display:block;
	width:100%;
	height:50px;
	border:0px solid #000;
	background-color:#feba00;
	border-radius:400px;
	text-align:center;
	color:#fff;
	font-size:20px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	font-family: "Huninn", sans-serif;
	font-weight: 600;
	font-style: normal;
	letter-spacing:2px;
	
	text-shadow:0px 2px 1px rgba(0%,0%,0%,0.1);
}
.loginLay_01>.passwordDIV{
	position:relative;
}

.loginLay_01>.remind{
	position:relative;
	width:100%;
	text-align:center;
	color:#F00;
	font-size:16px;
	padding-top:4px;
	/*display:none;*/
}

.loginLay_02{
	position:relative;
	width:100%;
	text-align:center;
	padding-top:10px;
}

.loginLay_03{
	position:relative;
	width:100%;
	text-align:center;
	padding-top:20px;
}

.loginLay_03>a{
	color:#00F;
	font-size:18px;
	text-decoration: underline;
}
.loginLay_03>a:hover{
	color:#09F;
}


/*----*/

.selectBook{
	position:relative;
	width:100%;
	max-width:957px;
	margin:auto;
	overflow:hidden;
}
.selectBook>a{
	position:relative;
	display:block;
	width:33.3333%;
	float:left;
}
.selectBook>a:hover{
	background-image:url(/Images/page/selectBook_btn_bg.png);
	background-size:100% auto;
}

.selectBook>a>img{
	display:block;
	width:100%;
	height:auto;
}

.selectBook>a.unLink{
	background-image: none;
	cursor: default;
}


/*----*/

.selectUnitW{
	max-width:840px;
}
.unitLine{
	position:relative;
	width:100%;
	height:7px;
	background-image:url(/Images/page/selectUnit_img01.png);
	background-position:top center;
}



.unitBtn_A,.unitBtn_B{
	display:flex;
	flex-direction:row;
	align-items:flex-start;
	justify-content:center;
	align-content:center;
	flex-wrap:wrap;
	
	
	position:relative;
	width:70%;/*98%*/
	max-width:400px;/*792px*/
	margin:auto;
	margin-bottom:15px;
	margin-top:15px;
	
}
.unitBtn_A>a{
	display:block;
	position:relative;
	width:50%;
}

.unitBtn_A>.Btn_1{
	background-image:url(/Images/page/unit_button_01.png);
	background-size:100% auto;
}
.unitBtn_A>.Btn_2{
	background-image:url(/Images/page/unit_button_02.png);
	background-size:100% auto;
}
.unitBtn_A>.Btn_1:hover{
	background-image:url(/Images/page/unit_button_01.png),url(/Images/page/unit_button_over01.png);
	background-size:100% auto;
}
.unitBtn_A>.Btn_2:hover{
	background-image:url(/Images/page/unit_button_02.png),url(/Images/page/unit_button_over01.png);
	background-size:100% auto;
}

.unitBtn_B>a{
	display:block;
	position:relative;
	width:100%;
}

.unitBtn_B>.Btn_1{
	background-image:url(/Images/page/unit_button_03.png);
	background-size:100% auto;
}
.unitBtn_B>.Btn_1:hover{
	background-image:url(/Images/page/unit_button_03.png),url(/Images/page/unit_button_over02.png);
	background-size:100% auto;
}
.unitBtn_A img,.unitBtn_B img{
	position: relative;
	display:block;
	width:100%;
	height:auto;
}



/*----*/

.copyright{
	position:absolute;
	bottom:20px;
	width:100%;
	
	font-family: "Huninn", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.copyrightT01{
	position:relative;
	width:95%;
	min-height:40px;
	max-width:640px;
	margin:auto;
	background-color:rgba(100%,100%,100%,0.8);
	border:3px dotted #fff;
	border-radius:400px;
	color:#19791b;
	font-size:16px;
	
	font-size:14px;
	line-height:20px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
}


.copyrightT02{
	position:relative;
	text-align:center;
	padding-top:5px;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	text-shadow:0px 2px 1px rgba(0%,0%,0%,0.2);
	width:95%;
	margin:auto;
}


/*profile-----*/

.profile_topT{
	position:relative;
	margin-top:16px;
	padding-bottom:16px;
}
.profile_topT>p{
	position:relative;
	width:95%;
	max-width:915px;
	background-color:#F63;
	text-align:center;
	color:#FFF;
	margin:auto;
	font-size:16px;
	line-height:20px;
	border-radius:400px;
	padding:5px;
	
	
	font-family: "Huninn", sans-serif;
	font-weight: 500;
	font-style: normal;
}


.profileBox{
	position:relative;
	background-color:#ffe9e1;
	width:95%;
	max-width:915px;
	min-height:500px;
	margin:auto;
	margin-bottom:10px;
	border-radius:20px;
	border:3px solid #ffbcc4;
	
	font-family: "Huninn", sans-serif;
	font-weight: 500;
	font-style: normal;
	

}


.profileL{
	position:relative;
	width:calc(100% - 20px);
	padding-top:33px;
	margin:auto;
	text-align:center;

	
}
.profileR{
	position:relative;
	width:calc(100% - 50px);
	padding-top:33px;
	margin:auto;
	padding-top:55px;
	padding-bottom:40px;
}

.profileL>.userImg{
	position:relative;
	display:inline-block;
	width:80%;
	max-width:196px;
	border:4px solid #fff;
	overflow:hidden;
	border-radius:100px;
}
.profileL>.userImg>img{
	display:block;
	width:100%;
	height:auto
}

.profileL>.EDate{
	position:relative;
	display:inline-block;
	padding:10px;
	border:1px solid #ff0000;
	border-radius:100px;
	margin-top:20px;
	color:#ff0000;
}

.profileList{
	position:relative;
	min-height:33px;
	margin-bottom:16px;
}

.profileList>.Label{
	position: relative;
	width:100%;
	height:33px;
	top:0px;
	left:0px;
	background-color:#c6976d;
	line-height:33px;
	font-size:16px;
	text-align:center;
	color:#FFF;
	border-radius:10px;
	margin-bottom:5px;
}
.profileList>.T>p{
	line-height:33px;
	font-size:16px;
	color:#1f3034;
	text-align:center;
}
.profileList>.T>input{
	display:block;
	width:100%;
	line-height:33px;
	font-size:16px;
	color:#1f3034;
	border:0px solid #000;
	border-radius:10px;
	color:#1f3034;
	text-align: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+ */
}

.profileList>.T>select{
	display:block;
	width:100%;
	height:33px;
	line-height:33px;
	font-size:16px;
	color:#1f3034;
	border:0px solid #000;
	border-radius:10px;
	color:#1f3034;
	text-align: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+ */
}




.profileList>.Label.Orange{
	background-color:#ff7800;
}
.Required:after{
	content:"*";
	display:block;
	position:absolute;
	width:10px;
	line-height:20px;
	color:#F00;
	top:12px;
	left:-15px;
	font-size:30px;
	
}

.profile_btnBox{
	position:relative;
	width:100%;
	margin-bottom:12px;
	text-align:center;
}


/*student--------------*/

.studentBox{
	position:relative;
	width:100%;
	font-family: 'Quicksand','Noto Sans TC',"微軟正黑體", sans-serif;
}

.studentBox.addClass{
	width:calc(100% - 20px);
	margin:auto;
	margin-top:50px;
	padding-bottom:30px;
}
.studentList{
	position:absolute;
	top:-30px;
	overflow:hidden;
}
.studentList>p{
	display:block;
	background-color:#c6976d;
	padding-left:20px;
	padding-right:20px;
	color:#f0ff00;
	height:50px;
	line-height:35px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	font-size:16px;
	font-weight:bold;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
}

.studentTable{
	position:relative;
	background-color:#fff;
	border:6px solid #c6976d;
	border-radius:12px;
	overflow:hidden;
}

.studentTable tr>td{
	height:40px;
	text-align:center;
	font-size:16px;
}
.studentTable tr:nth-child(1n+2){
	background-color:#fff;
	color:#259f00;
}
.studentTable tr:nth-child(even){
	background-color:#ffe9e1;
}

.studentTable tr:nth-child(1)>td>div{
	position:relative;
	text-align:left;
	color:#ff7800;
	width:96%;
	margin:auto;
	padding-left:30px;
	line-height:25px;
}
.studentTable tr:nth-child(1)>td>div>span{
	position: absolute;
	display:block;
	float:left;
	top:2px;
	left:0px;
}
.studentTable tr:nth-child(1)>td>div>span>img{
	display:block;
}
.studentImg{
	display: inline-block;
	padding-top:3px;
	cursor:pointer;
}
.studentTable tr:nth-child(2){
	background-color:#c6976d;
	color:#FFF;
}

.studentTable tr>td{
	border-left:1px solid #fff;
}
.studentTable tr>td:nth-child(1){
	border-left:0px;
}
/**/
.studentTablePopup{
	margin-top:26px;
}

.studentTablePopup .studentList{
	width:100%;
	padding-left:0px;
	text-align:center;
}

.studentTablePopup td{
	height:30px !important;
}





/*newUser--------------*/


.newUserBox{
	position:relative;
	background-color:#ffe9e1;
	width:95%;
	max-width:915px;
	min-height:500px;
	margin:auto;
	margin-bottom:15px;
	margin-top:25px;
	border-radius:20px;
	border:3px solid #ffbcc4;
	
	font-family: "Huninn", sans-serif;
	font-weight: 500;
	font-style: normal;
	
}


.newUser_layout1{
	position:relative;
	width:90%;
	margin:auto;
	padding-top:40px;
	padding-bottom:10px;
	color:#333;
	line-height:30px;
}
.newUserQuestion{
	position:relative;
	font-size:20px;
	color:#0070e5;
	margin-bottom:10px;
	background-color:#ffd23b;
	padding:5px;
	border-radius:10px; 
	padding-left:10px;
	line-height:25px;
}

.StepP{
	position:relative;
	/*padding-left:65px;*/
}
.StepP2{
	position:relative;
	padding-top:15px;
}
.StepP>span{
	display:block;
	position: relative;
	top:0px;
	left:0px;
	color:#40c300;/**/
}

.newUser_redT{
	color:#F00;
	padding-top:10px;
}

.newUser_layout2{
	position:relative;
	width:100%;
	margin:auto;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:30px;
}
.newUser_computer{
	margin-bottom:0px;
	margin-top:20px;
}
.newUser_computer>span{
	border:1px solid #999;
	padding-left:5px;
	padding-right:5px;
	border-radius:10px;
	
}

.newUser_system{
	color:#0070e5;
	padding-top:10px;
}
.newUser_weight{
	font-weight:bold;
	color:#F00;
}
.newUser_layout2>p>span{
	display:block;
	color:#40c300;
}

.nuImg1{
	position:relative !important;
	display:inline-block  !important;
	width:40px;
	height:30px;
	color:rgba(0,0,0,0) !important;
}
.nuImg1>img{
	position:absolute;
	top:2px;
	left:50%;
	width:38px;
	height:26px;
	margin-left:-19px;
}



}


/*500以下--------------*/

@media screen and (max-width: 500px){

.selectBook{
	position:relative;
	width:90%;
	max-width:319px;
	margin:auto;
	overflow:hidden;
}
.selectBook>a{
	position:relative;
	display:block;
	width:100%;
	margin-bottom:10px;
}

}


/*popup*/
.popupA{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color:rgba(74,146,255,0.9);
	z-index:10;
	display:none;
}

.popupVideoBox{
	position:absolute;
	left:50%;
	top:50%;
	width:95%;
	max-width:818px;
	padding:10px;
	padding-bottom:15px;
	padding-top:15px;
	background-color:#FFF;
	border-radius:20px;
	border:6px solid #cce4ff;/**/
	transform:translate(-50%,-50%);
	-webkit-transition: all 0.4s cubic-bezier(0,.97,.55,1);
	-moz-transition: all 0.4s cubic-bezier(0,.97,.55,1);
	transition: all 0.4s cubic-bezier(0,.97,.55,1);
	-webkit-transform:translate(-50%,-300%);
	-moz-transform:translate(-50%,-300%);
	transform:translate(-50%,-300%);
	opacity:0;
}
.popupOpen{
	-webkit-transform:translate(-50%,-300%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	opacity:1;
}
.popupCloseBtn{
	position:absolute;
	width:76px;
	height:76px;
	top:-63px;/*-58*/
	right:30px;
	border-radius:40px;
	background-color:#fff;
	padding:8px;
	
}
.popupCloseBtn>p{
	display:block;
	background-color:#4ec31f;
	border:3px solid #00a600;
	width:100%;
	height:100%;
	border-radius:40px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	background-image:url(/Images/page/Main_videoCloseBtn.png);
	background-size:50px 50px;
	background-position:center center;
	cursor:pointer;
}
.popupCloseBtn>p:hover{
	background-color:#57da24;
}

.displayPw{
	position:absolute;
	width:30px;
	height:30px;
	top:10px;
	right:10px;
	background-size:30px auto;
	cursor:pointer;
	background-image:url(/Images/page/passwordDp_ICON_B.png);
}

.displayPw:hover{
	background-image:url(/Images/page/passwordDp_ICON_B_over.png);
}
.displayPw.Open{
	background-image:url(/Images/page/passwordDp_ICON_A.png);
}
.displayPw.Open:hover{
	background-image:url(/Images/page/passwordDp_ICON_A_over.png);
}