@charset "utf-8";
/* UKEAS CSS Document by Ming Island Design | Author: Yu Hsiang Chen */

/* Reset */
html, body, div, span, applet, object, iframe, h1, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* Basic Settings */
body{ font-size:12px; font-family:"微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; color:#666; background:#e8e8e8; }

/* Misc Settings */
h1{ font-size:15px; line-height:24px; font-weight:normal; }
h2{ font-size:20px; margin: 0; padding: 0; border: 0; font-weight:bold; color:#204871;}
h3{ font-size:15px; margin: 0; padding: 0; border: 0; line-height:24px; font-weight:bold; color:#204871;}
p{ line-height:18px; }
a{ text-decoration:none; color:#1b95ce; }
a:hover{ text-decoration:underline; }
hr{ border:0; height:1px; background:url(/img/bg-border.gif) repeat-x bottom; margin:15px 0; clear:both; }
.liner{ background:#CCC; }
.m0{ margin:0; }
.lt{ float:left; }
.rt{ float:right; }
.blue{ color:#138ac5; }
.deepblue{ color:#2e6094; }
.black{ color:#000; }
.green{ color:#090; }
.red{ color:#F00; }
.deepred{ color:#8a2424; }
.ml10{ margin-left:10px;}
.mr10{ margin-right:10px; }
.pt10{ padding-top:10px; display:block; float:left; }
.foto{ margin:0 10px 5px 0; border:#CCC solid; border-width:1px; }
.dotted-top{ background:url(/img/bg-border.gif) repeat-x top; padding-bottom:15px; margin-bottom:15px; }
.dotted-bottom{ background:url(/img/bg-border.gif) repeat-x bottom; padding-bottom:15px; margin-bottom:15px; }
.clear{ clear:both; }

.table-with-padding td{padding:10px}
.table-normal{  }
.table-normal td, .table-normal th{ padding:3px; vertical-align:top }


/* Text Color */
.light{ color:#999; }

/* Containers */
#container{ width:940px; margin:0 auto; }
#content{ float:left; width:890px; background:#FFF; padding:0 25px 45px 25px; }
#logo{ display:block; float:left; background:url(/img/logo.png) no-repeat; width:356px; height:145px; }
#logo-ukeas-mentor{ display:block; float:left; background:url(/img/logo-ukeas-mentor.png) no-repeat; width:356px; height:145px; }
#top-warp{ height:80px;}
#footer{ float:left; background:#0d3c6d; height:50px; width:880px; padding:30px 30px 0 30px; }
#footer, #footer a{ color:#FFF; }
#footer img{ position:relative; bottom:-5px; margin:0 3px; }
#copyright{ float:left; color:#999; padding:10px 0; width:940px; }

/* Header */
#header{ height:145px; position:relative; z-index:1; }
body.home #header{ border-bottom:solid #777777; border-bottom-width:5px; }

/* Menu */
#top-menu{ float:right; margin:40px 15px 38px 0px; }
#top-menu li img{ position:relative; bottom:-5px; margin-right:4px; }
#top-menu li{ float:left; margin-left:20px; }
#top-menu a{ color:#777; }
#top-menu a.active{ text-decoration:underline; }

/* Nav */
#nav{ float:right; }
#nav li{ float:left; }
#nav a{ display:block; float:left; height:45px; text-indent:-9999px; }
#nav-1{ width:50px; background:url(../img/bg-menu.png) no-repeat 0 0; }
#nav-2{ width:92px; background:url(../img/bg-menu.png) no-repeat -50px 0; }
#nav-3{ width:88px; background:url(../img/bg-menu.png) no-repeat -142px 0; }
#nav-4{ width:96px; background:url(../img/bg-menu.png) no-repeat -230px 0; }
#nav-5{ width:92px; background:url(../img/bg-menu.png) no-repeat -326px 0; }
#nav-6{ width:101px; background:url(../img/bg-menu.png) no-repeat -418px 0; }
#nav-1:hover, #nav-1.active{ background:url(../img/bg-menu.png) no-repeat 0 -45px; }
#nav-2:hover, #nav-2.active{ background:url(../img/bg-menu.png) no-repeat -50px -45px; }
#nav-3:hover, #nav-3.active{ background:url(../img/bg-menu.png) no-repeat -142px -45px; }
#nav-4:hover, #nav-4.active{ background:url(../img/bg-menu.png) no-repeat -230px -45px; }
#nav-5:hover, #nav-5.active{ background:url(../img/bg-menu.png) no-repeat -326px -45px; }
#nav-6:hover, #nav-6.active{ background:url(../img/bg-menu.png) no-repeat -418px -45px; }

/* Flag icons */
#flagicons{ float:right; margin-top:5px; width:100%; height:15px; position:absolute;}
#flagicons img{ margin-left:5px; border:0}

/* Search */
#searchbox{ float:right; margin-top:40px; background:url(/img/bg-searchbox.png) no-repeat; width:199px; height:29px; padding:3px; }
#searchbox input{ float:left; width:159px; height:23px; padding:3px 5px; border:none; border-right:#CCC solid; border-right-width:1px; }

/* Banner */
#home-banner{ width:890px; height:360px; padding-top:30px; }
#home-silder{ float:left; width:606px; height:346px; background:#2d6297; padding:7px; }
#home-consult{ float:left; width:240px; height:269px; padding:90px 15px 0 15px; background:url(/img/bg-home-consult.gif) no-repeat; color:#FFF; line-height:18px; }
#consult{ height:65px; padding-left:70px; background:url(/img/ico-online-chat.png) left no-repeat; margin:5px 0 10px 0; }
#chat{ height:65px; padding-left:70px; background:url(/img/ico-calendar.png) left no-repeat; margin:10px 0 25px 0; }

/* Home */
#home-left-warp{ float:left; width:619px; border-right:#CCC solid; border-right-width:1px; padding-top:40px; }
#home-left-warp h1{ margin-top:20px; }
#home-left-warp a{ color:#1b95ce; text-decoration:underline;  }
#home-left-warp a:hover{ text-decoration:none; }
#home-right-warp{ float:left; width:250px; padding:15px 0 0 20px; }
#home-intro{ padding:0 20px 20px 0; }
#home-intro .c{ color:#2d6297; font-size:20px; font-weight:bold}

#likeit{ padding:0px 0px 10px 65px; width:120px;}
#likeit2 { position:absolute; top:350px; left:750px; padding:0px 0px 10px 65px; width:120px;}

#home-col-list{ float:left; width:100%; padding:35px 0 10px 0; border-top:#CCC solid; border-top-width:1px; }
#home-col-list li{ float:left; width:250px; padding:0 0px 20px 0; cursor:pointer; }
#home-col-list h1{ margin:0 0 10px 0; }
#home-col-list h2{ border:#2d6297 solid; border-width:3px; float:left; margin-right:15px; }
#home-col-list h3{ width:160px; float:left }
#home-col-list p{ width:160px; float:left }
#home-col-list.highlight{ padding-bottom:0; }
#home-col-list.highlight li{ width:269px; height:65px; padding:15px 20px 20px 10px; background:url(/img/bg-col-highlight.png) no-repeat; }
#home-col-list.highlight h2{ border:0; margin-right:10px; }
#home-col-list.highlight p{ font-size:11px;}
#home-col-list.highlight .right{ margin-top:12px; }
#home-col-list.highlight .left{ background:url(/img/bg-col-highlight2.png) no-repeat; }
#home-col-list .scroll_top{ width:100%; border-bottom:#CCC solid;border-bottom-width:1px; margin-bottom:2px; padding-bottom:2px;  padding-top:6px}
#home-col-list .scroll{ width:100%; height:82px; margin-top:2px; overflow: auto; }
#home-col-list .scroll td{ font-size:10px; padding-bottom:2px}
#home-col-list .scroll #divider{ border-top:#CCC solid;border-top-width:1px}
 

#home-switch-news{ display:block; float:left; width:122px; height:37px; background:url(/img/btn-news-switch.gif) 0 0; }
#home-switch-event{ display:block; float:left; width:120px; height:37px; background:url(/img/btn-news-switch.gif) 120px 0; }
#home-switch-news:hover, #home-switch-news.active{ background:url(/img/btn-news-switch.gif) 0 -37px; }
#home-switch-event:hover, #home-switch-event.active{ background:url(/img/btn-news-switch.gif) 120px -37px; }
#bulletin-list{ border-bottom-width:1px; margin:15px 0; line-height:18px; padding:10px 0; }
#bulletin-list li{ padding:3px 0 3px 14px; background:url(/img/ico-arrow.png) no-repeat 0 8px; }
#news-list{ float:left; width:250px; margin:10px 0; }
#news-list li{ margin-bottom:10px; }
#news-list li h1{ color:#000; font-size:12px; }
#news-list li h2{ color:#999; font-size:12px; }
#news-list li p{ margin-bottom:5px; }
#home-right-warp a{ color:#1b95ce; text-decoration:underline;  }
#home-right-warp a:hover{ text-decoration:none; }
a#home-link-more{ color:#2c5e92; padding:0 0 0 14px; background:url(/img/ico-arrow.png) no-repeat 0 3px; text-decoration:none; }
a#home-link-more:hover{ text-decoration:underline; }

/* Banner */
#banner-warp{ width:940px; height:375px; position:relative; background:url(../img/bg-content-top.jpg) bottom no-repeat; }
#banner{ position:absolute; top:-70px; }
#banner-vi{ width:340px; height:170px; padding:130px 80px 0 520px; }
#banner-vi2{ width:340px; height:170px; padding:130px 80px 0 520px; }
#banner-vi h1{ margin-bottom:10px; }
#banner-bar{ width:940px; height:85px; }
.banner-box{ width:285px; padding:12px; float:right; }
.banner-box2{ width:272px; padding:12px; float:right; }
.banner-box p{ margin-bottom:6px; }
.banner-box2 p{ margin-bottom:6px; }
.banner-box img{ float:left; margin-right:10px; }
.banner-box2 img{ float:left; margin-right:10px; }
#banner{ color:#FFF; margin-top:10px; line-height:20px; }
#banner.ukstudy #banner-vi{ background:url(/img/banner/banner-ukstudy.jpg) no-repeat; }
#banner.ukstudy #banner-bar{ background:url(/img/banner/bar-ukstudy.jpg) no-repeat; }
#banner.languageschool #banner-vi{ background:url(/img/banner/banner-languageschool.jpg) no-repeat; }
#banner.languageschool #banner-bar{ background:url(/img/banner/bar-languageschool.jpg) no-repeat; color:#000; }
#banner.bestpartner #banner-vi2{ background:url(/img/banner/banner-best.jpg) no-repeat; }
#banner.bestpartner #banner-bar{ background:url(/img/banner/bar-best.jpg) no-repeat; color:#000; }
#banner.uklife #banner-vi{ background:url(/img/banner/banner-uklife.jpg) no-repeat; }
#banner.uklife #banner-bar{ background:url(/img/banner/bar-uklife.jpg) no-repeat; color:#FFF; }
#banner.about #banner-vi{ background:url(/img/banner/banner-about.jpg) no-repeat; }
#banner.about #banner-bar{ background:url(/img/banner/bar-about.jpg) no-repeat; color:#FFF; }
#banner.news #banner-vi{ background:url(/img/banner/banner-news.jpg) no-repeat; }
#banner.news #banner-bar{ background:url(/img/banner/bar-news.jpg) no-repeat; color:#FFF; }
#banner.contact #banner-vi{ background:url(/img/banner/banner-contact.jpg) no-repeat; }
#banner.contact #banner-bar{ background:url(/img/banner/bar-contact.jpg) no-repeat; color:#FFF; }
#banner.ielts #banner-vi{ background:url(/img/banner/banner-ielts.jpg) no-repeat; }
#banner.ielts #banner-bar{ background:url(/img/banner/bar-ielts.jpg) no-repeat; color:#FFF; }
#banner-search{ background:url(/img/banner-search.jpg) no-repeat; height:90px; } 

/* Content */
#content-left{ float:left; width:180px; min-height:590px; background:url(/img/bg-content-left.png) right top no-repeat; }
#content-middle{ float:left; width:460px; margin:0 22px; }
#content-right{ float:left; width:205px; }
#content-half{ float:left; width:665px; margin:0 22px; }
#content-half h1, #content-half p{ margin-bottom:10px;}
#content-half h2, #content-half p{ margin-bottom:10px;}
#content-entire h2{ margin-top:10px; }

#content-entire h1{ margin-top:10px; }
#content-title{ margin-bottom:15px; }
#content-title a#unite-link{ position:absolute; top:0; right:0; }
.content-col2{ float:left; width:322px; margin:15px 20px 0 0; }
.content-col2.right{ margin-right:0; }
.content-col2 h1, .content-col2 p{ margin-bottom:15px; }
.content-col3{ float:left; width:205px; margin:15px 20px 0 0; }
.content-col3 h1{ color:#138ac5; }
.content-col3.right{ margin-right:0; }
.content-col3 h1, .content-col3 p{ margin-bottom:15px; }
#content-result-left{ float:left; width:630px; margin:20px 0 0 0; }
#content-result-left h1{ margin-bottom:3px; color:#138ac5; }
#content-result-left p{ margin-bottom:15px; line-height:22px; }
#content-result-left ul{ margin-top:5px; }
#content-result-left li{ margin-bottom:5px; }
#content-result-left .introduction{ font-size:14px;} 
#content-result-left h1.content-result-title{ margin-top:10px; color:#000; }
#content-result-right{ float:right; width:220px; padding-left:20px; margin:20px 0 0 15px; border-left:#ccc solid; border-left-width:1px;  }
#content-result-photo{ margin:10px 0;}
#content-result-map{ width:218px; border:#ccc solid; border-width:1px; margin-bottom:10px; }
.content-right-info{ padding:10px 0 0 0; margin:10px 0; border-top:#ccc solid; border-top-width:1px; }
.content-right-info li{ padding:3px 0; line-height:18px; }
.content-right-info2{ padding:10px 0 0 0; margin:10px 0; border-top:#ccc solid; border-top-width:1px; }
.content-right-info2 li{ padding:3px 0; line-height:18px; font-size:11px; list-style:square; margin-left:15px; width:90% }


/* Sidemenu */
#sidemenu li a{ display:block; height:15px; font-size:14px; color:#555; border-bottom:#d5d9d9 solid; border-bottom-width:1px; padding:10px 0 10px 10px; }
#sidemenu li a.active,#sidemenu li a.active:hover{ color:#FFF; }
#sidemenu li a:hover{  text-decoration:none; color:#000; }
#sidemenu.ukstudy li a{ background:url(/img/bg-sidemenu-ukstudy-inactive.png) no-repeat; }
#sidemenu.ukstudy li a.active, #sidemenu.ukstudy li a.active:hover{ background:url(/img/bg-sidemenu-ukstudy-active.png) no-repeat; }
#sidemenu.ukstudy li a:hover{ background:url(/img/bg-sidemenu-ukstudy-inactive-hover.png) no-repeat; }
#sidemenu.languageschool li a{ background:url(/img/bg-sidemenu-languageschool-inactive.png) no-repeat; color:#666; }
#sidemenu.languageschool li a.active, #sidemenu.languageschool li a.active:hover{ background:url(/img/bg-sidemenu-languageschool-active.png) no-repeat; color:#000; }
#sidemenu.languageschool li a:hover{ background:url(/img/bg-sidemenu-languageschool-inactive-hover.png) no-repeat; color:#000; }
#sidemenu.uklife li a{ background:url(/img/bg-sidemenu-uklife-inactive.png) no-repeat; color:#666; }
#sidemenu.uklife li a.active, #sidemenu.uklife li a.active:hover{ background:url(/img/bg-sidemenu-uklife-active.png) no-repeat; color:#FFF; }
#sidemenu.uklife li a:hover{ background:url(/img/bg-sidemenu-uklife-inactive-hover.png) no-repeat; color:#000; }
#sidemenu.news li a{ background:url(/img/bg-sidemenu-news-inactive.png) no-repeat; color:#666; }
#sidemenu.news li a.active, #sidemenu.news li a.active:hover{ background:url(/img/bg-sidemenu-news-active.png) no-repeat; color:#FFF; }
#sidemenu.news li a:hover{ background:url(/img/bg-sidemenu-news-inactive-hover.png) no-repeat; color:#000; }
#sidemenu.contact li a{ background:url(/img/bg-sidemenu-contact-inactive.jpg) no-repeat; color:#666; }
#sidemenu.contact li a.active, #sidemenu.contact li a.active:hover{ background:url(/img/bg-sidemenu-contact-active.jpg) no-repeat; color:#FFF; }
#sidemenu.contact li a:hover{ background:url(/img/bg-sidemenu-contact-inactive-hover.jpg) no-repeat; color:#000; }
#sidemenu.ielts li a{ background:url(/img/bg-sidemenu-ielts-inactive.jpg) no-repeat; color:#666; }
#sidemenu.ielts li a.active, #sidemenu.ielts li a.active:hover{ background:url(/img/bg-sidemenu-ielts-active.jpg) no-repeat; color:#FFF; }
#sidemenu.ielts li a:hover{ background:url(/img/bg-sidemenu-ielts-inactive-hover.jpg) no-repeat; color:#000; }
#sidemenu.ielts ul li a.active, #sidemenu.ielts ul li a.active:hover{ color:#6a005f; background:none; }
#sidemenu.ielts ul li a { background:none; }
#sidemenu.ielts ul li a:hover{ color:#6a005f; background:none;  }
#sidemenu.ielts ul ul a{ padding-left:25px; }
#sidemenu.ielts ul ul li a{ background:none; }
#sidemenu.ielts ul ul a.active{ color:#6a005f; }

/* Student Box */
.student-box{ padding:30px 10px 0 10px; }
.student-box img{ float:right; padding:2px; margin:0 0 5px 5px; border:#CCC solid; border-width:1px; }
.student-box p{ margin-bottom:5px; color:#777; }
.student-box p strong, .student-box a{ font-weight:bold; color:#555; }
.student-more{ display:block; color:#2a9cd1; margin-top:20px; padding:0 10px; }

/* Realted Banners */
#realted-banners img{ margin-bottom:25px; }

/* List Style */
.content-liststyle-1{ float:left; width:460px; background: url(/img/bg-border.gif) repeat-x top; margin:20px 0 10px 0; }
.content-liststyle-1 li{ float:left; clear:both; padding:15px 0; background: url(/img/bg-border.gif) repeat-x bottom; }
.content-liststyle-1 li h1, .content-liststyle-1 li a{ /* color:#046ca1; font-size:13px; */ color:#000; font-size:15px; margin-bottom:8px; color:#0d4061; }
.content-liststyle-1 li h2{ color:#000; margin:5px 0; }
.content-liststyle-1 li h1, .content-liststyle-1 li h2, .content-liststyle-1 li p{ width:340px; float:right; }
.content-liststyle-1 li img{ float:left; border:#CCC solid; border-width:1px; margin:5px 0; }

.content-liststyle-1 li li{ background:url(/img/ico-arrow.png) no-repeat 0 5px; margin-bottom:4px; padding:2px 0 0 12px; clear:none; line-height:18px; }
.content-liststyle-1 li ul{ width:340px; float:right; margin:2px 0 0 0; }
.content-liststyle-1 li li ul{ margin-top:4px; }
.content-liststyle-1 li li ul li{ background:url(/img/ico-dot.png) no-repeat 0 4px; }

#exp-list{ width:100%; }
#exp-list h1, #exp-list h2, #exp-list p{ width:540px; }
#exp-list h1{ margin-bottom:0px; }

#learn-list{ width:100%; }
#learn-list h1, #learn-list h2, #learn-list p{ width:540px; }
#learn-list h1{ margin-bottom:5px; }

.content-liststyle-2{ float:left; width:665px; background: url(/img/bg-border.gif) repeat-x top; margin:5px 0 10px 0; padding-top:10px; }
.content-liststyle-2 li{ float:left; width:320px; height:250px; padding:10px 0px 10px 0; margin-right:22px; background: url(/img/bg-border.gif) repeat-x bottom;  }
.content-liststyle-2 li.last{ padding:10px 0 10px 0; margin:0; }
.content-liststyle-2 li h1{ font-size:12px; color:#000; margin:10px 0; line-height:18px; }
#content-half .content-liststyle-2 li p{ margin:0; }
.content-liststyle-2 li img{ float:left; margin:5px 10px 0 0; }

.content-liststyle-3{ float:left; width:685px; background: url(/img/bg-border.gif) repeat-x top; margin:20px 0 10px 0; }
.content-liststyle-3 li{ float:left; clear:both; padding:15px 0; width:100%; background: url(/img/bg-border.gif) repeat-x bottom; }
.content-liststyle-3 li h1, .content-liststyle-3 li a{ color:#046ca1; font-size:13px; }
.content-liststyle-3 li h2{ color:#000; margin:5px 0; }
.content-liststyle-3 li h1, .content-liststyle-3 li h2, .content-liststyle-3 li p{  float:right; width:550px; }
.content-liststyle-3 li img{ float:left; border:#CCC solid; border-width:1px; margin:5px 0; }

.content-liststyle-3b{ float:left; width:665px; background: url(/img/bg-border.gif) repeat-x top; margin:20px 0 10px 0; }
.content-liststyle-3b li{ float:left; clear:both; padding:15px 0; width:100%; background: url(/img/bg-border.gif) repeat-x bottom; }
.content-liststyle-3b li h1, .content-liststyle-3 li a{ color:#046ca1; font-size:13px; }
.content-liststyle-3b li h2{ color:#000; margin:5px 0; }
.content-liststyle-3b li h1, .content-liststyle-3b li h2, .content-liststyle-3b li p{  float:right; width:480px; }
.content-liststyle-3b li img{ float:left; border:#CCC solid; border-width:1px; margin:5px 0; }

.content-liststyle-4{ float:left; width:100%; margin:0 0 10px 0; }
.content-liststyle-4 li{ float:left; width:320px; height:120px; margin-right:25px; }
.content-liststyle-4 li.right{ margin-right:0; }
.content-liststyle-4 li a{ text-decoration:underline; }
.content-liststyle-4 li a:hover{ text-decoration:none; }
.content-liststyle-4 li h1, .content-liststyle-4 li a{ color:#046ca1; font-size:12px; }
.content-liststyle-4 li h1, .content-liststyle-4 li p{ line-height:18px; width:210px; float:right; }
#content-half .content-liststyle-4 li h1, #content-half .content-liststyle-4 li p{ margin-bottom:5px; }
.content-liststyle-4 li img{ float:left; border:#CCC solid; border-width:1px; margin:5px 10px 0 0; }

.content-liststyle-5{ line-height:18px; }
.content-liststyle-5 li{ background:url(/img/ico-arrow.png) no-repeat 0 4px; margin-bottom:8px; padding-left:12px; }
.content-liststyle-5 li ul{ margin-top:8px; }
.content-liststyle-5 li ul li{ background:url(/img/ico-dot.png) no-repeat 0 4px; }

.content-liststyle-5b{ line-height:18px}
.content-liststyle-5b li{ background:url(/img/ico-arrow.png) no-repeat 0 4px; margin-bottom:8px; padding-left:12px; margin-left:20px }

.content-liststyle-6{ float:left; line-height:18px; border:#CCC solid; border-width:1px; border-left:0px; border-right:0px; padding:15px 0 5px 0; margin-top:10px; }
.content-liststyle-6 li{ float:left; background:url(/img/ico-arrow.png) no-repeat 0 4px; margin-bottom:8px; padding-left:12px; width:218px; }

.content-liststyle-7{ float:left; width:665px; line-height:18px; }
.content-liststyle-7 li{ float:left; width:320px; margin-right:25px; padding:15px 0 10px 0; background: url(/img/bg-border.gif) repeat-x top; }
.content-liststyle-7 li.right{ margin-right:0; }
.content-liststyle-7 li ul{ float:right; width:270px; }
.content-liststyle-7 li ul li{ width:260px; padding:0 0 5px 12px; background:url(/img/ico-arrow.png) no-repeat 0 4px;}
.content-liststyle-7 .lt{ color:#046ca1; }

.content-liststyle-8{ float:left; width:665px; line-height:18px; }
.content-liststyle-8 li{ float:left; width:205px; margin:10px 20px 0 0; padding:15px 0 0 0; background: url(/img/bg-border.gif) repeat-x top; }
.content-liststyle-8 li.right{ margin-right:0; }
.content-liststyle-8 h1{ color:#000; }
.content-liststyle-8 img{ float:left; margin:5px 10px 5px 0; }

.content-liststyle-9{ float:left; width:665px; line-height:18px; background: url(/img/bg-border.gif) repeat-x top; padding-top:20px; margin-top:20px; }
.content-liststyle-9 li{ float:left; width:320px; margin: 0 20px 20px 0; }
.content-liststyle-9 li.right{ margin-right:0; }
.content-liststyle-9 li h1{ color:#046ca1;  font-size:12px; }
.content-liststyle-9 li h2{ color:#000; margin-bottom:5px; }
.content-liststyle-9 li img{ float:left; margin:3px 10px 0 0; border:#CCC solid; border-width:1px; }
.content-liststyle-9 li img.mr5{ margin:0 5px 0 0;}
.content-liststyle-9 li a img{ border:0; position:relative; top:-2px; }

.content-liststyle-v{ float:left; width:665px; line-height:18px; background: url(/img/bg-border.gif) repeat-x top; padding-top:20px; margin-top:20px; }
.content-liststyle-v li{ float:left; width:650px; margin: 0 20px 20px 0; }
.content-liststyle-v li.right{ margin-right:0; }
.content-liststyle-v li h1{ color:#046ca1;  font-size:12px;}
.content-liststyle-v li .b{ color:#046ca1;  font-size:12px;}
.content-liststyle-v li h2{ color:#000; margin-bottom:5px; font-size:16px }
.content-liststyle-v li img{ float:left; margin:0 10px 0 0; border:#CCC solid; border-width:1px; }
.content-liststyle-v li img.mr5{ margin:0 5px 0 0;}
.content-liststyle-v li a img{ border:0; position:relative; top:-2px; }

.content-liststyle-10{ float:left; width:665px; background: url(/img/bg-border.gif) repeat-x top; margin:20px 0 10px 0; }
.content-liststyle-10 li{ float:left; clear:both; padding:5px 0; width:100%; background: url(/img/bg-border.gif) repeat-x bottom; }
.content-liststyle-10 li h1, .content-liststyle-10 li a{ color:#046ca1; font-size:13px; }
.content-liststyle-10 li h1, .content-liststyle-10 li p{  float:right; width:580px; }
.content-liststyle-10 li h2{ float:left; margin:6px 0; font-size:12px; color:#666666; font-weight:normal}

.content-liststyle-11{ float:left; width:665px; background: url(/img/bg-border.gif) repeat-x top; margin:0 0 10px 0; padding-top:10px; }
.content-liststyle-11 li{ float:left; width:320px; height:160px; padding:0 0px 10px 0; margin-right:22px; }
.content-liststyle-11._2019 li{ float: none;
    width: 320px;
    height: 160px;
    padding: 0;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    display: inline-block;
}
.content-liststyle-11 li.last{ padding:0 0 10px 0; margin:0; }
.content-liststyle-11 li h1{ font-size:12px; color:#000; margin:10px 0; line-height:18px; color:#144578; }
#content-half .content-liststyle-11 li p{ margin:0; }
.content-liststyle-11 li img{ float:left; margin:5px 10px 0 0; }

.content-liststyle-11b{ float:left; width:665px; background: url(/img/bg-border.gif) repeat-x top; margin:0 0 10px 0; padding-top:10px; }
.content-liststyle-11b li{ float:left; width:620px; height:160px; padding:0 0px 10px 0; margin-right:22px; }
.content-liststyle-11b li.last{ padding:0 0 10px 0; margin:0; }
.content-liststyle-11b li h1{ font-size:12px; color:#000; margin:10px 0; line-height:18px; color:#144578; }
#content-half .content-liststyle-11b li p{ margin:0; }
.content-liststyle-11b li .thumb{ float:left; margin:5px 10px 0 0; }

.content-liststyle-12{ float:left; width:460px; }
.content-liststyle-12 li{ float:left; padding:15px 0 5px 0;  margin-right:15px; }
.content-liststyle-12 li img{ border:#CCC solid; border-width:1px; }

.content-liststyle-13{ float:left; width:100%; background: url(/img/bg-border.gif) repeat-x top; margin:20px 0; }
.content-liststyle-13 li{ float:left; width:100%; padding:20px 0;  margin-right:15px; background: url(/img/bg-border.gif) repeat-x bottom; }
.content-liststyle-13 a{ color:#666; }

.content-liststyle-14{ float:left; width:460px; margin:20px 0; }
.content-liststyle-14 li{ float:left; width:140px; height:170px; padding:20px 0; margin-right:19px; }
.content-liststyle-14 li.last{ margin-right:0; }
.content-liststyle-14 img{ border:#CCC solid 1px; }
.content-liststyle-14 p{ padding-top:5px; }

.content-liststyle-15{ float:left; width:460px; margin:20px 0; background:url(/img/bg-border.gif) repeat-x bottom; }
.content-liststyle-15 li{ float:left; width:460px; padding:20px 0; margin-right:19px; background:url(/img/bg-border.gif) repeat-x top; }
.content-liststyle-15 h2{ float:left; width:80px; font-weight:normal; padding-top:5px; font-size:13px;}
.content-liststyle-15 h1{ float:right; width:380px;}
.content-liststyle-15 p{ float:right; width:380px; margin-top:5px; }

.content-liststyle-16{ float:left; width:470px; margin:20px 0; background:url(/img/bg-border.gif) repeat-x bottom; }
.content-liststyle-16 li{ float:left; width:470px; padding:20px 0; margin-right:19px; background:url(/img/bg-border.gif) repeat-x top; }
.content-liststyle-16 h2{ float:left; border:#CCC solid 1px; margin-top:5px; }
.content-liststyle-16 h1{ float:right; width:340px; color:#138ac5; }
.content-liststyle-16 h1.black{ color:#000; }
.content-liststyle-16 p{ float:right; width:340px; margin-top:5px; }

.content-liststyle-17{ float:left; width:460px; background: url(/img/bg-border.gif) repeat-x top; margin:20px 0 10px 0; }
.content-liststyle-17 li{ float:left; clear:both; padding:15px 0; background: url(/img/bg-border.gif) repeat-x bottom; }
.content-liststyle-17 h2{ float:left; width:80px; font-weight:normal; padding-top:5px; }
.content-liststyle-17 h1{ float:right; width:350px; }
.content-liststyle-17 p{ float:right; width:350px; margin-top:5px; }
.content-liststyle-17 img{ float:left; border:#CCC solid; border-width:1px; margin:5px 0; }

.content-liststyle-18{ float:left; width:665px; background: url(/img/bg-border.gif) repeat-x top; margin:0 0 10px 0; padding-top:10px; }
.content-liststyle-18 li{ float:left; width:200px; height:90px; padding:0 0px 10px 0; margin-right:22px; }
.content-liststyle-18 li.last{ padding:0 0 10px 0; margin:0; }
.content-liststyle-18 li h1{ font-size:12px; color:#000; margin:10px 0; line-height:18px; color:#144578; }
#content-half .content-liststyle-18 li p{ margin:0; }

.content-liststyle-staff{ float:left; width:460px; }
.content-liststyle-staff li{ float:left; padding:15px 0 5px 0;  margin-right:15px; }


.sitemap-liststyle{ float:left; width:840px; line-height:18px; }
.sitemap-liststyle li{ float:left; width:400px; margin-right:25px; padding:15px 0 10px 0; background: url(/img/bg-border.gif) repeat-x top; }
.sitemap-liststyle li.right{ margin-right:0; }
.sitemap-liststyle li ul{ float:right; width:360px;}
.sitemap-liststyle li ul li{ width:330px; padding:0 0 5px 12px; background:url(/img/ico-arrow.png) no-repeat 0 4px;}
.sitemap-liststyle .lt{ color:#046ca1; }
/* Table */
.table-1{ width:460px; margin:20px 0 10px 0; }
.table-1 td, .table-1 th{ border:#CCC solid; border-width:1px; padding:5px; line-height:18px; }
.table-1 th{ background:#3e6893; color:#FFF; }

.table-2{ width:650px; margin:20px 0 10px 0; }
.table-2 td, .table-2 th{ border:#CCC solid; border-width:1px; padding:5px; line-height:18px; }
.table-2 th{ background:#3e6893; color:#FFF; }

.table-3{ font-size:12px; margin:0; margin:10px 0; line-height:16px; }
.table-3 th{ background:#EEE; }
.table-3 td, .table-3 th{ width:104px; padding:10px; border:#ccc solid 1px; text-align:center; font-weight:normal; }

.table-4{ font-size:12px; margin:0; margin:10px 0; line-height:18px; width:460px; }
.table-4 th{ background:#EEE; }
.table-4 td, .table-4 th{ padding:10px; border:#ccc solid 1px; text-align:left; font-weight:normal; }
.table-4 th.w1{ width:170px; }

/* Pager */
#pager{ margin:20px 0 0 0; } 
#pager .lt{ padding-top:8px; }
#pager a{ display:block; float:left; height:18px; width:26px; background:url(/img/bg-pager-btn.gif) no-repeat center; color:#666; text-align:center; padding-top:8px; margin-left:5px; }
#pager a:hover, #pager a.active{ color:#FFF; text-decoration:none; background:url(/img/bg-pager-btn-active.gif) no-repeat center; }

#pager-2{ float:left; clear:both; width:380px; margin:20px 0 0 0; } 
#pager-2 .lt{ padding-top:8px; }
#pager-2 a{ display:block; float:left; height:18px; width:26px; background:url(/img/bg-pager-btn.gif) no-repeat center; color:#666; text-align:center; padding-top:8px; margin-left:5px; }
#pager-2 a:hover, #pager-2 a.active{ color:#FFF; text-decoration:none; background:url(/img/bg-pager-btn-active.gif) no-repeat center; }

/* Student Experience */
#exp-list li:hover{ cursor:pointer; }
#student-exp{ float:left; width:665px; background:url(/img/bg-border.gif) repeat-x bottom; padding-bottom:10px; margin-bottom:10px; }
#student-exp img{ float:left; border:#CCC solid; border-width:1px; margin:5px 0; }
#student-exp h1{ color:#046ca1; font-size:13px; }
#student-exp h2{ color:#000; margin:5px 0; }
#student-exp p{ margin-bottom:5px; color:#777; }
#student-exp h1, #student-exp h2, #student-exp p{ width:550px; float:right; }
#student-exp-detail{ float:left; width:665px; background:url(/img/bg-border.gif) repeat-x bottom; }
#student-exp-detail p{ margin-bottom:10px; line-height:20px; }
#student-exp-detail img{ padding:10px; }
#btn-back{ float:right; display:block; height:17px; width:60px; text-align:center; padding-top:8px; background:url(/img/bg-back-btn.gif) no-repeat; color:#666; margin-top:10px; }
#btn-back:hover{ color:#000; text-decoration:none; }

/* Search */
.search-input{ width:220px; float:left; height:30px; background:url(../img/bg-search-input.gif) no-repeat; border:0; margin-right:10px; padding:5px 10px; }
.search-btn{ display:block; float:left; width:80px; height:28px; background:url(../img/bg-search-submit.gif) no-repeat; text-align:center; color:#666; padding-top:12px; }
.search-btn:hover{ color:#000; }
#search-box{ clear:both; float:left; position:relative; background:#eee; border-top:#CCC solid; border-top-width:1px; border-bottom:#CCC solid; border-bottom-width:1px; padding:15px; margin-top:15px; }
#search-box ul li{ float:left; width:280px; padding:0px 0; font-size:10px}
#search-box input{ position:relative; bottom:-2px; margin-right:5px; }
#search-tab{ position:absolute; top:-25px; }
#search-tab a{ display:block; float:left; color:#666; margin-right:15px; padding-bottom:20px; }
#search-tab a:hover, #search-tab a.active{ color:#138ac5; background:url(/img/ico-mark.png) bottom center no-repeat; }
#search-result-list{ float:left; width:380px; padding-top:20px; border-bottom:#CCC solid; border-bottom-width:1px; }
#search-result-list li{ width:380px; float:left; border-top:#CCC solid; border-width:1px; padding:6px 0 22px 0; }
#search-result-list li:hover{ cursor:pointer; }
#search-result-list li h1{ color:#000; }
#search-result-list li h1, #search-result-list li h2{ width:330px; font-size:12px; }
#search-result-list li img{ margin-top:15px; }
#search-map{ float:right; width:478px; height:600px; border:#CCC solid; border-width:1px; margin-top:20px; }
#search-box #search-list-2 li{ width:280px; }

/* Course */
#course-list a.active{ text-decoration:underline; }
#course-content{ float:left; margin-top:10px; width:100%; }
#course-content h1{ color:#000; }
#course-content h2{ color:#000; margin:20px 0 10px 0; font-weight:normal; }

/* Honor & Consult List */
#honor-list li, #consult-list li{ cursor:pointer; }

/* Online Consult */
.consult-left{ float:left; width:320px; border-right:#CCC solid; border-right-width:1px; margin-right:20px; margin-bottom:15px; }
.consult-right{ float:right; width:320px;  margin-bottom:15px; }
.consult-left table, .consult-right table{ width:320px; }
.consult-left table td, .consult-right table td{ height:50px; }
.consult-input-1{ width:230px; height:30px; border:0; padding:5px 10px; background:url(/img/bg-consult-input-01.gif) no-repeat; }
.consult-input-2{ width:37px; height:30px; border:0; padding:5px 10px; margin:0 5px 0 0; background:url(/img/bg-consult-input-02.gif) no-repeat; }
.consult-input-3{ width:22px; height:30px; border:0; padding:5px 10px; margin:0 5px 0 0; background:url(/img/bg-consult-input-03.gif) no-repeat; }
.consult-input-4{ width:570px; height:70px; padding:10px;  background:url(/img/bg-consult-input-04.gif) no-repeat; overflow:auto; line-height:18px; }
.consult-input-5{ width:240px; height:40px; border:0; padding:10px 10px 10px 10px; background:url(/img/bg-consult-input-01.gif) no-repeat; }
.consult-input-6{ width:100px; height:40px; border:0; padding:10px 10px 10px 10px; background:url(/img/bg-consult-input-05.gif) no-repeat; margin-right:10px; }

.consult-table-1 th{ width:60px; font-weight:normal; }
.consult-pt-1{ padding:10px 0 0 0; margin:0; }
.consult-table-2{ width:100%; }
.consult-table-2 td{ padding:5px 0; line-height:18px; }
.consult-table-2 input{ float:left; margin:2px 5px 0 0; }
.consult-table-3{ width:100%; }
.consult-table-3 td{ padding:5px 0; line-height:18px; }
.consult-table-3 input{ float:left; margin:2px 5px 30px 0; }
.consult-td-1{ width:90px; }
#btn-submit{ float:right; display:block; height:31px; width:157px; text-align:center; padding-top:8px; background:url(/img/bg-sumbit-btn.gif) no-repeat; color:#666; margin-top:10px; }

/* News */
#newscenter-list li{ cursor:pointer; }
#filter{ background:url(../img/bg-filter.gif) no-repeat; width:649px; height:42px; padding:8px; }
#btn-filter-submit{ display:block; float:left; width:80px; height:26px; background:url(../img/bg-search-submit.gif) no-repeat; padding-top:14px; text-align:center; color:#666; }
.mt10{ margin-top:12px; margin-right:10px; }
.mt40{ margin-top:12px; width:115px; text-align:right; margin-right:10px; }
#subscrive-warp{ width:460px; margin:120px auto; padding:10px 20px; height:140px; background:url(../img/bg-subscribe.gif) no-repeat center top; }
#epaper-list li{ padding-top:12px; }

/* Contact */
#content-office-detail{ float:left; margin-top:20px; background:url(/img/bg-border.gif) repeat-x bottom; }
#content-office-detail p{ margin-bottom:20px; }
#office-list li:hover{ cursor:pointer; }

/* Search */
#search-filter{ float:left; margin:5px 0 0 0; width:645px; background:url(../img/bg-search-filter.jpg) no-repeat; padding:10px; }

/* UK Study */
#ukstudy-right-menu li{ float:left; width:184px; height:70px; padding:5px 8px; margin-bottom:10px; background: url(../img/bg-ukstudy-rightmenu.gif) no-repeat center;
						-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; cursor:pointer;}
#ukstudy-right-menu.extend{ margin-top:20px; }
#ukstudy-right-menu.extend li{ margin-right:10px; }
#ukstudy-right-menu li h2{ float:left; }
#ukstudy-right-menu li p{ float:right; width:125px; margin-top:5px;  font-size:11px;line-height:13px}
#ukstudy-right-menu li h1{ float:right; width:125px; font-size:13px; font-weight:bold; line-height:13px}

/* UK Study Services */
#service-list{ width:100%; }
#service-list h1, #service-list p{ width:540px; margin:0; }

/* University School */
#school-list{ float:left; width:280px; }
#school-list ul{ margin:0; }
#school-list li{ float:left; width:280px; margin:0; line-height: 20px; }
#content-accommodation p{ font-size:15px; line-height:22px; }


/* Language School */
#school-list2{ float:left; width:255px; }
#school-list2 ul{ margin:0; }
#school-list2 li{ float:left; width:255px; margin:0; line-height: 20px; }

#content-accommodation p{ font-size:15px; line-height:22px; }
.lt-foto{ float:left; margin:5px 10px 5px 0;}


/* Q&A */
#qa-list{ float:left; margin-top:10px; }
#qa-list li{ padding-bottom:2px; }
#qa-list h1{ position:relative; top:-4px; margin:0; color:#000; }

/* Traffic */
#traffic-list h1, #traffic-list p{ float:right; width:550px; }
#train-list{ float:right; width:550px; margin-bottom:15px; }
#traffic-list h1{ color:#8a2424; font-size:15px; }
#traffic-list p{ padding-bottom:5px; }
#train-list li{ padding:5px 0 5px 15px; margin:0; background:url(/img/ico-arrow.png) 0 7px no-repeat; }
#drama-list li{ height:180px; width:105px; float:left; }
#drama-list li h1{ float:left;  margin-top:5px; text-align:left; width:105px; color:#666; }
.subscribe-space{ clear:both; float:left; margin:5px 0; }

#train-list2{ float:right; width:450px; margin-bottom:15px; }
#traffic-list2 h1, #traffic-list2 p{ float:right; width:450px; }
#traffic-list2 h1{ color:#8a2424; font-size:15px; }
#traffic-list2 p{ padding-bottom:5px; }
#train-list2 li{ padding:5px 0 5px 15px; margin:0; background:url(/img/ico-arrow.png) 0 7px no-repeat; }
#drama-list2 li{ height:180px; width:105px; float:left; }
#drama-list2 li h1{ float:left;  margin-top:5px; text-align:left; width:105px; color:#666; }

/* Slides */
.slides_container { width:606px; height:346px; overflow:hidden; position:relative; display:none; }
#slides .slide { width:606px; height:346px; display:block; }
#slides a img{ width:606px; height:346px; }

/* Next/prev buttons */
#slides .next, #slides .prev { position:absolute; top:107px; left:-39px; width:24px; height:43px; display:block; z-index:101; }
#slides .next { left:585px; }

/* Pagination */
.pagination { margin:26px auto 0; width:100px; position:relative; top:-60px; right:-240px; z-index:999; }
.pagination li { float:left; margin:0 3px; list-style:none; }
.pagination li a { display:block; width:13px; height:0; padding-top:13px; background-image:url(/img/pagination.png); background-position:0 0; float:left; overflow:hidden; }
.pagination li.current a { background-position:0 -13px; }

/* Caption */
.caption { z-index:500;position:absolute;bottom:-35px;left:0;height:70px;padding:5px 20px 20px 20px;width:606px;font-size:28px;font-weight:bold;color:#fff;text-shadow:#000 1px 1px 5px; }
.caption p{ line-height:34px; padding-left:50px; background:url(/img/caption-arrow.png) 0 20px no-repeat; }

/* Map & Makers */
#map-container{ float:right; width:478px; height:600px; border:#CCC solid; border-width:1px; margin-top:20px; }
#map-container.fixed{ margin-left:305px; position:fixed; top:-70px; }

.box-1{ background:#e7e7e7; padding:15px; float:left; margin-bottom:10px; }
.box-1 h1{ color:#000; margin:4px 0; }
.box-1 p{ color:#000; margin:4px 0 8px 0; }
.rounded-corners{ -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; }

/* Food */
#food-list h1{ font-size:15px; color:#8a2424; line-height:22px; }

/* Visa */
.visa-list h1{ font-size:15px; color:#8a2424; line-height:22px; }

/* Unite */
#unite-list{ float:left; margin-bottom:20px; width:400px; }
#unite-list li{ width:200px; float:left; }
#unite-list h1{ color:#8A2424; }
#unite-list h1, #unite-list p{ font-size:11px; margin:0; padding:0; }
#unite-quote h2{ font-size:15px; font-weight:normal; color:#000; }
#unite-quote h3{ margin:8px 0; color:#999; }


/* course list on uni profile page */
#course_list
{
	width: 100%; height:200px;overflow:auto;
}

#course_list ul{
	padding-left:10px; margin-left:20px;
	padding-top:0px; margin-top:10px;
	list-style:decimal;
	font-size:10px;
}


#school_title{ float:left; width:625px; padding:0px 0 10px 0;  font-size:10px;}
#school_title li{ float:left; width:600px; height:30px; padding:0 20px 20px 0; }
#school_title h1{ margin:0 0 10px 0; font-size:17px; color:#666666; font-weight:bold}
#school_title h2{ float:left; margin-right:15px;}

#lang_school_title{ float:left; width:625px; padding:0px 0 10px 0;  font-size:10px;}
#lang_school_title li{ float:left; width:600px; height:40px; padding:0 20px 20px 0; }
#lang_school_title h1{ margin:0 0 10px 0; font-size:17px; color:#666666; font-weight:bold}
#lang_school_title h2{ float:left; margin-right:15px;}


#youtube{ clear:both; float:left; position:relative; background:#eee; border-top:#CCC solid; border-top-width:1px; border-bottom:#CCC solid; border-bottom-width:1px; padding:15px; margin-top:30px; }
#youtube ul li{ float:left; width:300px; padding:0px 0;}

#sbtn-list{ margin:5px 0 20px 0; padding:10px 0; float:left; width:665px; border-top:#CCC solid 1px; border-bottom:#CCC solid 1px;  }
#sbtn-list a.active{ color:#666;  }


.box-table-a{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size:11px; text-align:left;border-collapse:collapse;}
.box-table-a th{font-size:13px;font-weight:normal;background-color:#b9c9fe;border-top:4px solid #aabcfe;border-bottom:1px solid #fff;color:#039;padding:8px;}
.box-table-a td{border-bottom:1px solid #fff;color:#669;border-top:1px solid transparent;padding:4px;cursor:pointer;}

.image_l{ margin:0 10px 0 0; border:#CCC solid; border-width:1px; }
.image_r{ margin:0 0 0 10px; border:#CCC solid; border-width:1px; }

/* Google Map List*/
#map_list{float:left; width:380px; margin-top:20px; height:600px; overflow: auto; padding-left:20px}
#map_list_lang{ float:left; width:300px; margin-top:20px; height:600px; overflow: auto;}

/* News styles*/
.newsp2 strong{ font-weight:bold }
.newsp2 li{ background:url(/img/ico-arrow.png) no-repeat 0 4px; margin-bottom:8px; padding-left:12px; line-height:18px; }
.newsp2 li ul{ margin-top:8px; }