body{
	margin:0; width:100%; background:url(../img/bg.png) repeat-x #E6E6E6;
	font-size:12px; line-height:1.3; font-family:Arial, 'Microsoft JhengHei', Helvetica, sans-serif; color:#1E1E1E;
}
a			{text-decoration:none; cursor:pointer; color:#1E1E1E;}
a:hover	{text-decoration:none; color:#8DC63F;}
a,.nav li
{-webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;}

img	{border:0; max-width:100%; height:auto; width:auto\9; /* ie8 */}
p 		{margin:.2em 0 1.4em; padding: 0;}


/* headings + fonts */
h1, h2, h3, h4, h5, h6 {line-height:1; margin:.4em 0 .4em; position:relative;}
h1, .h1 {font-size:22px;}
h2, .h2 {font-size:18px;}
h3, .h3 {font-size:13px;}
h4, .h4 {font-size:12px;}
h5, .h5 {font-size:12px;}
h6, .h6 {font-size:12px;}

b	{font-size:900;}
i	{font-style:italic;}
.note	{font-size:80%;}
.narrow	{letter-spacing:-1px;}
.font-L	{font-size:125%;}

/* frame */
.container			{width:100%; margin:0 auto;}
.container:after, .clearfix:after, .nav:after, .main:after, .tutor-block:after
{content:""; clear:both; display:block; height:0; overflow:hidden;}
.clear	{clear:both;}

.right-abs	{position:absolute; right:0;}
.right	{float:right;} 
.left		{float:left;}
.hidden	{display:none;}

.access 		{position:absolute; left:0px; top:-5000px; width:1px; height:1px; overflow:hidden;}
.back2top	{}

/* layout */
#wrapper	{width:970px; margin:0 auto; position:relative;}

.header	{padding-top:6px; position:relative;}
.header .logo	{position:absolute; top:14px; left:25px; min-width:222px; min-height:55px;}
.header .login	{position:absolute; right:25px; top:32px; width:57px; height:21px;}

.nav	{list-style:none; padding:0; margin:0 0 0 340px;}
.nav>li		{float:left; background:url(../img/nav-spacer.png) no-repeat right center;}
.nav>li.lang	{background:none;}
.nav>li>a	{padding:0 16px; line-height:64px; height:64px; display:block; color:#231F20; border-bottom:5px solid rgba(255,255,255,0);}
.nav>li.on>a, .nav>li:hover>a	{border-bottom:5px solid #D7DF23; background:#8DC63F;}

.nav>li ul	{display:none;}
.nav>li:hover ul	{margin:0; padding:0; list-style:none; display:block; position:absolute; background:url(../img/nav-sub-bg.png); color:#FFF; width:210px;}
.nav>li:hover ul>li	{ padding:0 8px;}
.nav>li:hover ul>li:hover	{background:#298735; background-color:rgba(41,135,53,.8);}
.nav>li:hover ul>li a	{color:#FFF; border-top:1px solid #FFF; display:block; padding:4px 5px;}
.nav>li:hover ul>li:first-child a	{border:none;}

.topbanner	{min-height:280px;}

.footer, .footer a	{color:#A7A9AC;}
.footer a	{display:inline-block; margin:0 2px;}
.footer a:hover	{text-decoration:underline;}
.footer	{position:relative; text-align:center; padding:20px 0;}
.footer .copyright	{font-size:90%;}
.footer .icons	{position:absolute; float:none; margin-top:-5px;}
.footer .icons.icons-left	{left:23px;}
.footer .icons.icons-right	{right:23px;}
.footer .icons>a		{background:url(../img/footer-icons.png) no-repeat; display:inline-block; width:40px; height:40px; margin:0 2px;}
.footer .icons.icons-right>a	{margin:0 0;}
.footer .icons>a.ico1	{background-position:0 0;}
.footer .icons>a.ico2	{background-position:-40px 0;}
.footer .icons>a.ico3	{background-position:-80px 0;}
.footer .icons>a.ico4	{background-position:-120px 0;}
.footer .icons>a.ico5	{background-position:-160px 0;}
.footer .icons>a.ico6	{background-position:-200px 0;}
.footer .icons>a.ico1:hover	{background-position:0 -40px;}
.footer .icons>a.ico2:hover	{background-position:-40px -40px;}
.footer .icons>a.ico3:hover	{background-position:-80px -40px;}
.footer .icons>a.ico4:hover	{background-position:-120px -40px;}
.footer .icons>a.ico5:hover	{background-position:-160px -40px;}
.footer .icons>a.ico6:hover	{background-position:-200px -40px;}


/* main style */
.main	{width:940px; margin:0 auto; position:relative;}
.main-top		{background:url(../img/main-top.png) no-repeat; height:60px; width:100%; position:absolute; top:-60px;}
.main-bottom	{background:url(../img/main-bottom.png) no-repeat bottom; height:15px;}
.main-middle	{padding:15px 35px;background:url(../img/main-bg.png) repeat-y;}

.breadcrumb	{padding-bottom:15px;}
.breadcrumb, .breadcrumb a {color:#8DC63F;}
.breadcrumb a:hover	{color:#65912B;}

h2.tagline	{margin:10px 0 15px -16px;}
h2.tagline>span	{display:inline-block; background:url(../img/h2-tagline.png) no-repeat; font-size:20px; line-height:20px; height:20px; padding:13px 10px 5px 16px; color:#8DC63F; }
h2.tagline .right-abs	{z-index:5; bottom:0px;}
h2.tagline cite.right-abs	{font-style:normal; background:#D7DF23; color:#008109; font-size:11px; padding:0 8px;}
h2.tagline.white28	{margin:10px 0 15px -10px;}
h2.tagline.white28>span	{background-image:url(../img/h2-tagline-white28.png); font-size:16px; line-height:16px; height:16px; padding:8px 10px 4px 10px; color:#FFF;}

h3.tagline	{margin:5px 0 7px -10px; font-size:14px;}
h3.tagline>span	{display:inline-block; background:url(../img/h3-tagline.png) no-repeat; line-height:14px; height:14px; padding:6px 15px 2px 10px; color:#8DC63F; }
h3.underline	{color:#006838; border-bottom:1px solid #408E6A; padding:4px; font-size:14px;}
h3.underline .right-abs	{z-index:5; top:0px;}

h4.grey	{color:#939598;}
.tagline.full>span	{display:block; position:relative;}



.main .liner	{background:url(../img/liner.png) repeat-x center center; height:7px;  padding:15px 0; overflow:hidden;}
.main .liner:after	{content:' '; line-height:1px;}
.main .liner.white	{background-image:url(../img/liner-white.png); height:4px;}

.table1 	{background:url(../img/table1-bg.png) no-repeat 40px 0; height:164px;}
.table1 tbody th	{font-weight:normal; text-align:left; width:90px;}
.table1 tbody th, .table1 tbody td	{vertical-align:top; line-height:20px; }

.table2 	{width:100%;}
.table2 tbody th	{font-weight:normal; text-align:right; width:210px; color:#939598;}
.table2 tbody th, .table2 tbody td	{vertical-align:top; line-height:20px; border-bottom:1px solid #F5F5F5; padding:2px 4px;}
.table2 tbody tr:last-child th, .table2 tbody tr:last-child td	{border-bottom:none;}


.list1	{margin:.4em 0 1.4em; padding:0 0 0 20px;}
.list1>li	{padding-bottom:10px;}

.paging>a		{display:inline-block; width:23px; height:20px; line-height:20px; text-align:center; }
.paging>a.on	{background:url(../img/paging-on.png) no-repeat; color:#FFF;}
.paging[align=right]>a	{margin:0 0 0 20px;}
.paging[align=center]>a	{margin:0 10px;}

/* about us */
.page-aboutus .partner-logo span	{display:inline-block; padding:0 10px 10px 0;}

/* contact us */
.page-contactus .main-middle>.left	{width:450px;}
.page-contactus .main-middle>.right	{width:420px;}

/* BTEC */
.page-btec .main-middle>.left	{width:560px;}
.page-btec .main-middle>.right	{width:280px;}

/* tutors */
.tutor-list	{padding-bottom:30px;}
.tutor-block	{padding:20px 0;}
.tutor-block .left	{width:150px;}
.tutor-block .right	{width:700px;}
.tutor-block h3	{color:#006838; font-size:18px; line-height:20px; margin:4px 0 16px 0;}
.tutor-block h3 .small	{font-size:14px;}
.tutor-block .details	{background:url(../img/table1-bg.png) no-repeat 150px 0; min-height:140px;}
.tutor-block .details>.line	{position:relative; padding:0 0 10px 200px; }
.tutor-block .details>.line:last-child	{padding-bottom:0;}
.tutor-block .details>.line .title	{display:block; position:absolute; left:0; color:#808285; width:200px;}
.tutor-block .details>.line .content ul	{margin:0 0 8px;}
.tutor-block .details>.line.line:last-child .content ul	{margin-bottom:0;}
.tutor-block .details>.line .content ul>li	{padding-bottom:6px;}
.tutor-block .details>.line .content ul>li:last-child	{padding-bottom:0;}


/* newslist */
.page-newslist .main-middle>.left		{width:150px;}
.page-newslist .main-middle>.right	{width:700px;}

.page-newslist .news-years	{border-top:1px dotted #777;}
.page-newslist .news-years a	{display:block; font-size:14px; padding:4px 6px; border-bottom:1px dotted #777;}
.page-newslist .news-years a.on	{background:#8DC63F; color:#FFF; font-weight:bold;}

.page-newslist .news-list	{margin:0;}
.page-newslist .news-list dt	{font-weight:bold; font-size:14px; color:#2B8637; padding:0 0 .4em;}
.page-newslist .news-list dd	{margin:0 0 1.5em; line-height:1.5em; height:1.5em; overflow:hidden; cursor:pointer; position:relative;}
.page-newslist .news-list dd:hover	{color:#8DC63F;}
.page-newslist .news-list dd.on	{height:auto; white-space:normal;}
.page-newslist .news-list dd.on:hover	{color:#1E1E1E;}


/* index page */
body.page-index	{background-image:url(../img/bg-index.png);}
.page-index .topbanner	{min-height:550px;}
.page-index .main	{width:935px; margin:-60px auto 0; position:relative; background:url(../img/index-main-bg.png) no-repeat; min-height:550px; }
.page-index .main .left		{padding:45px 0 10px 44px; width:450px;}
.page-index .main .right	{padding:20px 20px 0 0; width:329px;}
.page-index .main .right .wider	{width:370px; margin-left:-41px;}

.page-index .news-list	{margin:0;}
.page-index .news-list dt	{color:#009444;}
.page-index .news-list dd, .page-index .news-list dd a	{color:#1E1E1E;}
.page-index .news-list dd a:hover	{color:#8DC63F;}
.page-index .news-list dd	{padding:0; margin:0 0 10px; max-height:32px; overflow:hidden;}

.page-index .partner-logo span	{display:inline-block; padding:0 3px 0 0;}
.page-index .partner-logo img	{max-width:80px; vertical-align:middle;}

.cal	{font-family:'Century Gothic'; padding:0 0 0;}
.cal .top	{position:relative; text-align:center; font-size:18px; line-height:18px; height:18px; padding-bottom:10px;}
.cal .top>.btn	{position:absolute; background:url(../img/cal-arrow.png) no-repeat; width:20px; height:18px;}
.cal .top>.btn.btn-prev	{left:15px; background-position:left top;}
.cal .top>.btn.btn-next	{right:15px; background-position:right bottom;}
.cal .boxes	{font-size:15px;}
.cal .boxes span	{display:block; float:left; width:29px; height:29px; line-height:29px; margin:2px 9px 2px 9px; text-align:center;}
.cal .boxes span a	{background:url(../img/cal-corner.png) no-repeat right top; display:block; height:29px; border:1px solid rgba(255,255,255,0);}
.cal .boxes span a:hover	{color:#395414;}
.cal .boxes span a.color1	{background-color:#F49AC1; border-color:#F49AC1;}
.cal .boxes span a.color2	{background-color:#D7DF23; border-color:#D7DF23;}
.cal .boxes span a.color3	{background-color:#FFC20E; border-color:#FFC20E;}
.cal .boxes span a.on	{border-color:#FFF;}

.cal-detail	{height:175px; overflow-y:auto; overflow-x:hidden;}
.cal-detail>.block	{display:none;}
.cal-detail>.block.on	{display:block;}
.cal-detail>.block>div	{position:relative; line-height:15px; padding:0 0 3px 105px;}
.cal-detail>.block>div>cite		{color:#208D12; width:100px; position:absolute; left:0; text-align:right; font-size:13px; font-style:normal;}
.cal-detail>.block>div>span		{color:#007311; }
.cal-detail>.block>div>span[data-for=date]	{ font-size:18px;}

@media print {

}