@charset "UTF-8";
/* CSS Document */
*{ margin:0 auto; }
html,body{ padding:0; margin:0; font-size:12px; line-height:16px; font-family:Arial, Helvetica, sans-serif; color:#666; background:#ed1c24; }
ul,li{ padding:0; margin:0; }
img{ border:0pt; }
a{ color:#666; text-decoration:underline; }
a:hover{ color:#ed1c24; text-decoration:none; }

header,footer,nav,aside,section,article{ display:block; }

/*MAIN*/
.screen{ background:url(../images/bg-body.jpg); width:100%; min-width:1020px; }
.main{ position:relative; min-height:680px; margin:-26px 0 0 0; }
.performance{ background:url(../images/performance.jpg) no-repeat center top; }
.mini-mba{ background:url(../images/mini-mba.jpg) no-repeat center top; }
.entrepreneurship{ background:url(../images/entrepreneurship.jpg) no-repeat center top; }
.ecommerce{ background:url(../images/ecommerce.jpg) no-repeat center top; }
.business{ background:url(../images/business-english.jpg) no-repeat center top; }
.art-management{ background:url(../images/art-management.jpg) no-repeat center top; }
.online-library{ background:url(../images/online-library.jpg) no-repeat center top; }
.marketing{ background:url(../images/marketing.jpg) no-repeat center top; }
.motorsport{ background:url(../images/motorsport.jpg) no-repeat center top; }
.presentation{ background:url(../images/presentation.jpg) no-repeat center top; }
.wealth{ background:url(../images/wealth_management.jpg) no-repeat center top; }
.project{ background:url(../images/project_management.jpg) no-repeat center top; }
.english_beginners{ background:url(../images/english_beginners.jpg) no-repeat center top; }


.container{ position:relative; padding:0 0 60px 0; overflow:hidden; width:1020px; }
.container-inner{ position:relative; background:url(../images/bg-inner.jpg) no-repeat bottom;  }

/*HEADER*/
header{ background:url(../images/bg-top.jpg) repeat-x; height:85px; }


.top{ position:relative; width:1020px; height:85px; z-index:1000; }

.logo{ position:absolute; top:0px; left:0px; background:url(../images/logo.png) no-repeat; width:277px; height:182px; }
.logo a{ position:absolute; top:7px; left:69px; text-indent:-1000px; overflow:hidden; display:block; width:134px; height:127px; }

.login-form{ position:absolute; top:10px; right:0px; width:320px; height:40px; color:#fff; font-size:11px; background:url(../images/seperater.jpg) repeat-y; padding:0 0 0 10px; }
.login-form ul{ list-style:none; height:40px; }
.login-form ul li{ position:relative; display:inline; float:left; padding:0 4px 0 0; }
.login-form ul li a{ color:#fff; text-decoration:none; }
.login-form label{ display:block; }
.login-form input[type=text]{ width:0px; background:fff; border:none; font-size:10px; color:#666; font-family:Arial, Helvetica, sans-serif; width:128px; height:16px; }
.login-form input[type=password]{ width:0px; background:fff; border:none; font-size:10px; color:#666; font-family:Arial, Helvetica, sans-serif; width:128px; height:16px; }
.login-form input[type=submit]{ background:none; border:0pt; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; width:45px; height:16px; margin:15px 0 0 0; cursor:pointer; }

.popup{ position:absolute; top:20px; left:50%; width:150px; line-height:15px; background:rgba(0,0,0,0.8); color:#fff; padding:5px 10px; margin:0 0 0 -85px; border-radius:6px; z-index:1000; box-shadow:0px 2px 3px #333; border:1pt solid #333; font-size:11px; }

/*CHOOSE LANGUAGE*/
.choose-language{ position:absolute; top:25px; right:330px; padding:0 10px 0 0; color:#fff;  }
.choose-language a{ color:#fff; text-decoration:none; cursor:default; }

.box-language{ position:absolute; top:18px; left:-62px; background:url(../images/choose-language.png) no-repeat; width:360px; height:78px; padding:20px 23px; font-size:11px; display:none; }
.box-language ul{ list-style:none; }
.box-language ul li{ display:inline; float:left; width:112px; margin:2px 8px 0 0; border-bottom:1pt dotted #666; }
.box-language ul li a{ color:#666; text-decoration:none; }
.box-language ul li a:hover{ color:#db3129; }


/*FOOTER*/
footer{ position:relative; clear:both; background:#ed1c24; height:55px; }
.bottom{ position:relative; width:1020px; height:45px; text-align:center; color:#fff; font-size:11px; padding:5px 0; }
.bottom a{ color:#fff; text-decoration:none; }


/*NAVIGATOR*/
aside{ float:left; width:278px; margin:123px 0 0 0; }
.nav-top{ background:url(../images/nav-top.png) no-repeat; width:278px;  height:23px; }
.nav-bottom{ background:url(../images/nav-bottom.png) no-repeat; width:278px;  height:25px; }

nav{ position:relative; background:url(../images/nav-bg.png) repeat-y; width:218px; padding:0 30px; }
nav ul{ list-style:none; width:218px; }
nav ul li{ display:block; clear:both; text-transform:uppercase; padding:0 0 0 2px; }
nav ul li a{ background:url(../images/bullet.gif) no-repeat 1px 4px; text-decoration:none; color:#ed1c24; display:block; padding:5px 0 5px 20px; }
nav ul li a:hover{ color:#333; }
nav ul li.selected{ background:#ed1c24; border-radius:4px;  }
nav ul li.selected a{ background:url(../images/bullet.gif) no-repeat 1px -16px; text-decoration:none; color:#fff; display:block; padding:5px 0 5px 20px; }

nav ul li ul{ position:relative; clear:both; background:#c1c1c1; width:218px; display:none; }
nav ul li ul li{ background:url(../images/line-dot.jpg) no-repeat bottom; padding:0 10px 1px 10px; width:198px; }
nav ul li ul li:last-child{ background:none; }
nav ul li ul li a{ background:none; color:#fff; text-decoration:none; text-transform:none; padding:5px 0; }
nav ul li ul li a:hover{ background:none; color:#ed1c24; text-decoration:none; text-transform:none; padding:5px 0; }

nav ul li ul li.selected{  background:url(../images/line-dot.jpg) no-repeat bottom; }
nav ul li ul li.selected a{ background:none; text-decoration:none; text-transform:none; padding:5px 0; color:#ed1c24; }
nav ul li ul li.selected a:hover{ background:none; text-decoration:none; text-transform:none; padding:5px 0; color:#ed1c24; }

.container-right{ width:710px; float:right; margin:26px 10px 0 0; }
.container-right-inner{ background:url(../images/liner.png) no-repeat; width:680px; min-height:620px; float:right; margin:-26px 0 0 0; padding:80px 10px 0 30px; }
.container-right-blank{ width:680px; min-height:620px; float:right; padding:54px 10px 0 30px; }
.container-content{ overflow:hidden; width:710px; padding:30px 0; border-top:1pt solid #ccc; }
.box-content{ float:left; width:458px; padding:0 10px 0 0; }

.content h1{ color:#ed1d24; font-weight:normal; padding:0 0 10px 0; font-size:24px; }
.content h1 strong{ color:#333; font-weight:normal; font-size:32px; line-height:30px;}


.content-inner h1{ color:#ed1d24; font-weight:normal; padding:0 0 20px 0; font-size:30px; }
.content-inner h3{ color:#333; font-weight:normal; }
.content-inner h2{ font-size:14px; color:#ed1c24; padding:0 0 5px 0; font-weight:normal; }
.content-inner ul li{ margin:0 0 0 15px; }

.content-left{ float:left; width:415px; padding:0 20px 0 0; }
.content-right{ float:right; width:224px; padding:35px 0 0 20px; }

.container-right > div:nth-child(2){ border-top:0pt solid #ccc; }


.box-activities{ background:#fff; float:right; border:1pt solid #cfcfcf; padding:10px 4px; width:230px; font-size:11px; line-height:14px; }
.box-activities h2{ background:url(../images/qbuzz_logo.png) no-repeat 5px top; font-weight:normal; color:#000; padding:10px 0 8px 85px; border-bottom:1pt solid #ccc; line-height:18px; }

.news-feed{ position:relative; height:120px; overflow:hidden; margin:0 0 15px 0; font-size:11px; }
.news-feed:last-child{ margin:0; }
.news-date{ background:url(../images/bullet.jpg) no-repeat left 1px; padding:0 0 0 15px; display:block; margin:0 0 5px 0; }
.box-activities h1{ font-size:12px; font-weight:normal; color:#ed1c24; line-height:14px; }
.box-activities img{ border:1pt solid #ccc; width:95px; height:auto; float:left; clear:left; margin:0 5px 0 0; }
.box-activities a.readmore{ position:absolute; top:98px; left:19px; background:#ed1f24; color:#fff; text-decoration:none; padding:2px 5px; clear:both; font-size:10px; margin:5px 0; }
.txt-date{ color:#ed1d24; }

.imgBox{ float:left; width:95px; height:95px; overflow:hidden; margin:0 5px 0 0;  }
.imgBox img{ width:auto; height:100%; border:0; }

/*SLIDE SHOW */
.slide{ width:710px; height:360px; }

.course-content{ position:relative; background:rgba(255,255,255,.75); padding:30px 20px; width:450px; margin:0; border-radius:10px; min-height:520px; }
.course-content h1{ font-size:22px; color:#333; font-weight:normal; padding:0 0 10px 0; line-height:25px; }
.course-content h1 strong{ color:#333; font-weight:normal; }
.course-content h3{ color:#333; font-weight:normal; font-size:11px; }

.course-content h2{ font-size:12px; color:#ed1c24; padding:0 0 5px 0; }
.course-content ul li{ margin:0 0 0 15px; }

.course-relate{ position:relative; clear:both; padding:20px 0 0 0; }
.course-relate ul{ list-style:none; overflow:hidden; }
.course-relate ul li{ background:url(../images/button-tab.png) no-repeat; width:124px; height:40px; display:inline; margin:0 2px 3px 0; padding:5px 8px; color:#fff; text-align:center; float:left; }
.course-relate ul li a{ display:table-cell; vertical-align:middle; color:#fff; text-decoration:none; width:124px; height:40px; line-height:14px; font-size:11px; }

.lang{ width:45%; float:left; margin:0 5px 20px 0; overflow:hidden; line-height:16px; }
.lang a{ color:#ed1c24; text-decoration:none; padding:12px 0 0 0; display:block; }
.lang img{ float:left; margin:0 15px 0 0; }


.faq{ background:url(../images/line-dot.jpg) repeat-x bottom; padding:10px 0; }
.faq h2{ background:url(../images/icons.gif) no-repeat left 1px; padding:2px 0 2px 22px; cursor:pointer; }
.faq p{ padding:0 0 0 22px;  display:none; }
.faq ul{ margin:5px 0 0 22px; display:none; }
.faq ul li h3{ color:#ed1c24; font-size:12px; font-weight:bold; }

.content-inner ul.steps{ overflow:hidden; padding:5px 0 0 0; margin:0; list-style:none; }
.content-inner ul.steps li{ padding:0; margin:0; display:inline; width:30%; min-height:200px; float:left; padding:0 10px; }
.content-inner ul.steps li:nth-child(2){ border-right:1pt dotted #ccc; border-left:1pt dotted #ccc; }
.content-inner ul.steps li h3{ font-size:24px; color:#666; line-height:24px; padding:0 0 5px 0; }
.content-inner ul.steps li img{ width:200px; height:auto; margin:5px auto; }

.ppt{ background:url(../images/icon_ppt.gif) no-repeat left top; padding:5px 0 0 55px; height:60px; display:block; color:#333; text-decoration:none; }

.course-outline{ position:relative; width:450px; }
.outline-head{ background:url(../images/plus.gif) no-repeat left 8px; font-size:12px; font-weight:bold; padding:5px 0 5px 15px; border-bottom:1pt solid #ccc;  cursor:pointer; line-height:18px; }

.show{ background:url(../images/minus.gif) no-repeat left 8px;  font-size:12px; padding:5px 0 5px 15px; border-bottom:0pt solid #ccc; }

.outline-desc{ padding:0 0 10px 15px;  display:none;  border-bottom:1pt solid #ccc; background:none; font-size:11px; line-height:15px; }

#banner{ padding:0; margin:0; list-style:none; display:block; }
#banner li{ position:relative; padding:0; margin:0; float:left; width:710px; height:331px; display:block; }

.tagLine{ position:absolute; left:0px; bottom:20px; max-width:710px; line-height:30px; background:#ed1d24; color:#fff; padding:8px 20px 8px 10px; font-size:30px; font-style:italic; font-weight:bold; box-shadow:2px 2px 10px #666; }
.tagLine_rtl{ position:absolute; right:0px; bottom:20px; background:#ed1d24; color:#fff; padding:10px 20px 10px 10px; font-size:30px; white-space:nowrap; font-style:italic; font-weight:bold; text-align:right; direction:rtl; }
.pager{ text-align:right; padding:5px 0 0 0;}
.pager a{ background:url(../images/page.jpg) no-repeat left top; margin:0 2px; display:inline-block; font-size:1px; line-height:9px; text-indent:-1000px; width:9px; height:9px; overflow:hidden;  }

.pager a:hover{ background:url(../images/page.jpg) no-repeat left -9px; margin:0 2px; display:inline-block; font-size:1px; line-height:9px; text-indent:-1000px; width:9px; height:9px; overflow:hidden;  }
.pager a.selected{ background:url(../images/page.jpg) no-repeat left -9px; margin:0 2px; display:inline-block; font-size:1px; line-height:9px; text-indent:-1000px; width:9px; height:9px; overflow:hidden; }

.enjoy{ list-style:none; overflow:hidden; padding:10px 0 0 0; text-align:center; margin:10px 0 0 0; }
.enjoy li{ display:inline-block; width:120px; min-height:150px; padding:0 10px; margin:0 0 10px 0; text-align:center; text-transform:uppercase; color:#ed1c24; font-size:9px; line-height:13px; border-right:1pt solid #ccc; }
.enjoy li:nth-child(3){ border-right:0pt; }
.enjoy li:last-child{ border-right:0pt; }
.enjoy li img{ width:75px; height:auto; }

.video{ overflow:hidden; text-align:center; margin:10px 0 0 0; }
.video li{ width:216px; display:inline; float:left; text-align:left; font-size:11px; line-height:13px; }
.video li:nth-child(2){ margin:0 31px; }
.video li img{ border:1pt solid #ccc; margin:0 0 5px 0; }
.video li a{ color:#ed1c24; text-decoration:none; font-size:12px; }
.vdoHead{ background:url(../images/vdo_icon.jpg) no-repeat left center; padding:0 0 0 38px; line-height:25px;}