.white { color:#fff; }
.bgwhite { background-color:#fff; }
.blue { background-color:#FF940C; }
.grey { background-color:#393939; }
.dropdown-menu li a { color: white; }
.blacktxt a { color:#000; }
 
/* ISSC CSS */

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, address, font, img, strong, sub, ul, li, span {
margin: 0;
padding: 0;
border: 0;
}

a { text-decoration: none;}

div { text-align:justify; text-justify:inter-word; }

body{ font-family: Arial, "微軟正黑體", pmingliu,Helvetica,sans-serif; text-align:center; background-color:#fff; }

.line1{ display:block; clear:both; height:10px; }

#container{ width:970px; margin:0 auto; padding:0;  }

/* Start header*/
#header{ width:970px; margin:0 auto; padding:0;	height:110px; background-color:#fff; }
.logo{ float:left; line-height:24px; }
.logo a { height:110px; }
.top-01 { width:700px; left:300; float:right; text-align:left; }
.top-02 { left:500px; width:210px; height:50px; padding:5px; float:right; }
.top-02 ul { margin-top:10px; list-style-type:none; font-size:13px; }
.top-02 ul li{ color:#666666; font-size:14px; padding:5px; line-height:15px; } 
.menu-01 { clear:both; margin-top:10px; float:right; line-height:19px; }
.menu-01 ul { text-align: right; font-size:14px; list-style-type:none; }
.menu-01 ul li{ float:left; }
.menu-01 ul li a{  font-weight:bold; text-decoration:none; color: #666666; margin:0 10px 0 10px;  text-shadow: #c0c0c0 1px 1px 1px;}
.menu-01 ul li a:hover{	color:#347902; }
.menu-01 ul span { padding: 0 5px; margin: 0; width: 1px; color: #000; }
.menu-01 ul li img {  border:0; }
.menu-01 ul li img  a{  }

/* End header */

.height {
	margin: 50px 0;
}

.breadcrumb li a { color:#000; }
.panel-body ul { padding-left:15px; }

/* Start Nav */
#menu {  z-index:10; height:30px; position:relative;  opacity:1; }
#nav-top { height:25px; background:url(../images/top_bg_4.jpg) repeat-x; line-height:30px;}
#nav-bottom { display:block; height:25px; }
.menu-top { width:970px; margin:0 auto;  }
.menu-top .isscmenu { display:block; clear:both; margin:0; padding:0; font-size:14px; }
.menu-top .isscmenu li { padding:3px 0 3px 0; float: left; margin: 0 15px 0 15px; text-align:left; list-style-type:none; line-height:25px; font-weight:bold; text-decoration:none; color:#fff;}
.menu-top .isscmenu li a { font-weight:bold; text-decoration:none; color:#fff; /*text-shadow: #000 1px 1px 1px;*/ line-height:25px; }
.menu-top .isscmenu li a:hover {  color:#333;  }

.menu-top .isscmenu .down { overflow: hidden; }

.menu-top .isscmenu li .down ul { position:absolute; margin-left:-40px; display:none; list-style-type:none; }
.menu-top .isscmenu li .down ul li { float:none; width:120px; height:20px; background:#ff7107; text-align:center; }
.menu-top .isscmenu li .down ul li a { margin:0; padding:0;  font-size:14px; }


.menu-top .isscmenu li ul li a:hover { }

.menu-top .media-top { margin:0; padding:0; }
.menu-top .media-top ul { float: right; list-style-type:none; padding:0; margin:0;  }
.menu-top .media-top ul li {  margin: 0 3px 0 3px; padding:0; float:left;}
.menu-top .media-top ul li a { }
.menu-top .media-top ul li a:hover { }



.menu-down { display:block; width:970px; margin:0 auto; height:25px; }
.menu-down ul{ display:block; clear:both; padding:0; font-size:14px; list-style-type:none; }
.menu-down ul li { padding:3px 0 3px 0; float: left; margin: 0 20px 0 20px; }
.menu-down ul li a { font-weight:bold; text-decoration:none; color:#666666; text-shadow: #fff 1px 1px 1px; line-height:5px; }
.menu-down ul li a:hover {  color:#ff0000;  }



/* End Nav */

/* m-adv */
#m-adv { margin:0 auto; margin-top:10px; width:970px; height:345px; z-index:-3;}
.adv01 { margin:0; padding:0; float:left; width: 680px; height:345px; }
.adv01 img{ border:1px solid #666; }
.adv02 { display:block; margin:0; padding:0; float:right; width: 280px; height:345px; background:#c0c0c0;  } 


.idTabs { margin:0 0 0 5px;  display:block;  text-align:left; }
.idTabs li { margin:0; padding:0; width:90px; height:28px; margin-top:10px; font-size:14px; float:left; background-image:url(../images/tab_green.png); background-repart:no-repeat; list-style-type:none; }
.idTabs li a { position:absolute; width:90px; height:28px; text-decoration:none; color:#fff; text-align:center; line-height:30px; }
.idTabs li a:hover{  width:90px; height:28px; }
.idTabs li a.selected { position:absolute; width:90px; height:28px;  background-image:url(../images/tab_white.png); background-repart:no-repeat; color:#347902; }

#interview, #school-search, #booking { display:block; clear:both; margin: 0 auto;  padding: 0; width:270px; height:300px; background:#fff; text-align:center;}

booking, .name, .age, .sex, .tel, .email, .study, .level, .course, .know { margin:0; padding:0; font-size:12px; text-align:left; }



<!-- slide show -->
h2{ color:#8091b0; }
div#slideShowItems{ margin:0; padding:0; width:680px; height:325px; text-align:left; z-index:1; }
div#slideShowItems div{ width:680px; z-index:1;}
div#slideShowItems img { margin-right:13px;	float:left; z-index:1;}
ul#slideShowCount{ margin:0px; padding:0px; width:680px; z-index:-300;}
ul#slideShowCount li.slide{ line-height:14px; float:right; cursor:pointer; width:26px; height:18px;	display:block; background-color: #0060b0; z-index:1; }
ul#slideShowCount li.slide span{ display:block; padding-left:10px; color:white; font-weight:bold; font-size:12px; z-index:1;}
ul#slideShowCount li.slide span:hover{ color:red; z-index:1;}
ul#slideShowCount li.slide.selectedTab{	background-color: #8eccff; z-index:1;}
div#slideShow{ margin:0; padding:0; background:#fff; width:680px; z-index:1; }
<!-- End slide show-->


<!-- Start Content slide -->
#content-silde { clear:both; margin-top: 20px; padding:0; width:960px;}

<!-- End Content slide -->


<!-- Start Footer -->
#footer { display:block; clear:both; }
.footer-bg { display:block; clear:both; width:100%; height:80px; background:url(../images/footer_bg_3.jpg) repeat-x; opacity:1; }
.footer-bg .footer-menu {  width:970px; margin:0 auto;}
.footer-bg .footer-menu ul { display:block; clear:both; margin-left:10px;  font-size:12px; list-style-type:none; }
.footer-bg .footer-menu ul li { float:left;  margin:10px 10px 0 0; }
.footer-bg .footer-menu ul li a{ text-decoration:none; color:#fff; text-align:left; margin:0; padding :0; }
.footer-bg .footer-menu ul li a:hover{  color:#000;  }
.footer-bg .copyright {  clear:both; margin:0 auto; width:970px; }
.footer-bg .copyright p { margin:10px 0 0 10px;  font-size:12px;  text-align:left; color:#fff;  }

<!--End Footer -->


/* Circular Content Carousel Style */
#ca-container{ display:block; clear:both; }
.ca-container{ display:block; clear:both; position:relative; margin:5px auto 20px auto; width:910px; height:auto; background:#fff; }
.ca-wrapper{ width:100%; height:100%; position:relative; overflow:visible;}
.ca-item{ float:left; width:210px; height:100%; text-align:center; }
.ca-item-main{ padding:0; margin:0; top:1px; left:1px; right:1px; bottom:1px; text-align:center; }
.ca-content-wrapper{ background:#b0ccc6; width:0px; /* expands to width of the wrapper minus 1 element */ height:690px; text-align:left; overflow:hidden; }
.ca-nav span{ width:38px; height:184px; background:transparent url(../images/arrows2.png) no-repeat top left; position:absolute; top:5%; margin-top:-19px; left:-39px; text-indent:-9000px; opacity:0.8; cursor:pointer; z-index:100; }
.ca-nav span.ca-nav-next{ display:block; background-position:top right; left:auto; right:-44px; }
.ca-nav span:hover{ opacity:1.0; }
/* End Loop Content */


/* Loop Content */
#oversea-school, #ucas { margin:10px 0px;  font-size:12px; padding:5px; width:190px; text-align:left; background:#c0c0c0; }
#oversea-school .box-content { margin:0; padding:0; width:190px; height:320px; background:#fff; }
#oversea-school .box-content-interview { margin:0; padding:0; width:190px; height:420px; background:#fff; }
#oversea-school .box-content-interview img { border:0; }
#oversea-school .box-content-interview h3 { font-family: Arial, "微軟正黑體", pmingliu,Helvetica,sans-serif; margin:0; padding:5px 0; }
#oversea-school .box-content-interview h3 a { text-decoration:none; color:f77400; }
#oversea-school .box-content-interview h3 a:hover { color:000; }
#oversea-school .box-content-interview ul{ margin:0; padding:5px 5px; font-size:12px; list-style:none; text-align:left; }
#oversea-school .box-content-interview ul li { margin:10px 0; padding:0; color:#666666; }
#oversea-school .box-content-interview ul li a{ font-weight:bold; text-decoration:none; color:#666666; }
#oversea-school .box-content-interview ul li a:hover{ text-decoration:underline; color:#347902; }
#oversea-school .box-content-interview ul li img {margin:0; padding:0; width:34px; height:16px; border:0; }
#oversea-school .box-content-interview p { position:relative; margin-bottom:10px;  text-align:right; font-size:13px; }
#oversea-school .box-content-interview p a { position:relative; margin-bottom:10px; ;  }
#oversea-school .box-content-interview .more a{ margin:0;  padding:5px; font-weight:bold; text-decoration:none; color:#c0c0c0; font-size:13px; }
#oversea-school .box-content-interview .more a:hover{ color:#347902; }

#oversea-school .box-content img { border:0; }
#oversea-school .box-content h3 { font-family: Arial, "微軟正黑體", pmingliu,Helvetica,sans-serif; margin:0; padding:5px 0; }
#oversea-school .box-content h3 a { text-decoration:none; color:f77400; }
#oversea-school .box-content h3 a:hover { color:000; }
#oversea-school .box-content ul{ margin:0; padding:5px 5px;  font-size:12px; height:150px; list-style:none; text-align:left; font-weight:bold; }
#oversea-school .box-content ul li { margin:10px 0; padding:0; color:#666666; }
#oversea-school .box-content ul li a{ font-weight:bold; text-decoration:none; color:#666666; }
#oversea-school .box-content ul li a:hover{ text-decoration:underline; color:#347902; }
#oversea-school .box-content ul li img {margin:0; padding:0; width:34px; height:16px; border:0; }
#oversea-school .box-content p { position:relative; margin-bottom:10px; text-align:right;}
#oversea-school .box-content p a { position:relative; margin-bottom:10px; }
#oversea-school .box-content .more a{ padding:5px; font-weight:bold; text-decoration:none; color:#c0c0c0; font-size:13px; }
#oversea-school .box-content .more a:hover{ color:#347902; }

#scholarships { margin:0;  font-size:12px; padding:5px; width:190px; text-align:left; background:#c0c0c0; }
#scholarships .box-content { margin:0; padding:0; width:190px; height:250px; background:#fff; }
#scholarships .box-content img { border:0;}
#scholarships .box-content h3{margin:0; padding:5px; font-size:16px; }
#scholarships .box-content h3 a {text-decoration:none; color:626262; }
#scholarships .box-content h3 a:hover { color:000; }
#scholarships .box-content ul { margin:0 20px ; padding:0;}
#scholarships .box-content ul li { margin:10px 0; padding:0; color:#666666; }
#scholarships .box-content .article { margin:0; padding:0; text-align:left; letter-spacing:normal; line-height:17px;}
#scholarships .box-content .article a { margin-bottom:10px; text-decoration:none; color:#666; font-weight:bold;}
#scholarships .box-content .article a:hover { text-decoration:underline; }
#scholarships .box-content { margin-bottom:10px; text-decoration:none; text-align:right; }
#scholarships .box-content .more a{  padding:5px; font-weight:bold; text-decoration:none; color:#c0c0c0; font-size:13px; }
#scholarships .box-content .more a:hover{ color:#347902; }

#ucas .box-content { margin:0; padding:0; width:190px; height:320px; background:#fff; }
#ucas .box-content img { border:0;}
#ucas .box-content h3{margin:0; padding:5px; font-size:16px; }
#ucas .box-content h3 a {text-decoration:none; color:626262; }
#ucas .box-content h3 a:hover { color:000; }
#ucas .box-content .article { margin:0; padding:10px; text-align:justify; letter-spacing:normal; line-height:17px;}
#ucas .box-content .article a { margin-bottom:10px; text-decoration:none; color:#666; font-weight:bold; }
#ucas .box-content .article a:hover { text-decoration:underline; }
#ucas .box-content p { margin-bottom:10px; text-decoration:none; text-align:right;  }
#ucas .box-content .more a{  padding:5px; font-weight:bold; text-decoration:none; color:#c0c0c0; font-size:13px; }
#ucas .box-content .more a:hover{ color:#347902; }

#facebook { margin-top:10px; padding:0; height:380px;}



#p-image { margin:10px 0px;  font-size:12px; padding:5px; width:190px; text-align:left; background:#c0c0c0; }
#p-image .box-content { margin:0; padding:0; width:190px; height:260px; background:#fff; }
#p-image .box-content img { border:0; }
#p-image .box-content h3 { font-family: Arial, "微軟正黑體", pmingliu,Helvetica,sans-serif; margin:0; padding:5px 0; }
#p-image .box-content h3 a { text-decoration:none; color:f77400; }
#p-image .box-content h3 a:hover { color:000; }
#p-image .box-content ul{ margin-top:5px; padding:0; font-size:12px; list-style-type:none; text-align:left; }
#p-image .box-content ul li { list-style:none; margin:10px 0; padding:0; color:#666666; }
#p-image .box-content ul li a{ font-weight:bold; text-decoration:none; color:#666666; }
#p-image .box-content ul li a:hover{ text-decoration:underline; color:#347902; }
#p-image .box-content ul li img {margin:0; padding:0; border:0; }






/*** 
set the width and height to match your images 
**/

#slideshow_bg { position:relative; z-index:-30;}
#slideshow_bg IMG { position:absolute; top:0; left:0; z-index:-2; opacity:0.0; }
#slideshow_bg IMG.active { z-index:10; opacity:1.0; }
#slideshow_bg IMG.last-active { z-index:9; }
#slideshow_bg img { 
/* Set rules to fill background */ min-height: 100%; min-width: 1024px;
/* Set up proportionate scaling */ width: 100%; height: auto;
/* Set up positioning */ position: fixed; top: 0; left: 0;
}
		
@media screen and (max-width: 990px){
img.bg { left: 50%; margin-left: -512px; } }

/*  End  */


/* Form Start */
#booking { font-size:12px;  }
#booking .name { margin:0; padding:0; display:block; }
#booking .age { margin:0; padding:0; float:left; }
#booking .sex { float:left; margin:0; padding:0; }
#booking .tel, .email, .study, .level, .course, .know{ display:block; clear:both; margin-top:2px; padding:0; display:block; }
#booking input {  text-align:left; }
#booking .checkbox {  text-align:justify;}


/* Content page */
#content-wrapper { margin:0 auto; margin-top:10px; width:970px; height:390px; z-index:-3;}
#content-left-menu { width:190px; height:300px; background:#f3f4f6; float:left; border: 1px solid #e5e5e5;}
#content-left-menu #content-header { margin:5px; }
#content-left-menu #content-header .hr-text { text-align:left; margin:0; padding:0; }
#content-left-menu #content-header .hr-text p { margin:5px 10px 5px 5px; font-size:15px;  font-weight:bold; border-bottom: 1px dotted #AAA; color:#666666; }
#content-left-menu ul { list-style-type:none; text-align:left; margin-left:5px;   }
#content-left-menu ul li { font-size:14px; padding:5px 0; font-weight:bold;  }
#content-left-menu ul li a{ display:block; clear:both; text-decoration:none; color:#666666;   }
#content-left-menu ul li a:hover{ color:#FF0000; }
#content-wrapper p { font-size:16px; letter-spacing:1px; line-height:25px; text-align:justify; padding:0; margin:10px auto; }
#content-wrapper .article-img {float:right; margin:10px; }
#content-wrapper .article-img2 {float:left; margin:10px;  }
#layout-content { width:740px; height:auto; margin-left:20px; margin-bottom:40px; float:left; }
#layout-content .header { text-align:left; font-size:13px; margin-left:5px; border-bottom: solid 1px #666666; color:#FF0000; font-weight:bold; }
.line {background:#666666 repeat-x; height:1px; }


/* service */
#service-content { width:740px; height:auto; margin-left:20px; margin-bottom:40px; float:left; }
#service-content .header { text-align:left; font-size:13px; margin-left:5px; border-bottom: solid 1px #666666; color:#FF0000; font-weight:bold; }
#service-content h3{ display:block; text-align:left; margin:10px 5px; color:#347902; }
#service-content p { font-size:14px; letter-spacing:0.5px; line-height:25px; text-align:justify; padding:0; margin-left:5px; margin-bottom:20px; color:#666666;}


/*book part */
#book-content { width:740px; height:auto; margin-left:20px; margin-bottom:40px; float:left; }
#book-content .header { text-align:left; font-size:13px; border-bottom: solid 1px #666666; color:#FF0000; font-weight:bold; }
#book-content h3{ display:block; text-align:left; margin:10px 5px; color:#347902; }
#book-content p { font-size:14px; letter-spacing:0.5px; line-height:25px; text-align:justify; padding:0; margin-left:5px; margin-bottom:80px; }
.p01, .p02 {font-size:14px; letter-spacing:0.5px; line-height:25px; text-align:justify; padding:0; margin-left:5px; color:#666666;}
.p03 { font-size:14px; letter-spacing:0.5px; line-height:25px; text-align:justify; padding:0; margin-left:5px; margin-bottom:20px; color:#666666;}
.p04 {  letter-spacing:0.5px; padding:0; margin-left:5px; margin-bottom:20px; }
.p04 a { font-size:15px; font-weight:bold; color:#FF0000; text-decoration:none; }


/* ucas */
#ucas-wrapper { margin:0 auto; margin-top:10px; width:970px; height:390px; z-index:-3;}
#ucas-left-menu { width:190px; height:300px; background:#f3f4f6; float:left; border: 1px solid #e5e5e5;}
#ucas-left-menu #ucas-header { margin:5px;  }
#ucas-left-menu #ucas-header .hr-text { text-align:left; margin:0; padding:0; }
#ucas-left-menu #ucas-header .hr-text p { margin:5px 10px 5px 5px; font-size:15px; font-weight:bold; border-bottom: 1px dotted #AAA; color:#666666; }
#ucas-left-menu ul { list-style-type:none; text-align:left; margin-left:5px;   }
#ucas-left-menu ul li { font-size:14px; padding:5px 0; font-weight:bold;  }
#ucas-left-menu ul li a{ display:block; clear:both; text-decoration:none; color:#666666;   }
#ucas-left-menu ul li a:hover{ color:#FF0000; }
#ucas-wrapper p { font-size:14px; letter-spacing:0.8px; line-height:25px; text-align:justify; padding:5px; margin:10px auto; }
#ucas-wrapper .article-img {float:right; margin:10px; border: 4px solid #e5e5e5;}
#ucas-wrapper .article-img2 {float:left; margin:10px; border: 4px solid #e5e5e5; }

#ucas-content { width:740px; height:auto; margin-left:20px; float:left; text-align:left; }
#ucas-content .header { text-align:left; font-size:13px; border-bottom: solid 1px #666666; color:#FF0000; font-weight:bold; }
#ucas-content h3 { font-size:14px; line-height:20px; font-weight:bold; padding-left:25px; text-align:left; }
#ucas-content .bg {width:190px; text-align:left; background-image:url(../images/ucas_hd.png); background-repeat:no-repeat; margin-left:5px; }
#ucas-content p{ font-size:14px; margin-left:5px; text-align:justify; }
#ucas-content .tips { font-size:14px; margin-left:5px; margin-bottom:10px; color:white; text-align:justify; background:#009900; padding:5px;}
#ucas-content .tips h3{ padding:5px; font-size:14px; margin-left:5px; text-align:left; font-weight:bold; }


/* oversea study page */
#oversea-wrapper { margin:0 auto; margin-top:10px; width:970px; height:500px; z-index:-3;}
#oversea-left-menu { width:190px; height:350px; background:#f3f4f6; float:left; border: 1px solid #e5e5e5;}
#oversea-left-menu #oversea-header { margin:5px; }
#oversea-left-menu #oversea-header .hr-text { text-align:left; margin:0; padding:0; }
#oversea-left-menu #oversea-header .hr-text p {  margin:5px 10px 5px 5px; font-size:15px; font-weight:bold; border-bottom: 1px dotted #AAA; color:#666666;  }
#oversea-left-menu ul { list-style-type:none; text-align:left; margin-left:5px;   }
#oversea-left-menu ul li { font-size:14px; padding:5px 0; font-weight:bold; }
#oversea-left-menu ul li a{ display:block; clear:both; text-decoration:none; color:#666666;   }
#oversea-left-menu ul li a:hover{ color:#FF0000; }
#oversea-wrapper p { font-size:12px; line-height:25px; text-align:justify; padding:0; margin:10px auto; }
#oversea-wrapper .article-img {float:right; margin:10px; border: 4px solid #e5e5e5;}
#oversea-wrapper .article-img2 {float:left; margin:10px; border: 4px solid #e5e5e5; }
#oversea-content { width:740px; height:auto; margin-left:20px; margin-bottom:40px; float:left; }
#oversea-content h3 { font-size:14px; line-height:20px; font-weight:bold; padding-left:25px; text-align:left; }
#oversea-content .header { text-align:left; font-size:13px; border-bottom: solid 1px #666666; color:#FF0000; font-weight:bold; }
.line {background:#666666 repeat-x; height:1px; }

/* For All oversea content */
#oversea-all { display:block; margin-bottom:30px; padding:0; }
#oversea-all h3{ margin:0; padding:0; display:block; clear:both; font-size:16px; font-weight:bold; }
#weather-text {  margin:10px 0; padding:0 30px;  background-image:url('../images/sun.png'); background-repeat:no-repeat; line-height:10px; }
#weather-text .main-text{ margin:0; padding:0; line-height:30px; }

#clock-text { margin:10px 0; padding:0 30px;  background-image:url('../images/clock.png'); background-repeat:no-repeat; line-height:10px; }
#clock-text .main-text{ margin:0; padding:0; line-height:30px; }

#education-flow { text-align:left;  }
#oversea-other { margin-top:40px; text-align:left;}
#oversea-other h3{ margin:0; padding:0; display:block; clear:both; font-size:16px; font-weight:bold; }
#oversea-other p{ margin-top:10px; }
#oversea-other .article-img {float:right; margin:10px; border: 4px solid #e5e5e5; }
#oversea-other .article-img2 {float:left; margin:10px; border: 4px solid #e5e5e5; }
#oversea-other .charge1, .charge2, .charge3, .charge4, .charge5 { font-size:15px; padding:0; margin:10px; width:150px; text-align:center; float:left;  border: 1px solid #666666; } 
#oversea-other .charge1 p {font-size:15px; padding:0; margin:0;  background:#ffd21d; width:150px; text-align:center; }
#oversea-other .charge2 p {font-size:15px; padding:0; margin:0;  background:#ff87af; width:150px; text-align:center; }
#oversea-other .charge3 p {font-size:15px; padding:0; margin:0;  background:#8fff87; width:150px; text-align:center; }
#oversea-other .charge4 p {font-size:15px; padding:0; margin:0;  background:#ffbd87; width:150px; text-align:center; }
#oversea-other .charge5 p {font-size:15px; padding:0; margin:0;  background:#a087ff; width:150px; text-align:center; }

/* Aust */
#aust { background-image:url('../images/2012_aubackground.jpg'); height:519; margin:10px 0 5px 5px; text-align:left; background-repeat:no-repeat;}
#aust .transparent {  width:350; height:250; padding:20px; }
#aust .oversea-text { background-image:url('../images/transparent.png'); background-repeat:no-repeat; width:350; height: 250; }
#aust .oversea-text h2 { padding:20; text-align:left; }
#aust .oversea-text p{ padding:0 20px; }

/* uk */
#uk { background-image:url('../images/2012_engbackground.jpg'); height:453; margin:10px 0 5px 5px; text-align:left; background-repeat:no-repeat;}
#uk .transparent {  width:350; height:250; padding:20px; }
#uk .oversea-text { background-image:url('../images/transparent.png'); background-repeat:no-repeat; width:350; height: 250; }
#uk .oversea-text h2 { padding:20; text-align:left; }
#uk .oversea-text p{ padding:0 20px; }

/* nz */
#nz { background-image:url('../images/2012_nzbackground.jpg'); height:444; margin:10px 0 5px 5px; text-align:left; background-repeat:no-repeat;}
#nz .transparent {  width:350; height:250; padding:20px; }
#nz .oversea-text { background-image:url('../images/transparent.png'); background-repeat:no-repeat; width:350; height: 250; }
#nz .oversea-text h2 { padding:20; text-align:left; }
#nz .oversea-text p{ padding:0 20px; }

/* sw */
#sw { background-image:url('../images/2012_swbackground.jpg'); height:558; margin:10px 0 5px 5px; text-align:left; background-repeat:no-repeat;}
#sw .transparent {  width:350; height:250; padding:20px; }
#sw .oversea-text { background-image:url('../images/transparent.png'); background-repeat:no-repeat; width:350; height: 250; }
#sw .oversea-text h2 { padding:20; text-align:left; }
#sw .oversea-text p{ padding:0 20px; }

/* ca */
#ca { background-image:url('../images/2012_cabackground.jpg'); height:576; margin:10px 0 5px 5px; text-align:left; background-repeat:no-repeat;}
#ca .transparent {  width:350; height:250; padding:20px; }
#ca .oversea-text { background-image:url('../images/transparent.png'); background-repeat:no-repeat; width:350; height: 250; }
#ca .oversea-text h2 { padding:20; text-align:left; }
#ca .oversea-text p{ padding:0 20px; }

/* us */
#us { background-image:url('../images/2012_usbackground.jpg'); height:660; margin:10px 0 5px 5px; text-align:left; background-repeat:no-repeat;}
#us .transparent {  width:350; height:250; padding:20px; }
#us .oversea-text { background-image:url('../images/transparent.png'); background-repeat:no-repeat; width:350; height: 250; }
#us .oversea-text h2 { padding:10; text-align:left; }
#us .oversea-text p{ padding:0 10px; }

/* sg */
#sg { background-image:url('../images/2012_sgbackground.jpg'); height:555; margin:10px 0 5px 5px; text-align:left; background-repeat:no-repeat;}
#sg .transparent {  width:350; height:250; padding:20px; }
#sg .oversea-text { background-image:url('../images/transparent.png'); background-repeat:no-repeat; width:350; height: 250; }
#sg .oversea-text h2 { padding:10; text-align:left; color:fff; text-shadow: #000 1px 1px 1px; }
#sg .oversea-text p{ padding:0 10px; color:fff; text-shadow: #000 1px 1px 1px;}

/* jp */
#jp { background-image:url('../images/2	012_jpbackground.jpg'); height:555; margin:10px 0 5px 5px; text-align:left; background-repeat:no-repeat;}
#jp .transparent {  width:350; height:250; padding:20px; }
#jp .oversea-text { background-image:url('../images/transparent.png'); background-repeat:no-repeat; width:350; height: 250; }
#jp .oversea-text h2 { padding:10; text-align:left; color:fff; text-shadow: #000 1px 1px 1px; }
#jp .oversea-text p{ padding:0 10px; color:fff; text-shadow: #000 1px 1px 1px;}

/* ir */
#ir { background-image:url('../images/2012_irbackground.jpg'); height:459; margin:10px 0 5px 5px; text-align:left; background-repeat:no-repeat;}
#ir .transparent {  width:350; height:250; padding:20px; }
#ir .oversea-text { background-image:url('../images/transparent.png'); background-repeat:no-repeat; width:350; height: 250; }
#ir .oversea-text h2 { padding:10; text-align:left; color:fff; text-shadow: #000 1px 1px 1px; }
#ir .oversea-text p{ padding:0 10px; color:fff; text-shadow: #000 1px 1px 1px;}


/* Interview Time Table*/
#interview-time { width:245px; font-size:13px; margin-left:5px; margin-bottom:5px; padding:0; border-bottom: 1px solid #666; }
#interview-time a {color:#666666;}
#interview-time a:hover {color:#FF0000; text-decoration:underline; }
#interview-time .object { margin:2px; float:left; font-size:14px;}
#interview-time .date { margin:2px; float:left; text-align:left; }
#interview-time .eng_name { clear:both; margin:0 5px; text-align:left;  }
#interview-time .title { margin:0 5px; text-align:left; width:20em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }





/* Interview_date Time Table*/
#interview-content-wrapper { margin-top:10px; width:970px; height:390px; z-index:-3;}
#interview-content-left-menu { width:190px; height:500px; background:#f3f4f6; float:left; border: 1px solid #e5e5e5; text-align:left;}
#interview-content-left-menu #interview-content-header { margin:5px; }
#interview-content-left-menu #interview-content-header .hr-text { text-align:left; margin:0; padding:0; }
#interview-content-left-menu #interview-content-header .hr-text p {  margin:5px 10px 5px 5px; font-size:15px;  font-weight:bold; border-bottom: 1px dotted #AAA; color:#666666; }
#interview-content-left-menu ul { list-style-type:none; margin-left:10px;   }
#interview-content-left-menu ul li { font-size:14px; padding:5px 0; font-weight:bold;  }
#interview-content-left-menu ul li a{ display:block; clear:both; text-decoration:none; color:#666666;   }
#interview-content-left-menu ul li a:hover{ color:#FF0000; }
#interview-content { display:block;  width:740px; float:left; text-align:left; margin-left:20px; margin-bottom:40px; }
#interview-content .header { display:block; clear:both; text-align:left; font-size:13px; border-bottom: solid 1px #666666; color:#FF0000; font-weight:bold; }
#interview-content h3{ display:block; text-align:left; margin:10px 5px; color:#347902; }
#interview-content p { font-size:14px; line-height:25px; text-align:justify; padding:0; margin-left:5px; margin-bottom:20px; color:#666666;}

#interview-date-time-head { width:740px; height:25px; font-size:15px; margin:0; margin-bottom:15px; padding:0; line-height:25px; text-align:center; background-color:#CCCCCC; }
#interview-date-time { width:740px; height:50px; font-size:13px; margin:15px 0; padding:0; line-height:25px; text-align:center; border-bottom: 1px solid #666; }


#interview-content .seminor-subject { margin:0; poadding-bottom:5px; front-size:15px; font-weight:bold; color: #333333;}
#seminor-date-time-head { width:740px; height:25px; font-size:15px; margin:0; margin-bottom:15px; padding:0; line-height:25px; text-align:center; background-color:#CCCCCC; }
#seminor-date-time { width:740px; height:30px; font-size:13px; margin:15px 0; padding:0; line-height:20px; text-align:center; border-bottom: 1px solid #666; }
#seminor-date-time-head .subject { float:left; margin:0; padding:0; width:330px; }
#seminor-date-time-head .date {float:left; margin:0 5px; padding:0; width:110px; }
#seminor-date-time-head .place {float:left; margin:0 5px; padding:0; width:210px; }
#seminor-date-time-head .booking { float:left;  margin:0; padding:0; width:60px; }

#seminor-date-time .subject {  float:left;  margin:0; padding:0; width:330px; }
#seminor-date-time .date {float:left; margin:0 5px; padding:0; width:110px; }
#seminor-date-time .place {float:left; margin:0 5px; padding:0; width:210px; }
#seminor-date-time .booking { float:left; margin:0; padding:0;  width:60px; }
#seminor-date-time .booking img { margin:0; padding:0; border:0; line-height:4px; }


#interview-date-time-head .type { float:left; margin:0; padding:0; width:80px; }
#interview-date-time-head .school {float:left; margin:0 5px; padding:0; width:270px;  }
#interview-date-time-head .country { float:left; margin:0 5px; padding:0; width:80px; }
#interview-date-time-head .date { float:left; margin:0 5px; padding:0; width:90px; }
#interview-date-time-head .schooltype { float:left; margin:0 5px; padding:0; width:115px; }
#interview-date-time-head .booking { float:left;  margin:0; padding:0; width:50px; }

#interview-date-time .type {  float:left;  margin:0; padding:0;   width:80px; }
#interview-date-time .school {float:left; margin:0 5px; padding:0; width:270px;  }
#interview-date-time .country { float:left; margin:0 5px; padding:0; width:80px; }
#interview-date-time .date { float:left;  margin:0 5px; padding:0; width:90px; }
#interview-date-time .schooltype {  float:left; margin:0 5px; padding:1px; width:115px; }
#interview-date-time .booking { float:left; margin:0; padding:0;  width:50px; }
#interview-date-time .booking img { border:0; line-height:25px;  }


/* Interview Detail */
#interview-detail { display:block;  width:740px; float:left; text-align:left; margin-left:20px; margin-bottom:40px; }
#interview-detail .header { display:block; clear:both; text-align:left; font-size:13px; margin-left:5px;  color:#FF0000; font-weight:bold; border-bottom: solid 1px #666666; color:#FF0000;  }
#interview-detail h3{ display:block; text-align:left; margin:10px 5px; color:#347902; }
#interview-detail #interview-info { font-size:12.5px; letter-spacing:1px; line-height:18px; text-align:justify; padding:0; margin-left:5px; margin-bottom:5px; color:#000;}
#interview-detail #interview-info p { letter-spacing:1px; line-height:18px; text-align:justify; padding:0; margin-left:5px; margin-bottom:5px; color:#000;}
#interview-detail #interview-info ul {    text-align:justify; padding:0; margin-left:5px; color:#000;}
#interview-detail #interview-info ul li {  letter-spacing:0.5px; line-height:18px; text-align:justify; padding:0; margin-left:20px; margin-bottom:10px; color:#000;}
#interview-detail #interview-info form {  letter-spacing:0.5px; line-height:18px; text-align:justify; padding:0; margin-left:5px; margin-bottom:5px; color:#666666;}
#interview-detail #interview-info form p {  letter-spacing:0.5px; line-height:18px; text-align:justify; padding:0; margin-left:5px; margin-bottom:5px; color:#666666; border-top: solid 1px #666666;}
#interview-detail #interview-info form label {  letter-spacing:0.5px; line-height:18px; text-align:justify; padding:0; margin-left:5px; margin-bottom:5px; color:#000; }
#interview-detail #interview-info form input{ padding:5px; margin-bottom:5px;  }
#interview-detail #interview-info form input[type="checkbox"]{  margin:5px;  }

/* Submit Detail */
#interview-submit { display:block;  width:740px; float:left; text-align:left; margin-left:20px; margin-bottom:40px; }
#interview-submit .header { display:block; clear:both; text-align:left; font-size:13px; margin-left:5px;  color:#FF0000; font-weight:bold; border-bottom: solid 1px #666666;}
#interview-submit h3{ display:block; text-align:left; margin:10px 5px; color:#347902; }
#interview-submit p { font-size:14px; letter-spacing:0.5px; line-height:25px; text-align:justify; padding:0; margin-left:5px; margin-bottom:5px; color:#666666;}

/* Appointment Detail */
#appointment-detail { display:block;  width:740px; float:left; text-align:left; margin-left:20px; margin-bottom:40px; }
#appointment-detail .header { display:block; clear:both; text-align:left; font-size:13px;  color:#FF0000; font-weight:bold; border-bottom: solid 1px #666666; color:#FF0000;}
#appointment-detail h3{ display:block; text-align:left; margin:10px 5px; color:#347902; }
#appointment-detail p { font-size:14px; letter-spacing:0.5px; line-height:25px; text-align:justify; padding:0; margin-left:5px; margin-bottom:5px; color:#666666; }
#appointment-detail form { font-size:14px; letter-spacing:0.5px; line-height:25px; text-align:justify; padding:0;  margin-bottom:5px; color:#666666; background: #eeeeee; padding:15px; }
#appointment-detail form p { font-size:15px; letter-spacing:0.5px; line-height:25px; text-align:justify; padding:0; margin:0;  color:#ff0000; background: #eeeeee; }
#appointment-detail form label { font-size:13px; letter-spacing:0.5px; line-height:25px; text-align:justify; padding:0; margin:0; color:#000; }
#appointment-detail form input{ padding:5px; margin-bottom:5px;  }
#appointment-detail form input[type="checkbox"]{  margin:5px;  }


/* Back History */

#back_history { display:block; margin:50px 0; padding:0; text-align:center; }
#back_history a { text-decoration:underline; color:#ccc; }


/* School Table*/
#school-content-wrapper { margin:0 auto; width:970px; z-index:-3;}
#school-content-left-menu { width:190px; background:#f3f4f6; float:left; border: 1px solid #e5e5e5; margin-bottom:20px;}
#school-content-left-menu #school-content-header { margin:5px; }
#school-content-left-menu #school-content-header .hr-text { text-align:left; margin:0; padding:0; }
#school-content-left-menu #school-content-header .hr-text p { margin:5px 10px 5px 5px; font-size:15px;  font-weight:bold; border-bottom: 1px dotted #AAA; color:#666666;}
#school-content-left-menu ul { list-style-type:none; text-align:left; margin-left:10px;   }
#school-content-left-menu ul li { font-size:13.5px; padding:5px 0; font-weight:bold; text-align:left; }
#school-content-left-menu ul li a{ text-decoration:none; color:#666666;  margin:20px; }
#school-content-left-menu ul li a:hover{ color:#FF0000; }
#school-content { width:740px; float:left; text-align:left; margin-left:20px; margin-bottom:40px; height:auto; min-height:650px;}
#school-content .header { display:block; clear:both; text-align:left; font-size:13px; border-bottom: solid 1px #666666; color:#FF0000; font-weight:bold; }
#school-content .header a{ color:#FF0000; }
#school-content .header a:hover{ color:#000; }
#school-content h3{ display:block; text-align:left; margin:10px 5px; color:#347902; }
#school-content p { font-size:14px; letter-spacing:0.5px; line-height:25px; text-align:justify; padding:0; margin-left:5px; margin-bottom:20px; color:#666666;}

#school-content .school_temp_wrap { width:740px;  }
#school-content .school_temp_wrap .school_temp { float:left; margin:0; padding:1px; }

#school-content-head { width:745px; height:25px; font-size:13px; margin:0; margin-bottom:5px; padding:0; line-height:25px; text-align:center; background-color:#CCCCCC; }
#school-content-data { width:745px; height:25px; font-size:12px; margin:5px 0; padding:2px; line-height:25px; text-align:center; border-bottom: 1px solid #666; }


#school-content-head .school_name { float:left; margin:0 2px; padding:1px; width:310px; }
#school-content-head .location {float:left; margin:0 2px; padding:1px; width:110px; }
#school-content-head .title {float:left;  margin:0 2px;  padding:1px; width:240px; }
#school-content-head .detail { float:left; margin:0 2px; padding:1px; width:60px; }

#school-data-head { width:745px; height:25px; font-size:13px; margin:0; margin-bottom:5px; padding:0; line-height:25px; text-align:center; background-color:#CCCCCC; }
#school-data-head .school_name { float:left; margin:0; padding:1px; width:320px; }
#school-data-head .location {float:left; margin:0; padding:1px; width:130px; }
#school-data-head .course_out {float:left;  margin:0;  padding:1px; width:210px; }
#school-data-head .detail { float:left; margin:0; padding:1px; width:60px; }


#school-content-data .school_name {  float:left;  margin:0; padding:1px;  width:320px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;  }
#school-content-data .location {float:left; margin:0; padding:1px; width:130px; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;  }
#school-content-data .course_out {float:left; margin:0; padding:1px; width:210px; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;  }
#school-content-data .detail { float:left; margin:0 ; padding:1px; width:60px; }
#school-content-data .detail img { border:0; line-height:25px; }

/* School Detail */
#school-detail-area { width:745px; height:auto; font-size:12px; margin:0; padding:0; display:block;}
#school-detail-area .school_name {  min-height:150px; margin-bottom:30px;  }
#school-detail-area .school_name .logo{ float:left; margin-right:5px; text-align:center;}
#school-detail-area .school_name .logo img{ height:90px; border:0; margin:0 auto;  padding:0; }
#school-detail-area .school_name .school-intro .td { float:left; width:470px;  margin:5px 0; padding:0; }
#school-detail-area .school_name .school-intro .td-in { float:left; width:470px;  margin:0; letter-spacing: 0.5px; line-height: 25px; text-align:justify; }



#school-detail-text { float:left; width:445px;}

#school-detail-text .list { display:block; clear:both; margin:5px 0; padding:0; float:left;}
#school-detail-text .list .th { float:left; width:80px; margin:5px 0; }
#school-detail-text .list .th-last { float:left; width:80px;  margin:5px 0 20px 0; padding:1}
#school-detail-text .list .td { float:left; width:360px;  margin:5px 0; padding:1; }
#school-detail-text .list .td-in { float:left; width:360px;  margin:0; letter-spacing: 0.5px; line-height: 25px; text-align:justify; padding:1}
#school-detail-text .list .td-detail { float:left; width:430px;  margin:10px 0; padding:1}
#school-detail-text .list .td-detail ul{ margin:0; padding:1; list-style-type: disc; padding-left:20px;}
#school-detail-text .list .td-detail ul li { text-align:justify; margin-bottom:10px; }
#school-detail-text .list .td-map { float:left; width:440px;  margin:10px 0; padding:1}
#school-detail-graphic { float:right; width:270px; padding:1}
#school-detail-graphic .td-graphic{ display:block; width:270px; margin:5px; padding:1}
#school-detail-graphic .td-graphic img{ border:0; width:250px; height:auto; s}


/* Media page */
#media-page-content { display:block;  width:740px; float:left; text-align:left; margin-left:20px; margin-bottom:40px; }
#media-head .type { float:left; margin:0; padding:0; width:80px; }

#media-head { width:740px; height:25px; font-size:15px; margin:0; margin-bottom:5px; padding:0; line-height:25px; text-align:center; background-color:#CCCCCC; }
#media-content { width:740px; height:20px; font-size:13px; margin:10px 0; padding:0; line-height:20px; text-align:center;  text-decoration:none; color:#CC3300;}
#media-head .media-date {float:left; margin:0 5px; padding:0; width:120px;  }
#media-head .media-title { float:left; margin:0 5px; padding:0; width:480px; }
#media-head .media-source { float:left; margin:0 5px; padding:0; width:100px; }


#media-content .source-date {  float:left;  margin:0 5px;; padding:0; width:120px;  }
#media-content .source-dtitle {float:left; margin:0 5px; padding:0; width:480px; }
#media-content .source-ssource { float:left; margin:0 5px; padding:0; width:100px; color:#CC3300;}
#media-content .source-dtitle a { text-decoration:none; color:#CC3300; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#media-content .source-dtitle a:hover { text-decoration:none; color:#990000; }


/* footer */
footer { background-color:#0c1a1e; min-height:350px; font-family: 'Open Sans', sans-serif; }
.footerleft { margin-top:50px; padding:0 36px; }
.logofooter { margin-bottom:10px; font-size:25px; color:#fff; font-weight:700;}

.footerleft p { color:#fff; font-size:12px !important; font-family: 'Open Sans', sans-serif; margin-bottom:15px;}
.footerleft p i { width:20px; color:#999;}

.paddingtop-bottom {  margin-top:50px;}
.margintop-bottom {  margin:20px 0;}
.footer-ul { list-style-type:none;  padding-left:0px; margin-left:2px;}
.footer-ul li { line-height:29px; font-size:12px;}
.footer-ul li a { color:#a0a3a4; transition: color 0.2s linear 0s, background 0.2s linear 0s; }
.footer-ul i { margin-right:10px;}
.footer-ul li a:hover {transition: color 0.2s linear 0s, background 0.2s linear 0s; color:#ff670f; }

.social:hover {
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
}

 
.icon-ul { list-style-type:none !important; margin:0px; padding:0px;}
.icon-ul li { line-height:75px; width:100%; float:left;}
.icon { float:left; margin-right:5px;}


.copyright { min-height:40px; background-color:#000000;}
.copyright p { text-align:left; color:#FFF; padding:10px 0; margin-bottom:0px;}
.heading7 { font-size:21px; font-weight:700; color:#d9d6d6; margin-bottom:22px;}
.post p { font-size:12px; color:#FFF; line-height:20px;}
.post p span { display:block; color:#8f8f8f;}
.bottom_ul { list-style-type:none; float:right; margin-bottom:0px;}
.bottom_ul li { float:left; line-height:40px;}
.bottom_ul li:after { content:"/"; color:#FFF; margin-right:8px; margin-left:8px;}
.bottom_ul li a { color:#FFF;  font-size:12px;}