@charset "utf-8";

body{font-family:Arial, Helvetica, 新細明體;font-size:12px;color:#000000;}
html, body{line-height:1.3em;margin:0;padding:0;width:100%;height:100%;}

a, a:visited, a:link{color:#000000;text-decoration:none;}
a:hover{color:#000000;text-decoration:none;}

.pL0{ padding-left:0 !important;}
.pR0{ padding-right:0 !important;}
.mR0{ margin-right:0 !important;}
.noBG{ background:none !important;}

.container{ position:relative;}



/* Header */
.header{ width:960px; height:118px; margin:0 auto; position:relative;}
.logo{ position:absolute; left:20px; top:20px; background:url(/uploads/shine/images/common/logo_shine.gif) no-repeat 0 0; width:154px; height:78px; display:block;font-size:0px;}

ul.topNav{ position:absolute; right:0; top:12px; z-index:11;}
ul.topNav li{ display:inline-block; float:left; position:relative; font-size:11px; line-height: 28px; height:21px;}
ul.topNav li a{ color:#000;}
ul.topNav li a:hover{ color:#F90;}
ul.topNav li.part1{ margin-right: 8px; background: url(/uploads/shine/images/common/line_break.gif) no-repeat right 9px; padding: 0 8px 0 0;}
ul.topNav li.part2{ padding: 0 8px 0 0;}

ul.topNav li.color { font-size:11px;}
ul.topNav li.box{ background:url(/uploads/shine/images/common/header_box_bg.gif) no-repeat left top; height:23px; line-height:23px; padding:0 4px 0 6px; margin:0 6px; color:#000;}
ul.topNav li.box span.r{display:block; position:absolute; right:-3px; top:0; background:url(/uploads/shine/images/common/header_box_r.gif) no-repeat 0 0; height:23px; width:3px;}

/*new 110412*/
ul.topNav li.box2 { background:url(/uploads/shine/images/common/searchbox.gif) no-repeat left top; height:23px; line-height:23px; padding:0 20px 0 6px; *padding-left:2px; margin:0 6px; color:#000; *margin-right:4px !important;}
ul.topNav li.box2 span.r{ display:block; position:absolute; right:-1px; *right:-3px; top:0; background:url(/uploads/shine/images/common/searchbox.gif) no-repeat top right; height:23px; width:10px;}
.yellow ul.topNav li.box2 {background:url(/uploads/shine/images/common/header_box_bg.gif); background-position:0px -23px;}
.yellow ul.topNav li.box2 span.r {display:block; position:absolute; right:0px; top:0; background:url(/uploads/shine/images/common/header_box_r.gif) no-repeat 0px -23px; height:23px; width:3px;}
.black ul.topNav li.box2 {background:url(/uploads/shine/images/common/header_box_bg.gif); background-position:0px -46px;}
.black ul.topNav li.box2 span.r {display:block; position:absolute; right:0px; top:0; background:url(/uploads/shine/images/common/header_box_r.gif) no-repeat 0px -46px; height:23px; width:3px;}

.headerInput{color:#4b4b4b; background:none; border:none; width:142px; line-height:21px; height:21px; padding:0; margin:1px 0 0 0; /*margin: 0 0 0 -5px;*/}
.btnSearch{ background:url(/uploads/shine/images/common/search_btn.gif) no-repeat 0 0; height:14px; width:13px; border:0; vertical-align:middle; cursor:pointer; position:absolute; right:5px; top:4px; z-index:100; }





.fontSize{ padding:0 8px;}
a.fontSizeS,a.fontSizeM,a.fontSizeL{display:inline-block; background:url(/uploads/shine/images/common/font-size.gif) no-repeat 0 0px; height:18px; margin:3px 0px 0 0; text-indent: -5000px;}
a.fontSizeS{background-position:0 -18px; width:11px;}
a.fontSizeM{background-position:-11px 0px; width:14px;}
a.fontSizeL{background-position:-25px 0px; width:16px;}
a:hover.fontSizeS,a.fontSizeS.select{ background-position:0 0px;}
a:hover.fontSizeM,a.fontSizeM.select{ background-position:-11px -18px;}
a:hover.fontSizeL,a.fontSizeL.select{ background-position:-25px -36px;}

ul.menu{ position:absolute; right:0; bottom:14px; z-index:10;/* border-bottom:1px #d9dde7 solid; padding-bottom:6px; */}
ul.menu li{ height:16px; position:relative; float:left; display:inline-block; padding:8px 19px 8px 18px; background:#EAEAEA; border-right:1px solid #FFF; font-size:14px;}
ul.menu li a{ color:#061e5b; font-size:13px;}
ul.menu li a:hover{ color:#F90;}
ul.menu li.current a{ color:#F90; cursor:text;}

/*new 110412*/
.yellow ul.menu li {background:#061E5C; border-right:1px solid #FF0; color:#FF0;}
.yellow ul.menu li a{color:#Ff0;}
.yellow ul.menu li a:hover {color:#FF0; text-decoration:underline;}
.black ul.menu li {background:#FF0; border-right:1px solid #000; color:#000;}
.black ul.menu li a{color:#000;}
.black ul.menu li a:hover {color:#000; text-decoration:underline;}

.menu li.navifirst{height:16px; background:transparent; background:url(/uploads/shine/images/common/navi.gif) no-repeat left top; padding-left:18px;}
.menu li.naviend{height:16px; background:transparent; background:url(/uploads/shine/images/common/navi.gif) no-repeat right top; padding-right:18px; border:none;}
.yellow .menu li.navifirst {background:transparent; background:url(/uploads/shine/images/common/navi.gif) no-repeat 0 0; background-position:0px -32px;}
.yellow .menu li.naviend {height:16px; background:transparent; background:url(/uploads/shine/images/common/navi.gif) no-repeat right top; /* padding-right:18px; */ border:none; background-position: right -32px;}
.black .menu li.navifirst {background:transparent; background:url(/uploads/shine/images/common/navi.gif) no-repeat 0 0; background-position:0px -64px;}
.black .menu li.naviend {height:16px; background:transparent; background:url(/uploads/shine/images/common/navi.gif) no-repeat right top; /* padding-right:18px; */ border:none; background-position:right -64px;}

/* new fix 220612 */
.tc ul.menu li, .sc ul.menu li {padding:8px 37px;}
.tc .menu li .navifirst, .sc .menu li .navifirst {padding-left:37px;}
.tc .menu li .naviend, .sc .menu li .navifirst {padding-right:37px;}

.btnFB {background:url(/uploads/shine/images/common/social.gif); display:inline-block; width:14px; height:14px; margin-top:4px; margin-right:3px; text-indent: -5000px;}
.btnTwitter{background:url(/uploads/shine/images/common/social.gif); display:inline-block; width:14px; height:14px; background-position:0px -14px; margin-top:4px; margin-right:3px; text-indent: -5000px;}
.btnWeibo {background:url(/uploads/shine/images/common/social.gif); display:inline-block; width:14px; height:14px; background-position:0px -28px; margin-top:4px; margin-right:0px; text-indent: -5000px;}
.quicklinks {width:100px; margin-top:3px; *margin-top: -4px;}
/*
#choosecolor {display:none; width:82px; height: 73px; background:url(/uploads/shine/images/common/colorbox.gif) no-repeat left top; z-index:99; padding-top:2px; position: absolute; left: 533px; top: 33px;} 
#choosecolor td {font-size:11px; padding:3px 0px 0px 3px; margin:0px;}
#choosecolor a:hover {color: #F90;}

.yellow #choosecolor {background-position: 0 -75px;}
.yellow #choosecolor a {color:#061E5C;}
.yellow #choosecolor a:hover {color:#061E5C; text-decoration:underline;}
.black #choosecolor {background-position: 0 -150px;}
.black #choosecolor a {color:#FF0;}
.black #choosecolor a:hover {color:#FF0; text-decoration:underline;}
*/

/*#choosecolor {display:none; width:82px; height: 42px; background:url(/uploads/shine/images/common/colorbox.gif) no-repeat left top; z-index:99; position: absolute; left: -10px; top: 20px;} */
#choosecolor {display:none; width:196px; height: 56px; background:url(/uploads/shine/images/common/colorbox.png) no-repeat left top; z-index:99; /*padding-top:2px;*/ position: absolute; left: -65px; top: 00px;} 
#choosecolor tr.colorbox td {font-size:11px; padding:0px 8px; margin:0px; line-height:23px;}
#choosecolor tr.colorbox td a:first-child, #choosecolor tr.colorbox_en td a:first-child {margin-right:6px;}
#choosecolor tr.colorbox_en td {font-size:11px; padding:0px 6px; margin:0px; line-height:23px;}
#choosecolor a:hover {color: #F90;}

.yellow #choosecolor {background-position: 0 -56px;}
.yellow #choosecolor a {color:#061E5C;}
.yellow #choosecolor a:hover {color:#061E5C; text-decoration:underline;}
.black #choosecolor {background-position: 0 -112px;}
.black #choosecolor a {color:#FF0;}
.black #choosecolor a:hover {color:#FF0; text-decoration:underline;}


.btnWhite,.btnYellow,.btnOrange,.btnBlack{display:inline-block; width:14px; height:14px; border:1px solid #ccc; vertical-align:middle; margin:0 2px;}
.btnWhite{ background:#fff; text-indent: -5000px;}
.btnYellow{background:#ff0; text-indent: -5000px;}
.btnOrange{background:#ff9d3e;}
.btnBlack{background:#000; text-indent: -5000px;}



/* Wrapper */

.set1,.set2{ position:relative; height:440px; overflow:hidden; min-width:1000px} 
.imgArea{ width:1280px; height:440px; position:absolute; margin-left:50%; left:-640px;}
.frame{ height:440px; width:1280px; min-width:1000px; z-index:10; position:absolute; left:50%; top:0; margin-left:-640px}
.set1 .frame{ background:url(/uploads/shine/images/common/front_bg_2.png) no-repeat center top;}
.set2 .frame{ background:url(/uploads/shine/images/common/front_bg_1.png) no-repeat center top;}
.set1 .imgArea .img1{ position:absolute; left: 4px; top:0; z-index:8}
.set1 .imgArea .img2{ position:absolute; right:36px; bottom:0; z-index:9;}
.set2 .imgArea .img1{ position:absolute; right:0px; bottom: 0px; z-index:9;}
.img2 img {display:block;}

.inner{ position:relative; width:960px; margin:0 auto; z-index:12;}
.newsHighlight h1{ font-size:120% ; font-weight:bold; color:#002057; padding-bottom:5px; display:inline;}
.newsHighlight h3{  font-size:100%; font-weight:bold;}
.newsHighlight p{ padding-bottom:20px;}
.newsHighlight a{color:#00073e;}
.newsHighlight a:hover{color:#f90;}

.yellow .newsHighlight a{color:#061E5C;}
.yellow .newsHighlight a:hover{color:#061E5C; text-decoration:underline;}




.contentBG{ position:absolute; width:100%; height:621px; overflow:hidden; z-index:0; left:0; top:120px;}
.contentBG .frame{ background:url(/uploads/shine/images/common/content_bg.png) no-repeat center top; height:621px; width:100%; margin:0 auto; max-width:1280px; position:relative; left:0}
.contentBG .imgArea{ top:-621px; width:1000px; height:621px; position:relative; margin:0 auto; left:-20px;}
.contentBG .imgArea .img1{ position:absolute; left:-120px; top:0; z-index:8}
.innerContent{ /*position:absolute; left:0; top:0;*/ width:960px; min-height:500px;}
.sideMenu{float:left;padding:195px 22px 0 0; width:190px; font-size:14px; line-height:120%;}
/*.sideMenu h1{ color:#f58220; font-size:18px; font-weight:bold; line-height:22px; padding-bottom:8px;}*/
.sideMenu div.title{ color:#f58220; font-size:18px; font-weight:bold; line-height:22px; padding-bottom:8px;}
.sideMenu a{ color:#666;}
.sideMenu a:hover{ color:#f90;}
.sideMenu ul li{ padding:10px 0 2px 0; border-top:1px solid #e3e3e3; font-weight:normal;}
.sideMenu ul li.first,.yellow .sideMenu ul li.first,.orange .sideMenu ul li.first,.black .sideMenu ul li.first{ border-top:0px;}
.sideMenu ul li ol li,.yellow .sideMenu ul li ol li,.orange .sideMenu ul li ol li,.black .sideMenu ul li ol li{ border:none; padding:8px 0 8px 10px;}
.sideMenu ul li.current a{ /*cursor:text;*/ color:#003366; font-weight:800;}
.content{ float:left;padding:140px 0px 80px 0; width:748px;}
/*
.content h1{color:#f58220; font-size:120%; padding-bottom:14px; margin-bottom:14px; line-height:140%; font-weight:bold;}
.content h2{color:#f58220; font-size:140%; line-height:160%; padding-bottom:8px; font-weight:bold;}
*/
/*20140219*/
.content .pressh1{color:#f48e39; font-size:14px ; font-weight:500 ; padding:6px 13px 0 ; font-weight:bold; }
.content .courceh2{color:#f48e39; font-size:100% ; font-weight:500 ; padding:6px 13px 0 ; font-weight:bold; }
.content .courceDetailh1{color:#f58220; font-size:120%; padding-bottom:14px; margin-bottom:14px; line-height:140%; font-weight:bold;}
/*20140219*/
.content h1{color:#f58220; font-size:140%; line-height:160%; padding-bottom:14px; margin-bottom:14px; font-weight:bold;}
.content h2{color:#f58220; font-size:120%; padding-bottom:14px; margin-bottom:14px; line-height:140%; font-weight:bold;}
.content h3{ color:#333; font-size:100%; padding-bottom:16px; line-height:120%; font-weight:700;}
.content h4{ color:#f90; font-size:120%; padding-bottom:16px; line-height:140%;}
.content p { color:#666; font-size:100%; padding-bottom:16px; line-height:160%;}
.content a{ color:#f48e39;}
.content a:hover{ color:#f48e39; text-decoration:underline; }
.content.news h3{ color:#333; font-size:120%; font-weight:bold; padding-bottom:8px; line-height:120%;}
.content.news p{line-height:140%;}
.breadCrumb{ padding-bottom:59px; *padding-bottom:42px; width:700px;}
.breadCrumb li{ float:left; position:relative; display:inline-block; padding:0 6px 0 12px; color:#003366; font-weight:bold; font-size:100%; background:url(/uploads/shine/images/common/bread_arrow.gif) no-repeat 0 4px; letter-spacing:0.06em;}
.breadCrumb li a{ color:#666; font-weight:normal;}
.breadCrumb li a:hover{ color:#f90;}
.Medium .breadCrumb li{ background-position:0 5px; }
.Large .breadCrumb li{ background-position:0 7px; }
.XLarge .breadCrumb li{ background-position:0 9px; }

/* 20150312 */
.content h2.blackh2 {color:#000; font-size:100%; padding-bottom:16px; line-height:120%; font-weight:700; margin-bottom:0;}
.cropBox h1, .cropBoxb h1, .cropBoxC h1 {font-size:14px; font-weight:500;padding:4px 13px 0; font-weight:bold;line-height:160%;}
.cropBox div.event_title, .cropBoxb div.event_title, .cropBoxC div.event_title {font-size: 14px;font-weight: 500;padding: 4px 13px 0;font-weight: bold;line-height: 160%;}
/* end of 20150312*/



.functionBtn{ position:absolute; right:0; top:140px;}
/*a.btneMail{padding-left:20px; font-size:11px; color:#333;height:14px; line-height:14px; display:inline-block; background:url(/uploads/shine/images/common/btn_email.gif) no-repeat 0 0px; margin-right:5px; *margin-right:8px;} */
a.btneMail{/*width:17px;*/padding-left:20px; font-size:11px; color:#333;height:14px; line-height:14px; display:none; background:url(/uploads/shine/images/common/btn_email.gif) no-repeat 0 0px; margin-right:5px; *margin-right:8px;}
a.btnPrint{/*width:17px;*/ padding-left:20px; font-size:11px; color:#333; height:14px; line-height:14px; display:inline-block; background:url(/uploads/shine/images/common/btn_print.gif) no-repeat 0 0px;margin-right:5px; *margin-right:8px;}
a.btnClose{/*width:17px;*/ font-size:11px; color:#333; height:14px; line-height:14px; display:inline-block;}

.table2Col{ width:100%;}
.imgFrame{ position:relative; padding:13px 0 0 14px; margin:-10px 0 0 16px;}
.imgFrame span{ display:block; position:absolute; left:0; top:0; background:url(/uploads/shine/images/common/photo.png) no-repeat 0 0; width:274px; height:222px;}
/* new sept 4 2012 */
.imgFrameVert{ position:relative; padding:18px 0 0 20px; margin:-10px 0 0 50px;}
.imgFrameVert span{ display:block; position:absolute; left:0; top:0; background:url(/uploads/shine/images/common/photoVert.png) no-repeat 0 0; width:222px; height:274px;}
.imgFrameVert img{ width:182px; }

/*NEW EDITED 14 08 2012 */
a.btnLocation{margin-right:3px;display:inline-block;  color:#fff; font-weight:bold;  height:28px;padding:0 12px 0 32px; line-height:28px;background:url(/uploads/shine/images/common/btn_centres.jpg) no-repeat top left; position:relative;}
a.btnLocation .r {background:url(/uploads/shine/images/common/btn_centres.jpg) no-repeat top right; width:6px; height:28px; float:right; display:block; position:absolute; right:0; top:0;}
a:hover.btnLocation { background-position:0 -28px; color:#fff; text-decoration:none;}
a:hover.btnLocation .r {background-position:right -28px;color:#fff; text-decoration:none;}

a.btnInfo{display:inline-block;  color:#fff; font-weight:bold;  height:28px;padding:0 12px 0 32px; line-height:28px;background:url(/uploads/shine/images/common/btn_centres.jpg) no-repeat top left; background-position: left -56px; position:relative;}
a.btnInfo .r {background:url(/uploads/shine/images/common/btn_centres.jpg) no-repeat top right; background-position:right -56px; width:6px; height:28px; float:right; display:block; position:absolute; right:0; top:0;}
a:hover.btnInfo { background-position:0 -84px; color:#fff; text-decoration:none;}
a:hover.btnInfo .r {background-position:right -84px;color:#fff; text-decoration:none;}

.yellow a.btnInfo {background-position: left -112px; color:#FF0; padding: 0px 12px;}
.yellow a:hover.btnInfo {color:#ff0; text-decoration:underline;}
.black a.btnInfo {background-position: left -140px; color:#000; padding:0px 12px;}
.black a:hover.btnInfo {color:#000; text-decoration:underline;}
.yellow a.btnLocation .r, .yellow a.btnInfo .r {background-position:right -112px;color:#fff; text-decoration:none;}
.black a.btnLocation .r, .black a.btnInfo .r {background-position:right -140px;color:#fff; text-decoration:none;}

/* NEW EDITED END */
.listItem li { background:url(/uploads/shine/images/common/bullet_arrowW.gif) no-repeat 0 7px; padding:0 0 0 16px; color:#666; font-size:100%; line-height:160%;}
.yellow .listItem li{ background:url(/uploads/shine/images/common/bullet_arrowY.gif) no-repeat 0 2px; }
.black .listItem li{ background:url(/uploads/shine/images/common/bullet_arrowB.gif) no-repeat 0 2px; }

.downloadLink{margin-bottom:8px;}
.downloadLink li{background:url(/uploads/shine/images/common/downloadlink.gif) no-repeat 0 1px; padding-left:18px; padding-bottom:5px;}
.yellow .downloadLink li{background:url(/uploads/shine/images/common/downloadlinky.gif) no-repeat 0 1px; padding-left:18px; padding-bottom:5px;}
.black .downloadLink li{background:url(/uploads/shine/images/common/downloadlinkb.gif) no-repeat 0 1px; padding-left:18px; padding-bottom:5px;}
.XLarge .downloadLink li {background-position: 0 4px;}
.tc .XLarge .downloadLink li, .sc .XLarge .downloadLink li {background-position: 0 7px;}

a.btnFolder{ background:url(/uploads/shine/images/common/dl_btn.png) no-repeat 0 0; padding:0 20px 0 48px; color:#666; height:40px; display:inline-block; line-height:40px; margin:5px 0 15px 0;}
a:hover.btnFolder{ color:#f90;}

h3.openClose{ background:#f58220; position:relative; height:22px; padding:0 0 0 8px; line-height:23px; color:#fff; font-weight:bold; cursor:pointer; margin:1px 0;}
h3.openClose span{ display:block; position:absolute; right:1px; top:1px; background:url(/uploads/shine/images/common/btn_open_close2.gif) no-repeat 0 -20px; height:20px; width:20px;}
.itembox{ padding:10px 0; display:none;}
h3.openClose.on span{ background-position:0 0px;}


.centresFrame{ position:relative; width:205px; height:244px; padding:24px 0 0 5px; display:inline-block; text-align:left;}
.centresFrame span{ position:absolute; left:0; top:0; background:url(/uploads/shine/images/common/centres_facilities_frame2.png) 0 0 no-repeat; width:210px; height:264px; z-index:10;}
.centresFrame p{ position:absolute; color:#fff; font-size:14px; left:10px; top:10px; z-index:11;}
.centresFrame{ color:#fff; text-decoration:none; cursor:pointer;}
.centresFrame:hover{ color:#fff !important; text-decoration:none !important;}
.centresFrame.box2{ margin:0 20px;}
.centresFrame.box1 span{background-position:0px 0;}
.centresFrame.box2 span{background-position:-210px 0;}
.centresFrame.box3 span{background-position:-420px 0;}
.centresFrame:hover img{opacity:0.6;filter:alpha(opacity=60);}


.sharingBox{ background:url(/uploads/shine/images/common/sharing-and-recognition_bg.jpg) no-repeat 0 0; width:758px; height:411px; position:relative; margin:-22px 0 0 -22px;}
.sharingName{ position:absolute; left:475px; top:20px; width:166px; line-height:44px; height:44px; font-size:120%; color:#000; text-align:center;}
.sharingContent{ /*position:absolute; left:340px; top:94px;*/ width:397px; height:220px; /*overflow-y:scroll; overflow-x:hidden;*/ padding-right:8px; z-index:99;}
.sharingContent h2{ color:#000; font-size:120%; padding-bottom:18px; line-height:120%; letter-spacing:0.05em;}
.sharingContent p{ color:#000; font-size:85%;  padding-bottom:18px; line-height:160%;}
.sharingImg{ position:absolute; left:23px; top:34px;}
/* new 280612 */
.contentArea .noTitle {background:url(/uploads/shine/images/common/sharing-and-recognition1_bg.jpg) no-repeat 0 0;}

/* edit by programmer 20120329*/
.sharingImg{ width:283px; height:213px;}

.sharingBox .sliderteacher{width:438px; height:auto; z-index:999; float:left;  position:absolute; top:313px; left:317px;}
/*.sharingBox .sliderteacher #fontarrow{ background:url(/uploads/shine/images/common/sa_thumb_btn.png) no-repeat 0 33px; display:inline; height:70px; width:33px; float:left;}
.sharingBox .sliderteacher #nextarrow{ background:url(/uploads/shine/images/common/sa_thumb_btn.png) no-repeat -33px 33px; display:inline; height:70px; width:33px;  float:right;}
*/
.sharingBox .sliderteacher .slider-t .teacher-container{ height:90px;/*80*/ margin:5px 0; overflow:hidden; width:361px; float:left; position:absolute; left:35px;}
.sharingBox .sliderteacher .slider-t .teacher-container li{ display:inline;}

.sharingBox .sliderteacher .slider-t .teacher-container li img{border:solid 5px #FFF;/*2*/ display:inline; WIDTH: 78px; HEIGHT: 78px}
.sharingBox .sliderteacher .slider-t .teacher-container .cur img{BORDER-COLOR: #FF7F00;}
.sharingBox .sliderteacher .slider-t .teacher-container .hover img{BORDER-COLOR: #B8B5AC;}

.white .sharingBox .sliderteacher .control{background:url(/uploads/shine/images/common/sa_thumb_btn.png) no-repeat;width:33px;height:33px;display:inline;position:relative; }
.white .sharingBox .sliderteacher .control.left{background-position:0 0;margin:0;padding:0;float:left;left:0px;top:35px;}
.white .sharingBox .sliderteacher .control.right{background-position:-33px 0px;margin:0;padding:0;float:right; right:-0px;top:35px;}

.yellow .sharingBox .sliderteacher .control{background:url(/uploads/shine/images/common/sa_thumb_btn2.gif) no-repeat;width:30px;height:30px;display:inline;position:relative; }
.yellow .sharingBox .sliderteacher .control.left{background-position:0px 0px;margin:0;padding:0;float:left;left:-3px;top:35px;}
.yellow .sharingBox .sliderteacher .control.right{background-position:-30px 0px;margin:0;padding:0;float:right;right:3px;top:35px;}
.black .sharingBox .sliderteacher .control{background:url(/uploads/shine/images/common/sa_thumb_btn2.gif) no-repeat;width:30px;height:30px;display:inline;position:relative; }
.black .sharingBox .sliderteacher .control.left{background-position:0px -30px;margin:0;padding:0;float:left;left:-3px;top:35px;}
.black .sharingBox .sliderteacher .control.right{background-position:-30px -30px;margin:0;padding:0;float:right; right:3px;top:35px;}

/* edit by programmer 20120329*/

.usefulLinks{}
.tabList{ /* border-bottom:3px solid #f58220;*/ height:27px; }
.tabList li{ display:inline-block; position:relative; float:left; height:27px; line-height:27px;}
.tabList li a{display:block; background:url(/uploads/shine/images/common/tab_bg2.png) no-repeat 0 0; padding:0 8px 0 10px; position:relative; *position:inherit; margin-right:4px;} 
.tabList li a span{ display:block; position:absolute; right:-2px; *right:2px; top:0; width:2px; height:27px; background:url(/uploads/shine/images/common/tab_bg2.png) no-repeat right 0;}

.yellow .tabList li a, .black .tabList li a{margin-right:5px;}
.yellow .tabList li a span, .black .tabList li a span{ right:-3px; *right:3px; width:4px; }

.tabList li.tabColorGrey a {background-position:left -216px; color:#000;}
.tabList li.tabColorGrey a span {background-position:right -216px;}
.tabList li.tabColorBlue a{ background-position:left 0; color:#000;} 
.tabList li.tabColorBlue a span{background-position:right 0;}
.tabList li.tabColorOrange a{background-position:left -27px; color:#000;} 
.tabList li.tabColorOrange a span{background-position:right -27px;}
.tabList li.tabColorGreen a{background-position:left -54px; color:#000;} 
.tabList li.tabColorGreen a span{background-position:right -54px;}
.tabList li.tabColorYellow a{background-position:left -81px; color:#000;} 
.tabList li.tabColorYellow a span{background-position:right -81px;}
.usefulLinks td,.usefulLinks th{ padding:10px 16px 10px 28px; vertical-align:top; text-align:left; color:#666; line-height:140%; font-size:100%;}
.usefulLinks th{ background:url(/uploads/shine/images/common/bullet_arrowW.gif) no-repeat 8px 13px;}
.usefulLinks .rowGray th{ background:url(/uploads/shine/images/common/bullet_arrowW.gif) no-repeat 8px 13px #f2f2f2; }
.usefulLinks .rowGray td{background:#f2f2f2;}
.yellow .usefulLinks .rowGray td {background:#FF0;}
.black .usefulLinks .rowGray td {background:000;}
.yellow .usefulLinks .tabContent, .black .usefulLinks .tabContent {border-top-left-radius:5px;}
.programmesTab .rowGray td,.programmesTab .rowGray th{ background:#f2f2f2; }
.programmesTab td,.programmesTab th{ padding:10px 16px 10px 16px; vertical-align:top; text-align:left; color:#000; line-height:140%; font-size:100%; /*border-bottom:1px solid #000; border-top:1px solid #000;*/ }
.programmesTab th,.programmesTab .rowGray th{font-weight: bold;}
.programmesTab p{ font-size:90%; padding-bottom:10px;}
/*#tab1 {border-top: #7394DC 3px solid;}
#tab2 {border-top: #F58220 3px solid;}
#tab3 {border-top: #B2D234 3px solid;}
#tab4 {border-top: #FFCF01 3px solid;}
#tab5 {border-top: #999 3px solid;}

li.tabColorBlue a.selected, li.tabColorOrange a.selected, li.tabColorGreen a.selected, li.tabColorYellow a.selected, li.tabColorGrey a.selected {color:#fff;}*/
 
.tabList li.ui-tabs-selected a{background-position:left -81px; color:#000;} 
.tabList li.ui-tabs-selected a span{background-position:right -81px;}
.programmesTab div.ui-corner-bottom {border-top: #FFCF01 3px solid;}


/*.rss { background:url(/uploads/shine/images/common/rss.gif) no-repeat;  height:12px; width:15px; padding-left:15px; line-height:1.1em;}*/

/*.rss {margin-top:0px; margin-left:0px; display:block; padding-bottom:5px;}
.tc .rss, .sc .rss {margin-top:0px; margin-left:0px; padding-bottom: 2px;}
.rmore {margin-left:17px; font-size:12px; display:block;}
.en .XLarge .rmore {margin-top: -21px;}
.en .Large .rmore {margin-top: -19px;}
.en .Medium .rmore {margin-top: -17px;}
.sc .XLarge .rmore, .tc .XLarge .rmore {margin-top:-19px;}
.sc .Large .rmore, .tc .Large .rmore {margin-top:-18px;}
.sc .Medium .rmore, .tc .Medium .rmore {margin-top:-16px;} */

/* new changes by justine 280612 
.rss { background:url(/uploads/shine/images/common/rss.gif) no-repeat;  height:12px; width:15px; /*width:40px; padding-left:15px; *line-height:1.1em;}
.rss {margin-top:-20px; margin-left:126px; display:block; padding-bottom:5px;}
.tc .rss, .sc .rss {margin-top:-22px; margin-left:126px; display:block; padding-bottom:7px;}
.rmore {width:33px; margin-top:-20px; margin-left:142px; display:block; }*/

/* NEW edited sept 5 2012 */
.newsHighlight{ position:absolute; left:0; top:20px; z-index:12; width:200px;color:#00073e;font-size:100%; line-height:1.4em;}
.newsHighlight .rssContainer {display:inline;}
.newsHighlight .rss {background:url(/uploads/shine/images/common/rss.gif) no-repeat; height:15px; width:13px; display:inline-block; background-position: left bottom; *background-position:left top; *margin-left:2px;}
.newsHighlight .rmore {display:inline; font-size:12px; *padding-left:2px;}
.tc .newsHighlight .rss, .sc .newsHighlight .rss {margin-bottom:-2px; *margin-bottom:0;}

/* Footer */
.footer{ background:url(/uploads/shine/images/common/footer_bg.png) no-repeat center top; height:50px; width:960px; margin:14px auto 5px; position:relative; font-size:11px; padding:10px 0 0 0; clear:both;}
.footer,.footer a{ color:#08205c;}
.footer a:hover { color:#F90;}
.foot{ position:absolute; right:0; top:10px;}
.foot li{ display:inline-block; float:left; position:relative; background:url(/uploads/shine/images/common/line_break.gif) no-repeat 0 2px; padding:0 8px;}
.vtcGroup{ background:url(/uploads/shine/images/common/logo_footer_en.png) no-repeat 0 0; height:22px; width:148px; position:absolute; bottom:0; right:0;}
.tc .vtcGroup {background:url(/uploads/shine/images/common/logo_footer_tc.png) no-repeat 0 0; height:31px; width:148px; position:absolute; bottom:0; right:0;}
.sc .vtcGroup {background:url(/uploads/shine/images/common/logo_footer_sc.png) no-repeat 0 0; height:32px; width:148px; position:absolute; bottom:0; right:0;}
.yellow .footer, .black .footer {background:none;}



/* White Colour Theme */
.white{ background:#fff;}
.white .logo{ background-position:0 0;}
.white .set1 .frame{background-position: center top;}
.white .set2 .frame{background-position: center top;}



/* Yellow Colour Theme */
.yellow{ background:#ff0; color:#061E5C; }
.yellow .logo{ background-position:0 -78px;}
.yellow .set1 .frame{background-position: center -440px;}
.yellow .set2 .frame{background-position: center -440px;}
.yellow .contentBG .frame{background-position: center -621px;}
.yellow ul.menu{ border-bottom-color:#061e5c;}
/*.yellow a.btnFolder{ background-position:0 -27px;}
.yellow .imgFrame span{ background-position:0 -222px;}*/
.yellow a.btneMail{ background-position: 0 -13px; }
.yellow a.btnPrint{ background-position: -16px -13px; }
.yellow .sideMenu div.title{ color:#061E5C;}
.yellow .sideMenu ul li{ border-top:1px solid #061e5c;}
.yellow .content a:hover{ color:#061e5c; text-decoration:underline;}

.yellow .sharingBox{ background-position:-758px 0;}
.yellow ul.topNav li.box,
.yellow ul.topNav li.box span.r { background-position:0px -23px;}
.yellow .btnSearch{ background-position:0px -14px;}
.yellow ul.topNav li.part1{ background-position: right -12px;}
.yellow .breadCrumb li{ color:#061e5c; background-position:0px -21px;}
.yellow a.btneMail{ background-position:0px -14px;}
.yellow a.btnPrint{ background-position:0px -14px;}
.yellow .foot li{ background-position:0 -18px;}


.yellow .sideMenu h1,
.yellow .sideMenu ul li a,
.yellow .content h2,
.yellow .content h3,
.yellow .content h4,
.yellow .content p,
.yellow .content a,
.yellow .listItem li,
.yellow .sharingName,
.yellow .sharingContent h2,
.yellow .sharingContent p{ color:#061e5c;}


.yellow .courceh2 {color:#Ff0 !important;}

.yellow .sideMenu ul li a:hover {text-decoration:underline;}

.yellow a.fontSizeS{background-position:-41px -18px;}
.yellow a.fontSizeM{background-position:-52px 0px;}
.yellow a.fontSizeL{background-position:-66px 0px;}
.yellow a:hover.fontSizeS,.yellow a.fontSizeS.select{ background-position:-41px 0px;}
.yellow a:hover.fontSizeM,.yellow a.fontSizeM.select{ background-position:-52px -18px;}
.yellow a:hover.fontSizeL,.yellow a.fontSizeL.select{ background-position:-66px -36px;}

.yellow .tabList li a{background-position:0px -162px;color:#061E5C;} 
.yellow .tabList li a.selected {color:#FF0; background-position: 0px -108px; color:#FF0;}
.yellow .tabList li a span{background-position:right -162px;}
.yellow .tabList li a.selected span{background-position:right -108px;}
.yellow .tabList li a:hover{text-decoration:underline;}
.yellow #tab1, .yellow #tab2, .yellow #tab3, .yellow #tab4 {border-top:#061E5c 3px solid;}

.yellow .programmesTable{ border:none;}
.yellow .tabContent {border:3px solid #061e5c; border-radius: 5px; border-top-left-radius:0px;}
/*.yellow .rowGray td{background:none; border-bottom:1px solid #061e5c; border-top:1px solid #061e5c;}
.yellow .rowGray th{background-color:#FF0; border-bottom:1px solid #061e5c; border-top:1px solid #061e5c; }*/
.yellow .tabList li.ui-tabs-selected a{color:#FF0; background-position: 0px -108px; color:#FF0;} 
.yellow .tabList li.ui-tabs-selected a span{background-position:right -108px;}
.yellow .programmesTab td, .yellow .programmesTab th{ border-bottom:1px solid #061e5c; border-top:1px solid #061e5c; color:#061e5c; }
.yellow .programmesTab .rowGray td, .yellow .programmesTab .rowGray th{ background:none; }

.yellow .usefulLinks td, .black .usefulLinks th, .black .usefulLinks a{color: #061e5c;}
.yellow .usefulLinks th{background:url(/uploads/shine/images/common/bullet_arrowY.gif) no-repeat 8px 13px;}
.yellow .usefulLinks a:hover{text-decoration:underline;}

.yellow .centresFrame span{background-position:-840px 0;}
.yellow .centresFrame p{color:#ff0;}

.yellow ul.topNav li a:hover, .yellow .footer a:hover { text-decoration:underline; color:#061e5c;}
.yellow h3.openClose {border:1px solid #061e5c; background:none;}
.yellow h3.openClose.on span{ background-position:-20px 0px;}
.yellow h3.openClose span{ background-position: -20px -20px;}
.yellow a.btnLocation{ color:#ff0; background-position: 0px -112px; padding: 0px 12px;}
.yellow a:hover.btnLocation{ color:#ff0; text-decoration:underline;}


/* Orange Colour Theme */
.orange{background:#ff9d3e;}
.orange .logo{ background-position:0 -156px;}
.orange .set1 .frame{background-position: center -678px;}
.orange .set2 .frame{background-position: center -678px;}
.orange .contentBG .frame{background-position: center -1242px;}
.orange ul.menu{ border-bottom-color:#d69d68;}
.orange a:hover.fontSizeS,.orange a.fontSizeS.select{ background-position:0 0px;}
.orange a:hover.fontSizeM,.orange a.fontSizeM.select{ background-position:-11px 0px;}
.orange a:hover.fontSizeL,.orange a.fontSizeL.select{ background-position:-25px 0px;}

.orange ul.topNav li a:hover,
.orange ul.menu li a:hover,
.orange ul.menu li.current a,
.orange .footer a:hover,
.orange .newsHighlight a:hover,
.orange a.btnLocation { color:#FFF;}
.orange .sharingBox{ background-position:-1516px 0;}

/*.orange a.btnFolder{ background-position:0 -54px;}
.orange .imgFrame span{ background-position:0 -444px;}*/
.orange a.btneMail{ background-position: 0 -26px; }
.orange a.btnPrint{ background-position: -16px -26px; }
.orange .sideMenu h1,.orange .sideMenu ul li a:hover{ color:#0b2f8b;}
.orange .sideMenu ul li{ border-top:1px solid #e3b78c;}
.orange .breadCrumb li a{ color:#666; font-weight:normal;}
.orange .content a:hover{ color:#666; text-decoration:underline;}
.orange a:hover.btnLocation{ color:#fff; text-decoration:none;}


.orange .breadCrumb li a:hover,
.orange .content h4,
.orange .content a,
.orange .sharingName,
.orange .sharingContent h2,
.orange .sharingContent p{ color:#0b2f8b;}


/* Black Colour Theme */
.black{background:#000; color:#ff0;}
.black .logo{ background-position:0 -234px;}
.black .set1 .frame{background-position:center -880px;}
.black .set2 .frame{background-position: center -880px;}
.black .contentBG .frame{background-position: center -1863px;}
.black ul.topNav li.part1{ background-position:right -15px;}
.black a.fontSizeS{background-position:-82px -18px;}
.black a.fontSizeM{background-position:-93px 0px;}
.black a.fontSizeL{background-position:-107px 0px;}
.black a:hover.fontSizeS,.black a.fontSizeS.select{ background-position:-82px 0px;}
.black a:hover.fontSizeM,.black a.fontSizeM.select{ background-position:-93px -18px;}
.black a:hover.fontSizeL,.black a.fontSizeL.select{ background-position:-107px -36px;}

.black .foot li{ background-position:0 -38px;}
.black ul.topNav li.box{ background-position:0px -46px;color:#ffff00;}
.black ul.topNav li.box span.r { background-position:0px -46px;}
.black .btnSearch{ background-position:0px -28px;}
.black ul.topNav li.part1{ background-position: right -32px;}

.black a.btneMail{ background-position:0px -28px;}
.black a.btnPrint{ background-position:0px -28px;}

.black .headerInput,
.black ul.topNav li.box a,
.black ul.topNav li a,
.black .newsHighlight,
.black .newsHighlight h1,
.black .newsHighlight a,
.black .sideMenu ul li.current a,
.black .footer,.black .footer a{color:#ff0;}
.black ul.topNav li a:hover,
.black ul.topNav li.box a:hover,
.black ul.menu li a:hover,
.black ul.menu li.current a,
.black .newsHighlight a:hover,
.black .footer a:hover { text-decoration:underline;}

.black .breadCrumb li{ color:#ff0; background-position:0px -46px;}
.black .breadCrumb li a{ color:#ff0;}
.black .breadCrumb li a:hover{ text-decoration:underline;}
/*.black a.btnFolder{ background-position:0 -81px;}
.black .imgFrame span{ background-position:0 -666px;}*/
.black .sideMenu h1{ color:#ff0;}
.black .sideMenu div.title{ color:#fff;}
.black .sideMenu ul li{ border-top:1px solid #ff0;}
.black .sideMenu a{ color:#ff0;}
.black .sideMenu a:hover{ text-decoration:underline;}
.black .content h3,
.black .content h2,
.black .content p,
.black .content a,
.black .listItem li,
.black a.btnLocation,
.black h3.openClose{ color:#ff0;}

.black h3.openClose{background:none;border:1px solid #FF0;}
.black h3.openClose.on span{ background-position:-40px 0px;}
.black h3.openClose span{ background-position: -40px -20px;}
.black h3 {font-weight:700;}

.black .centresFrame.box1 span,
.black .centresFrame.box2 span,
.black .centresFrame.box3 span{background-position:-630px 0;}
.black .sharingBox{ background-position:-2274px 0;}

.black .sharingName,
.black .sharingContent h2,
.black .sharingContent p{ color:#ff0;}

.black .programmesTable{ border:none;}
.black .tabContent {border:3px solid #FF0; border-radius: 5px; border-top-left-radius:0px;}

/*.black .rowGray th{background-color:#000; border-bottom:1px solid #ff0; border-top:1px solid #ff0;}
.black .rowGray td{ background:none; border-bottom:1px solid #ff0; border-top:1px solid #ff0;}*/
.black .tabList li.ui-tabs-selected a{background-position:0px -135px; color:#000;} 
.black .tabList li.ui-tabs-selected a span{background-position: right -135px;}
.black .programmesTab td, .black .programmesTab th{ border-bottom:1px solid #ff0; border-top:1px solid #ff0; color:#ff0; }
.black .programmesTab .rowGray td, .black .programmesTab .rowGray th{ background:none; }

.black .tabList li a{background-position:0px -189px;color:#FF0;} 
.black .tabList li a.selected{background-position:0px -135px; color:#000;}
.black .tabList li a.selected span{background-position: right -135px;}
.black .tabList li a span{background-position:right -189px;}
.black .tabList li a:hover{text-decoration:underline;}
.black #tab1, .black #tab2, .black #tab3, .black #tab4 {border-top:#FF0 3px solid;}
.black .usefulLinks td, .black .usefulLinks th, .black .usefulLinks a{color: #FF0;}
.black .usefulLinks th{background:url(/uploads/shine/images/common/bullet_arrowB.gif) no-repeat 8px 13px;}
.black .usefulLinks a:hover{text-decoration:underline;}

.black a.btnLocation{ color:#000; background-position: 0px -140px; padding:0px 12px;}
.black a:hover.btnLocation{ color:#000; text-decoration:underline;}


.Small {font-size: 80%;}
.Medium {font-size: 100%; line-height: 160%;}
.Large {font-size: 120%; line-height: 160%;}
.XLarge {font-size: 140%; line-height: 160%;}




/* vtc old style */

/* ######### crop  #########*/
/*cropboxb is a box without javascript and no auto height equailization*/
.cropBoxC{/*background:none;*/ min-height:10px; _height:10px; /*margin:0px auto;*/ padding:0; clear:both; position:relative; color:#666;}

td.titleLeft{width:120px;padding:5px 0px 0px 0px; font-weight:bold; }
td.contentRight{ padding:5px 0px;}
.titlebx{ background:url(/uploads/shine/common/crop_about_titlebg2.gif) left top no-repeat; width:343px; height:27px;}
.dl .titlebx{ background:url(/uploads/shine/common/crop_about_titlebg2.gif) top left no-repeat; width:343px; height:40px;}
.cropBox h5, .cropBoxb h5, .cropBoxC h5{ font-size:14px; font-weight:500;padding:6px 13px 0; font-weight:bold; }
.bluetxt{color:#f48e39;}
.ContentAr{padding:13px;  border-bottom: #f6f6f6 1px solid; }

/*box727*/
.box727,
.box727 .titlebx
{ width:734px; /*background:#FFFFFF;*/ }
.box727 .titlebx2
{ width:734px; /*background:#FFFFFF;*/ }
.box727{}
.box727 .titlebx{background:url(/uploads/shine/images/common/bar727.gif) left top no-repeat;}
.box727 .titlebx2{background-image:url(/uploads/shine/images/common/news_pressrelease_bar.gif);background-repeat:no-repeat; height:36px; line-height:26px;}
.box727 .titlebx2 h5{}
.box727 .titlebx3{ border-bottom:1px solid #b4b4b4; border-top:1px solid #b4b4b4; padding:3px 0; margin:0; line-height:140%; font-size:120%;}
.box727 .titlebx3 span{ display:inline-block; background:url(/uploads/shine/images/common/bullet_arrow2.gif) no-repeat 0 0; width:8px; height:9px; margin-left:12px;} /*.box727 .titlebx3 span{ display:inline-block; background:url(/uploads/shine/images/common/students_activities_arrow.png) no-repeat 0 0; width:8px; height:9px; margin-left:12px;}*/
.yellow .box727 .titlebx3 span {background-position: 0px -9px;}
.black .box727 .titlebx3 span {background-position: 0px -18px;}
.borderBtm{ border-bottom:5px solid #f48420;}
/*Newbox*/
.Newbox{ float:left; width:343px; margin-bottom:10px;}
.Newbox th{ background:url(/uploads/shine/common/crop_about_titlebg2.gif) no-repeat top left; height:40px; font-weight:bold; padding:0 13px;}
.Newbox .cropBox{ margin:0; padding:0;}
.rightTable{margin-left:14px;}
/*presstable*/
.pressTable th{ padding-top:9px; /*font-weight:bold;*/color:#F90;}

.pressList li{ float:left; width:350px; height:130px; overflow:hidden; display:block; margin-top:4px;}
.pressList li a.blueLink{ /*text-decoration:underline;color:#333*/}
.pressList{ display:block;}




/*upcoming-eventsTable*/
.upcoming-eventsTable{ width:100%; table-layout:fixed; text-align: left;}  /*Add by justine 20110202*/
.upcoming-eventsTable thead tr{ background:#f2f2f2; }
.upcoming-eventsTable thead th{ padding:5px 10px; font-weight:bold;}
.upcoming-eventsTable tbody tr{ background:#fff; }
.upcoming-eventsTable td{ padding:12px 10px; line-height:140%;
	        /* white-space: pre-wrap; css-3 */      /*Add by justine 20110202*/
	        white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	        white-space: -pre-wrap; /* Opera 4-6 */
	        white-space: -o-pre-wrap; /* Opera 7 */
			word-wrap: break-word; /* Internet Explorer 5.5+ */}
.upcoming-eventsTable tbody .greybgTr{ background:#f2f2f2;}

.opac8 tbody tr td{opacity:0.5;filter:alpha(opacity=50);}
.upcoming-eventsTable tbody .hover{  opacity:1;filter:alpha(opacity=100)}
.upcoming-eventsTable tbody .hover td{opacity:1;filter:alpha(opacity=100)}
.upcoming-eventsTable .btnDetails{ margin-top:3px;}
.btnDetails{ background:url(/uploads/shine/images/common/btn_details2.gif) 0  0 no-repeat; width:48px; height:16px; display:block;}
.btnDetails:hover{ background-position:0 -16px;}
.upcoming-eventsTable .btnDetailstc{ margin-top:3px;}
.btnDetailstc{ background:url(/uploads/shine/images/common/btn_detalis_tc.jpg) 0  0 no-repeat; width:48px; height:16px; display:block;}
.btnDetailstc:hover{ background-position:0 -16px;}
.upcoming-eventsTable .btnDetailssc{ margin-top:3px;}
.btnDetailssc{ background:url(/uploads/shine/images/common/btn_detalis_sc.jpg) 0  0 no-repeat; width:48px; height:16px; display:block;}
.btnDetailssc:hover{ background-position:0 -16px;}

.upcoming-eventsTable .odd{background:#f2f2f2;}

.upcoming-eventsTableb td{ border-bottom:1px #999999 solid; padding-top:8px;}
.upcoming-eventsTableb tr.last td{ border-bottom:0px #999999 solid;}

.newsTable th{background-color: rgb(247,247,247);color:#000}
/* .newsTable .highlight {color:#f58220} */

/*do not move*/
.yellow .box727 {border: #061e5c solid 3px; border-radius:5px;}
.yellow .titlebx{background:none;background-color:#061e5c; border-bottom: 5px solid #061e5c;}
.yellow .cropBoxC{color: #061e5c;}
.yellow h5.bluetxt {color: #ff0;}
.yellow b.bluetxt{color:#061e5c;}

/* tweaker for IE */
.yellow .upcoming-eventsTable tbody td{border-bottom:1px solid #061e5c;}
.yellow .upcoming-eventsTable th {border-bottom:1px solid #061e5c;}

.yellow .upcoming-eventsTable tbody .greybgTr{background:none;border-bottom:1px solid #061e5c;}
.yellow .upcoming-eventsTable thead tr {background:none; border-bottom:1px solid #061e5c;}
.yellow .upcoming-eventsTable tbody tr{background:none;border-bottom:1px solid #061e5c;}
.yellow .upcoming-eventsTable tbody tr:last-child{background:none;border:none;}



/* edits by justine 280612 */
.tc .upcoming-eventsTable .btnDetails{ margin-top:3px;}
.tc .btnDetails{ background:url(/uploads/shine/images/common/btn_details_tc.gif) 0  0 no-repeat; width:48px; height:16px; display:block;}
.tc .btnDetails:hover{ background-position:0 -16px;}
.sc .upcoming-eventsTable .btnDetails{ margin-top:3px;}
.sc .btnDetails{ background:url(/uploads/shine/images/common/btn_details_sc.gif) 0  0 no-repeat; width:48px; height:16px; display:block;}
.sc .btnDetails:hover{ background-position:0 -16px;}


.yellow .btnDetails{background-position: 0 -32px;}
.yellow .btnDetails:hover{ background-position:0 -48px;}

.yellow .newsTable th{background:none; background-color: #061e5c;color:#ff0 !important}
/* .yellow .newsTable .highlight {color:#061e5c} */


.black .upcoming-eventsTable tbody td{border-bottom:1px solid #fff;}
.black .upcoming-eventsTable th {border-bottom:1px solid #fff;}

.black .box727 {border: #fff solid 3px; border-radius:5px;}
.black .titlebx{background:none;background-color:#fff; border-bottom: 5px solid #fff;}
.black .cropBoxC{color: #fff;}
.black h5.bluetxt {color: #000;}
.black b.bluetxt{color:#fff;}

.black .upcoming-eventsTable tbody .greybgTr{background:none;border-bottom:1px solid #fff;}
.black .upcoming-eventsTable thead tr {background:none; border-bottom:1px solid #fff;}
.black .upcoming-eventsTable tbody tr{background:none;border-bottom:1px solid #fff;}
.black .upcoming-eventsTable tbody tr:last-child{background:none;border:none;}
.black .upcoming-eventsTable a:hover {text-decoration:underline; color:#fff;}

.black .btnDetails{background-position: 0 -64px;}
.black .btnDetails:hover{ background-position:0 -80px;}

.black .newsTable th{background:none; background-color: #fff;color:#000 !important}
/* .black .newsTable .highlight {color:#fff} */



.imageBorder139{ background:url(/uploads/shine/images/common/photoframe_121x81.png) no-repeat 0 0; padding:1px 5px 5px 1px; margin:3px 5px 0 0;}
.imageBorder268{ background:url(/uploads/shine/images/common/photoframe_242x182.png) no-repeat 0 0; padding:18px 16px 25px 18px; /*padding:1px 5px 6px 1px;*/ }
.imageBorder121{overflow: hidden; border: 2px solid #BDBDBD; border-radius: 5px; padding: 2px; margin: 10px 15px; height: 90px; width: 135px; z-index: 3; -webkit-box-shadow: 0px 0px 5px 1px rgba(122,122,122,1);
-moz-box-shadow: 0px 0px 5px 1px rgba(122,122,122,1);
box-shadow: 0px 0px 5px 1px rgba(122,122,122,1);}
.imageBorder121 img{display:block; width: auto; height: 100%; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.imageBorder268.frameV{ background:url(/uploads/shine/common/photoframe_242x182v1.png) no-repeat 0 0; padding:24px 10px 25px 20px; /*padding:1px 5px 6px 1px;*/ }

.imageBorder121_a {height: 90px; left: 8px; overflow: hidden;position: absolute;top: 8px;width: 121px;}


.pagNav td {    height: 30px;    padding-right:10px;}
.pagNav a {    cursor: pointer;}
.prevInactive, .nextInactive {    cursor: default; }
.prev, .prevInactive { background: url("/uploads/shine/images/common/prevNext2.png") no-repeat scroll -37px -23px transparent;display: block;height: 23px;width: 37px;}
.prev, .prevInactive:hover{background-position:-37px 0px; display:block;}
.pageIn {    width: 20px;}
.prevInactive, .nextInactive {    cursor: default;}
.next, .nextInactive { background: url("/uploads/shine/images/common/prevNext2.png") no-repeat scroll 0 -23px transparent; display: block;height: 23px; width: 37px;}
.next, .nextInactive:hover{background-position: 0px 0px; display:block;}
.pagNav .tableYr {    float: right;}
.pagNav table {    float: left;    height: 30px;    padding: 0;}
.pagNav .tableYr td {    padding-left: 5px;    padding-right: 0;}

.album-content td{ padding:16px 16px 16px 0; vertical-align:top;}
.album-cal { color: #7E5717; font-weight: bold; padding: 5px; text-align: right; width: 715px;}
a.album-btn-a { background: url("/uploads/shine/images/common/ico_more_pic.png") no-repeat scroll 0 0 transparent; display: block; height: 30px; line-height:30px; padding:0 0 0 35px; color:#666; font-size:14px;}

/* DO NOT MOVE */
.black .pressList li a.blueLink, .black .pressTable th, .black .content h1, .black .tableYr td{color:#fff;}
.black .pressList li a:hover {text-decoration:underline;}
.black .content h1 {/*border-bottom: 1px solid #fff; color:#fff;*/}

.black .box727 .titlebx2 h5{color:#fff;}
.black .box727 .titlebx2 {background:none; border:none; border-bottom:3px solid #fff; }
.black .pagNav input, .black select {background-color:#000; color: #fff; border: 1px solid #fff; }
.black .pagNav { color: #fff;}


.yellow .pressList li a.blueLink, .yellow .pressTable th, .yellow .content h1, .yellow .tableYr td{color:#061e5c;}
.yellow .pressList li a:hover {text-decoration:underline;}
.yellow .content h1 {/*border-bottom: 1px solid #061e5c; color: #061e5c;*/}

.yellow .box727 .titlebx2 h5{color:#061e5c;}
.yellow .box727 .titlebx2 {background:none; border:none; border-bottom:3px solid #061e5c; }
.yellow .pagNav input, .yellow select {background-color:#FF0; color: #061e5c; border: 1px solid #061e5c; }
.yellow .pagNav { color: #061e5c;}


.black .prevInactive { background: url("/uploads/shine/images/common/prevNext2.png") no-repeat scroll -37px -92px transparent;display: block;height: 23px;width: 37px;}
.black .nextInactive {background-position: 0px -92px;}
.black .prevInactive:hover, .black .prev{ background-position: -37px -115px; display:block;}
.black .nextInactive:hover, .black .next{ background-position: 0px -115px; display:block;}

.yellow .prevInactive { background: url("/uploads/shine/images/common/prevNext2.png") no-repeat scroll -37px -46px transparent;display: block;height: 23px;width: 37px;}
.yellow .nextInactive {background-position: 0px -46px;}
.yellow .prevInactive:hover, .black .prev{ background-position: -37px -69px; display:block;}
.yellow .nextInactive:hover, .black .next{ background-position: 0px -69px; display:block;}
/*end*/


.album .title{ border-bottom:1px solid #b4b4b4; border-top:1px solid #b4b4b4; font-size:120%; font-weight:normal; color:#f58220; line-height:180%; padding:0; width:100%;}
.album .icoDate{background:url('/uploads/ycsite/images/campus/ico_date.jpg') no-repeat;padding-left:15px;color:#FAA61A;font-size:13px;float:right;}
.album .eventTxt{/*float:left;*/ padding-top: 20px; margin:5px 0; 
/* white-space: pre-wrap; css-3 */      /*Add by justine 20110202*/
	        white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	        white-space: -pre-wrap; /* Opera 4-6 */
	        white-space: -o-pre-wrap; /* Opera 7 */
			word-wrap: break-word; /* Internet Explorer 5.5+ */
			display:block; 
			width:100%;
}

.album .imageContainer{width:537px;height:359px;position:relative; padding:32px 36px 27px 37px;margin:0px auto 0;z-index:1200; text-align: center; vertical-align: middle; background:url(/uploads/shine/images/common/sa_album_bg.png) no-repeat 0 0;}
.album #currentImage{position:relative; height: 100%; overflow: hidden; width:537px;height:359px;}
.album #currentImage img{/*display:block;position:absolute;left:0;*/display:inline-block; max-height:359px; max-width:583px; min-height: 350px;}

.album .thumbHolder{background:url(/uploads/shine/images/common/sa_albume_nav.png) no-repeat center bottom;width:677px;height:118px;margin:0px auto 0;position: relative;z-index:1000;}
.album .thumbHolder .overflow{overflow:hidden;width:622px;height:88px;margin:0 auto; padding-top:15px;}
.album .thumbHolder ul{}
.album .thumbHolder li{float:left;background:url(/uploads/shine/images/common/sa_thumb_bg.png) no-repeat;width:81px;height:72px;padding:8px 8px 8px 8px; margin-right:8px; cursor:pointer;}

.album .thumbHolder .control{background:url(/uploads/shine/images/common/sa_thumb_btn.png) no-repeat;width:33px;height:33px;display:block;position:absolute;}
.album .thumbHolder .control.left{background-position:left 0;margin:0;padding:0;float:none;left:-16px;bottom:43px;}
.album .thumbHolder .control.right{background-position:right 0;margin:0;padding:0;float:none;right:-16px;bottom:43px;}
.album .blueLink{position:relative; top: 20px; padding:0 0 0 35px;}

.classIn img{height:72px; width:81px;}
.yellow .noBorder, .black .noBorder {border:none;}
.black .upcoming-eventsTable .noBorder, .yellow .upcoming-eventsTable .noBorder {border:none;}
/* DO NOT MOVE */
.black .album .imageContainer{padding: 15px; margin:15px auto 13px; background:none; background-color:#fff; }
.black .album .title {border-bottom: 1px solid #fff; border-top: 1px solid #fff; color:#fff;}
.black .album .thumbHolder{background:none; background-color: #000;}
.black .album .thumbHolder li{width:81px; height:72px;background:none; background-color:#fff; margin-right:12px; padding:6px; margin-bottom:10px;}
.black .album .thumbHolder .overflow{overflow:hidden; width: 620px; height:88px; margin:auto;padding-top:15px;}
.black .album a.blueLink {color: #fff;}
.black .album .thumbHolder .control{background:url(/uploads/shine/images/common/sa_thumb_btn2.gif) no-repeat;width:30px;height:30px;display:block;position:absolute;}
.black .album .thumbHolder .control.left{background-position:0px -30px;margin:0;padding:0;float:none;left:-16px;bottom:43px;}
.black .album .thumbHolder .control.right{background-position:-30px -30px;margin:0;padding:0;float:none;right:-16px;bottom:43px;}
.black .album a:hover {text-decoration:underline;}

.yellow .album .imageContainer{padding: 15px; margin:15px auto 13px; background:none; background-color:#061e5c; }
.yellow .album .title {border-bottom: 1px solid #061e5c; border-top: 1px solid #061e5c; color:#061e5c;}
.yellow .album .thumbHolder{background:none; background-color: #FF0;}
.yellow .album .thumbHolder li{width:81px; height:72px;background:none; background-color:#061e5c; margin-right:12px; padding:6px; margin-bottom:10px;}
.yellow .album .thumbHolder .overflow{overflow:hidden; width: 620px; height:88px; margin:auto;padding-top:15px;}
.yellow .album a.blueLink {color: #061e5c;}
.yellow .album .thumbHolder .control{background:url(/uploads/shine/images/common/sa_thumb_btn2.gif) no-repeat;width:30px;height:30px;display:block;position:absolute;}
.yellow .album .thumbHolder .control.left{background-position:0px 0px;margin:0;padding:0;float:none;left:-16px;bottom:43px;}
.yellow .album .thumbHolder .control.right{background-position:-30px 0px;margin:0;padding:0;float:none;right:-16px;bottom:43px;}
.yellow .album a:hover {text-decoration:underline;}

/* new changes Announcement box */
.announcement {visibility:hidden; position:absolute; right:0px; top:42px;  background:url(/uploads/shine/images/common/announcement.gif) no-repeat 0 0; width: 179px; height: 21px; display:block;}
.front .announcement {visibility:visible;}
.front .announcement.hidden {display:none;}
.announcement span {color: #FFF; position:relative; left: 40px; top: 3px; }
.yellow .announcement {background-position: 0px -21px; }
.yellow .announcement span {color:#FF0;}
.black .announcement {background-position: 0px -42px; }
.black .announcement span {color: #000;}

/*special announcement*/
#spcAnnounce {visibility: hidden;}

.front #sb-player {background: #fff; padding:20px; padding-top:40px;  border: 5px solid #019ade; font-size:16px; max-height:370px}
.yellow.front #sb-player {background: #FF0; border-color:#061e5c}
.black.front #sb-player {background: #000; border-color:#fff}

#spcAnnounceContent {overflow: scroll;overflow-x:hidden; text-align:left;height:370px;font-family:Arial,"Microsoft JhengHei","微軟正黑體",sans-serif;line-height:normal}
.specAnn{padding-bottom:35px;}
.front #sb-body-inner #sb-player.html{overflow:hidden;}

.specAnn .titleA {font-weight: bold; display: inline-block; width: 100%; text-align: center; color: #001f57; margin-bottom: 0;margin-top: 35px;font-size:24px; text-transform:uppercase} 

/* .specAnn {width: 841px; height: 710px; overflow-x: hidden;} */
.specAnn h1 {font-size:16px; font-weight: 800; display:block; background: #FFF; color: #061e5c; padding: 12px 18px;}
.black .specAnn h1 {color: #fff; background: #000;}
.yellow .specAnn h1 {color: #061e5c; background: #FF0;}



.black .specAnn h2 {color: #000; background: #fff;}
.yellow .specAnn h2 {color: #FF0; background: #061e5c;}

/* .specAnn .titleA {background:url(/uploads/shine/images/common/specanntop.gif) no-repeat 0 0; width: 841px; height: 50px;} 
.black .specAnn .titleA {background-position:0px -100px;}
.yellow .specAnn .titleA {background-position: 0px -50px;}*/

/* .specAnn .titleA span {font-size: 16px; position:absolute; top:13px; font-weight: 800; left: 18px;} */
.black .specAnn .titleA span {color: #fff;}
.yellow .specann .titleA span {color: #061e5c;}

/* .specContent {border-top: 5px solid #e96910; border-left:5px solid #e96910; border-right: 5px solid #e96910; width: 831px;}
.yellow .specContent {border-top: 5px solid #061e5c; border-left:5px solid #061e5c; border-right: 5px solid #061e5c; background:#FF0;}
.black .specContent {border-top: 5px solid #fff; border-left:5px solid  #fff; border-right: 5px solid #fff; background: #000;} */

/* .specbtm {background:url(/uploads/shine/images/common/specannbtm.gif) no-repeat 0 0; width: 841px; height:5px;}
.yellow .specbtm {background-position: 0px -5px;}
.black .specbtm {background-position: 0px -10px;} */

.specAnn .date {display: inline-block;    color: #666;    width: 100%;    margin-top: 20px;}
.specAnn .subtitle {font-size:24px; margin-top:5px ;font-weight:normal; display:block;}
.yellow .specAnn .date {color: #061e5c}
.black .specAnn .date {color: #fff}

/* .announDetail {color: #2f2f2f; height:275px;  width:801px; padding: 20px 15px; overflow-y:scroll; overflow-x:hidden;background: #FFF;} */
.black .announDetail {color: #fff; background: #000;}
.yellow .announDetail {color: #061e5c; background: #FF0;}

.announDetail p {margin-top: 20px;}

.announDetail a:link {color: #e96910; text-decoration:none;}
.announDetail a:hover {color: #2f2f2f; text-decoration: underline;}

.black .announDetail *{color:#fff !important;}
.black .announDetail a {color:#fff !important;text-decoration: underline;}
.black .announDetail a:hover {color: #f2f2f2 !important; text-decoration: underline;}
.black .announDetail table {border: 1px solid #fff !important;}
.black .announDetail td {border: 1px solid #fff !important;}

.yellow .announDetail a:link, .yellow .announDetail a:hover {color: #061e5c; text-decoration: underline;}
.yellow .announDetail td {border: 1px solid #061e5c !important;}
.yellow .announDetail table {border: 1px solid #061e5c !important;}

.btn-close {	right: 17px;    top: 15px;    width: 25px;    height: 25px;    z-index: 500;position: absolute; background: transparent;text-decoration: none; outline: 0;    border: 0; cursor: pointer;    padding: 0;}
.btn-close::before, .btn-close::after {    width: 25px;	background-color: #333;	content: '';    display: inline-block;    height: 2px;    position: absolute;    top: 50%;    left: 0;}
.btn-close::before {    -webkit-transform: rotate(45deg);    -moz-transform: rotate(45deg);    -o-transform: rotate(45deg);    -ms-transform: rotate(45deg);    transform: rotate(45deg);}
.btn-close::after {    -webkit-transform: rotate(-45deg);    -moz-transform: rotate(-45deg);    -o-transform: rotate(-45deg);    -ms-transform: rotate(-45deg);    transform: rotate(-45deg);}
.front #sb-nav-close {display:none;visibility:hidden;}

.yellow .btn-close::before, .yellow .btn-close::after { background-color: #061e5c }
.black .btn-close::before, .black .btn-close::after { background-color: #fff }

/*for API special annount table*/
.sp-tb{
    width: 100%;
    margin-bottom: 20px;
    margin-top: 10px;
}
.sp-tb .col-title.single {
    width: 40%;
}
.sp-tb thead td, .sp-tb thead th{
	border-bottom: 3px solid #333;
    padding-bottom: 10px;
    font-weight: bold;
    padding-right: 10px;
}
.sp-tb tbody tr:first-child td, .sp-tb tbody tr:first-child th {
    border-top: 0;
}
.sp-tb tbody td, .sp-tb tbody th {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ccc;
    padding-right: 10px;
}
.font-clr.blue {
    /* color: #0079d0; */
}


/* new changes sitemap */
.sitemap h2 {padding-bottom: 0px;}
.sitemap .tdlast h2 {line-height: 1.1em; padding-bottom: 8px;}

.sitemap td{vertical-align:top; padding: 0px 25px; border-right: 2px solid #c6c6c6;}
.black .sitemap td {border-right: 2px solid #fff;}
.yellow .sitemap td {border-right: 2px solid #061e5c;}

.sitemap td.tdfirst {padding-left: 0px; width: 33%;}
.sitemap td.tdlast {border-right:none; padding-right:0px;}
.sitemap td.tdmid {width: 38%;}

.sitemap h2 a, .sitemap li a {color: #f58220;}
.yellow .sitemap h2 a, .yellow .sitemap li a {color: #061e5c;}
.black .sitemap h2 a, .black .sitemap li a {color: #fff;}
.black .sitemap h2 a:hover, .black .sitemap li a:hover {text-decoration: underline;}

.sitemap li {padding: 3px 0px;}
.sitemap li a {font-weight: 800;}
.sitemap .indent1 {text-indent: 14px;}
.sitemap .indent1 a {font-weight: 400;}

/* FONT COLOR EDITS 05 07 2012 */
.content p {line-height:160%;}
.content p, .breadCrumb li a, .cropBoxC, .sideMenu a, .usefulLinks td, .usefulLinks th, .listItem li, .listItem li a, .pressTable th  {color:#000;}

.yellow a.btnInfo {background-position: left -112px; color:#FF0; padding: 0px 12px;}
.yellow a:hover.btnInfo {color:#ff0; text-decoration:underline;}
.black a.btnInfo {background-position: left -140px; color:#000; padding:0px 12px;}
.black a:hover.btnInfo {color:#000; text-decoration:underline;}

a.backTop {float:right;}
.yellow a.backTop {color:#061e5c; text-decoration:none;}
.yellow a.backTop:hover {text-decoration:underline;}
.black a.backTop {color:#fff; text-decoration:none;}
.black a.backTop:hover {text-decoration:underline}

/* new 08 27 2012 */
.sharingBox .sharingContent {position:absolute; right:0px; top:100px; height:200px; *height:220px;}
/*.sharingBoxContainer {position:relative; height:375px; width:760px;}*/
.sharingBoxSlider .data {display:none;}
.sharingBoxSlider .sbSlider {position:absolute; bottom:10px; left:80px;}
#sbPrev {position:absolute; bottom:25px; left:41px; cursor:pointer; background:url(/uploads/shine/images/common/sa_thumb_btn.png); width:33px; height:33px; display:block;}
#sbNext {position:absolute; bottom:25px; right:31px; cursor:pointer; background:url(/uploads/shine/images/common/sa_thumb_btn.png) top right; width:33px; height:33px; display:block;}
.sbSlider li {float:left;}
.sbSlider li a {min-height:31px; *min-height:32px; vertical-align:middle; text-align:center; width:120px; padding:10px; border:solid 5px #FFF; margin:1px; display:block; background:#FFF;}
.sbSlider li a:hover {border:solid 5px #B8B5AC;}
.sbSlider .selected a{border:solid 5px #FF7F00; }


.yellow #sbPrev {position:absolute; bottom:25px; left:41px; cursor:pointer; background:url(/uploads/shine/images/common/sa_thumb_btn2.gif); width:30px; height:30px; display:block;}
.yellow #sbNext {position:absolute; bottom:25px; right:33px; cursor:pointer; background:url(/uploads/shine/images/common/sa_thumb_btn2.gif) top right; width:30px; height:30px; display:block;}
.yellow .sbSlider li a {background:#FF0; border:5px solid #061E5C;}
.yellow .sbSlider li a:hover {border: solid 5px #061E5C ;background:#061E5C; color:#FF0; text-decoration:underline;}
.yellow .sbSlider .selected a {border: solid 5px #061E5C; background:#061E5C; color:#FF0;}

.black #sbPrev {position:absolute; bottom:25px; left:41px; cursor:pointer; background:url(/uploads/shine/images/common/sa_thumb_btn2.gif) 0 -30px; width:30px; height:30px; display:block;}
.black #sbNext {position:absolute; bottom:25px; right:33px; cursor:pointer; background:url(/uploads/shine/images/common/sa_thumb_btn2.gif) -30px -30px; width:30px; height:30px; display:block;}
.black .sbSlider li a {background:#000; border:5px solid #fff;}
.black .sbSlider li a:hover {border: solid 5px #fff ;background:#fff; color:#000; text-decoration:underline;}
.black .sbSlider .selected a {border: solid 5px #fff; background:#fff; color:#000;}

.innerContent .border-black, .innerContent .border-black td {border:1px solid #000;}

.yellow .innerContent .border-black, .yellow .innerContent .border-black td {color:#061E5C; border:1px solid #061E5C;}
.black .innerContent .border-black, .black .innerContent .border-black td {color:#fff; border:1px solid #fff;}

/* NEW EDITED sept 3 2012 */
.Large #chgYearDDL {width:63px; height:18px;}
.XLarge #chgYearDDL {width:73px; height:22px;}
.programmesTable th {width:160px;}

/* New edited Sep 11 2012 by Vivi */
.sharingBoxContainer{width:738px;min-height:500px;}
.content .sharingBoxContainer h1{border-bottom:none; font-size:18px;}
.clear-left-1{width:369px; height:70px; float:left;}
.clear-left-2{width:369px; height:10px; float:left;}
.clear-right{width:369px; height:10px; float:right;}
.photo-frame{width:283px; height:229px; background:url(/uploads/shine/images/common/photo-frame.png) no-repeat; float:right; margin-top:-40px; margin-bottom:15px;}
.photo-frame img{position:relative; margin-top:10px; margin-left:19px;}
.sharing-red-box{width:369px; height:308px; background:url(/uploads/shine/images/common/sharing-red-box.png) no-repeat;float:left;}
.sharing-blue-box{width:369px; height:308px; background:url(/uploads/shine/images/common/sharing-blue-box.png) no-repeat; float:left;}
.yellow .sharing-red-box,.yellow .sharing-blue-box{background:url(/uploads/shine/images/common/box-yellow-left.png) no-repeat;}
.black .sharing-red-box,.black .sharing-blue-box{background:url(/uploads/shine/images/common/box-black-left.png) no-repeat;}
.sharing-yellow-box{width:369px; height:311px; background:url(/uploads/shine/images/common/sharing-yellow-box.png) no-repeat;float:right;}
.sharing-green-box{width:369px; height:311px; background:url(/uploads/shine/images/common/sharing-green-box.png) no-repeat;float:right;}
.yellow .sharing-yellow-box,.yellow .sharing-green-box{background:url(/uploads/shine/images/common/box-yellow-right.png) no-repeat;}
.black .sharing-yellow-box,.black .sharing-green-box{background:url(/uploads/shine/images/common/box-black-right.png) no-repeat;}
.box-content{width:277px; margin-left:35px; margin-top:30px;}
.box-content p {font-size:100%; color:#1f1f1f; line-height: 160%;}
.box-content p.title{font-size:140%; line-height:80%; padding:0; *line-height:100% }
.box-content p.subtitle{font-weight:bold; font-size:120%; line-height:120%; margin-top:5px;}

.black .headerInput,
.black ul.topNav li.box a,
.black ul.topNav li a,
.black .newsHighlight,
.black .newsHighlight h1,
.black .newsHighlight a,
.black .sideMenu ul li.current a,
.black .footer,.black .footer a,
.black .pagNav input, .black select,
.black #choosecolor a, .black #choosecolor a:hover,
.black .sideMenu h1,.black .sideMenu a,
.black .breadCrumb li,.black .breadCrumb li a,
.black .content h3,
.black .content h2,
.black .content p,
.black .content a,
.black .listItem li,
.black h3.openClose,
.black .content h1,
.black b.bluetxt,
.black .pagNav input, .black select,
.black .pagNav,
.black .pressList li a.blueLink, .black .pressTable th, .black .content h1, .black .tableYr td,
.black,
.black .innerContent .border-black, .black .innerContent .border-black td,
.black .usefulLinks td, .black .usefulLinks th, .black .usefulLinks a,
.black .cropBoxC,
.black .tabList li a,
.black a.backTop,
.black .programmesTab td, .black .programmesTab th,
.black .sharingName,
.black .sharingContent h2,
.black .sharingContent p{ color: #fff;}
.black a.btnLocation, .black a.btnInfo{color:#000}

.black .courceh2 {color:#000 !important;}

.black ul.topNav li.box, .black .sitemap h2 a, .black .sitemap li a,
.black .specAnn .titleA span, .black .announDetail,
.black .announDetail a:link, .black .announDetail a:hover,
.black .box727 .titlebx2 h5 {color:#fff;}
.black .programmesTab td, .black .programmesTab th {border-top:1px solid #fff; border-bottom:1px solid #fff;}
.black .pagNav input, .black select,.black h3.openClose{border:1px solid #fff;}
.black .box727,.black .tabContent {border: 3px solid #fff;}
.black .titlebx{background:none;background-color: #fff; border-bottom: 5px solid #fff;}
.black .box727 .titlebx2 {border-bottom:3px solid #fff;}
.black .upcoming-eventsTable th, .black .upcoming-eventsTable tbody td,
.black .pagNav input, .black select,
.black .innerContent .border-black, .black .innerContent .border-black td,
.black .content h1 {/*border-bottom:1px solid #FFF;*/}
.black #tab1, .black #tab2, .black #tab3, .black #tab4 {border-top: 3px solid #FFF;}
.black .sitemap td {border-right:2px solid #fff;}
.black .sideMenu ul li {border-top:1px solid #fff;}
.black .jScrollPaneDrag, .black ul.menu li,.black .specAnn h2 {background:#fff}
/* .black .specContent {border-top: 5px solid #fff; border-left: 5px solid  #fff; border-right: 5px solid #fff; background: #000;} */
.black .announDetail td {border: 1px solid #fff !important;}

/*email2fd*/
.email2fd{ border-bottom:1px #bababa solid; width:675px;}
.email2fd th{ font-weight:bold; width:115px; padding:8px 0;}
.email2fd td{ padding:8px 5px; width:191px;} 
.email2fd input[type=text]{ width:200px;}
.btnPreview{background:url(/uploads/images/btn_68.jpg) no-repeat; width:68px; height:23px; font-weight:bold; border:0;}
.btnPreview:hover{background:url(/uploads/images/btn_68_on.jpg) no-repeat; width:68px; height:23px; font-weight:bold; border:0; color:#666666;}
hr.greyline{border:0; border-bottom:1px #bababa solid; background:none; display:block; height:0}


#skipwrapper{ position:absolute; left:0px; top:0; z-index:9999;}
#skipwrapper a.access{ position:absolute; left:0px; top:-100px;}
#skipwrapper a.access:focus, #skipwrapper  a:active{  left:4px; top:4px; white-space:nowrap; padding:5px; background:#fff; color:#333; font-weight:bold; }
.yellow #skipwrapper a.access:focus, .yellow #skipwrapper  a:active{ background:#FFF655; color:#000; }
.black #skipwrapper a.access:focus, .black #skipwrapper  a:active{ background:#000; color:#fff; }


@media print{

}

.XLarge .box-content p {line-height: 110%;}

.release-detail-2 .blueLink {display: inline-block; clear: both;}
.press-release .info p {padding-bottom: 0; margin-bottom: 10px;}
.press-release .header {display: table; margin-bottom: 20px; height: 100%; width: 100%;}
.press-release .header h3 {display: table-cell; font-size: 24px; margin-bottom: 0; color: #022158;}
.press-release .header > div {display: inline-block; float: right;}
.press-release .header p {display: table-cell; color: #6F6D6E; text-align: right;}
.press-release .header .chosen-container:nth-of-type(1){margin-right: 5px;}
.press-release article h2 {padding-bottom: 20px; border-bottom: 1px solid; margin-bottom: 15px; font-size: 18px; font-weight: bold; color: #012056;}
.press-release article p {margin-bottom: 20px; font-size: 13px; line-height: 1.5; color: #2f2f2f;}
.press-release figure {position:relative; width: 230px; background-color: #DCDCDC; overflow: hidden; text-align: center} 
.press-release figure a {display: block; width: 230px; height: 173px;}
.press-release figure img{display: block; width: auto; height: 173px; cursor: pointer; position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)} 
.press-release figure figcaption{width: 230px; padding: 10px; background-color: #F58220; color: #ffffff; font-size: 12px; box-sizing: border-box; text-align: left;}
.press-release .photo-slider {display: none;}
.press-release .slick-slider {display: block; background-color: #DCDCDC;}


.release-detail-1 article h2 {padding-top: 20px;}
.release-detail-1 article figure {float: right; clear: right; width: 230px;} 
.release-detail-1 .slick-slider {width: 748px; margin-bottom: 0;}
.release-detail-1 .slick-slide {width: 748px; height: 420px; overflow: hidden;}
/*.release-detail-1 .slick-slider img.landscape {width: 720px; height: auto; margin: 0 auto;}
.release-detail-1 .slick-slider img.landscape-center {max-width: 100%; height: 100%; margin: 0 auto;}*/

.release-detail-1 .slick-slider img {width: auto; height: 420px; position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);}
.release-detail-1 .slick-prev {left: 15px;}
.release-detail-1 .slick-next {right: 15px;}

.release-detail-2 .slick-slider {float:left; width: 320px; margin-right: 15px; margin-bottom: 20px;}
.release-detail-2 .slick-slide {width: 320px; height: 570px; overflow: hidden;}
.release-detail-2 .slick-slider img {width: auto; height: 570px; position: relative;
			    left: 50%;
			    -webkit-transform: translateX(-50%);
			    -ms-transform: translateX(-50%);
			    transform: translateX(-50%); }
.release-detail-2 .slick-prev {left: 15px;}
.release-detail-2 .slick-next {right: 15px;}
.release-detail-2 .post {margin-bottom: 20px;}
.release-detail-2 .info {margin-bottom: 20px;}
.release-detail-2 figure {display: inline-block; box-sizing: border-box; margin: 0 0 40px 0; overflow: hidden;}
.release-detail-2 figure img {display: block;}
.release-detail-2 figure:nth-of-type(odd) {float: left; clear: left; margin-left: 107px;}
.release-detail-2 figure:nth-of-type(even) {float: right; margin-right: 107px;}

.slick-dots {bottom: 8px; z-index: 2;}

.slick-dots li.slick-active button:before {color: #ffffff; opacity: 1;}
.slick-dots li button:before {color: #ffffff;}
.slick-arrow {z-index: 2;width: 0; height: 0;}
.slick-prev {
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-right: 15px solid rgba(255,255,255, 0.7);  
}

.slick-next {
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent; 
	border-left: 15px solid rgba(255,255,255, 0.7);
}

.slick-prev:before, .slick-next:before {
	content: none !important;
}