/* CSS Document */

body{margin:0; padding:0;}

a {text-decoration:none; color:#fff;}

.CourseNavi_2016 a {text-decoration:none; color:#000; cursor:pointer;}

a img {border: 0px;}

li{list-style-type:none; padding:0 0 0 0; margin:0 0 0 0;}

div{padding:0 0 0 0; margin:0 0 0 0;}

ul{padding:0 0 0 0; margin:0 0 0 0;}
	
p{padding:0 0 0 0; margin:0 0 0 0;}	
	
.hr {float:left; height:2px; width:100%;}

.MainWrapper{position:relative; margin: 0 auto; padding: 0 0 0 0; text-align:left; min-width:1000px; overflow:hidden;}
.wrapper {position:relative; margin: 0 auto; padding: 0 0 0 0; text-align:left; min-width:1000px; width:1000px; overflow:hidden;}

/* header start */

#header { min-width:1000px;}

#header2 { }
.HeaderNavi{  background-color:#666; width:100%; z-index:11111;}

.HeaderNaviLink{width:1000px; height:25px; margin:0 auto;}
.HeaderNaviLink ul li .NaviIntro { float:left; width:180px; height:20px; text-align:center; padding:5px 0 0 0;}
.HeaderNaviLink ul li .NaviHSCCentre { float:left; width:150px; height:20px; text-align:center; padding:5px 0 0 0;}
.HeaderNaviLink ul li .NaviCourse { float:left; width:150px; height:20px; text-align:center; padding:5px 0 0 0;}
.HeaderNaviLink ul li .NaviNewStudent { float:left; width:170px; height:20px; text-align:center; padding:5px 0 0 0;}
.HeaderNaviLink ul li .NaviOnline { float:left; width:150px; height:20px; text-align:center; padding:5px 0 0 0;}
.HeaderNaviLink ul li .NaviRegister { float:left; width:100px; height:20px; text-align:center; padding:5px 0 0 0;}
.HeaderNaviLink ul li .NaviLogin { float:left; width:100px; height:20px; text-align:center; padding:5px 0 0 0;}

.headerline{}
.HeaderBar{float:left; width:1000px;}

.logoandslogan{ height:130px;}
.logoandsloganbg{ }
.Logo{float:left; height:70px; margin:10px 0 0 10px;}
.SubPageLogo{background-image:url('../Img/Logo_Highschool2.png');}
.Slogan{float: right;margin:30px 10px 0 0px;}




/*header test------------*/

#header2 {height:165px;}
.HeaderNavi2{  background-color:#666; width:100%; z-index:11111;}

.logoandslogan2{height:90px; max-width:1000px; margin:0 auto;}
.logoandsloganbg2{}
.Logo2{float:left; height:70px; margin:10px 0 0 10px;}
.Slogan2{float: right;margin:30px 10px 0 0px;}

.HeaderBar2{ height:50px; }
.headerbar_L1{float:left; height:46px; width:10%; border-top: 4px solid  #FF7735;}
.headerbar_L2{float:left; height:46px; width:10%; border-top: 4px solid  #FF8346;}
.headerbar_L3{float:left; height:46px; width:10%; border-top: 4px solid  #FF8B53;}
.headerbar_L4{float:left; height:46px; width:40%; border-top: 4px solid #F96;border-top-right-radius:200px 50px; }
.headerbar_R{float:left; height:46px; width:30%;border-top: 4px solid #FC6;border-top-left-radius:200px 50px; }


/*header end*/

/*SubPage*/
.SubHeader{height:140px; background-color:#F58916; min-width:1000px;}
.SubHeader_Course{height:140px; background-color:#FFF; min-width:1000px;}
.SubSlide{width: 1000px; height:100px; }
.SubTitle{width: 930px; height:90px; padding:10px 0 0 70px;}
.SubNavi{ height:40px;  width:100%; z-index:9999; }
.SubNavibg{background-color: #F58916;} 
.SubNaviLink{float:left;  width:1000px; height:40px; background-color:#F58916; }
.SubNaviLink ul li{float: left; height:30px; min-width: 150px; text-align:center; padding:10px 0 0 0; margin-left:8%;}
.SubNaviArrow{float:left; width:20px; height:30px; padding:10px 0 0 0; }



/*container start*/

#container{position:relative; }

/*Banner*/
.banner {width: 1000px; height:350px; background-color: #FFF; }
.bannerSlide {width: 1000px; height:350px; }
.bennerbg{ background-color: #FFF;}


.bannerNavi{background-color:#666;}
.bannerNaviLink{width:1000px; height:40px;}
.bannerNaviLink ul li{float: left; width:250px; height:30px; text-align:center; padding:10px 0 0 0;}


/*MainLink*/

.QuickBanner{background-color:#e9e9e4;}
.mainLink{width: 1000px; height:240px; margin:0 auto;}
.ML1 {float:left; Width:250px; height: 200px; text-align:center; padding:20px 40px 0 40px;}



/*CourseNavi*/
.CourseSubNavi{background-color:#F58916;}
.CourseSubNaviLink{width:1000px; height:40px;}
.CourseSubNaviLink ul li{float: left; width:165px; height:30px; text-align:center; padding:10px 0 0 0;}


/*SubLink*/
.QuickBanner2{background-image:url(../img/pinkbg.png);}
.SubLink2{width: 960px; height:500px; padding: 20px; margin:0 auto;}
.LinkBox {float:left; width:480px;}
.SL1 {float:left; WIDTH:170px; height: 120px; margin:10px 10px 10px 10px; padding: 5px;background-color:#FFF;}
.SL2 {float:left; WIDTH:180px; height: 130px; margin:10px 10px 10px 10px; background-color:#FFF;}
.fromthebest{float:left;width:450px;}

/*Pre-Uni Online*/
.OnlineSlider{width: 960px; height:160px; padding:20px; margin:0 auto;}
.Onlineicon{ float: left; height:150px; width:125px; margin: 0 5px 0 5px; text-align:center;}
.arrow{float: left; height:125px; width:40px; margin: 0 5px 0 5px;}



/*MissionStatement*/
.MissionStatement { position:relative; background-color:#F1F1F2;}
.MissionStatementContents {}


/*Heldin*/
.Heldin { position:relative; background-color:#D1D2D4;}
.HeldinContents{}


/*OurValue*/
.OurValue { position:relative; background-color:#fff;}
.OurValueContents{ padding: 40px 50px 40px 50px; height:400px;}
.valuebox{float:left; width:160px; height:160px; background-color:#fff; margin:5px; text-align:center; padding:5px;}
 .ValueBox {
    float: left;
    width: 160px;
    height: 160px;
    background-color: #EF9C81;
    margin:5px;
    text-align: center;
    padding:5px;
}

.MouseOnBlock {
    position: absolute;
    z-index: 1;
    display: block;
    width: 160px;
    height: 160px;
    background-color: #333;
    padding:5px;
    margin:-5px;
    text-align:left;
}

.MouseOutBlock {
    position: absolute;
    z-index: 2;
    display: block;
    width: 160px;
    height: 160px;
    background-color: #EF9C81;
    padding:5px;
    margin:-5px;
}

/*LearningSystem*/
.LearningSystem { position:relative; background-color:#E4E3E0;}
.LearningSystemContents{ padding: 40px 50px 40px 50px; height:240px; background-color:#E4E3E0;}
.LearningSystemBefore{float:left; width:200px; height:200px; background-color:#EF9C81; margin:5px; text-align:center; padding:5px;}
.LearningSystemAfter{float:left; width:190px; height:190px; background-color:#333; margin:5px; text-align:left; padding:10px;}

.LearningSystemBox {
    float:left; 
    width:200px; 
    height:200px;
    background-color:#EF9C81; 
    margin:5px; 
    text-align:center; 
    padding:5px;
}

.LearningSystemBox .MouseOnBlock {
    position: absolute;
    z-index: 1;
    display: block;
    width: 200px;
    height: 200px;
    background-color: #333;
    padding:5px;
    margin:-5px;
    text-align:left;
}

.LearningSystemBox .MouseOutBlock {
    position: absolute;
    z-index: 2;
    display: block;
    width: 200px;
    height: 200px;
    background-color: #EF9C81;
    padding:5px;
    margin:-5px;
}


/*ContactUs*/
.ContactUs { position:relative; background-color: #E4E3E0;}
.ContactUsContents{ padding: 40px 50px 40px 50px; height:800px; background-color:#E4E3E0;}
.ContactUsColumn1{float: left; width:400px; }
.ContactUsColumn2{float: left; width:450px;  height:810px; margin: 0 0 0 50px; background-color:#333;}
.Contact{float: left; width:370px; height:370px; background-color:#FFF;padding:15px;}
.OpeningHours{float:left; width:370px; height:350px; background-color:#FFF; margin:30px 0 0 0;padding:15px;}
.googleMap{ float:left; width:400px; height:300px; padding:25px;}
.Social{float: left; width:400px; height:150px; padding:0  25px 0 25px ;}


.icon{ float:left; width: 60px; height:50px; padding: 10px;}
.ContactUsText{float: left; width:249px;height:50px; margin:10px; border-left: solid 1px #F90; padding: 0 10px 0 10px;}
.OpeningHoursText{float: left; width:50px;height:120px; margin:10px; border-left: solid 1px #F90; padding: 0 10px 0 10px; text-align:center;}
.OpeningHoursText2{float: left; width:150px;height:120px; margin:10px; border-left: solid 1px #F90; padding: 0 10px 0 10px;}


/*HSCSuccess*/
.HSCSuccess { position:relative; background-color:#F1F1F2; height:100%; }
.HSCSccessWrapper{margin: 0 auto; padding: 0 0 0 0; width: 1000px;  text-align: left; overflow:hidden;  } 
.HSCSuccessContents{ width:1000px; background-color:#FFF;}
.HSCSuccessC1H1{float:left; width:720px; height:120px; padding: 0 0 0 30px;}
.HSCSuccessC1H2{float:left; width:730px; height:860px; padding: 0 0 0 20px;}
.HSCSuccessC2H1{float:left; width:220px; height:150px; padding:20px 0 20px 30px;}
.HSCSuccessC2H1_2{float:left; width:220px; height:150px; padding:20px 0 20px 30px;}
.HSCSuccessC2H2{float:left; width:220px; height:860px; padding:0 0 0 30px; }
.SuccessBox{float:left; width:700px; margin:20px 0 0 0; }
.Sucess2012{float:left;width: 1000px; }
.Sucess2011{float:left;width: 1000px;}
.Sucess2010{float:left;width: 1000px;}
.Successlisttable{margin:0;}
.MoreDiv{cursor:pointer;}
.Btn_Close{float:right; height:30px; width:40px; margin:30px 50px 0 0; cursor:pointer;}

.MoreDiv{cursor:pointer;}

table.Successlisttable {
	 font-family: verdana,arial,sans-serif;
  	 font-size:11px;
 	 color:#333333;
 	 border-width: 1px;
 	 border-color: #666666;
 	 border-collapse: collapse;
 	 height:auto;
	 width:700px;
}
table.Successlisttable th {
	padding: 4px;
	border-bottom: solid 1px #666;
	border-left: solid 5px #FFF;
	text-align:left;
}
table.Successlisttable td {
	padding: 4px;
	border-bottom: solid 1px #fff; 
	border-left: solid 5px #FFF;
}

/*table.Successlisttable {
	 font-family: verdana,arial,sans-serif;
  	 font-size:11px;
 	 color:#333333;
 	 border-width: 1px;
 	 border-color: #666666;
 	 border-collapse: collapse;
 	 height:auto;
}
table.Successlisttable th {
	padding: 4px;
	border-bottom: solid 1px #666;
	border-left: solid 5px #FFF;
	text-align:left;
}
table.Successlisttable td {
	padding: 4px;
	border-bottom: solid 1px #fff; 
	border-left: solid 5px #FFF;
}*/

/*course*/
.Course{ position:relative; height:auto; min-height:350px; background-color: #E4E3E0; padding-bottom:40px; min-width:1000px;}
.CourseContents{width:970px; height:auto; padding:15px; background-color:#E4E3E0;} 
.CourseBox{ float:left; width:250px; height:300px; background-color: #F58916; margin:20px 20px 0 20px; padding:15px;text-align:center;} 
.CourseBoxG{ float:left; width:250px; height:300px; background-color: #CCC; margin:20px 20px 0 20px; padding:15px; text-align:center;}



.CourseBox .CourseName { 
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:20px;
	color:#ffffff;
	font-weight:300;
}

.CourseBox .Description { 
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
}

.CourseBoxG .CourseName { 
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:20px;
	color:#000;
	font-weight:300;
}

.CourseBoxG .Description { 
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}

/*courseDetail*/
.CourseDetail{ float:left; width:1000px; background-color:#333;}

.C_TransitionProgram{float: left; width:900px; margin:50px;}
.C_HolidayCourses{float: left; width:900px; margin:50px;}
.C_TransitionProgram{float: left; width:900px; margin:50px;}


.CDetail_Title {float:left; width:880px; padding:0 0 0 20px; background-color:#333;}
.CDetail_Box{float: left; width:860px; background-color:#FFF; padding:20px; }
.C_GotoTimetableBtn{ margin:0 0 20px 700px; cursor:pointer;}
.C_TopBtn{ float:right;}

/*--------------------------------*/

table.CourseStruc{width:860px;border-width:1px; font-family: verdana,arial,sans-serif; font-size:11px; border-top:4px #F93 solid;}

table.CourseStruc th {padding:4px; background-color:#EBEBE7; width:150px; border-bottom: 1px solid #fff; }

table.CourseStruc td { padding:4px;height:24px;border-bottom: 1px solid #EBEBE7;}

/*--------------------------------*/

table.CourseSession{width:860px;border-width:1px; font-family: verdana,arial,sans-serif; font-size:11px; border-top:4px #F93 solid; margin:20px 0 20px 0  ;}

table.CourseSession th { padding:4px; background-color:#EBEBE7;width:150px;border-bottom: 1px solid #fff;}

table.CourseSession td { padding:4px;height:24px; border-bottom: 1px solid #EBEBE7;}

/*--------------------------------*/

table.CourseTopic{width:860px;border-width:1px; font-family: verdana,arial,sans-serif; font-size:11px; border-top:4px #FC3 solid; margin:0 0 20px 0 ;}

table.CourseTopic th { padding:4px; background-color:#EBEBE7;width:150px; border-bottom: 1px solid #fff;}

table.CourseTopic td { padding:4px;height:24px; border-bottom: 1px solid #EBEBE7;}




/*Timetable*/
.Timetable { position:relative;  background-color:#fff;}
.Timetable select{
    width:150px; 
	height: 35px;
 	padding:3px;
    margin: 0;
    -moz-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color: #888;
    border: 1px solid  #CCC;
    outline:none;
    cursor:pointer;

}

.TimetableContents{ min-height:700px; display:block; position:relative; background-color:#FFF;}
.TimetableBox{float:left; width:900px; padding:30px 50px 20px 50px; display:block;}

.timetableserch{float: left; width:320px; margin :40px 0 0 630px;}

table.Timetable1 {
	float: left; 
	font-family: verdana,arial,sans-serif;
 	font-size:11px;
 	color:#333333;
	border-width: 1px;
	border-collapse: collapse;
	width:900px;
}

table.Timetable1 th {
	padding: 4px;
	border-bottom: solid 1px #666;
	text-align:center;
}
table.Timetable1 td {
	padding: 4px;
	border-bottom: solid 1px #CCC; 
	height:25px !important;
}

.downloadBtn67{ width:100px; height:23px; background-color:#FC6; text-align:center; border-radius: 7px; padding:2px 0 0 0; margin: 0 0 0 40px; cursor:pointer;}
.downloadBtn6{ width:100px; height:23px; background-color: #FF7533; text-align:center; border-radius: 7px; padding:2px 0 0 0; margin: 0 0 0 40px; cursor:pointer;}
.downloadBtn7{ width:100px; height:23px; background-color:#FC6; text-align:center; border-radius: 7px; padding:2px 0 0 0; margin: 0 0 0 40px; cursor:pointer;}
.downloadBtn8{ width:100px; height:23px; background-color: #FF7533; text-align:center; border-radius: 7px; padding:2px 0 0 0; margin: 0 0 0 40px; cursor:pointer;}
.downloadBtn9{ width:100px; height:23px; background-color:#FC6; text-align:center; border-radius: 7px; padding:2px 0 0 0; margin: 0 0 0 40px; cursor:pointer;}
.downloadBtn10{ width:100px; height:23px; background-color: #FF7533; text-align:center; border-radius: 7px; padding:2px 0 0 0; margin: 0 0 0 40px; cursor:pointer;}
.downloadBtn11{ width:100px; height:23px; background-color:#FC6; text-align:center; border-radius: 7px; padding:2px 0 0 0; margin: 0 0 0 40px; cursor:pointer;}
.downloadBtn12{ width:100px; height:23px; background-color: #FF7533; text-align:center; border-radius: 7px; padding:2px 0 0 0; margin: 0 0 0 40px; cursor:pointer;}


/*----------Booking--------------*/
.Book { position:relative;  background-color: #FFF;}
.Bookhow{width:900px; height:230px; padding: 20px 50px 30px 50px; text-align:center;}
.BookContents {height:1000px; background-color:#FFF; padding: 50px;}
.BookMenuSelect{float:left; width:183px; height:40px; background-color:#fff; Border-top: 1px solid #E8E8E8; border-left: 1px solid #E8E8E8;padding:20px; margin-right:1px;}

.BookMenuSelect2{float:left; width:183px; height:40px; background-color:#fff; Border-top: 1px solid #E8E8E8; padding:20px; margin-right:1px;}

.BookMenu{float:left; width:183px; height:40px; background-color: #E8E8E8; Border-top: 1px solid #E8E8E8; border-left: 1px solid #E8E8E8;  margin-right:1px; padding:20px;}

.BtnBook{float:left; width: 220px; height:80px; margin:10px 10px 0 0px; }
.BtnTrialTestBook{float:left; width: 220px; height:80px; margin:10px 10px 0 0px; border-top: 2px solid #E8E8E8 }

.errorO{width:20px; height:20px; float:left;}
.errorX{width:20px; height:20px; float:left;}
.errorBox3{float:left; width:550px; height:70px; padding:5px;margin:10px 0 0 0; border-top:2px solid #DEE3EB; 
}
.agreecheck{float:left; width:600px; height:25px; margin:20px 0 0 0; }

.BookingFormfield{float:left; min-height:580px; padding:20px 0 20px 40px; width: 857px; border-left: 0px solid #E8E8E8; border-right: 0px solid #E8E8E8; border-bottom: 0px solid #E8E8E8;  background-color: #fff }

/*----------Booking Entrance Test Form--------------*/

.BookingEntranceTestForm{ float:left; width:600px; height:480px; background-color: #fff; border-bottom:2px solid #DEE3EB; }

.BookingEntranceTestForm_R{float:left; width:220px; height:550px; background-color: #fff }

form.BookingEntranceTest{width:600px;}

form p{clear:both; margin: 0;padding:5px;}

form.BookingEntranceTest fieldset{width:600px; border:0px solid #CCC; background-color: #fff;  float:left; border-radius: 2px}

form.BookingEntranceTest legend{width: 580px; height:30px; display:block;padding:20px 0 0 20px; border-bottom: 2px solid #DEE3EB;}

form.BookingEntranceTest label{width:150px; float: left; margin-right: 10px; margin-top:5px;}

form.BookingEntranceTest label.option{float: left; width: 400px; text-align: right;margin-right: 6px ;margin-top:2px;}

form.BookingEntranceTest input{float: left; margin: 0 2px 0 0;}

form.BookingEntranceTest input[type=text]{border: 1px solid #CCC; height: 25px; width: 380px; padding-left:3px; border-radius: 2px}

form.BookingEntranceTest input[type=password]{border: 1px solid #CCC; height: 25px; width: 380px; padding-left:3px; border-radius: 2px}

form.BookingEntranceTest input[type=submit]{ cursor:pointer;}

form.BookingEntranceTest input:focus,select:focus{outline:none; border-color: #FF8080; height: 25px;}

form.BookingEntranceTest input.checkbox[type=checkbox]{border: 1px solid #CCC; height: 18px; width:18px;  border-radius: 2px}

form.BookingEntranceTest input.checkbox:focus{outline:none; border-color: #FF8080; height: 18px;}


form.BookingEntranceTest select.Campus{float: left; border: 1px solid #CCC; width : 200px; height: 28px; padding-left:5px; border-radius: 2px}

form.BookingEntranceTest select.SchoolYear{float: left; border: 1px solid #CCC; width : 200px; height: 28px; padding-left:5px; border-radius: 2px}

/*----------Booking Trial Test Form--------------*/


.BookingTrialTestForm{ float:left; width:820px; height:550px; background-color: #fff; margin-bottom:30px; }

.BookingTrialTestForm_R{float:left; width:220px; height:550px; }

form.BookingTrialTestForm{width:820px;}

form p{clear:both; margin: 0;padding:5px;}

form.BookingTrialTestForm fieldset{width:800px; border:0px solid #CCC; background-color: #fff;  float:left; border-radius: 2px}

form.BookingTrialTestForm legend{width: 580px; height:30px; display:block;padding:20px 0 0 20px; border-bottom: 2px solid #DEE3EB;}

form.BookingTrialTestForm label{width:150px; float: left; margin-right: 10px; margin-top:5px;}

form.BookingTrialTestForm label.option{float: left; width: 400px; text-align: right;margin-right: 6px ;margin-top:2px;}

form.BookingTrialTestForm input{float: left; margin: 0 2px 0 0;}

form.BookingTrialTestForm input[type=text]{border: 1px solid #CCC; height: 25px; width: 380px; padding-left:3px; border-radius: 2px}

form.BookingTrialTestForm input[type=password]{border: 1px solid #CCC; height: 25px; width: 380px; padding-left:3px; border-radius: 2px}

form.BookingTrialTestForm input[type=submit]{ cursor:pointer;}

form.BookingTrialTestForm input:focus,select:focus{outline:none; border-color: #FF8080; height: 25px;}

form.BookingTrialTestForm input.checkbox[type=checkbox]{border: 1px solid #CCC; height: 18px; width:18px;  border-radius: 2px}

form.BookingTrialTestForm input.checkbox:focus{outline:none; border-color: #FF8080; height: 18px;}


form.BookingTrialTestForm select.Campus{float: left; border: 1px solid #CCC; width : 200px; height: 28px; padding-left:5px; border-radius: 2px}

form.BookingTrialTestForm select.SchoolYear{float: left; border: 1px solid #CCC; width : 200px; height: 28px; padding-left:5px; border-radius: 2px}

form.BookingTrialTestForm select.Subject{float: left; border: 1px solid #CCC; width : 200px; height: 28px; padding-left:5px; border-radius: 2px}




/*----------Booking 1 to 1 Test Form--------------*/

.Book1t01Form{ float:left; width:820px; min-height:420px; background-color: #fff; border-bottom:2px solid #DEE3EB; }

.BtnBook_1t01{float:left; width: 100px; height:25px;  }
.BtnBook_1t01 
.Avaialble{background-color:#F58916; color:#FFF; font-size:15px; border:0; height:25px; width:100px; cursor:pointer;}
.Avaialble:hover{background-color:#999; color:#FFF; font-size:15px; border:0; height:25px; width:100px; cursor:pointer;}
.UnAvailable{background-color:#5C5C5C; color:#FFF; font-size:15px; border:0; height:25px; width:100px;}
.Cancel{background-color:#999; color:#FFF; font-size:15px !important; border:0; height:25px; width:100px; }
.Cancel:hover{background-color:#5C5C5C; color:#FFF; font-size:15px; border:0; height:25px; width:100px; cursor:pointer; }

.Book1t01{width:600px;}

.Book1t01 p{clear:both; margin: 0;padding:5px;}

.Book1t01Form fieldset{width:800px; border:0px solid #CCC; background-color: #fff;  float:left; border-radius: 2px}

.Book1t01Form legend{width: 790px; height:30px; display:block;padding:20px 0 0 20px; border-bottom: 2px solid #DEE3EB;}


.Book1t01Calendar{float: left; width:220px; min-height:360px; padding:20px;}
.Book1t01Session{float: left; width:499px; min-height:360px;padding:20px; border-left:dotted 1px #666;}


.Calendarposition{float:left; width:220px; height:210px; margin-top: 20px;}
.LessonDate{float:left; width:220px; height:20px; }
.LessonDateBox {float:left; width:216px; height:35px; border: 1px solid #F58916; padding:5px 0 0 3px; border-radius: 5px; background-color:#FFF;}
.LessonDateBox input{
    border: 5px solid white; 
    font-size: 18px;
    padding: 0px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 5px 0;
}

.sessiontabletr{float:left; width:497px;}

.sessionStrat{float:left; width:120px; height:15px; border-bottom: 1px solid #F58916; padding:2px;}
.sessionEnd{float:left; width:120px; height:15px;border-bottom: 1px solid #F58916;padding:2px;}
.sessionAvailable{float:left; width:120px; height:15px;border-bottom: 1px solid #F58916;padding:2px; text-align:center;}
.sessionBooking{float:left; width:120px; height:15px;border-bottom: 1px solid #F58916; padding:2px; text-align:center;}

.session1{float:left; width:120px; height:25px; border-bottom: 1px solid #CCC; padding:9px 2px 0 2px;}
.session2{float:left; width:120px; height:25px; border-bottom:  1px solid #CCC; padding:9px 2px 0 2px;}
.session3{float:left; width:120px; height:25px; border-bottom:  1px solid #CCC; padding:9px 2px 0 2px; text-align:center;}
.session4{float:left; width:112px; height:30px; border-bottom:  1px solid  #CCC;padding:4px 0  0 13px; }

.Book1t01_infoicon{float:left; width:50px;  margin: 140px 10px 0 30px;}
.Book1t01_infotext{float:left;  margin: 150px 10px 0 0;}

/*.sessionStrat{float:left; width:146px; height:15px; border-bottom: 1px solid #F58916; padding:2px;}
.sessionEnd{float:left; width:146px; height:15px;border-bottom: 1px solid #F58916;padding:2px;}
.sessionBooking{float:left; width:110px; height:15px;border-bottom: 1px solid #F58916; padding:2px; text-align:center;}

.session1{float:left; width:146px; height:25px; border-bottom: 1px solid #CCC; padding:9px 2px 0 2px;}
.session2{float:left; width:146px; height:25px; border-bottom:  1px solid #CCC; padding:9px 2px 0 2px;}
.session3{float:left; width:108px; height:30px; border-bottom:  1px solid  #CCC;padding:4px 0  0 7px; }*/





/*Event Details*/

.Book1t01Review{background-color:#F0F0F0;position:relative;}
.Book1t01ReviewContents{height:500px; padding:50px 50px 50px 50px; background-color: #F8F8F8;}



/*-----Event Detail Form---------------------------------*/

.Book1t01ReviewForm{float:left; width:410px; height:400px; margin: 0 0 0 0; background-color: #fff; box-shadow: 0 4px 12px #D3DAE4; border-top: 4px solid #F58916;}

.Book1t01Review{width:410px;}

.Book1t01Review fieldset{width:410px; border:0px solid #CCC; float:left; border-radius: 2px}

.Book1t01Review legend{width: 360px; height:30px; display:block;padding:20px 0 0 20px; border-bottom: 2px solid #DEE3EB;}

.Book1t01Review input {float: left; margin: 0 2px 0 0; width: 240px; border: 1px solid #CCC; height: 25px; padding-left:3px; border-radius: 2px}

.Book1t01Review .title{width: 275px; border: 1px solid #CCC; height: 25px; padding-left:3px; border-radius: 2px}

.Book1t01Review .start{width: 275px; border: 1px solid #CCC; height: 25px; padding-left:3px; border-radius: 2px}

.Book1t01Review .end{width: 275px; border: 1px solid #CCC; height: 25px; padding-left:3px; border-radius: 2px}

.Book1t01Review .time{width: 100px; border: 1px solid #CCC; height: 25px; padding-left:3px; border-radius: 2px}

.Book1t01Review input[type=submit]{ cursor:pointer;}

.Book1t01Review input:focus,select:focus, textarea:focus {outline:none; border-color: #F96; }

.Book1t01Review textarea{border: 1px solid #CCC;}


/*-----Book1t01Review---------------------------------*/

.Book1t01ReviewTable{float:left; width:370px; padding:20px; }
.BR_th{float:left; width:87px; height:25px; margin:6px 5px 6px 5px; padding-top:2px;}
.BR_th2{float:left; width:47px; height:25px;margin:6px 5px 6px 5px; padding-top:2px;}
.BR_td{float:left; height:22px; width:260px;margin:6px 5px 6px 5px; padding-top:5px;}
.BR_td2{float:left; height:27px; width:260px; margin:6px 5px 6px 5px;}
.BR_td3{float:left;  width:260px; margin:6px 5px 6px 0px;}
.BR_td3 textarea { width:250px; margin:6px 5px 6px 5px;}

.Book1t01Review select .subject{width: 200px;height: 28px; color: #A3A3A3;}

.Book1t01Confirmed{float:left; width:360px;  height:200px; padding:25px; text-align:center;}

.BtnConfirm{float:left; width:153px; height:50px; margin:10px 0 0 105px; cursor:pointer;}
.BtnConfirm .Enabled{background-color:#F58916; color:#FFF; font-size:20px; border:0; height:50px; width:150px; cursor:pointer;}
.BtnConfirm .Disabled{background-color:#999; color: #5C5C5C; font-size:20px; border:0; height:50px; width:150px;}
.BtnClose{float:left; width:153px; height:50px; margin:10px 0 0 130px;}


.OneToOneConfirmClose{background-color:#F58916; color:#FFF; margin-top:50px; font-size:20px; border:0; height:50px; width:150px; cursor:pointer;}
.OneToOneConfirmClose:hover{background-color:#5C5C5C; color:#FFF; margin-top:50px; font-size:20px; border:0; height:50px; width:150px; cursor:pointer;}


/*----------CHECK LIST change--------------*/


/*checklist*/
.Checklist {position: relative;}
.ChecklistContents{width:900px; height:1570PX; padding:50px;}
.checklistC1 {float:left; width:450px; margin: 20px 0px 40px 0px; background-color:#FFF; min-height:480px; }
.checklistC2 {float:left; width:860px;  height: 450px; margin: 20px 0px 0 0px; padding: 20px; background-color:#FFF;}
.checklistC3 {float:left; width:400px; height: 35px;  padding: 30px 20PX 20PX 30PX; background-color: #B4AC8D; margin: 20px 0px 0 0px;}
.checklistbox{float:left; width:410px; margin: 40px 20px 0 20px;}
.ChecklistTitle{float:left; width:900px; height: auto;  padding:20px 0 20px 0; text-align:center;} 
.checkicon {float:left; width:110px; height:90px;}
.checkicon2 {float:left; width:30px; height:90px;}
.checktext{float:left;  width:250px; padding:8px; min-height:74px;}
.bookingBtn{  float:left; width:150px; height:28px; background-color: #F36A2F; text-align:center; padding:4px 0 0 0; margin:0 20px 0 120px ;}


table.Checklist_needtodo th {
	padding: 4px;
	border: solid 1px #F93;
	text-align:center;
	width:150px;
	height:90px;
}
table.Checklist_needtodo td {
	padding: 10px;
	height:25px;
	border-bottom: 1px dotted #F93;
}


#down-triangle {
	float:left;
    width:0;
    border-top:solid 30px white;
    border-right:solid 50px transparent;
    border-left:solid 50px transparent;
	margin:0 0 0 380px;

}

#down-triangle2 {
	float:left;
    width:0;
    border-top:solid 30px #F93;
    border-right:solid 50px transparent;
    border-left:solid 50px transparent;
	margin:0 0 0 380px;

}

/*My HSC Story*/
.MyHSCStory{position:relative;}
.MyHSCStoryContents{width:1000px; height:auto; background-color:#fff;}
.MyHSCStorybox{float:left; width:918px; min-height:270px; margin:20px; padding:10px; background-color: #EBEBE7; border: 1px solid #CCC;}
.MyHSCStoryImage{float:left; width:220px; height:240px; margin:10px 20px 0 20px; background-color:#333; border: 1px solid #CCC;}
.MyHSCStoryDetail{float:left; width:630px; min-height:240px; margin:10px 10px 10px 0; background-color:#FFF; border: 1px solid #CCC;}
.MyHSCStoryC1{float:left; width:200px; height:220px; background-color:#FFF; padding: 10px;}
.MyHSCStoryC2{float:left; width:300px; min-height:190px; background-color:#FFF;padding: 50px 0 0 10px;}
.MyHSCStoryC3{float:left; width:100px; height:240px; background-color:#FFF;}
.MyHSCStoryAtarScore {width:75px; height: 70px; padding:5px;}
.MyHSCStoryYear{float:left; width:200px; height:30px;  padding:40px 0 10px 800px;}


.MyHSCStory select {
	width:150px; 
	height: 35px;
 	padding:3px;
    margin: 0;
    -moz-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color: #888;
    border: 1px solid  #CCC;
    outline:none;
    appearance:none;
    cursor:pointer;
}

.TakenSubject ul li{
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	color: #000;
    background: url('images/bullet_black.png') no-repeat left 5px top 6px;
    background-size:3px 3px;
    padding-left:1em;
    
}

.TakenSubject {
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	color: #000;
    
    background-size:3px 3px;
    padding-left:1em;
}


/*ATAR*/
.ATAR{ position:relative; background-color: #fff;}
.ATARContents{ padding: 40px 50px 40px 50px; min-height:1000px; background-color:#fff;}
.ATARtable{float: left; width:870px; height:auto; background-color:#EBEBE7; border:2px solid #F36A2F; text-align:center;}
.ATARText{float: left; width:249px;height:50px; margin:10px; border-left: solid 1px #F90; padding: 0 10px 0 10px;}
.ATARhow{FLOAT:LEFT; text-align:center; width:870px;}

table.ATARChart{width:870px; border-width:1px; font-size:11px;}

table.ATARChart th {padding:4px; background-color: #F36A2F; min-width:70px; height:30px;}
table.ATARChart td { padding:4px; height:50px;  border-bottom: 1px solid #CCC; background-color:#EBEBE7;}

.ATAR select {
	width:150px; 
	height: 35px;
 	padding:3px;
    margin: 0;
    -moz-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color: #888;
    border: 1px solid  #CCC;
    outline:none;
    appearance:none;
    cursor:pointer;

}


.ATAR select .subject {width:160px; height:30px;}

.ATAR select .PScore { width:130px; height:30px;}

.ATAR input { width:120px; height:24px; border:1px solid #CCC;}


input.hsc { width:80px; height:24px;}
input.UnitCnt { width:80px; height:24px;}
input.Aggregate {float:right; width:150px; height:38px;}


table.ATARCalculator{width:870px; border-width:1px; font-size:11px; background-color:#EBEBE7;}
table.ATARCalculator td {padding:4px; height:50px; text-align:right; border-bottom:1PX solid #CCC;}


.aggregate{float:left; width:540px; height:30px; text-align:right; margin:10px 5px 10px 0; padding:10px 0 0 0;}
.aggregateinput{float:left; width:152px; height:40px; text-align:right;  margin:10px 5px 10px 0px;}
.BtnCalculate{float:left; width: 150px; height:40px; margin:10px 0 10px 0;}
.BtnClear{float:left; width: 150px; height:40px; margin:10px 0 10px 0;}

.uacbanner{float:left; width:870px; margin:50px 0 0 0; border:2px solid #9C0;}

.styled-select{
	width:305px;
	height:40px; 
	line-height:30px;
	overflow: hidden;
	margin:10px 0 10px 0px;
	background-color:#FFF;
	border: 1px solid #ccc;
    box-shadow:inset 0 0 1px #Fff;
    -moz-box-shadow:inset 0 0 1px #Fff;
    -webkit-box-shadow:inset 0 01px #Fff;
	
}
.styled-select select{
	-webkit-appearance: none;
    -moz-appearance: window;
    background: transparent;
    width: 100%;
    padding: 3px 3px 3px 3px;
    border: 0;

}

/*
/*---------------FAQ add start-------------------*/

/*FAQ*/
.FAQ{position:relative; background-color: #fff;}
.FAQContents{width:880px; padding: 40px 60px 40px 60px;  min-height:1000px; background-color:#fff; }
.FAQtable{float: left; width:870px; height:auto; background-color:#EBEBE7; border-top:2px solid  #F58916; border-bottom: 2px solid  #F58916; margin: 0 0 50px 0; }
.FAQText{float: left; width:249px;height:50px; margin:10px; border-left: solid 1px #F90; padding: 0 10px 0 10px;}
.FAQhow{float:left; text-align:center; width:870px;}

.FAQ_search{float: left; height:42px; width:420px; margin :40px 0 10px 470px;}
.FAQ_search .searchinput{margin-left:160px;}

table.FAQ{width:870px; border-width:1px; font-size:11px;}

table.FAQ th {padding:4px; background-color: #fff; min-width:70px; height:30px; border-bottom:2px dotted #F58916; }

table.FAQ td { padding:4px; height:40px;  border-bottom: 1px solid #CCC; background-color:#fff;}

table.FAQ td.Question { cursor:pointer;}

/*---------------FAQ add END-------------------*/





/*.MyHSCStory{position:relative;}
.MyHSCStoryContents{width:1000px; height:auto; background-color:#fff;}
.MyHSCStorybox{float:left; width:918px; padding:10px; background-color: #EBEBE7; border: 1px solid #CCC;}
.MyHSCStoryImage{float:left; width:220px; height:240px; margin:10px 20px 0 20px; background-color:#333; border: 1px solid #CCC;}
.MyHSCStoryDetail{float:left; width:630px; min-height:240px; margin:10px 10px 10px 0; background-color:#FFF; border: 1px solid #CCC;}
.TakenSubject ul li{
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	color: #000;
    background: url('images/bullet_black.png') no-repeat left 5px top 6px;
    background-size:3px 3px;
    padding-left:1em;
    
}
.MyHSCStoryC1{float:left; width:180px; height:220px; background-color:#FFF; padding: 10px;}
.MyHSCStoryC2{float:left; width:320px; min-height:190px;background-color:#FFF;padding: 50px 0 0 10px;}

.MyHSCStoryC3{float:left; width:100px; height:240px;background-color:#FFF;}
.MyHSCStoryAtarScore {width:70px; height: 70px; padding:5px;}
.MyHSCStoryYear{float:left; width:960px; height:20px;  padding:20px 0 20px 40px;}*/




/*Pre-Uni Story*/
.Pre-UniStory{position:relative;}
.Pre-UniStoryContents{float:left; width:960px; background-color:#fff; padding:20px;}
.Pre-UniStorybox{float:left; width:250px; height:300px; margin:20px 10px 10px 10px; padding:20px; background-color: #fff; border: 1px solid #CCC;}
.Pre-UniStoryImage{float:left; width:245px; height:270px;  margin: 10px 0 0 0; background-color:#333; border-top: 2px solid #F36A2F ;}
.Pre-UniStoryTitle{float:left; width:920px; height:170px;  margin: 40px 0 0 10px; background-color:#fff; text-align:center;}
.storytitle{width:245px;}

.Pre-UniStoryGallery{position:relative;}
.Pre-UniStoryGalleryContents{float:left; width:900px; height:700px; background-color:#333; padding:50px;}
.GalleryFrame{float:left; width:850px; height:500px; background-color:#FFF; }
.Gallyerpic{float:left; width:155px; height:100px; margin:20px 13px 0 0; background-color:#FFF;  }



/*--------------Module Asnwer add start-------------------*/

/*FAQ*/
.ModuleAsnwer {position:relative; background-color: #fff;}
.ModuleAsnwerContents{width:880px; padding: 40px 60px 40px 60px;  min-height:700px; background-color:#fff; }
.ModuleAsnwertable{float: left; width:870px; height:auto; border-top:2px solid  #F58916; border-bottom: 2px solid  #F58916; margin: 0 0 50px 0; }
.ModuleAsnwerText{float: left; width:249px;height:50px; margin:10px; border-left: solid 1px #F90; padding: 0 10px 0 10px;}
.ModuleAsnwerhow{float:left; text-align:center; width:870px;}

/*.ModuleAsnwertabletr {float: left; width:870px; font-size:11px; height:42px; border-bottom: 1px solid #CCC;}

.ModuleAsnwertr {float: left; width:870px; font-size:11px;  min-height:42px; border-bottom: 1px solid #CCC;}

.moduleanswer_serch{float: left; height:42px; width:240px; margin :40px 0 10px 620px;}

.searchinput{ width:198px; height:38px; float:left; border:1px solid  #F58916; font-size:large;}

.searchbtn{cursor:pointer;}

.Selectdownload{float: left; height:42px; width:150px; margin :40px 0 10px 10px; cursor:pointer; }

.downloadBtn_MA{ width:100px; height:23px; background-color:#FC6; text-align:center; border-radius: 2px; padding:2px 0 0 0; margin: 0 0 0 5px;}

input.moduleanswer { width:20px; height:15px;}

input.search { width:195px; height:30px; border:none;}*/

.ModuleAsnwertabletr {float: left; width:870px; font-size:11px; height:42px; border-bottom: 1px solid #CCC;}

.ModuleAsnwertr {float: left; width:870px; font-size:11px;  min-height:42px; border-bottom: 1px solid #CCC;}

.moduleanswer_serch{float: left; height:42px; width:240px; margin :40px 0 10px 470px;}

.Selectdownload{float: left; height:42px; width:150px; margin :40px 0 10px 10px; cursor:pointer; }
.Selectdownload:hover{float: left; height:42px; width:150px; margin :40px 0 10px 10px; cursor:pointer; }

.searchinput{ width:198px; height:38px; float:left; border:1px solid  #F58916;}

.downloadBtn_MA{ width:100px; height:23px; background-color:#FC6; text-align:center; border-radius: 2px; padding:2px 0 0 0; margin: 0 0 0 5px;}

input.selectall{ width:20px; height:20px;}

input.moduleanswer { width:20px; height:15px;}

input.search { width:195px; height:30px; border:none;}


.MA_th1 {float: left; padding:12px 6px 6px 6px; background-color: #fff; width:80px; height:24px; border-bottom:2px dotted #F58916; text-align: center;}
.MA_th2 {float: left; padding:12px 6px 6px 6px; background-color: #fff; width:100px; height:24px; border-bottom:2px dotted #F58916; text-align: center; }
.MA_th3 {float: left; padding:12px 6px 6px 6px; background-color: #fff; width:100px; height:24px; border-bottom:2px dotted #F58916; text-align: center; }
.MA_th4 {float: left; padding:12px 6px 6px 6px; background-color: #fff; width:90px; height:24px; border-bottom:2px dotted #F58916; text-align: center;}
.MA_th5 {float: left; padding:12px 6px 6px 6px; background-color: #fff; width:250px; height:24px; border-bottom:2px dotted #F58916; text-align: center; }
.MA_th6 {float: left; padding:12px 6px 6px 6px; background-color: #fff; width:108px; height:24px; border-bottom:2px dotted #F58916; text-align: center; }
.MA_th7 {float: left; padding:12px 6px 6px 6px; background-color: #fff; width:50px; height:24px; border-bottom:2px dotted #F58916; text-align: center; }


.MA_td1 {float: left; width:80px; padding:12px 6px 6px 6px; height:24px; text-align:center;}
.MA_td2 {float: left;  width:100px; padding:12px 6px 6px 6px; height:24px; text-align:center; }
.MA_td3 {float: left;  width:100px; padding:12px 6px 6px 6px; height:24px; text-align:center;}
.MA_td4 {float: left; width:90px; padding:12px 6px 6px 6px; height:24px; text-align:center; }
.MA_td5 {float: left; width:250px; padding:12px 6px 6px 6px; height:24px; text-align:center; }
.MA_td6 {float: left;  width:108px; padding:8px 6px 6px 6px; height:28px; text-align:center; }
.MA_td7 {float: left; width:50px; padding:12px 6px 6px 6px; height:24px; text-align:center;}
/*---------------Module Asnwer add END-------------------*/

/*----------Academic Schedule--------------*/
.AcademicSchedule { position:relative;  background-color:#fff;}
.AcademicScheduleContents{min-height:700px; background-color:#FFF;}
.AcademicScheduleInstruction{float: left; min-height:100px; width:900px; background-color:#FFF; padding: 50px 50px 0 50px; text-align:center;}
.Calendar{float: left; min-height:700px; width:1000px; background-color:#FFF; margin-bottom:50px;}


/*----------Test Result--------------*/
.TestResult { position:relative;  background-color:#fff;}
.TestResultContents{min-height:700px; background-color:#FFF;}
.comingsoon { float:left; width:900px; height:400px; margin:100px 50px 0 50px; padding: 150px 0 0 0; text-align:center; background-image:url(../img/fixIcon.jpg); opacity:0.1; filter:alpha(opacity=40); background-repeat:no-repeat;}

/*----------My Class Evaluation--------------*/
.MyClassEvaluation { position:relative;  background-color:#fff;}
.MyClassEvaluationContents {min-height:700px; background-color:#FFF;}
.comingsoon { float:left; width:900px; height:400px; margin:100px 50px 0 50px; padding: 150px 0 0 0; text-align:center; background-image:url(../img/fixIcon.jpg); opacity:0.1; filter:alpha(opacity=40); background-repeat:no-repeat;}



/*Q&A*/
.QandA{position:relative; background-color: #fff;}
.QandAContents{width:880px; padding: 40px 60px 40px 60px;  min-height:1000px; background-color:#fff; }
.QandAtable{float: left; width:870px; height:auto; border-top:2px solid  #f58916; border-bottom: 2px solid  #f58916; margin: 0 0 50px 0; }
.QandAText{float: left; width:249px;height:50px; margin:10px; border-left: solid 1px #F90; padding: 0 10px 0 10x;}
.QandAhow{float:left; text-align:center; width:870px;}

.QandAtabletr {float: left; width:870px; font-size:11px; height:42px; border-bottom: 1px solid #CCC; background-color:#fff }
.Answertabletr{float: left; width:870px; font-size:11px;  min-height:42px; border-bottom: 1px solid #CCC; background-color: #EBEBE7;}
.Answertr{float: left; width:870px; font-size:11px;  min-height:42px; border-bottom: 1px solid #CCC; background-color:#EBEBE7;}

.QandAth1 {float: left; padding:12px 6px 6px 6px; background-color: #fff; width:94px; height:24px; border-bottom:2px dotted #f58916; text-align: center;}
.QandAth2 {float: left; padding:12px 6px 6px 6px; background-color: #fff; width:350px; height:24px; border-bottom:2px dotted #f58916; text-align: center; }
.QandAth3 {float: left; padding:12px 6px 6px 6px; background-color: #fff; width:125px; height:24px; border-bottom:2px dotted #f58916; text-align: center; }
.QandAth4 {float: left; padding:12px 6px 6px 6px; background-color: #fff; width:120px; height:24px; border-bottom:2px dotted #f58916; text-align: center; }
.QandAth5 {float: left; padding:12px 6px 6px 6px; background-color: #fff; width:55px; height:24px; border-bottom:2px dotted #f58916; text-align: center; }
.QandAth6 {float: left; padding:12px 6px 6px 6px; background-color: #fff; width:53px; height:24px; border-bottom:2px dotted #f58916; text-align: center; }

.QandAtd1 {float: left;  width:94px;  padding:12px 6px 6px 6px; height:24px;  text-align:center; }
.QandAtd2 {float: left;  width:350px; padding:12px 6px 6px 6px; height:24px;  }
.QandAtd3 {float: left;  width:125px; padding:12px 6px 6px 6px; min-height:24px;  text-align:center; }
.QandAtd4 {float: left;  width:120px; padding:12px 6px 6px 6px; height:24px;  text-align:center; }
.QandAtd5 {float: left;  width:55px;  padding:12px 6px 6px 6px; height:24px;   text-align:center; }
.QandAtd6 {float: left;  width:53px;  padding:12px 6px 6px 6px; min-height:24px;   text-align:center; }


.QandA_Answer_td1 {float: left; width:94px; padding:12px 6px 6px 6px; height:24px;   text-align:center; }
.QandA_Answer_td2 {float: left;  width:350px; padding:12px 6px 6px 6px; height:24px; }
.QandA_Answer_td3 {float: left;  width:125px; padding:12px 6px 6px 6px; min-height:24px; text-align:center; }
.QandA_Answer_td4 {float: left; width:120px; padding:12px 6px 6px 6px; height:24px;    text-align:center; }
.QandA_Answer_td5 {float: left;  width:55px; padding:12px 6px 6px 6px; height:24px;  text-align:center; }
.QandA_Answer_td6 {float: left;  width:53px; padding:12px 6px 6px 6px; min-height:24px;    text-align:center; }


.QandA_Atd1 {float: left; width:94px; padding:6px; min-height:100px;  text-align:center; }
.QandA_Atd2 {float: left;  width:717px; padding:6px 20px 10px 6px; min-height:100px;  margin:20px 20px 20px 0; background-color:#FFF;}


.QandA_serch{float: left; height:42px; width:240px; margin :40px 470px 10px 0px;}
.QandAsearchinput{ width:198px; height:38px; float:left; border:1px solid  #f58916;}
.QandAsearchbtn{float:left; width:40px; height:40px;}

/*--------------QandA_POPUP-------------------*/

.QandA_POPUP{ float:left; width:900px; background-color:#333; overflow:hidden;}
.QandA_POPUP_Reply{float: left; width:880px; margin:40px;}
.QandA_POPUP_Title {float:left; width:880px; padding:0 0 0 20px;}

input.QandA_title { float:left; width:750px; height:30px; border: solid 1px #CCC; padding-left:10px;}
input.QandA_checkbox { float:left; width:20px;}

.QandA_POPUP_TH{float:left; width:60px;  height:30px; background-color:#f58916; padding-left:20px;}
.QandA_POPUP_TD{float:left; width:750px;}
.QandA_POPUP_CheckboxName{float:left; width:90px; height:20px; margin-left:5px; padding: 5px 0 0 0;}
.Reply_Checkbox{float:left; width:220px; height:30px; margin-left:640px; }

.Reply_Title {float: left; width:860px; height:30px; margin-bottom:10px;}
.Reply_TextAditingField{float: left; width:860px; height:480px; margin:10px 0 10px 0;}
.Reply_Submit{float: left; width:860px; height:32px; text-align:right;}

 

.C_GotoTimetableBtn{ margin:0 0 20px 700px;}

/*---------------Q&A add start by Borah -------------------*/

.QandAtabletr > .QandAtd2 { cursor:pointer;}

.writeBtn, .replyBtn, .editBtn, .deleteBtn, #submitBtn { cursor:pointer;}

.pagedList {
    text-align: center;
}

/*---------------Q&A add END-------------------*/



/*--------------pagetation-------------------*/


.pagination-container{float:left; width:870px; height:100px; text-align:center;}
.pagination{display:inline-block; padding-left:0px; margin:20px 0 0 0; border-radius: 4px;}
.pagination li{display:inline; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px;}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {background-color: #eee;}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    cursor: default;
    background-color: #FF8306;
    border-color: #FF8306;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.4285;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination > li > a:active, pagination > li > a:hover {
    outline: 0;
}

.pagination > li > a:hover, .pagination > li > a:focus {
    color: #FF8306;
}

.pagination > li > a {
    color: #FF8306;
    text-decoration: none;
}



/*NEWS*/
.NEWS{position:relative; background-color:#EBEBE7; min-width:1000px;}
.NEWSContents{width:920px; padding: 40px;  min-height:700px; background-color: #EBEBE7; }
.NEWSBox{float:left; width:630px;  background-color: #E4E3E0; border: solid 1px #C0C0C0; margin: 0 0 50px 0; border-radius: 4px; padding:10px; box-shadow: 1px 1px 2px #CCC;}
.NEWSTitle{float: left; width:620px; height:40px;  padding:5px; }
.NEWSDate{float: left; width:620px; height:18px; background-color: #333; padding:5px; text-align: right;}
.NEWSImage{float: left; width:630px; height:250px;  background-color:#FFF; margin-top:10px;border-radius: 10px; box-shadow: 1px 1px 2px #CCC;	}
.NEWSText{float: left; width:590px; background-color:#FFF; padding:20px; margin-top:10px; margin-bottom:10px; }
.NEWScomment{float:right; width:100px; height:21px; background-color:#F93; text-align:center; padding-top:5px;}
.NEWSattachedfile{float:left; max-width:500px; min-height:50px; margin-right: 10px;}
.downloadall{float:left; width:40px; height:30px; margin-right: 10px; border-right: 1px solid #CCC;}
.attachedfile{ height:30px; margin-right:20px;}
.attachedfileAfter{height:30px; margin-right:20px;background-color:#333; text-align:center;  background-image:url('../img/fileicon_after.png'); background-repeat: no-repeat; background-position: center center;}
.fileicon{float:left; width:30px;  height:30px; margin-right:10px;}
.filename{float:left; min-width:70px; height:25px; margin-right:10px; padding-top:5px;}

.NEWSserchBox{float:right;  width:230px;  min-height:300px; max-height:600px; background-color:#FFF; border: solid 1px #C0C0C0; box-shadow: 1px 1px 2px #CCC; background-color: #E4E3E0;padding:10px;}
.NEWSserch{float: left; height:40px; width:230px; background-color:#FFF;  }
.NEWSsearchinput{ width:188px; height:38px; float:left; border:1px solid  #FF8306;}
.NEWSsearchbtn{float:left; width:40px; height:40px; cursor:pointer;}

input.NEWSsearch { width:175px; height:35px; border:none;}

.NewsSearchList{float: left;  margin-top:20px; min-height:280px; max-height:530px; overflow-x:hidden; overflow-y:auto;}
.Article{float: left; width:200px; background-color:#FFF; padding:5px; margin-bottom:10PX;}
.NewsSerchListTitle{float: left; height:20px; width:200px; overflow: hidden; text-overflow: ellipsis; }
.NewsSerchListDate{float: left; height:20px; width:200px; border-bottom: 1px solid #CCC;}
.NewsSerchListArticle{float: left; height:55px; width:200px; overflow: hidden; text-overflow: ellipsis; white-space:pre-wrap; margin-top:12px; padding:5px;}
.NewsSerchListNext{float:left; height:20px; width:200px; text-align:right; cursor:pointer;}


.NEWSbackBtn{float:right; width:100px; height:21px; background-color:#F93; text-align:center; padding-top:5px; cursor:pointer;}

/*Career Advisor*/
.CareerAdvisor{position:relative;}
.CareerAdvisor2{position:relative; background-color:#EBEBE7;}
.CareerAdvisorContents{float:left; width:960px; min-height:700px;  padding:50px 20px 20px 20px;}
.CareerAdvisorbox{float:left; width:315px; height:300px; margin:10px 0 0 0;  background-color: #fff; border: 1px solid #CCC;}
.CareerAdvisorbox_After{float:left; width:315px; height:300px; margin:10px 0 0 0; background-color: #fff; border: 1px solid  #F63;}
.CareerAdvisorbox2{float:left; width:592px; height:260px; margin:10px 0 0 0;  background-color: #fff; border: 1px solid #CCC; padding:20px;}
.CareerAdvisorbox3{float:left; width:255px; height:550px; margin:10px 0 0 0;  background-color: #666; border: 1px solid #666;}
.CareerAdvisorbox4{float:left; width:650px; height:510px; margin:10px 0 0 0;  background-color: #fff;  border: 1px solid #CCC;  padding:20px;}
.CareerAdvisorbox5{float:left; width:650px; height:260px; border: 1px solid #CCC; padding:20px;  background-color: #fff;}
.CareerAdvisorbox6{float:left; width:255px; height:300px; border: 1px solid #666; background-color:#666;}

.UsefuleWebsite{float:left;  width:230px; height:200px; margin:10px;}
.link{float:left;  width:230px; min-height:30px; padding:2px 0 2px 0; border-top: 1px dotted #CCC;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.CareerAdvisorTitle{float:left; width:920px; height:170px;  margin: 40px 0 0 10px; background-color:#fff; text-align:center;}
.CareerAdvisorImage{float:left; width:290px; height:200px;  margin: 10px; background-color:#333;}
.CareerAdvisorName{float:left; width:290px; min-height:40px; text-align:center; background-color:#FFF; border-top: 1px solid #CCC; margin: 10px; padding-top:10px;}
.CareerAdvisorName_After{float:left; width:280px; min-height:45px; text-align:center; background-color:#F63; opacity:0.2;  padding:5px 10px 0 0;}

.CareerAdvisorName2{float:left; width:230px; min-height:40px;  margin: 10px 10px 300px 10px; padding-top:10px; line-height:2em;}
.CareerAdvisorBtn{float:left; width:210px; height:50px; padding:10px; text-align:center; margin-left:10px;}


/*Career Advisor SLIDER*/

.CareerAdvisorSlideFrame{float:left; width:650px; height:500px; background-color:#999;}


.swipe {overflow: hidden;	position: relative;	width: 650px;	height: 500px;}
.swipe-wrap {overflow: hidden;	position: relative;}
.swipe-wrap > div {float: left;	width: 100%;	position: relative;}
.swipe .nav {position: absolute;	width: 40px;	height:40px;	text-align: center;	line-height: 40px;	display: inline-block;	color: #666;	top: 45%;	cursor: pointer;	background-color: #CCC;	opacity:0.6;}
.swipe .nav.next {right: 0;	-webkit-border-radius: 3px 0 0 3px;	border-radius: 3px 0 0 3px;}
.swipe .nav.prev {-webkit-border-radius: 0 3px 3px 0;	border-radius: 0 3px 3px 0;}

/*----------------- Career Advisor END --------------------------*/



/*Event Information*/
.EventInformaition{background-color: #333;position:relative;}
.EventInformaitionContents{height:500px;   background-color: #333; overflow:hidden;}
.EventInformaitionBoxTitle{float:left; width:550px;  height: 25px; background-color:#f58916; padding-left:30px; padding-top:5px; text-align:left;}
.EventInformaitionBoxClose{float:left; width:30px;  height: 30px; background-color: #C63; }
.EventInformaitionBox{float:left; width:550px;  background-color: #fff; padding :30px; }
.EI_Title_TH{float:left; width:100px; height:26px; padding:8px 0 0 5px;border-bottom: 2px solid #fff; background-color:#FFF7D9; text-align:left; }
.EI_Title{float:left; width:400px; height:26px;  padding:8px 0 0 5px; border-bottom: 2px solid #FFF7D9; border-left: 1px solid #fff; text-align:left;  }
.EI_Date_TH{float:left;	width:100px; height:26px; padding:8px 0 0 5px;  border-bottom: 2px solid #fff; background-color: #FFF7D9; text-align:left; }
.EI_Date{float:left; width:400px; height:26px; padding:8px 0 0 5px; border-bottom: 2px solid #FFF7D9; border-left: 1px solid #fff; text-align:left; }
.EI_Detail{float:left;	width:540px; min-height:240px; padding:5px; border-bottom: 2px solid #FFF7D9; text-align:left;}



/*--------------Terms and Conditions-------------------*/

.TAC{ float:left; width:800px; background-color:#333;}
.TAC_Box{float: left; width:680px; margin:60px;}
.TAC_Title {float:left; width:660px; padding:0 0 0 20px;}
.TAC_Field{float: left; width:640px; margin:10px 0 10px 0; padding:20PX; background-color:#FFF;}
.TAC_Agree{float: left; width:660px; height:32px; text-align:right;}


/*Privacy&Terms*/
.PrivacyandTerms{ position:relative; background-color:#F1F1F2;}
.PrivacyandTermsContents { float:left; width:800px; padding:50px 150px 100px 50px;} 

/*---------------DzÅÍ ¹Ù²¼¾î¿ä ----------------------*/
#footer {position: relative; background-color:#333; min-width:1000px;}

.footerContents{height:310px; width:1000px; margin:0 auto;}
.footerC1{float:left; width:770px; padding: 20px 0 0 0; margin-left:30px;}
.footerColumnLeft {float: left; width:180px; height:170px;line-height:1.4em;}
.footerColumnCenter {float: left; width:160px; height:170px;line-height:1.4em;}
.footerColumnCenter2 {float: left; width:220px; height:170px; line-height:1.4em;}
.footerColumnRight {float: left; width:210px;height:170px;line-height:1.4em;}

.footerC2{float: left; width:200px;}
.footerColumnSNS{float: left; width:230px;height:80px;}
.SNS{float: left; width: 35px; margin:0 10px 0 10px;}
.familySite{float:left; width:230px; height:60px; margin:20px 0 0 0;}
.contactUs{float: left; width: 230px; height:105px;}


.copyright{width:1000px; height: 30px; float:left; text-align:center; background-color: #1B1B1B; margin:10px 0 0 0; padding:5px 0 0 0;}


/*course2016*/
.Course_2016{ position:relative;  height:auto; background-color: #FFFFFF;}
.CourseContents_2016{width:1000px; height:1500px; padding:0; background-color:#FFFFFF;} 
.CourseNavi_2016{width:200px; height:1500px; float:left;  padding: 100px 15px 50px 15px; }
.CourseInfo_2016{width:740px; height:auto; padding: 50px 15px 50px 15px; float:left; }
.CourseTitle_2016{float:left; width:650px; height:100px; }
.CourseSubTitle_2016{float:left; width:650px; height:40px;}
.CourseDescrition_2016{float:left; width:650px; margin-bottom:50px;}
.CourseSubjectBox_2016{float:left; width: 170px; height: 25px; padding:10px; margin:15px 0px 0px 0px; border-bottom:thin #FF6F2F solid ;}
.CourseFind{float:left; width: 170px; padding:10px; }
.HSCTTCCourseBox{display:flex; justify-content:center; align-items:center; float:left; width: 140px; height: 70px;  margin: 5px;  padding: 5px; background-color:#FD8D40; text-align:center;}
.HSCTTCEnrolForm{display:flex; justify-content:center; align-items:center; float:left; width: 250px; height: 50px;  margin: 20px 5px 5px 180px; background-color:#FD8D40;}
.HSCTTCCourseBox_Time{display:flex; justify-content:center; align-items:center; float:left; width: 30px; height: 70px;  margin: 5px;  padding: 5px; background-color: #FFFFFF; text-align:center;}
.HSCTTCCourseBox_hr{display:flex; justify-content:center; align-items:center; float:left; width: 100px; height: 70px;  margin:  5px 0px 5px 0px;  padding: 5px; background-color: #6C6B6B; text-align:center;}
.HSCTTCCourseBox_Type{display:flex; justify-content:center; align-items:center; float:left; width: 400px; height: 70px;  margin: 5px 0px 5px 0px;  padding: 5px; background-color: #C0BFBF; text-align:center;}
.Table2{float:left; width: 300px;}