/* 縮小失敗。正在傳回未縮小的內容。
(1509,1): run-time error CSS1019: Unexpected token, found '@import'
(1509,9): run-time error CSS1019: Unexpected token, found 'url("reset.css")'
(2755,28): run-time error CSS1035: Expected colon, found ';'
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}

/*================Loading==========================*/

.LoadingBox{
 position:fixed;
 top:0px;
 left:0px;
 width:100%;
 height:100%;
 background-color:rgba(0,0,0,0.8);/*#0a40cb*/
 z-index:999999;
}

.Loading{
 position:absolute;
 top:50%;
 left:50%;
 width:250px;
 height:200px;
 margin-left:-125px;
 margin-top:-100px;
}

.Loading>div{
 position:relative;
 width:50%;
 height:150px;
 margin:auto;
 
}

.Loading p{
 font-size:21px;
 font-weight:bold;
 color:#FFF;
 text-align:center;
}



.circular-loader {
  -webkit-animation: rotate 1s linear infinite;
          animation: rotate 1s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}

.loader-path {
  stroke-dasharray: 150,200;
  stroke-dashoffset: -70;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.main{
	position:relative;
	width:100%;
	min-width:1024px;
	min-height:100%;
	background-color:#FFF;
	overflow:hidden;
	padding-bottom:60px;
	-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/index/bg01.jpg);
}

.mainBg{
	position:absolute;
	top:0px;
	left:50%;
	width:100%;
	min-width:1680px;
	min-height:1000px;
	background-image:url(/Images/index/cloud_light_m.png),url(/Images/index/cloud_right_m.png), url(/Images/index/bg01.jpg), url(/Images/index/bg02.png);
	background-repeat:no-repeat,no-repeat,no-repeat, repeat-x;
	background-position:left 40px, right 40px, center 0px, left 0px;
	
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%);
}

button{
	width:100%;
	height:50px;
	background-color:#47c1d7;
	border:0px;
	font-size:22px;
	color:#FFF;
	font-weight:bold;
	font-family:"Helvetica Neue", Helvetica, Arial, "微軟正黑體", sans-serif;
	border-radius:5px;
	cursor:pointer;
}
button:hover{
	background-color:#63ddf3;
}

.Logo{
	position:absolute;
	top:21px;
	left:2.5%;
	width:167px;
	height:auto;	
}
.Logo>img{
	width:100%;
	height:auto;
	display:block;
}

.copyright{
	position:absolute;
	bottom:0px;
	width:100%;
	height:60px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	
	font-size:14px;
	line-height:18px;
	color:#4e4e4e;/*#0058cf*/
	/*background-color:#EEE;*/
	background-color:#fff;
	border-top:1px dashed #fcb201;
	padding-top:13px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.copyright>p:first-child{
	font-size:12px;
	color:#4e4e4e;/*666*/
}

.copyright2{
	position:relative !important;
}

.Header{
	background-image:url(/Images/index/HeaderBg.png);
	height:92px;
	width:100%;
}

.Header>div{
	max-width:1024px;
	height:86px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin:auto;
}

.HeadButton{
	position:absolute;
	top:20px;
	right:2%;
	overflow:hidden;
}

.HeadButton>div{
	float:left;
}


.closeBut{
	width:51px;
	height:51px;
	background-image:url(/Images/index/closeWindowBut.png);
	background-size:100% auto;
	cursor:pointer;
}
.closeBut:hover{
	background-position:0px -51px;
}

.HeadTextBut{
	margin-right:30px;
	margin-top:10px;
	overflow:hidden;
}

.HeadTextBut>a{
	float:left;
	line-height:30px;
	font-size:18px;
	text-decoration: none;
	padding-left:12px;
	padding-right:12px;
	border-left:1px solid #fcb201;
	color:#4e4e4e;
}
.HeadTextBut>a:first-child{
	border-left:0px;
}

.HeadTextBut>a:hover{
	color:#999;
}

.TextButFocus{
	color:#faa23e !important;
	cursor: default !important;
}


.ButBACK{
	background-image:url(/Images/index/back.png);
	background-repeat:no-repeat;
	padding-left:15px !important;
}

/*login============================================*/

.loginBox{
	width:570px;
	position:relative;
	margin:auto;
	margin-top:50px;
	margin-bottom:60px;
}

.Login{
	position:relative;
	margin:auto;
	width:530px;
	min-height:470px;
	background-color:#FFF;
	border:6px solid #6cd6ea;
	
	-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>p{
	width:100%;
	height:54px;
	border-bottom:1px dashed #939393;
	text-align:center;
	line-height:54px;
	font-size:30px;
	margin-bottom:15px;
}
.LoginInputBox{
	overflow:hidden;
	margin:auto;
	width:400px;
	padding-top:30px;
}
.LoginInputBox>div{
	float:left;
}
.LoginInputBox>div:nth-child(1){
	margin-right:15px;
}
.LoginInputBox>div:nth-child(2){
	margin-top:3px;
}
.LoginInputBox>div:nth-child(2) p{
	font-size:16px;
	margin-top:5px;
	color:#295dc6;
}
.LoginInputBox>div:nth-child(2) input{
	background:#f4f9bd;
	border:1px solid #e6e6e6;
	width:270px;
	height:40px;
	font-size:16px;
	padding-left:5px;
}

.LoginInputBox>div:nth-child(2) div{
	font-size:12px;
	color:#F00;
}

.loginButBox{
	overflow:hidden;
	width:420px;
	margin:auto;
	margin-top:40px;
}

.loginBut{
	float: left;
	width:200px;
	padding:5px;
}

.forgetPosswordButBox{
	overflow:hidden;
	margin:auto;
	width:210px;
	margin-top:30px;
}
.fpw_text{
	text-align:center;
	margin-top:10px;
	font-size:13px;
}

/*main ============================================*/

.irsMainBox{
	width:985px;
	margin:auto;
	margin-top:68px;
}

.irsMainButA{
	overflow:hidden;
}
.irsMainButA>div{
	position:relative;
	width:160px;
	height:160px;
	float:left;
	background-image:url(/Images/index/mainBut_blue.png);
	margin-left:2px;
	margin-right:2px;
	cursor:pointer;
}

.irsMainButA>div:hover{
	background-position:0px -160px;
}

.irsMainButAFocus{
	cursor: default !important;
	background-position:0px -160px !important;
}

.irsMainButA>div>p{
	position: absolute;
	bottom:65px;
	text-align:center;
	color:#a87a58;
	font-weight:bold;
	width:100%;
}
.irsMainButA>div>p>span{
	font-size:40px;
}

.irsMainButA>div:first-child p{
	bottom:70px;
}

.irsMainButB{
	position:relative;
	margin-top:28px;
	background-color:#47c7e1;
	padding:10px;
	padding-left:15px;
	padding-right:15px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.irsPoint{
	position:absolute;
	top:-22px;
	left:80px;
	margin-left:-22px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.irsBut{
	overflow:hidden;
	display:none;
}

.irsBut>a{
	float:left;
	width:19%;
	background-color:#FFF;
	margin:0.5%;
	height:90px;
	border-radius:5px;
	color:#47c7e1;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	line-height:90px;
	text-decoration: none;	
}

.irsBut>a:hover{
	background-color:#fdf8b8;
	border:4px solid #19adcb;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	line-height:82px;
}

.irsButDisplay{
	display:block;
}


/*page ============================================*/

.pHeader{
	position:relative;
	width:100%;
	height:91px;
	background-image:url(/Images/index/pHead_img01.png);
	background-repeat:repeat-x;
	border-bottom:13px solid #fff;
}

.pHeaderB{
	position:relative;
	max-width:1200px;
	min-width:1024px;
	height:91px;
	margin:auto;
}

.logoPosition01{
	left:5px;
	top:18px;

}

.pHeaderBut{
	display:block;
	position:absolute;
	width:80px;
	height:80px;
	top:6px;
	right:5px;
	background-image:url(/Images/index/but_listBg.png);
	background-size:100% auto;
	cursor:pointer;
}
.pHeaderBut:hover{
	background-position:0px -80px;
}

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


/*Settings============================================*/


#SettingsContent{
	width:1024px;
	margin:auto;
	padding-top:30px;
	padding-bottom:20px;
}

.SettingsBox{
	padding:15px;
	padding-top:10px;/*25px*/
	padding-bottom:10px;/*25px*/
	
	position:relative;
	width:98%;
	min-height:665px;/*695px*/
	background-color:#FFF;
	margin:auto;
	overflow:hidden;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.SettingsListBox{
	width:100%;
	overflow:hidden;
	border-bottom:6px solid #6cd6ea;
}
.SettingsListBox>a{
	display:block;
	float:left;
	height:40px;
	padding-left:20px;
	padding-right:20px;
	background-color:#EBEBEB;
	margin-right:3px;
	line-height:45px;
	font-size:20px;
	color:#666;
	text-decoration: none;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.SettingsListBox>a:hover{
	background-color:#999;
	color:#FFF;
}

.SListFocus{
	color:#fff !important;
	background-color:#6cd6ea !important;
}

.SettingsCBox{
	width:100%;
	min-height:600px;;
	border-bottom:6px solid #6cd6ea;
	border-left:6px solid #6cd6ea;
	border-right:6px solid #6cd6ea;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.CBoxListBox{
	width:97%;
	margin:auto;
	padding-top:15px;
	padding-bottom:15px;
	overflow:hidden;
}
.CBoxListBox>a{
	display:block;
	float:left;
	width:49.6%;
	margin-left:0.2%;
	margin-right:0.2%;
	height:48px;
	background-color:#0072ff;
	color:#FFF;
	font-size:18px;
	text-align:center;
	line-height:48px;
	text-decoration: none;
	border-radius:5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.CBoxListBox>a:hover{
	background-color:#0045be;
}

.CBoxListFocus{
	background-color:#7adaff !important;
	/*border:4px solid #0072ff;*/
	color:#FF0 !important;
	line-height:48px !important;
	cursor: default;
	font-weight:bold;/**/
}

.searchBox{
	position:relative;
	width:100%;
	background-color:#a6e6ff;
	padding-top:20px;
	overflow:hidden;
	padding-left:16px;
	padding-right:150px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.searchBox>div{
	float:left;
}
.searchItem{
	position:relative;
	padding-bottom:20px;
	overflow:hidden;
	margin-right:15px;
}

.searchItem>div{
	float:left;
}
.searchItem>p{
	position:absolute;
	top:35px;
	left:0px;
	font-size:12px;
	color:#900;
}


.searchText{
	min-width:100px;
	height:35px;
	font-size:16px;
	text-align:center;
	background-color:#42c5f7;
	border-radius:3px; 
	margin-right:8px;
	padding-left:5px;
	padding-right:5px;
	line-height:35px;
	color:#FFF;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.searchInput{
	width:170px;
}

#SettingsContent input,#SettingsContent select{
	width:100%;
	height:35px;
	border:1px solid #42c5f7;
	padding-left:7px;
	color:#333;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.searchBut{
	position:absolute;
	top:50%;
	right:23px;
	width:100px;
	margin-top:-25px;
}
.searchBut button{
	width:100%;
	height:50px;
	font-size:20px;
	background-color:#0072ff;
	border:0px;
}
.searchBut button:hover{
	background-color:#0045be ;
}
.searchInput2>div{
	float:left;
	width:150px;
	margin-right:5px;
}
.searchInput2_SmallWidth{
	width:60px !important;
}
.PromptText{
	text-align:center;
	font-size:18px;
	color:#F00;
	padding-top:140px;
}
.PromptText2{
	padding-left:15px;
	font-size:14px;
	color:#F00;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.PromptText3{
	height:30px;
	padding-left:15px;
	font-size:14px;
	color:#F00;
	line-height:30px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.backend_Box{
	width:97%;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	color:#333;
}

.backendTable tr:nth-child(even){
	background-color:#f4f4f4;
}
.backendTable tr:nth-child(odd){
	background-color:#dddddd;
}

.backendTable tr:first-child{
	background-color:#090;
	color:#FFF;
}

.backendTable tr:first-child td{
	border-left:1px solid #0C0;
}
.backendTable tr:first-child td:first-child{
	border-left:0px;
}

.backendTable tr:last-child td{
	background-color:#090;
	height:4px !important;
	padding:0px;
}
.backendTable td{
	height:25px;
	padding-top:5px;
	padding-bottom:5px;
	line-height:25px;
}


.nowPageBox{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-top:10px;
}

.nowPageBut>a{
	display:block;
	text-decoration: none;
	float:left;
	font-size:14px;
	width:30px;
	height:30px;
	line-height:30px;
	background-color:#CCC;
	margin-right:3px;
	text-align:center;
	color:#FFF;
	border-radius:3px;
}
.nowPageBut>a:hover{
	background-color:#0C0
}

.nowPageText{
	line-height:30px;
	position:absolute;
	top:0px;
	right:0px;
	font-size:16px;
	color:#666;
}

.nowPageText>span{
	color:#00F;
}

.nowPagefocus{
	background-color:#0C0 !important;
}

.prNeBut{
	background-color:#090 !important;
}
.prNeBut:hover{
	background-color:#0C0 !important;
}


.tableLink{
	text-decoration: underline;
	color:#00F;
	cursor:pointer;
}
.tableLink:hover{
	color:#09F;
}

.tableTextRed{
	color:#F00;
}

.backend_latoutTop{
	position:relative;
	margin-bottom:5px;
}
.latoutTop_inputBox{
	overflow:hidden;
}
.latoutTop_inputBox>div:first-child{
	float:left;
	line-height:35px;
	padding-left:5px;
	padding-right:5px;
	background-color:#090;
	border-radius:3px;
	margin-right:5px;
	color:#fff;
}
.latoutTop_inputBox>div:last-child{
	float:left;
	width:150px;
}
.latoutTop_ButBox{
	position:absolute;
	top:0px;
	right:0px;
	overflow:hidden;
}
.latoutTop_ButBox>div{
	float:left;
	margin-left:5px;
	min-width:80px;
}
.latoutTop_ButBox button{
	height:35px;
	font-size:18px;
	font-weight:100;
}

/* Courseirs  後台table---------------------------------*/
.Courseirs td:nth-child(1){
	width:4%;
}

.Courseirs td:nth-child(2){
	width:8%;
}

.Courseirs td:nth-child(9){
	width:6%;
}
/* Courseirs  後台table---------------------------------*/

/* Courseirs_class  後台table---------------------------------*/

.Courseirs_class tr:nth-child(2) td{
	background-color:#009900;
	color:#FFF;
	border-top:1px solid #00cc00;
	border-left:1px solid #00cc00;
}


.Courseirs_class td:nth-child(1){
	width:4%;
}

.Courseirs_class td:nth-child(2){
	width:8%;
}
.Courseirs_class td:nth-child(6),.Courseirs_class td:nth-child(7){
	width:8%;
}

.Courseirs_class td:nth-child(8),.Courseirs_class td:nth-child(9),.Courseirs_class td:nth-child(10){
	width:10%;
}
/* Courseirs_class  後台table---------------------------------*/

/* Coursepen  後台table---------------------------------*/

.Coursepen td:nth-child(1){
	width:4%;
}

.Coursepen td:nth-child(2){
	width:8%;
}

.Coursepen td:nth-child(6),.Coursepen td:nth-child(7),.Coursepen td:nth-child(8){
	width:10%;
}
/* Courseirs_class  後台table---------------------------------*/

/* Coursepenrec  後台table---------------------------------*/

.Coursepenrec td:nth-child(1){
	width:4%;
}

.Coursepenrec td:nth-child(2){
	width:8%;
}

.Coursepenrec td:nth-child(5),.Coursepenrec td:nth-child(6){
	width:10%;
}
/* Coursepenrec  後台table---------------------------------*/

/* Courseirs_livepen  後台table---------------------------------*/

.Courseirs_livepen td:nth-child(1){
	width:4%;
}

.Courseirs_livepen td:nth-child(2){
	width:8%;
}

.Courseirs_livepen td:nth-child(7),.Courseirs_livepen td:nth-child(8){
	width:13%;
}
/* Courseirs_livepen  後台table---------------------------------*/

.popup01{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
	display:none;
}

.popup02{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
	display:none;
}

.popup_Box01{
	position:absolute;
	top:50%;
	left:50%;
	width:970px;
	height:600px;
	margin-left:-485px;
	margin-top:-300px;
	background-color:#FFF;
	border-radius:20px;

}

.BigSize{
	height:700px;
	margin-top:-350px;
}

.BigSize .Popup_content{
	height:530px !important;
}

.popupCloseBut{
	position:absolute;
	top:-16px;
	right:-20px;
	width:60px;
	height:60px;
	background-color:#0072ff;
	background-image: url(/Images/index/backend_img01.png);
	background-size:100% auto;
	border-radius:30px;
	border:6px solid #fff;
	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+ */
}
.popupCloseBut:hover{
	background-color:#09F;
}
.popup_title{
	position:relative;
	width:100%;
	height:52px;
	margin-top:29px;
	background-color:#0072ff;
	padding-left:20px;
	color:#FFF;
	line-height:52px;
	font-size:30px;
	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+ */
}

.popup_title>span{
	color:#FF0;
}

.Popup_printButBox{
	position:relative;
	width:100%;
	margin-top:7px;
	overflow:hidden;
	height:40px;
}
.Popup_printBut{
	position:absolute;
	width:80px;
	height:30px;
	line-height:30px;
	top:6px;
	right:20px;
}
.Popup_printBut>button{
	display:block;
	height:40px !important;
	font-size:18px !important;
	font-weight:100;
	background-color:#ff6000
}
.Popup_content{
	position:relative;
	width:96%;
	height:440px;
	margin:auto;
	margin-top:5px;
	overflow:auto;
}

.Popup_content2{
	padding-top:15px;
	width:80% !important;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.Popup_closeBut{
	width:150px;
	padding-top:5px;
	margin:auto;
}
.Popup_closeBut>button{
	background-color:#0072ff;
}
.Popup_closeBut>button:hover{
	background-color:#09F;
}

.popupButBox{
	width:100%;
	text-align:center;
}
.popupButBox>div{
	display:inline-block;
	width:150px;
}

.PopupLayout01{
	width:100%;
	/*background-color:#EEE;*/
	border-radius:3px;
	margin-top:30px;
	overflow:hidden;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.PopupLayout01>div{
	float:left;
	width:50%;
	padding-left:5px;
	padding-right:5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.PopupLayout01>div:first-child{
	padding-left:0px;
}
.PopupLayout01>div:last-child{
	padding-right:0px;
}
.PopupLayout01>div>div{
	padding-left:5px;
	line-height:30px;
	font-size:18px;
	color:#333;
	background-color:#EFEFEF;
	overflow:hidden;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.PopupLayout01>div>div:first-child{
	float:left;
	min-width:100px;
	background-color:#55cdff;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	margin-right:2px;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	border-radius:2px;
}
.onlyOne>div{
	width:100%;
}
.onlyOne>div>div:last-child{
	position:relative;
	background-color:#fff !important;
	padding:0px !important;
}
.onlyOne>div>div:last-child input{
	display:block;
	padding-left:4px;
	width:50%;
	height:30px;
	font-size:16px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.onlyOne button{
	position:absolute;
	top:0px;
	right:230px;
	width:100px;
	height:30px;
	font-size:16px;
	border-radius:2px; 
}

.PopupLayout02{
	margin-top:15px;
}
.PopupLayout02 tr:first-child td{
	background-color:#0072ff;
	color:#FFF;
}
.PopupLayout02 td{
	height:40px;
	border:1px solid #004eff;
}

.PopupLayout03{
	width:50%;
	overflow:hidden;
	margin:auto;
	margin-top:30px;
}

.PopupLayout03>div{
	float:left;
	width:30.6%;/*33.3333%*/
	overflow:hidden;
	background-color:#F2F2F2;
	padding:1%;
	margin:0.2%;
	border-radius:20px;
}

.PopupLayout03>div>div{
	overflow:hidden;
	line-height:30px;
}
.PopupLayout03>div>div:first-child{
	float:left;
	width:30px;
	height:30px;
	margin-right:10px;
	background-color:#0F0;
	border-radius:15px;
}



.color01{
	background-color:#03F !important;
}

.color02{
	background-color:#F60 !important;
}

.color03{
	background-color:#F36 !important;
}
.PopupLayout04{
	width:80%;
	/*background-color:#EAEAEA;*/
	margin:auto;
	margin-top:20px;
}
.PopupBarBox{
	overflow:hidden;
	margin-bottom:20px;
}
.PopupBarBox>div:first-child{
	float:left;
	font-size:20px;
	line-height:40px;
	font-weight:bold;
	padding-right:5px;
	color:#333;
}
.PopupBarBox>div:last-child{
	float:left;
	width:80%;
	height:40px;
}

.PopupBar{
	position:relative;
	width:50%;
	height:40px;
	background-color:#0C6;
	border-radius:20px; 
}

.PopupBar>p{
	position:absolute;
	top:12px;
	right:-50px;
}

.BarColor01{
	background-color:#03F !important;
	width:50%;
}

.BarColor02{
	background-color:#F60 !important;
	width:90%;
}

.BarColor03{
	background-color:#F36 !important;
	width:100%;
}

.PopupLayout05{
	width:100%;
	margin-top:20px;
}

.PopupLayout06{
	margin-top:15px;
}

.PopupLayout06 tr:nth-child(odd){
	background-color:#DFF7F5;
}
.PopupLayout06 tr:first-child td{
	background-color:#0072ff;
	color:#FFF;
}
.PopupLayout06 td{
	height:35px;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #004eff;
}
.PopupLayout06 td:nth-child(1),.PopupLayout06 td:nth-child(3){
	width:10%;
}

.tableSpeaker{
	width:32px;
	height:30px;
	background-image:url(/Images/index/speakerIcon2.png);
	background-size:100% auto;
	cursor:pointer;
}
.tableSpeaker:hover{
	background-position:0px -30px;
}

.PopupLayout07{
	margin-top:10px;
}
.PopupLayout07>table{
	margin-bottom:15px;
}

.PopupLayout07>p{
	font-size:18px;
	font-weight:bold;
	margin-bottom:1px;
	color:#0072ff;
}

.PopupLayout07 tr:nth-child(odd){
	background-color:#DFF7F5;
}
.PopupLayout07 tr:first-child td{
	background-color:#0072ff;
	color:#FFF;
}
.PopupLayout07 td{
	width:50%;
	height:35px;
	border:1px solid #004eff;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.PopupLayout07 tr:last-child td{
	height:65px;
}
.PopupLayout07 textarea{
	display:block;
	width:100%;
	height:65px;
	resize:none;
	border:0px;
	padding:5px;
	font-size:16px;
	color:#00C;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.scoreBox{
	width:380px;
	height:60px;
	overflow:hidden;
	margin-top:4px;
}
.scoreBox>div{
	float:left;
	width:60px;
	height:60px;
	margin-left:8px;
	margin-right:8px;
	text-align:center;
	line-height:60px;
	background-image:url(/Images/index/tableStarIcon.png);
	background-size:60px auto;
	cursor:pointer;
}

.scoreFocus{
	background-position:0px -120px;
	color:#FFF
}

.hook{
	width:30px;
	height:30px;
	background-image:url(/Images/index/icon03.png);
	background-size:100% auto;
	background-position:0px -30px;
}

.PopupLayout08{
	width:100%;
	/*background-color:#EEE;*/
	border-radius:3px;
	margin-top:30px;
	overflow:hidden;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.PopupLayout08>div{
	float:left;
	width:100%;
	padding-left:5px;
	padding-right:5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.PopupLayout08>div:first-child{
	padding-left:0px;
}
.PopupLayout08>div:last-child{
	padding-right:0px;
}
.PopupLayout08>div>div{
	padding-left:5px;
	line-height:30px;
	font-size:18px;
	color:#333;
	background-color:#EFEFEF;
	overflow:hidden;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.PopupLayout08>div>div:first-child{
	float:left;
	min-width:100px;
	background-color:#55cdff;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	margin-right:2px;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	border-radius:2px;
}


.backendChart{
	position: relative;
	margin: auto;
	width: 600px;
	background-color: #000;
}


.Download{
	position:relative;
	margin:auto;
	width:530px;
	min-height:470px;
	background-color:#FFF;
	border:6px solid #6cd6ea;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.Download>h1{
	position:relative;
	margin:auto;
	width:90%;
	padding-top:40px;
	padding-bottom:20px;
	text-align:center;
	font-size:40px;
	line-height:40px;
	color:#000;
	border-bottom:1px dotted #000;
}
.Download>p{
	position:relative;
	width:90%;
	margin:auto;
	margin-top:20px;
	font-size:22px;
	color:#06C;
}

.Download>div{
	position:relative;
	margin:auto;
	margin-top:90px;
	width:40%;
}

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

@import url("reset.css");

html,body{
	height:100%;
	font-family:"Helvetica Neue", Helvetica, Arial, "微軟正黑體", sans-serif;
	-webkit-text-size-adjust:none;
}
/*
body{
	background-color:#409cff;
	background-image:url(/Images/index/bodtBgImg.png);
	background-repeat:repeat-x;
}
*/
#irsContent{
	width:1024px;
	margin:auto;
	padding-top:30px;
}

.irsPosition01{
	padding-top:90px !important;
	padding-bottom:20px;
}

.irsPosition02{
	padding-bottom:20px;
}


#irsBox{
	position:relative;
	width:98%;
	height:665px;/*695px*/
	background-color:#FFF;
	margin:auto;
	overflow:hidden;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#irsBox>div{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#irsBox>div:first-child{
	width:100%;
	height:100%;
}
#irsBox>div:last-child{
	border:1px solid #a6e6ff;
	background-color:#ddf5ff;
}




.irsBoxWidth1{
	position:relative;
	padding:15px;
	padding-right:385px;
	padding-top:10px; /*25px*/
	padding-bottom:10px; /*25px*/
}


.irsBoxWidth1>div:last-child{
	position:absolute;
	top:0px;
	right:0px;
	width:360px;
	height:645px;
	margin-top:10px;/*25px*/
	margin-right:15px;
	background-image:url(/Images/index/centerLine.png);
	background-size:5px 15px;
	background-repeat:repeat-y;
	background-position:center center;
}

.irsBoxWidth1>div:last-child>div{
	float:left;
	width:50%;
	margin-top:12px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.irsBoxWidth1>div:last-child>div:first-child{
	padding-right:2px;
}
.irsBoxWidth1>div:last-child>div:last-child{
	padding-left:3px;
}

.irsBoxWidth2{
	padding:15px;
	padding-right:205px;
	padding-top:10px;/*25px*/
	padding-bottom:10px;/*25px*/
}
.irsBoxWidth2>div:last-child{
	position:absolute;
	top:0px;
	right:0px;
	width:180px;
	height:645px;
	margin-top:10px;/*25px*/
	margin-right:15px;
}
.irsBoxWidth2>div:last-child>div{
	float:left;
	width:100%;
	margin-top:12px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.irsBoxWidth2>div:last-child>div:last-child{
	display:none;
}



.questionBox{
	width:100%;
	height:590px;
	background-color:#fff;
	border:5px solid #6cd6ea;
	padding: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+ */
}
.title{
	position:relative;
	width:100%;
	height:59px;
	background-color:#1952db;
	background-image:url(/Images/index/title_Bg.png);
	background-size:22px 4px;
	white-space:nowrap;
	padding-right:130px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.title:before{
   content:"";
   width:0px;
   height:100%;
   display:inline-block;
   position:relative;
   vertical-align:middle;
   background:#f00;
 }

.title>p{
	display:inline-block;
	color:#FFF;
	font-size:22px;
	font-weight:bold;
	vertical-align:middle;
	white-space:pre-wrap ;
	line-height:20px;
}

.Timing{
	position:absolute;
	width:100px;
	height:45px;
	top:0px;
	right:0px;
	background-color:#FF0;
	border-radius:6px;
	border-top-left-radius:23px;
	border-bottom-left-radius:23px;
	margin-top:7px;
	margin-right:7px;
	padding-left: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+ */
}

.Timing>div{
	position:absolute;
	top:0px;
	left:0px;
	margin:4px;
}
.Timing>p{
	text-align:center;
	width:100%;
	line-height:45px;
	font-size:30px;
	color:#1952db;
}

.questionContent{
	margin-top:5px;
	width:100%;
	height:500px;
	overflow:auto;
	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+ */
}

.questionBut{
	margin-top:8px;
}

.ButLeft{
	float:left;
	width:236px;
	height:46px;
}

.ButRight{
	float:right;
	width:116px;
	height:46px;
}

.ButCenter{
	width:100%;
	height:46px;
	text-align:center;
}

.but01{
	float:left;
	width:116px;
	height:46px;
	background-image: url(/Images/index/but01.png);
	background-size:116px auto;
	background-repeat:no-repeat;
	margin-right:4px;
	cursor:pointer;
}
.but01:hover{
	background-position:0px -46px;
}

.but02{
	float:left;
	width:116px;
	height:46px;
	background-image: url(/Images/index/but02.png);
	background-size:116px auto;
	background-repeat:no-repeat;
	cursor:pointer;
}
.but02:hover{
	background-position:0px -46px;
}

.but03{
	display:inline-block;
	width:116px;
	height:46px;
	background-image: url(/Images/index/but03.png);
	background-size:116px auto;
	background-repeat:no-repeat;
	cursor:pointer;
}
.but03:hover{
	background-position:0px -46px;
}

.but04{
	display:inline-block;
	width:116px;
	height:46px;
	background-image: url(/Images/index/but04.png);
	background-size:116px auto;
	background-repeat:no-repeat;
	cursor:pointer;
}
.but04:hover{
	background-position:0px -46px;
}

.but05{
	float:left;
	width:116px;
	height:46px;
	background-image: url(/Images/index/but05.png);
	background-size:116px auto;
	background-repeat:no-repeat;
	cursor:pointer;
}
.but05:hover{
	background-position:0px -46px;
}

.gray{
	background-position:0px -92px;
	cursor: default;
}
.gray:hover{
	background-position:0px -92px;
}

.focus{
	background-position:0px -92px;
	cursor: default;
}
.focus:hover{
	background-position:0px -92px;
}


.studentBox{
	width:100%;
	height:30px;
	margin-bottom:1px;
}

.status{
	float:left;
	width:26px;
	height:26px;
	margin:2px;
	margin-right:0px;
	font-size:25px;
	font-weight:bold;
	line-height:26px;
	text-align:center;
	color:#0018ff;
	
	background-size:26px auto;
	background-repeat:no-repeat;
}
.correct{
	background-image:url(/Images/index/icon02.png);
	background-position:0px 0px;
}

.error{
	background-image:url(/Images/index/icon02.png);
	background-position:0px -26px;
}
.toAnswer{
	background-image:url(/Images/index/icon02.png);
	background-position:0px -52px;
}

.stdLight{
	float:left;
	width:30px;
	height:30px;
	margin-right:4px;
	background-image:url(/Images/index/icon01.png);
	background-size:30px auto;
	background-position:0px -30px;
}

.onLine{
	background-position:0px 0px;
}
.studentId{
	font-size:16px;
	line-height:30px;
	color:#078f00;
	overflow:hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;
}

.QBox{
	margin-top:20px;
	overflow:hidden;
	font-size:36px;
	font-weight:bold;
	line-height:40px;
}

.QNumber{
	float:left;
	background-color:#093;
	width:40px;
	height:40px;
	text-align:center;
	margin-right:8px;
	border-radius:400px;
	color:#FFF;
	font-size:28px;
}

.QText{
	overflow:hidden;
}
.QText>.speaker{
	display:block;
	width:45px;
	height:40px;
	background-image:url(/Images/index/speakerIcon.png);
	background-repeat:no-repeat;
	background-size:45px auto;
	
	cursor:pointer;
}

.QText>.speaker:hover{
	background-position:0px -40px;
	
}

/*============================layout01=========================================*/

.layout01{
	margin-top:70px;
}

.layout01 img{
	display:block;
	width:100%;
	height:auto;
}

.L01Img{
	float:left;
	width:40%;
	margin-right:15px;
}
.L01OptionBox{
	overflow:hidden;
	font-size:36px;
	font-weight:bold;
	line-height:40px;
	
}
.L01Option{
	margin-bottom:55px;
}
.L01Option>div{
	float:left;
	background-color:#F90;
	width:40px;
	height:40px;
	text-align:center;
	margin-right:8px;
	border-radius:400px;
	color:#FFF;
	font-size:28px;	
}
.L01Option>p{
	overflow:hidden;
}


/*============================layout04=========================================*/

.layout04{
	margin-top:70px;
}

.layout04 img{
	display:block;
	width:100%;
	height:auto;
	border:1px solid #CCC;
}

.L04OptionBox{
	overflow:hidden;
	font-size:36px;
	font-weight:bold;
	line-height:40px;
	
}
.L04Option{
	float:left;
	width:30%;
	margin-right:3%
}


.L04Option>div{
	background-color:#F90;
	width:40px;
	height:40px;
	text-align:center;
	margin-bottom:8px;
	border-radius:400px;
	color:#FFF;
	font-size:28px;	
}

/*============================end=========================================*/

.endBox{
	padding:15px;
	padding-top:10px;/*25px*/
	padding-bottom:10px;/*25px*/
	
	position:relative;
	width:98%;
	height:665px;/*695px*/
	background-color:#FFF;
	border-radius:15px;
	margin:auto;
	overflow:hidden;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.endBox2{
	width:100%;
	height:92.8%;
	background-color:#fff;
	border:5px solid #e8eb43;
	border-top:0px;
	border-radius:15px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	padding: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+ */
}
.endMessage{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-255px;
	margin-top:-200px;
}

.endBut{
	position:relative;
	margin:auto;
	top:90px;
	width:226px;
	height:46px;
	background-image:url(/Images/index/but06.png);
	background-size:226px 92px;
	background-position:0px 0px;
	cursor:pointer;
}
.endBut:hover{
	background-position:0px -46px;
}


/*============================history=========================================*/

.historyBox{
	padding:15px;
	padding-top:10px;/*25px*/
	padding-bottom:10px;/*25px*/
	
	position:relative;
	width:98%;
	height:665px;/*695px*/
	background-color:#FFF;
	border-radius:15px;
	margin:auto;
	overflow:hidden;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.historyBox>div{
	width:100%;
	height:100%;
	background-color:#fff;
	border:5px solid #e8eb43;
	border-radius:15px;
	padding: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+ */
}

.historyTitleP{
	color:#FF0 !important;
	font-size:30px !important;
	padding-left:10px;
}

.printBut{
	position:absolute;
	display:block;
	width:112px;
	height:45px;
	border:0px;
	top:7px;
	right:6px;
	background-image:url(/Images/index/printBut.png);
	background-size:112px auto;
	cursor:pointer;
}
.printBut:hover{
	background-position:0px -45px;
}

.historyCont{
	width:100%;
	height:550px;
	margin-top:10px;
	overflow:auto;
	padding-left:10px;
	line-height:40px;
	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+ */
}

.historyTitle{
	font-size:36px;
	font-weight:bold;
	padding-bottom:40px;
}
.topic{
	overflow:hidden;
	margin-bottom:30px;
}

.topicImg{
	float:left;
	width:200px;
	margin-right:20px;
}

.topicImg>img{
	width:100%;
	height:auto;
	display:block;
	border:1px solid #ccc;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}


.topicText{
	overflow:hidden;
	font-size:28px;
	line-height:28px !important;
}
.topicText>p{
	margin-bottom:11px;
}

.topicText>p:nth-last-child(2){
	padding-top:10px;
	color:#00C;
}
.topicText>p:nth-last-child(1){
	color:#00C;
}

.topicText2{
	overflow:hidden;
	font-size:28px;
	line-height:28px !important;
	padding-top:7px;
	padding-bottom:15px;
}

.redText{
	color:#F00;
}


.topicBox{
	overflow:hidden;
}
.topicBox>.QText{
	margin-bottom:10px;
}

.topicAnswerImg{
	overflow:hidden;
}

.topicAnswerImg>div{
	float:left;
	width:23%;
	padding-right:2%;
}
.topicAnswerImg>div>img{
	width:100%;
	border:1px solid #ccc;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.topicAnswerImg p{
	font-size:28px;
}

/*============================backgroundProgram=========================================*/

.backgroundProgramBox{
	padding:15px;
	padding-top:10px;/*25px*/
	padding-bottom:10px;/*25px*/
	
	position:relative;
	width:98%;
	height:665px;/*695px*/
	background-color:#FFF;
	margin:auto;
	overflow:hidden;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.backgroundProgramBox>div{
	width:100%;
	height:100%;
	background-color:#fff;
	border:5px solid #6cd6ea;
	padding:10px;
	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+ */
}

.backgroundProgramBox>div>div>p{
	font-size:18px;
	line-height:30px;
	font-weight:bold;
}
.backgroundProgramBox>div>div>p>span{
	color:#F00;
	font-weight:normal
}

.backgroundProgramBox table td{
	border:1px solid #b8f4ff;
	padding:8px;
	font-size:16px;	
}

.backgroundProgramBox table tr td:nth-child(1){
	width:5%
}
.backgroundProgramBox table tr td:nth-child(2),.backgroundProgramBox table tr td:nth-child(3),.backgroundProgramBox table tr td:nth-child(4){
	width:31%
}

.backgroundProgramBox table tr:nth-child(1) td{
	background-color:#09c1e4;
	color:#FFF;
	font-weight:bold;
}

.backgroundProgramBox table tr:nth-child(2) img{
	width:50%;
	height:auto;
	display:block;
}
.backgroundProgramBox table tr:nth-child(3) img{
	float:left;
	width:33.333%;
	height:auto;
	display:block;
}

.backgroundProgramBox table tr:nth-child(3) p{
	padding-left:10px;
	margin-bottom:5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.backgroundProgramBox table textarea{
	width:100%;
	height:60px;
	resize: none;
	padding:7px;
	border:1px solid #e8eb43;
	background-color:#feffac;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.speaker2{
	width:45px;
	height:40px;
	background-image:url(/Images/index/speakerIcon.png);
	background-size:45px auto;
}

.bpBut{
	position:relative;
	margin:auto;
	top:50px;
	width:226px;
	height:46px;
	background-image:url(/Images/index/but06.png);
	background-size:226px 92px;
	background-position:0px 0px;
	cursor:pointer;
}
.bpBut:hover{
	background-position:0px -46px;
}


.alihnLeft{
	padding-top:5px;
	text-align:left;
	width:80%;
}

/*============================studentListBox=========================================*/

.studentListBox{
	padding:15px;
	padding-top:10px;/*25px*/
	padding-bottom:10px;/*25px*/
	
	position:relative;
	width:98%;
	height:665px;/*695px*/
	background-color:#FFF;

	margin:auto;
	overflow:hidden;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.studentListBox>div{
	position:relative;
	width:100%;
	height:100%;
	background-color:#fff;
	border:5px solid #6cd6ea;
	padding-top:10px;
	padding-bottom: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+ */
}

.slHeader{
	position:relative;
	width:100%;
	height:78px;
	background-color:#a6e6ff;
	overflow:hidden;
}

.slContent{
	width:100%;
	height:535px;
}
.sListBox{
	overflow:hidden;
	width:100%;
	padding-top:18px;
	padding-left:5px;
	padding-right:5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.sList{
	float:left;
	width:12.5%;
	margin-bottom:23px;
}
.sList>div{
	position:relative;
	width:75px;
	height:40px;
	margin:auto;
	background-color:#efefef;
	border-radius:5px;
}
.sList>p{
	text-align:center;
	font-size:16px;
	line-height:25px;
	color:#227a00;
	margin-top:5px;
	
	overflow:hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;
}

.sListNumber{
	float:left;
	width:45%;
	height:100%;
	line-height:40px;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	margin-left:3px;
	margin-right:2px;
}

.sList .stdLight{
	margin-top:5px;
}


.slButBox{
	position:absolute;
	bottom:18px;
	left:0px;
	width:100%;
	height:46px;
	text-align:center;
}

.slButBox>div{
	display:inline-block;
}
.prompt{
	margin-right:30px;
}
.prompt>div{
	display:inline-block;
	height:46px;
	width:125px;
	margin-left:3px;
	border:1px solid #dcdcdc;
	background-color:#FFF;
	border-radius:8px;
	
	overflow:hidden;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.prompt>div .stdLight{
	margin-top:8px;
}

.prompt>div>div{
	float:left;
}
.prompt>div>div:nth-child(1){
	line-height:44px;
	width:81px;
	margin-right:5px;
	font-weight:bold;
	font-size:17px;
	color:#030082;
	text-align:right;
}

.bur_cancal{
	width:136px;
	height:46px;
	overflow:hidden;
	margin-right:20px;
	
	background-image:url(/Images/index/but08.png);
	background-size:136px auto;
	background-repeat:no-repeat;
	cursor:pointer;
}
.bur_cancal:hover{
	background-position:0px -46px;
}

.bur_EnterIRS{
	width:176px;
	height:46px;
	overflow:hidden;
	margin-right:40px;
	
	background-image:url(/Images/index/but09.png);
	background-size:176px auto;
	background-repeat:no-repeat;
	cursor:pointer;
}

.bur_EnterIRS:hover{
	background-position:0px -46px;
}


.but_Ok{
	position:absolute;
	top:16px;
	right:10px;
	width:96px;
	height:46px;
	background-image:url(/Images/index/but07.png);
	background-size:96px auto;
	background-repeat:no-repeat;
	cursor:pointer;
}

.but_Ok:hover{
	background-position:0px -46px;
}

.slHText{
	line-height:30px;
	font-size:30px;
	padding-left:10px;
	margin-top:13px;
}

.slHText>p{
	float:left;
}

.slHText>select{
	float:left;
	line-height:30px;
	font-size:20px;
	padding:4px;
	padding-top:1px;
	padding-bottom:1px;
	margin-left:10px;
	margin-top:2px;
}

.slHText>div{
	float:left;
	width:100%;
	font-size:16px;
}

.slHText>div>input{
	width:16px;
	height:16px;
	vertical-align:-10%;
}

.finishedBox{
	text-align:center;
	padding-top:220px;
}

.finishedBox>img{
	width:407px;
	height:58px;
}

.finishBut{
	position:relative;
	width:250px;
	margin:auto;
	margin-top:80px;
}



/*============================upload=========================================*/

.uploadBox{
	width:90%;
	margin:auto;
	margin-top:10px;
	font-size:16px;
	line-height:28px;
}

.T1{
	font-size:20px;
	color:#F00;
	font-weight:bold;
}

.T2{
	position:relative;
	font-size:19px;
	color:#039;
	font-weight:bold;
	line-height:30px;
	margin-top:5px;
	overflow:hidden;
}
.T2>p{
	float:left;
}
.IMG_X{
	width:30px;
	height:30px;
	background-image:url(/Images/index/icon03.png);
	background-size:30px auto;
}
.IMG_V{
	width:30px;
	height:30px;
	background-image:url(/Images/index/icon03.png);
	background-size:30px auto;
	background-position:0px -30px;
}

.uploadListBox{
	width:100%;
	height:210px;
	border:1px solid #003399;
	margin-top:10px;
	overflow:auto;
	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+ */
}

.uploadListBox tr:first-child td{
	background-color:#498eff;
	color:#FFF;
	font-weight:bold;
}
.uploadListBox tr{
	line-height:30px;
}

.uploadListBox tr:nth-child(odd){
	background-color:#f4f8ff;
}
.tIcon{
	background-image:url(/Images/index/icon03.png);
	background-size:30px auto;
	background-repeat:no-repeat;
}
.iconX{
	background-position:center 0px;
}
.iconV{
	background-position:center -30px;
}

.uploadBut{
	width:116px;
	height:46px;
	background-image:url(/Images/index/but10.png);
	background-size:116px auto;
	cursor:pointer;
	margin:auto;
	margin-top:20px;
}

.uploadBut:hover{
	background-position:0px -46px;
}


.upload2Box{
	width:90%;
	margin:auto;
	margin-top:10px;
	font-size:16px;
	line-height:28px;
}

.uploadListBox2{
	width:100%;
	margin-top:10px;
	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+ */
}

.uploadListBox2 tr:first-child td{
	background-color:#498eff;
	color:#FFF;
	font-weight:bold;
	border-left:1px solid #C4EAF7;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.uploadListBox2 tr:first-child td:first-child{
	border-left:0px;
}

.uploadListBox2 tr{
	line-height:38px;
	background-color:#d4f0ff;
}

.uploadListBox2 tr:nth-child(odd){
	background-color:#f4f8ff;
}

.uploadListIcon{
	display:inline-block;
	position:relative;
	top:6px;
	width:24px;
	height:26px;
	background-image:url(/Images/index/uploadListIcon.png);
	background-size:100% auto;
	cursor:pointer;
}
.uploadListIcon:hover{
	background-position:0px -26px;
}

.uploadPopup{
	position:relative;
	margin:auto;
	width:500px;
	height:400px;
	top:50%;
	margin-top:-200px;
	background-color:#FFF;
	border-radius:20px;
}
.uploadCloseBut{
	position:absolute;
	width:60px;
	height:60px;
	top:-20px;
	right:-20px;
	background-color:#FFF;
	background-image:url(/Images/index/uploadListIcon2.png);
	background-size:60px; auto;
	background-position:center center;
	border-radius:30px;
	background-color:#ff6000;
	border:6px solid #fff;
	-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;
}
.uploadCloseBut:hover{
	background-color:#F90;
}

.uploadPopupTable{
	position:relative;
	top:20px;
	width:83%;
	margin:auto;
	
}
.uploadPopupTable tr{
	line-height:25px;
}
.uploadPopupTable tr:nth-child(even){
	background-color:#FFC;
}
.uploadPopupTable tr:first-child{
	background-color:#ff6000;
	color:#FFF;
}
.uploadPopupTable tr:last-child{
	background-color:#ff6000;
	height:2px;
}
.uploadPopupTable td:first-child{
	padding-left:15px
}
.uploadPopupTable td:last-child{
	width:150px;
	text-align:center;
}

#myAlert{
	position:fixed;
	width:100%;
	min-width:320px;
	height:100%;
	top:0px;
	left:0px;
	background-color:rgba(0%,0%,0%,0.6);
	z-index:99999;
	display:none;
}

.AlertBox{
	position:absolute;
	width:400px;
	min-height:200px;
	top:50%;
	left:50%;
	margin-top:-150px;
	margin-left:-200px;
	background-color:#FFF;
	border-radius:15px;
	padding-bottom:20px;
	overflow:hidden;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.AlertTitle{
	margin-top:15px;
	background-color:#F60;
	height:25px;
	font-size:20px;
	line-height:25px;
	color:#FFF;
	padding-left:10px;
	padding-right:10px;
	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+ */
	
}	

.AlertContent{
	margin-top:20px;
	padding-left:10px;
	padding-right:10px;
	line-height:20px;
	font-size:16px;
	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+ */	
}

.AlertCloseBur{
	position:relative;
	margin-top:40px;
	margin-left:155px;
	width:90px;
	height:40px;
	background-color:#1952db;
	color:#FFF;
	text-align:center;
	line-height:40px;
	border-radius:5px;
	cursor:pointer;
}

.AlertCloseBur:hover{
	position:relative;
	margin:auto;
	margin-top:40px;
	width:90px;
	height:40px;
	background-color:#39F;
	color:#FFF;
	text-align:center;
	line-height:40px;
	border-radius:5px;
	cursor:pointer;
}

.butLayout{
	position:relative;
	overflow:hidden;
	width:190px;
	margin: auto;
	margin-top:15px;
}
.butLayout>div{
	float:left;
}


.AlertButBetermine{
	margin:auto;
	width:90px;
	height:40px;
	background-color:#1952db;
	color:#FFF;
	text-align:center;
	line-height:40px;
	border-radius:5px;
	cursor:pointer;
	margin-right:10px;
}

.AlertButBetermine:hover{
	background-color:#39F;
}

.AlertButCancel{
	margin:auto;
	width:90px;
	height:40px;
	background-color:#F30;
	color:#FFF;
	text-align:center;
	line-height:40px;
	border-radius:5px;
	cursor:pointer;
}
.AlertButCancel:hover{
	background-color:#F60;
}