/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html {
  margin:0;
  padding:0;
  border:0;
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

table, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {
    display:block;
}

/* Line-height should always be unitless! */
body {
  line-height: 1.5;
  background: white;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
  border-collapse: separate;
  border-spacing: 0;
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td {
  text-align: left;
  font-weight: normal;
  float:none !important;
}
table, th, td {
  vertical-align: middle;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked img. */
a img { border: none; }

/* Remember to define your own focus styles!
:focus { outline: 0; }*/
/* Webfont: GillSans */
@font-face {
    font-family: 'GillSansMT';
    src: url('fonts/Gill_Sans_MT.eot'); /* IE9 Compat Modes */
    src: url('fonts/Gill_Sans_MT.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Gill_Sans_MT.woff') format('woff'), /* Modern Browsers */
         url('fonts/Gill_Sans_MT.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/Gill_Sans_MT.svg#GillSansMT') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


@font-face {
    font-family: 'GillSansMT';
    src: url('fonts/Gill_Sans_MT_B.eot'); /* IE9 Compat Modes */
    src: url('fonts/Gill_Sans_MT_B.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Gill_Sans_MT_B.woff') format('woff'), /* Modern Browsers */
         url('fonts/Gill_Sans_MT_B.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/Gill_Sans_MT_B.svg#GillSansMT-Bold') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'GillSansMT';
    src: url('fonts/Gill_Sans_MT_BI.eot'); /* IE9 Compat Modes */
    src: url('fonts/Gill_Sans_MT_BI.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Gill_Sans_MT_BI.woff') format('woff'), /* Modern Browsers */
         url('fonts/Gill_Sans_MT_BI.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/Gill_Sans_MT_BI.svg#GillSansMT-BoldItalic') format('svg'); /* Legacy iOS */
    font-style: italic;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'GillSansMT';
    src: url('fonts/Gill_Sans_MT_I.eot'); /* IE9 Compat Modes */
    src: url('fonts/Gill_Sans_MT_I.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Gill_Sans_MT_I.woff') format('woff'), /* Modern Browsers */
         url('fonts/Gill_Sans_MT_I.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/Gill_Sans_MT_I.svg#GillSansMT-Italic') format('svg'); /* Legacy iOS */
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'GillSansStdLight';
    src: url('fonts/gillsansstd-light.eot');
    src: url('fonts/gillsansstd-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/gillsansstd-light.woff') format('woff'),
         url('fonts/gillsansstd-light.ttf') format('truetype'),
         url('fonts/gillsansstd-light.svg#GillSansStdLight') format('svg');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}




/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #f1f1f1;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100%; }
body {
  font-size: 75%;
  color: #222;
  background: #fff;
  font-family: 'GillSansMT', "Helvetica Neue", Arial, "Microsoft Jhenghei", "微軟正黑體", STHeiTi, "黑體", PMingLiU, "新細明體";
  line-height:1.4;
  vertical-align: baseline;
}

body.lang-tch, body.lang-sch {font-family: "Microsoft Jhenghei", "微軟正黑體", STHeiTi, "黑體", PMingLiU, "新細明體";}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; margin-bottom:15px; line-height: 1.3em}

h1 { font-size: 30px; color: #4e4e4e}
h2 { font-size: 26px; color: #cf138b}
h3 { font-size: 20px; color: #4e4e4e}
h4 { font-size: 11px; color: white; font-weight: bold; background: #cf138b; display: inline-block; padding: 4px 8px; text-transform: uppercase; }
/*.isIE_n8 h4 { padding: 6px 8px 2px;}*/
/*body:not(:-moz-handler-blocked) h4 { padding: 6px 8px 2px;}*/

.lt-ie8 h4 { display: inline;}
h4 a { color: white}
h5 { font-size: 16px; color: #4e4e4e}
h6 { font-size: 14px; font-weight: bold; color: #4e4e4e;  }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
  display: block;
}


/* Text elements
-------------------------------------------------------------- */


/*
	These can be used to pull an image at the start of a paragraph, so
	that the text flows around it (usage: <p><img class="left">Text</p>)
 */
.left  			{ float: left !important; }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
.right 			{ float: right !important; }
p .right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

p { font-size: 14px; line-height: 1.5em}

a:focus,
a:hover     {  }
a           { text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong,dfn	{ font-weight: bold; }
em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li { font-size: 14px;}
li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 0.6em 0; padding-left: 1.5em; }

ul          {  list-style: none;}
ol          {  list-style: none; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

/*
	Because of the need for padding on TH and TD, the vertical rhythm
	on table cells has to be 27px, instead of the standard 18px or 36px
	of other elements.
 */
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }

tfoot       { font-style: italic; }
caption     { background: #eee; }

input {font-family: 'GillSansMT', "Helvetica Neue", Arial, "Microsoft Jhenghei", "微軟正黑體", STHeiTi, "黑體", PMingLiU, "新細明體";}
textarea {font-family: 'GillSansMT', "Helvetica Neue", Arial, "Microsoft Jhenghei", "微軟正黑體", STHeiTi, "黑體", PMingLiU, "新細明體";}

body.lang-tch input, body.lang-sch input{font-family: "Microsoft Jhenghei", "微軟正黑體", STHeiTi, "黑體", PMingLiU, "新細明體";}
body.lang-tch textarea, body.lang-sch textarea{font-family: "Microsoft Jhenghei", "微軟正黑體", STHeiTi, "黑體", PMingLiU, "新細明體";}
/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none}

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


.clear {clear:both;overflow:hidden;}
.accessibility-skip-content { display: block !important; position: absolute; left: 0px; top: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* other abuot text */




.txt_col, .txt_col a { color:#cf138b; margin-bottom: 0;}
.pageDetail .txt_col {font-size: 40px; }
.top_nav_content a { font-size: 13px; color: #c1c1c1; }
.top_nav a, .bot_nav a { font-size: 14px;}
.top_nav li.current > a, .top_nav a:hover { color: #CF138B}
.sub_lv > .hasChild:hover > a { color: #dbdbdb}
.sub_lv ul li, .sub_lv > .hasChild:hover > a, .sub_lv li:hover .level_3 { background: url(../img/bg-sub-lv.png) repeat;}
.sub_lv li:hover .level_3 { color: #dbdbdb}
.sub_lv ul a {color: #dbdbdb}
.sub_lv ul a { margin-left: 3px;}
.sub_lv ul a:hover { background-color: #f5bde1; color: #494949}


.col_type_box, .type_box, .ser_type_box { font-size: 11px; line-height: 20px;  font-weight: bold;}
/*.isIE_n8 .col_type_box, .isIE_n8 .type_box, .isIE_n8 .ser_type_box  {line-height: 22px;}*/
/*body:not(:-moz-handler-blocked) .col_type_box, body:not(:-moz-handler-blocked) .type_box, body:not(:-moz-handler-blocked) .ser_type_box {line-height: 22px;}*/
.col_type_box:hover { color: white; }
.main_content > h3 { color: #5F5F5F; padding-top: 30px; }
.event_box_content_area .eventTime, .event_box_content_area p { font-size: 14px; margin: 0 0 5px; color: #484848; }
.event_box_content_area .eventTime .venue { display: block;}
.various-venue .eventTime { margin-bottom: 10px; margin-bottom: 15px; line-height: 1.1em;}
.event_box_content_area .note { font-size: 14px; color: #6D6D6D; }
.remark_title { font-weight:bold; }
.remark_box p { font-size: 13px; }
.ft_location_area .loc_title { font-size: 18px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; }
.ft_right_links_area a { font-size: 13px; font-weight: bold; }
.cal_title a { float: left; font-size: 28px; margin: 0 15px; text-transform: uppercase; width: auto; }
/* for upcoming area in event calendar */
.cal_title { font-size: 28px; color: #555; float: left; line-height: 40px;}
.upcoming_area { overflow: hidden; margin-bottom: 15px;}
.cal_show_calendar { float: right; cursor: pointer;  background: url(../img/event_cal_show_btn.png) center bottom no-repeat #535353; width: 40px; height: 40px; text-indent: -9999px; text-align: left;}
.cal_show_calendar:hover { background-position: center top}
.event .cal-sub-title { float: left; float: left; color: #5F5F5F; padding-top: 30px; font-size: 20px;}
.event .cal-sub-title.upcoming-title { display: none;}
.event .upcoming_btn { float: right; padding-top: 40px; font-weight: bold; margin-bottom: 15px;}

.menu_sub_title { font-size: 15px; text-transform: none !important; }
.logo_set_rig_sub_menu a { font-size: 14px; text-transform: none !important; color: #4C4C4C !important; }
.series_link p, .series_link .note { font-size: 14px;}

.hasHover tr:hover td {background-color: #cf138b;}
.hasHover tr:hover td *, .hasHover tr:hover td {color: white}



.share_area a { font-family: GillSansMT, 'Helvetica Neue', Arial, Helvetica; font-weight: bold; font-size: 13px;  text-transform: uppercase;}
body.lang-tch .share_area a, body.lang-sch .share_area a{font-family: "Microsoft Jhenghei", "微軟正黑體", STHeiTi, "黑體", PMingLiU, "新細明體";}

.share_area a img { margin-right: 5px;}
.share_area a img, .share_area a span { float: left; line-height: 19px; vertical-align: middle;}
/*.isIE_n8 .share_area a span {line-height: 14px; padding-top: 5px;}*/
/*body:not(:-moz-handler-blocked) .share_area a span {line-height: 16px; padding-top: 3px;}*/

#refresh_btn { background: url(../img/event_cal_refresh_btn.png) center bottom no-repeat #535353; width: 40px; height: 40px;}
#refresh_btn:hover { background-position: center top}

.goToNextMonth { background: url(../img/cal_next_mon_btn.png) right center no-repeat #ededed; padding-right:38px; }
.goToNextMonth span { color: #cf138b; font-size: 12px; font-weight: bold; border-right: 1px solid #e2e2e2; display: block; padding: 10px 16px 10px 17px}

.event_box_content_area .txt_col, .event_series_content_area .txt_col { font-size: 24px; margin-bottom: 10px;}

.eventVenue , .eventTime { font-weight: bold;}
.event_series_content_area h3 { font-size: 30px;}

#top-header .noticeSwicth { width: 72px; height: 20px; display: none; line-height: 20px; color: white; font-size: 11px; padding: 0 10px; min-width: 72px;
background: rgb(193,1,104); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxMDE2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjEzOGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(193,1,104,1) 0%, rgba(207,19,139,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(193,1,104,1)), color-stop(100%,rgba(207,19,139,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(193,1,104,1) 0%,rgba(207,19,139,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(193,1,104,1) 0%,rgba(207,19,139,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(193,1,104,1) 0%,rgba(207,19,139,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(193,1,104,1) 0%,rgba(207,19,139,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c10168', endColorstr='#cf138b',GradientType=1 ); /* IE6-8 */
position: absolute; left: 0; top: 0; text-align: left;}
.noticeSwicth.block { display: block;}

/* school color*/
/*Dance Color*/
.unit-dance .top_nav li.current > a, .unit-dance .cke_editable h3, .unit-dance .cke_editable_new h3.new, .unit-dance .cke_editable th { color: #a40bc0}
.unit-dance .cke_editable h5, .unit-dance .cke_editable_new h5.new,.unit-dance .cke_editable h5 a { background-color: #a40bc0;color: white}
.unit-dance .txt_col, .unit-dance .txt_col a {color: #a40bc0;}
.unit-dance .top_nav .tab_switch_btn a:hover {color: #a40bc0;}
.unit-dance .top_nav > ul > li.current > a {border-color: #a40bc0;}
.unit-dance .pagination li a:hover {border-color: #a40bc0; color: #a40bc0;}
.unit-dance .pagination li.selected a {color: #a40bc0;}
.unit-dance .sub_lv ul a:hover { background: url(../img/bg-sub-lv-dance.png) left top repeat;}
.unit-dance .level_2:hover { color: #5e126c}

.unit-dance .top_nav li.current .level_3.selected {color: #5e126c}
.unit-dance .top_nav li.current .sub_lv > li:hover .level_3.selected {color: #dbdbdb;}
.unit-dance .ul_level_4 > li:hover a.level_4, .unit-dance .ul_level_4:hover a.level_5 { background-color: #e3b7ec; color: #494949}
.unit-dance .top_nav .ul_level_5 .level_5:hover, .unit-dance .top_nav .ul_level_5 .level_5.selected {background: #fff; }
.unit-dance .sub_lv a.level_5 {border-left: 3px solid #e3b7ec; margin-left: 0;}
.unit-dance .sub_lv ul.ul_level_5 > li {border-color: #c4a6ca}
.unit-dance .plus-block {color: #a40ac0}
.unit-dance .media-content .media-list {background-color: #a40ac0;}
.unit-dance .goToNextMonth span {color: #a40ac0}
.unit-dance .col4 .name {color: #a40ac0 }
.unit-dance .why_share_box h2 a, .unit-dance .share_detail_content h2 {color: #a40ac0 }
.unit-dance .why_share_detail .go-back {color: #a40ac0}
.unit-dance .cke_editable .style_table th {color: #a40ac0}
.unit-dance .asterisk {color: #a40ac0}

/*drama Color*/
.unit-drama .top_nav li.current > a, .unit-drama .cke_editable h3, .unit-drama .cke_editable_new h3.new, .unit-drama .cke_editable th { color: #027b95}
.unit-drama .cke_editable h5,.unit-drama .cke_editable_new h5.new, .unit-drama .cke_editable h5 a { background-color: #027b95;color: white}
.unit-drama .txt_col, .unit-drama .txt_col a {color: #027b95;}
.unit-drama .top_nav .tab_switch_btn a:hover {color: #027b95;}
.unit-drama .top_nav > ul > li.current > a {border-color: #027b95;}
.unit-drama .pagination li a:hover {border-color: #027b95; color: #027b95;}
.unit-drama .pagination li.selected a {color: #027b95;}
.unit-drama .sub_lv ul a:hover { background: url(../img/bg-sub-lv-drama.png) left top repeat;}
.unit-drama .level_2:hover { color: #0e4a57}

.unit-drama .top_nav li.current .level_3.selected {color: #0f4a58}
.unit-drama .top_nav li.current .sub_lv > li:hover .level_3.selected {color: #dbdbdb;}
.unit-drama .ul_level_4 > li:hover a.level_4, .unit-drama .ul_level_4:hover a.level_5 { background-color: #b3d8e0; color: #494949}
.unit-drama .top_nav .ul_level_5 .level_5:hover, .unit-drama .top_nav .ul_level_5 .level_5.selected {background: #fff;}
.unit-drama .sub_lv a.level_5 {border-left: 3px solid #b3d8e0; margin-left: 0;}
.unit-drama .sub_lv ul.ul_level_5 > li {border-color: #a4bdc1}
.unit-drama .plus-block {color: #027c94}
.unit-drama .media-content .media-list {background-color: #027c94;}
.unit-drama .goToNextMonth span {color: #027c94}
.unit-drama .col4 .name {color: #027c94 }
.unit-drama .why_share_box h2 a, .unit-drama .share_detail_content h2 {color: #027c94 }
.unit-drama .why_share_detail .go-back {color: #027c94}
.unit-drama .cke_editable .style_table th {color: #027c94}
.unit-drama .asterisk {color: #027c94}

/*ftv Color*/
.unit-ftv .top_nav li.current > a, .unit-ftv .cke_editable h3, .unit-ftv .cke_editable_new h3.new, .unit-ftv .cke_editable th { color: #b93a04}
.unit-ftv .cke_editable h5, .unit-ftv .cke_editable_new h5.new, .unit-ftv .cke_editable h5 a { background-color: #b93a04;color: white}
.unit-ftv .txt_col, .unit-ftv .txt_col a {color: #b93a04;}
.unit-ftv .top_nav .tab_switch_btn a:hover {color: #b93a04;}
.unit-ftv .top_nav > ul > li.current > a {border-color: #b93a04;}
.unit-ftv .pagination li a:hover {border-color: #b93a04; color: #b93a04;}
.unit-ftv .pagination li.selected a {color: #b93a04;}
.unit-ftv .sub_lv ul a:hover { background: url(../img/bg-sub-lv-film.png) left top repeat;}
.unit-ftv .level_2:hover { color: #69290f}

.unit-ftv .top_nav li.current .level_3.selected {color: #69290e}
.unit-ftv .top_nav li.current .sub_lv > li:hover .level_3.selected {color: #dbdbdb;}
.unit-ftv .ul_level_4 > li:hover a.level_4, .unit-ftv .ul_level_4:hover a.level_5 { background-color: #ebc7b7; color: #494949}
.unit-ftv .top_nav .ul_level_5 .level_5:hover, .unit-ftv .top_nav .ul_level_5 .level_5.selected {background: #fff; }
.unit-ftv .sub_lv a.level_5 {border-left: 3px solid #ebc7b7; margin-left: 0;}
.unit-ftv .sub_lv ul.ul_level_5 > li {border-color: #c7aea7}
.unit-ftv .plus-block {color: #b93a05}
.unit-ftv .media-content .media-list {background-color: #b93a05;}
.unit-ftv .goToNextMonth span {color: #b93a05}
.unit-ftv .col4 .name {color: #b93a05 }
.unit-ftv .why_share_box h2 a, .unit-ftv .share_detail_content h2 {color: #b93a05 }
.unit-ftv .why_share_detail .go-back {color: #b93a05}
.unit-ftv .cke_editable .style_table th {color: #b93a05}
.unit-ftv .asterisk {color: #b93a05}

/*music Color*/
.unit-music .top_nav li.current > a, .unit-music .cke_editable h3, .unit-music .cke_editable_new h3.new, .unit-music .cke_editable th { color: #916806}
.unit-music .top_nav li.current > a:hover {color: #916806}
.unit-music .cke_editable h5, .unit-music .cke_editable_new h5.new, .unit-music .cke_editable h5 a { background-color: #916806;color: white}
.unit-music .txt_col, .unit-music .txt_col a {color: #916806;}
.unit-music .top_nav .tab_switch_btn a:hover {color: #916806;}
.unit-music .top_nav > ul > li.current > a {border-color: #916806;}
.unit-music .pagination li a:hover {border-color: #916806; color: #916806;}
.unit-music .pagination li.selected a {color: #916806;}
.unit-music .sub_lv ul a:hover { background: url(../img/bg-sub-lv-music.png) left top repeat;}
.unit-music .level_2:hover { color: #554010}

.unit-music .top_nav li.current .level_3.selected {color: #56400f}
.unit-music .top_nav li.current .sub_lv > li:hover .level_3.selected {color: #dbdbdb;}
.unit-music .ul_level_4 > li:hover a.level_4, .unit-music .ul_level_4:hover a.level_5 { background-color: #ddd2b6; color: #494949}
.unit-music .top_nav .ul_level_5 .level_5:hover, .unit-music .top_nav .ul_level_5 .level_5.selected {background: #fff; color: #494949}
.unit-music .sub_lv a.level_5 {border-left: 3px solid #ddd2b6; margin-left: 0;}
.unit-music .sub_lv ul.ul_level_5 > li {border-color: #bfb8a5}
.unit-music .plus-block {color: #926806}
.unit-music .media-content .media-list {background-color: #926806;}
.unit-music .goToNextMonth span {color: #926806}
.unit-music .col4 .name {color: #926806 }
.unit-music .why_share_box h2 a, .unit-music .share_detail_content h2 {color: #926806 }
.unit-music .why_share_detail .go-back {color: #926806}
.unit-music .cke_editable .style_table th {color: #926806}
.unit-music .asterisk {color: #926806}

/*tea Color*/
.unit-tea .top_nav li.current > a, .unit-tea .cke_editable h3, .unit-tea .cke_editable_new h3.new, .unit-tea .cke_editable th { color: #c60054}
.unit-tea .cke_editable h5, .unit-tea .cke_editable_new h5.new, .unit-tea .cke_editable h5 a { background-color: #c60054 ;color: white}
.unit-tea .txt_col, .unit-tea .txt_col a {color: #c60054;}
.unit-tea .top_nav .tab_switch_btn a:hover {color: #c60054;}
.unit-tea .top_nav > ul > li.current > a {border-color: #c60054;}
.unit-tea .pagination li a:hover {border-color: #c60054; color: #c60054;}
.unit-tea .pagination li.selected a {color: #c60054;}
.unit-tea .sub_lv ul a:hover { background: url(../img/bg-sub-lv-tea.png) left top repeat;}
.unit-tea .level_2:hover { color: #6f0d36}

.unit-tea .top_nav li.current .level_3.selected {color: #6f0d36}
.unit-tea .top_nav li.current .sub_lv > li:hover .level_3.selected {color: #dbdbdb;}
.unit-tea .ul_level_4 > li:hover a.level_4, .unit-tea .ul_level_4:hover a.level_5 { background-color: #efb3cd; color: #494949}
.unit-tea .top_nav .ul_level_5 .level_5:hover, .unit-tea .top_nav .ul_level_5 .level_5.selected {background: #fff;}
.unit-tea .sub_lv a.level_5 {border-left: 3px solid #efb3cd; margin-left: 0;}
.unit-tea .sub_lv ul.ul_level_5 > li {border-color: #b8bfaf}
.unit-tea .plus-block {color: #c60055}
.unit-tea .media-content .media-list {background-color: #c60055;}
.unit-tea .goToNextMonth span {color: #c60055}
.unit-tea .col4 .name {color: #c60055 }
.unit-tea .why_share_box h2 a, .unit-tea .share_detail_content h2 {color: #c60055 }
.unit-tea .why_share_detail .go-back {color: #c60055}
.unit-tea .cke_editable .style_table th {color: #c60055}
.unit-tea .asterisk {color: #c60055}

/*gec Color*/
.unit-gec .top_nav li.current > a, .unit-gec .cke_editable h3, .unit-gec .cke_editable_new h3.new, .unit-gec .cke_editable th { color: #1c2cc7}
.unit-gec .cke_editable h5, .unit-gec .cke_editable_new h5.new { background-color: #1c2cc7}
.unit-gec .txt_col, .unit-gec .txt_col a {color: #1c2cc7;}
.unit-gec .top_nav .tab_switch_btn a:hover {color: #1c2cc7;}
.unit-gec .top_nav > ul > li.current > a {border-color: #1c2cc7;}
.unit-gec .pagination li a:hover {border-color: #1c2cc7; color: #1c2cc7;}
.unit-gec .pagination li.selected a {color: #1c2cc7;}
.unit-gec .sub_lv ul a:hover { background: url(../img/bg-sub-lv-gec.png) left top repeat;}
.unit-gec .level_2:hover { color: #1a2270}

.unit-gec .top_nav li.current .level_3.selected {color: #1b2270}
.unit-gec .top_nav li.current .sub_lv > li:hover .level_3.selected {color: #dbdbdb;}
.unit-gec .ul_level_4 > li:hover a.level_4, .unit-gec .ul_level_4:hover a.level_5 { background-color: #bec2ef; color: #494949}
.unit-gec .top_nav .ul_level_5 .level_5:hover, .unit-gec .top_nav .ul_level_5 .level_5.selected {background: #fff;}
.unit-gec .sub_lv a.level_5 {border-left: 3px solid #bec2ef; margin-left: 0;}
.unit-gec .sub_lv ul.ul_level_5 > li {border-color: #b8bfaf}
.unit-gec .plus-block {color: #1c2cc7}
.unit-gec .media-content .media-list {background-color: #1c2cc7;}
.unit-gec .goToNextMonth span {color: #1c2cc7}
.unit-gec .col4 .name {color: #1c2cc7 }
.unit-gec .why_share_box h2 a, .unit-gec .share_detail_content h2 {color: #1c2cc7 }
.unit-gec .why_share_detail .go-back {color: #1c2cc7}
.unit-gec .cke_editable .style_table th {color: #1c2cc7}
.unit-gec .asterisk {color: #1c2cc7}

/*co Color*/
.unit-co .top_nav li.current > a, .unit-co .cke_editable h3, .unit-co .cke_editable_new h3.new , .unit-co .cke_editable h3 a, .unit-co .cke_editable th { color: #5d7d2e}
.unit-co .cke_editable h5, .unit-co .cke_editable_new h5.new, .unit-co .cke_editable h5 a { background-color: #5d7d2e}
.unit-co .txt_col, .unit-co .txt_col a {color: #5d7d2e;}
.unit-co .top_nav .tab_switch_btn a:hover {color: #a40bc0;}
.unit-co .top_nav > ul > li.current > a {border-color: #5d7d2e;}
.unit-co .pagination li a:hover {border-color: #a40bc0; color: #5d7d2e;}
.unit-co .pagination li.selected a {color: #5d7d2e;}
.unit-co .sub_lv ul a:hover { background: url(../img/bg-sub-lv-co.png) left top repeat;}
.unit-co .level_2:hover { color: #3b4b23}

.unit-co .top_nav li.current .level_3.selected {color: #3b4b24}
.unit-co .top_nav li.current .sub_lv > li:hover .level_3.selected {color: #dbdbdb;}
.unit-co .ul_level_4 > li:hover a.level_4, .unit-co .ul_level_4:hover a.level_5 { background-color: #d4dbcb; color: #494949}
.unit-co .top_nav .ul_level_5 .level_5:hover, .unit-co .top_nav .ul_level_5 .level_5.selected {background: #fff;}
.unit-co .sub_lv a.level_5 {border-left: 3px solid #d4dbcb; margin-left: 0;}
.unit-co .sub_lv ul.ul_level_5 > li {border-color: #b8bfaf}
.unit-co .plus-block {color: #5c7d2e}
.unit-co .media-content .media-list {background-color: #5c7d2e;}
.unit-co .goToNextMonth span {color: #5c7d2e}
.unit-co .col4 .name {color: #5c7d2e }
.unit-co .why_share_box h2 a, .unit-co .share_detail_content h2 {color: #5c7d2e }
.unit-co .why_share_detail .go-back {color: #5c7d2e}
.unit-co .cke_editable .style_table th {color: #5c7d2e}
.unit-co .asterisk {color: #5c7d2e}

/*other Page Style*/
.news_detail_section ul {list-style: disc}
.news_detail_section ol {list-style: decimal}
.biography ul, .biography ul li {list-style: disc}
.biography ul li li {list-style: circle; padding: 3px 0;}
.biography ol, .biography ol li {list-style: decimal}
.biography ol li li {list-style: circle; padding: 3px 0;}


/*Common Use Table style*/
td.name a:hover, td.title a:hover {text-decoration: underline;} 
.col4 .name { font-weight: bold; font-size: 17px; margin-bottom: 10px; line-height: 0.9em; color: #cf138b; text-transform: uppercase;}
.lang-tch .col4 .name .en_title, .lang-sch .col4 .name .en_title {font-size: 80%;}
.col4 .title { font-size: 13px; padding-bottom: 14px; line-height: 1.3em}
.col4 .title.Doctorate {color: #C45100;}
.col4 .title.Fellow {color: #005FFF;}
.col4 .name.name-normalcase {text-transform: none;}
.pplTag { display: block;}
.pplTag span { background-color: black; color: white; font-size: 11px; padding: 2px 7px; text-transform: uppercase; float: left; line-height: 1;}
/*.isIE_n8 .pplTag span { padding: 4px 10px 0;}*/
/*body:not(:-moz-handler-blocked) .pplTag span  {padding: 4px 10px 0;}*/


.honoraryawardees .col4 .name  {margin-bottom: 0; margin-top: -4px; overflow: hidden; height: 50px; padding-top: 4px;}
.honoraryawardees .col4 .title {padding-bottom: 0; height: 32px;}


.graduate_list h2 { font-size: 30px; margin-bottom: 15px; color: #4e4e4e;}

.job_list h3, .job_list_detail_tit, .job_detail h3 { font-size: 17px ; font-weight: bold; margin-bottom: 35px; text-transform: uppercase;color: #cf138b; }
.job_detail .name h3 { font-size: 26px; font-weight: normal; text-transform: capitalize; margin-bottom: 0;}
.job_detail .name span { font-weight: bold;}
.user_tit_area h3 { color: #FFFFFF; font-size: 15px; font-weight: bold; text-transform: uppercase; margin-bottom: 0; line-height: 40px; margin-left: 30px;}
.user_name { font-size: 14px; line-height: 40px; padding-right: 14px; }

.graduate_list .tag, .job_list .tag { background-color: #cf138b; font-weight: bold; font-size: 11px; color: white; margin-right: 10px; line-height: 22px;  height: 22px; display: inline-block; padding: 0 10px; text-transform: uppercase;}
/*.isIE_n8 .graduate_list .tag, .isIE_n8 .job_list .tag {line-height: 26px;}*/
/*body:not(:-moz-handler-blocked) .graduate_list .tag, body:not(:-moz-handler-blocked) .job_list .tag  {line-height: 26px}*/
.graduate_list th { font-size: 14px; font-weight: bold; color: #cf138b}
.graduate_list .name, .job_list .name { font-size: 14px; font-weight: bold; color: #616161}
.graduate_list .grad_yr, .graduate_list .subj, .job_list .grad_yr, .job_list .sub, .job_list .grad_yr { font-size: 14px; color: #616161}
/*.graduate_list tr:hover td , .job_list tr:hover td, .graduate_list tr:hover td span { color: white}*/

.graduating-class .sub_title { font-size: 20px; font-weight: bold; color: #232e1f; margin-bottom: 15px; clear: both;}
.graduating-class .name { color: #7d6032}

.more-block { float: right;}
.graduating-class .top { font-size: 21px; color: #7d6032; line-height: 1em; padding: 3px; display: block; float: right; background-color: white; width: 21px; text-align: center;}
.graduating-class .bottom { color: white; padding: 3px 8px; display: block; clear: both; background: #7d6032; text-transform: uppercase; font-weight: bold;}
/*.isIE_n8 .graduating-class .bottom { padding: 5px 8px 1px;}*/
/*body:not(:-moz-handler-blocked) .graduating-class .bottom {padding: 5px 8px 1px;}*/
.slider .bx-caption { font-size: 14px; color: white}
.slider .secCap h2 { color: white; font-size: 30px; margin-bottom: 0;}
.slider .secCap p { color: white; font-size: 16px;}
.slider [class*=targetPager] { text-align: left;}
.slider [class*=targetPager] a { width: 12px; height: 12px; background: url(../img/dots.png) -5px -93px; text-indent: -9999px;}
.slider [class*=targetPager] .active, .slider [class*=targetPager] a:hover { background: url(../img/dots.png) -27px -49px;}

.pplDetail .pplName { color: #741652; font-size: 27px; margin: 0; line-height: 1.3em; font-weight: bolder; text-transform: uppercase;}
.pplTitle { color: #454545; font-size: 16px; line-height: 1em}
.pplDetail .pplTag { background: #484848; padding: 3px 8px; color: white; font-size: 11px; display: inline-block; text-transform: uppercase;}
/*.isIE_n8 .pplDetail .pplTag {padding: 5px 10px 1px; }*/
/*body:not(:-moz-handler-blocked) .pplDetail .pplTag {padding: 5px 10px 1px;}*/
.lt-ie8 .pplTag { display: inline;}
.biography .detail .blockTitle { text-align: right; font-weight: bold; font-size: 11px; margin-bottom: 0; text-transform: uppercase;}
.biography .detail p { font-size: 14px; line-height: 1.7em; color: #656a69; margin-bottom: 30px;}
.pplDetail .contact { overflow: hidden;}
.pplDetail .contact p { margin: 0; float: left;}
.pplDetail .contact span.contactTag { margin: 0 10px 0 0; font-weight: bold}
.pplDetail .contact * { margin:0 10px;}
.pplDetail .contact a { text-decoration: underline;}
.biography .accordion .box {padding-left: 90px; }
.biography .accordion .box p {font-size: 14px; line-height: 1.7em; color: #656a69; margin-bottom: 30px; }
.biography .accordion .box li {font-size: 14px; line-height: 1.7em; color: #656a69; }
.biography .accordion .box ol, .biography .accordion .box ul {margin-bottom: 30px;}


.accordion.rte-accord h2, .accordionCont h2 { position: relative; background: #cf138b; color: #666666; font-size: 18px; line-height: 41px; padding-left: 30px; overflow: hidden; cursor: pointer; margin-bottom: 0;}
.accordion.rte-accord h2 a, .accordionCont h2 a {color: #fff; display: block;}
.accordion.rte-accord h2 span, .accordionCont h2 span { display: inline-block; background: #f2f2f2; color: #cf138b; line-height: 41px; width: 41px; float: right; text-align: center;}
.accordion.rte-accord p, .accordionCont p { font-size: 14px; line-height: 1.7em;}

.job_list .subj { font-size: 14px;}
.job_detail { font-size: 14px;}
.job_detail .name {color: #656a69; font-weight: bold; vertical-align: top;}
.job_detail .name.ver_top { padding-left: 0; width: 180px; font-weight: normal;}
.job_detail .subj { padding-right: 0;}
.job_detail .subj > p {margin-top: 15px;}
.job_detail .subj > p:first-child {margin-top:0;}

.staff .user_tit_area { padding: 0; padding:8px 0 3px; margin-bottom: 0; height: 32px;}
.charList { padding: 0; margin: 0; margin-left: 23px;}
.charList li { float: left;}
.charList a { display: block; line-height: 18px; color: white; padding-bottom: 4px;}
.charList a span { display: block; padding: 4px 6px; border: 1px solid transparent; border-bottom: 0; text-transform: capitalize; font-size: 16px;}
.charList a span:hover { border: 1px solid white; color: white}
.charList .current span:hover {border-bottom:  0;}
.charList .current a { background: url(../img/border-charList.png) center bottom no-repeat; }
.charList .current span { border-color: white}
.charList .disabled span { color: #9e9e9e; cursor: default;}

.tab_content .charList span { position: relative; top: -1px; padding: 4px; font-size: 15px; display: block;}
.tab_content .charList a span {top: 0;}

.staffInfo h2 { font-size: 26px; color: #4e4e4e; margin-bottom: 15px;}
.staffContact p { line-height: 40px; padding: 0 25px 0 20px; color: #6d7170; font-weight: bold; margin-bottom: 0;}
.staffContact .left { font-size: 14px;}
.staffInfo .tel { background:  url(../img/phone-staffContact.png) left center no-repeat; padding-left: 25px;}
.staffContact .mail { background:  url(../img/mail-staffContact.png) left center no-repeat; padding-left: 20px; margin-left: 25px;}
.staff_list td { font-size: 14px; line-height: 24px; color: #656a69}
.staff_list a {color: #656a69}
/*.staff_list tr:hover td { color: #fff}*/
.staff_list .pplName { font-weight: bold; display: block;}
.staff_list .pplType { display: block;}
.staff_list .contact span { display: block;}
.staff_list .tel { background: url(../img/phone-staffContact-table.png) left top no-repeat; padding-left: 20px;}
.staff_list .fax { background: url(../img/fax-staffContact-table.png) left top no-repeat; padding-left: 20px;}
.staff_list .mail {background: url(../img/mail-staffContact-table.png) left top no-repeat; padding-left: 20px;}
.staff_list tr:hover .contact span { background-position: left bottom }

.director-welcome .top_nav li.current > a, .director-welcome .top_nav a:hover { color: #247b67 }
.director-welcome .pageDetail .txt_col { color: #147665}

label.error { color: red !important; display: block; font-weight: normal !important;}
/* other abuot text */

.ask_amount label,
.intro p,
.thx_msg ~ .select_session_area .key-field,
.thx_msg ~ .select_session_area .done_field,
.reg_data,
.thx_msg p,
.a_button,
.reg_field input, .reg_field textarea,
.select_session_area label,
.reg_field p, .reg_field label,
.font_gillsan{ /*font-family: 'GillSansMT'; */}

.ask_amount label,
.a_button,
.select_session_area label,
.ftup{ text-transform: uppercase; }

.tab_switch_btn a,
.intro .note,
.reg_form .success,
.a_button,
.select_session_area label,
.reg_field label,
.fbold{ font-weight: 700; }

.tab_switch_btn .current,
.agree_stat label,
.reg_field .gift_to label,
.fnormal{ font-weight: 400; }

/* Size */
.thx_msg h3,
.f30{ font-size: 30px; }
.f28{ font-size: 28px; }

.f17{ font-size: 17px; }

.f15{ font-size: 15px; }

.tab_switch_btn a,
.intro p,
.thx_msg ~ .select_session_area .key-field,
.thx_msg ~ .select_session_area .done_field,
.reg_data,
.thx_msg p,
.reg_field input, .reg_field textarea,
.reg_field p, .reg_field label,
.f14{ font-size: 14px; }

.f13{ font-size: 13px; }

.f12{ font-size: 12px; }

.ask_amount label,
.select_session_area label,
.f11{ font-size: 11px; }

/* Color */
.asterisk,
.reg_form .note,
.pink{ color: #CF138B; margin-left: 2px}

.purple{ color: #741652; }

.fund_genre.disabled label span,
.very-pale-grey { color: #AAAAAA; }

.intro .note,
.intro p,
.reg_data,
.thx_msg p,
.reg_field input, .reg_field textarea,
.pale-grey-a{ color: #616161; }

.reg_field p,
.reg_field label,
.pale-grey-b{ color: #656a69; }

.reg_field .note,
.pale-grey-c{ color: #6f7372; }

.ask_amount label,
.thx_msg h3,
.medium-black{ color: #484848; }

.select_session_area label,
.dark-black{ color: #2d2d2d; }

/* Multiple Properties */
.reg_form h4 { /*font-family: 'GillSansMT';*/ font-weight: 700; font-size: 17px; text-transform: uppercase; color: #2d2d2d; background: none}







/*Ben 20131016*/
/*header*/
#school-header h1{color: #fff; font-size:22px; line-height:38px; text-transform: uppercase; font-family:'GillSansStdLight', "Microsoft Jhenghei", "微軟正黑體", STHeiTi, "黑體", PMingLiU, "新細明體"; margin: 0;}
body.lang-tch #school-header h1, body.lang-sch #school-header h1 {font-family: "Microsoft Jhenghei", "微軟正黑體", STHeiTi, "黑體", PMingLiU, "新細明體";}
/*inner page*/

/*gallery-landing*/
.gallery_box .txt_col {font-size:24px;}
.gallery_box p {color: #656a69 ; margin-bottom:15px; }
.gallery_box .date {font-weight:bold; color:#484848;}
.media-content .media-list {color: #fff; font-size:11px; font-weight: bold;}

/*gallery-detail*/
.galleryDetail {font-size:14px;}
.galleryDetail p {color: #656a69; margin-bottom:15px;}
.galleryDetail .date, .galleryDetail .tagsTitle {font-weight: bold; color:#484848;}
.galleryDetail .txt_col {font-size:24px;}

/*user info*/
.user_info .txt_col {font-size: 26px;}
.user_info .note, .user_register .note {font-size: 12px; color: #741652;}
.user_box {color: #fff;  font-size: 14px;}
.user_box .user_name{font-weight: bold; font-size: 22px; }
.student_id {color: #f8dcee; font-weight: bold; }
.user_box .type {color: #4e4e4e; font-size: 11px; font-weight: bold; }
.user_box .item_name {padding-right: 10px; }


/*form*/
.reg_field .reg_field_remarks {font-size: 12px;}
.emphase {font-weight: bold; padding: 15px 0 2px; color: #656a69;}
.reg_field .submit_remark {color: #656a69;}
.reg_field .inputs span {color: #656a69}
.reg_field .inputs span.remark {color: #741652; font-size: 12px; padding-left: 2px; line-height: 15px;}
.reg_field .inputs span.remark + span.remark {display: block; margin-top: 5px; }
.reg_field .val_error {color: red; margin: 3px 0 0;}
div.submit:hover, div.submit {color: #fff;}

/*job posting*/
.job_list h3 {margin-bottom: 15px;  }

/*job opportunites*/
.job_page h2.txt_col {font-size: 17px; font-weight: bold; margin-bottom: 15px; text-transform: uppercase; color: #cf138b;}
.job_cur_list td  {font-size: 14px; line-height: 24px; color: #656a69;}
.job_cur_list th {font-size: 14px; color: #cf138b; font-weight: normal; background: #fff;}
.job_cur_list td.title {font-weight: bold;}
.job_cur_list a {color: #656a69;}

.dl_box p {font-size: 14px; font-weight: bold; color: #616161; margin: 0 0 5px;}
.dl_box a {color: #616161; }
.dl_box .icon-doctype {text-decoration: none;}
.dl_box .icon-doctype:hover {text-decoration: underline;}

.job_detail_page h3 {font-size: 26px; margin-bottom: 10px; clear: both;}
.job_detail_page p.date {font-size: 14px; color: #4e4e4e; font-weight: bold; clear: both; margin-bottom: 30px;}
.job_detail_page p.school {font-size: 14px; color: #4e4e4e; font-weight: bold; margin-bottom: 3px;}
.job_detail_page p {color: #4e4e4e; margin-bottom: 20px;}
.job_detail_page .tag_list {padding: 0; width: 420px; margin: 0 0 20px;}
.job_detail_page .tag_list li {display: inline; margin-right: 5px; color: #4e4e4e;}
.job_detail_page  h4.txt_col {font-size: 17px; font-weight: bold; margin-bottom: 35px; text-transform: uppercase;color: #cf138b; background: transparent; padding: 0; margin: 20px 0 10px;}
.job_detail_page .dl_box p {color: #fff; margin: 0 0 5px;}
.job_detail_page .dl_box a {color: #fff;}

.job_type { display: inline-block; padding: 4px 10px 3px;  font-size: 11px; color: #fff; font-weight: bold; background: #cf138b; margin-bottom: 20px;}
.lt-ie8 .job_type { display: inline;}
/*.isIE_n8 .job_type {padding: 6px 10px 1px;}*/
/*body:not(:-moz-handler-blocked) .job_type {padding: 6px 10px 1px;}*/


/*register*/
.user_register .txt_col {font-size: 17px !important; font-weight: bold; margin-bottom: 35px; text-transform: uppercase; margin-bottom: 15px;}
.user_register .note {margin-bottom: 15px;}
.user_register h3.txt_col {float: none;}

/*employer info update*/
.employer_info .txt_col {font-size: 26px; margin-bottom: 10px;}
.employer_info #gi_comp_name_eng, .employer_info #gi_comp_name_chi {width: 300px;}


/*news*/
.news_list .tag { background-color: #cf138b; font-weight: bold; font-size: 11px; color: white; margin-right: 10px; line-height: 22px; display: inline-block; padding: 0 10px; text-transform: uppercase;}
.news_list th { font-size: 14px; color: #cf138b; font-weight: normal; background: #ffffff;}
.news_list td.name { font-size: 14px; font-weight: bold; color: #616161}
.news_list td.grad_yr, .news_list td.subj { font-size: 14px; color: #616161}
/*.news_list tr:hover td , .news_list tr:hover td, .news_list tr:hover td span { color: white}
.news_list tr:hover td , .news_list tr:hover td span, .news_list tr:hover td a  { color: white}*/
.news_list .doubleSep {font-weight: normal; color: #dddddd}

/*news Detail*/
.news_detail_area p {color: #6D6D6D;}
.eventTime .doubleSep {color: #dddddd}
.eventTime .doubleSep, .eventTime .catVal {font-weight: normal;}


/*Database*/
.database_info .txt_col {font-size: 26px; margin: 0 0 10px;}
.database_list .tableTitle {font-size: 22px; color: #0f1f24; background: transparent; margin: 0 0 0px; font-weight: bold;}
.database_list th {font-size: 14px; color: #cf138b; font-weight: normal; background: #fff;}
.database_list td {font-size: 14px; line-height: 24px; color: #656a69;}
.database_list a {color: #656a69;}
.database_info td.title a {text-decoration: underline;}
.database_info td.title a:hover {text-decoration: none;}
.database_info td.title {font-weight: bold;}

.filter_item > span { color: #656a69; font-weight: bold; font-size: 14px;}

/*common*/
.border-btn-icon { line-height:20px;font-size:11px; font-weight: bold;}
/*.isIE_n8 .border-btn-icon { line-height: 24px; }*/
/*body:not(:-moz-handler-blocked) .border-btn-icon {line-height: 24px;}*/
.tab_switch_btn a {font-weight: 400;}
.plus-content {font-size: 11px; font-weight: bold; color: #fff;}
.richtxt {color: #616161; padding-bottom: 15px; clear: both;}

/*table list*/
/*.graduate_list tr:hover td , .job_list tr:hover td, .graduate_list tr:hover td span,
.graduate_list tr:hover td a , .job_list tr:hover td a { color: #fff}*/

/*Full page items*/

/*disc list*/
ul.disc_list {list-style: disc; color: #616161; }
ul.disc_list li {font-size: 12px;}

/*prettycheckable*/
.reg_field .prettycheckbox, .subscript_box .prettycheckbox {font-weight: normal; }
.prettycheckbox label {font-weight: normal;}
/*Ben End 20131016*/


/*Index ---  Ben*/
.school_desc_box h3 { line-height: 1; color: #fff; font-size: 35px; font-weight: bold; }
.school_desc_box p { color: #fff;}
.banner_link .explore_link {color: #fff;}
.banner_link:hover .explore_link {color: #fff;}

.announcement-title {font-size: 20px; color: #fff;  line-height: 1.3em; }
.announcement-box p {color: #fff;}
.announcement-date {font-size: 20px;}
a.more-btn {display: block; padding: 5px 20px; background: #fff; color: #cf138b; font-size: 11px; }
.announcement-content-box {color: #fff; }
.announcement-content-box .announcement-content-date {font-size: 24px; }
.announcement-content-box .announcement-content-title {font-weight: bold ; font-size: 14px; padding: 0 0 15px; color: white; text-transform: uppercase;}
.announcement-content p {margin-bottom: 15px;}

.index_pro_nav .menu > a > span { font-size: 13px; }

.psb_color_block h3 {color: #232e1f !important; padding: 0 !important; margin-top: 0 !important; margin-bottom: 15px;  background: none !important; font-size: 20px !important;  font-weight: bold !important; text-transform: uppercase !important;}
.psb_color_block a {color: #505050 !important; text-decoration: underline; }
.psb_color_block a:hover {text-decoration: none;}

.key_date_btn {color: #fff; font-weight: bold; font-size: 20px; }

.perform_white .title_block h5 {font-size: 18px; text-align: left; line-height: 1; overflow: hidden; padding-top: 8px; max-height: 7em; padding-bottom: 2px; margin-bottom: 13px; }
.perform_white .tag_block span {font-size: 11px; color: #f8f8f8;}

.perform_black .title_block h5 {font-size: 18px; color: #fff; text-align: left; line-height: 1; overflow: hidden; padding-top: 8px; max-height: 9em; padding-bottom: 2px; margin-bottom: 13px;}
.perform_black .tag_block span {font-size: 11px; color: #010101;}

#presenter .ppl_name {font-size: 12px; color: #fff; text-transform: uppercase; padding: 10px; display: block;} 
#presenter .ppl_title {font-size: 20px; font-weight: bold; color: #fff; line-height: 1.1;}

.perform_black .plus-content, .perform_white .plus-content { text-transform: uppercase;}
.perform_black .plus-content { line-height: 12px}


/*Index End --- Ben*/


/*Talent*/
/*Talent Hire*/

/*login block*/
.login_block h2 {font-size: 24px; font-weight: bold; color: #fff;}
.login_id, .login_pw  {font-size: 14px; color: #efefef; }
a.black_btn { line-height: 22px; color: #fff; font-size: 12px; font-weight: bold;}
.login_section .pw_link {color: #efefef; font-size: 11px;}

/*reg block*/
.reg_block .block_title {font-size: 24px; color: #000; line-height: 1.1; font-weight: bold;}

.cke_editable .hire_desc_wrapper { color: #d8d8d8; }
.cke_editable .hire_desc_wrapper h4 {color: #fff; font-size: 20px;  }
.cke_editable .hire_desc_wrapper p { color: #d8d8d8;}

.talent_contactus, .talent_statement, .talent_contactus:hover, .talent_statement:hover { color: #d8d8d8;}

.hire_desc_wrapper .disc_list {color: #d8d8d8;}

#forget_pw {color: #616161}
#forget_pw h3 {font-size: 26px; font-weight: bold; color: #cf138b;}
.ebox label {color: #484848; font-weight: bold; line-height: 22px;}
.ebox input[type="text"] {color: #616161; }

/*Honorary Doctorates*/
.honorary_detail .title_container .detail_title {font-size: 26px; font-weight: bold; color: #fff; line-height: 1.1; margin: 0; padding: 0; text-transform: uppercase;}
.honorary_detail .title_container .desc {font-style: italic; font-weight: bold; font-size: 16px; color: #fff;}
.honorary_detail .bot_row {overflow-y: scroll; max-height: 340px;}
.honorary_detail .bot_row p {color: #484848; font-size: 15px; margin: 0 0 20px;}
.honorary_detail .bot_row h5 {font-size: 15px; font-weight: bold; margin: 0;}
.table_remarks {color: #616161; text-align: right; clear: both;}


/*Contact Us*/
.content_general h3 {font-weight: bold; font-size: 17px; color: #3c3c3c; padding: 0; margin: 0 0 20px;}
.content_general .contact_type {padding: 4px 10px 3px; background: #3c3c3c; color: #fff; font-size: 11px; font-weight: bold; float: left; margin: 0 0 10px;}
/*.isIE_n8 .content_general .contact_type { padding: 6px 10px 1px; }*/
/*body:not(:-moz-handler-blocked) .content_general .contact_type {padding: 6px 10px 1px;}*/
.contact_info_box p {font-size: 14px; color: #3c3c3c;}
.contact_form_section h2 {font-size: 17px; font-weight: bold; margin: 0 0 20px;}

/*eNews Sub*/
.enews_section .indent_box p {font-size: 13px;}
.enews_section .unsub_desc {margin: 30px 0 50px;}
.opt_info .asterisk {color: #741652; font-size: 12px; margin: 10px 0 0;}

.thankyou_page .thanks_title {font-size: 28px; font-weight: bold; color: #414141; line-height: 1; padding: 90px 0 0 60px; margin-bottom: 5px; text-transform: uppercase;}
.thankyou_page .thanks_desc {color: #414141; padding: 0 0 25px 60px;  width: 425px;}


/*------ placeholder style*/
::-webkit-input-placeholder { color:#9a9a9a; }
::-moz-placeholder { color:#9a9a9a; } /* firefox 19+ */
:-ms-input-placeholder { color:#9a9a9a; } /* ie */
input:-moz-placeholder { color:#9a9a9a; }

.top_search_box_area::-webkit-input-placeholder { color:#a3a3a3; }
.top_search_box_area::-moz-placeholder { color:#a3a3a3; } /* firefox 19+ */
.top_search_box_area:-ms-input-placeholder { color:#a3a3a3; } /* ie */
input.top_search_box_area:-moz-placeholder { color:#a3a3a3; }


#search-box::-webkit-input-placeholder { color:#7e6881; }
#search-box::-moz-placeholder { color:#7e6881; } /* firefox 19+ */
#search-box:-ms-input-placeholder { color:#7e6881; } /* ie */
input#search-box:-moz-placeholder { color:#7e6881; }

.login_id::-webkit-input-placeholder, .login_pw::-webkit-input-placeholder {font-size: 14px; color: #efefef; }
.login_id:focus::-webkit-input-placeholder, .login_pw:focus::-webkit-input-placeholder {font-size: 14px; color: #efceef; }
.login_id::-moz-placeholder, .login_pw::-moz-placeholder {font-size: 14px; color: #efefef; }
.login_id:focus::-moz-placeholder, .login_pw:focus::-moz-placeholder {font-size: 14px; color: #efceef; }
.login_id:-ms-input-placeholder, .login_pw:-ms-input-placeholder {font-size: 14px; color: #efefef; }
.login_id:focus:-ms-input-placeholder, .login_pw:focus:-ms-input-placeholder {font-size: 14px; color: #efceef; }

/*placeholder color IE*/
.placeHolderText { color:#9a9a9a;}
.login_block .placeHolderText { color: #efefef;}
.top_search_box_area .placeHolderText { color:#a3a3a3;}

/*------ placeholder style --- END*/
/* --------------------------------------------------------------

   layout.css
   * Sets up only for Core Section, such as "header", "nav", "main", "content", "footer", etc.
   * Core Section must have their own "container", such as "header-container", etc.

-------------------------------------------------------------- */

a {
    color: #555555;
    cursor: pointer;
    text-decoration: none;
}
a:hover {
	color: #555555;
    /*text-decoration: underline;*/
}
.clear {clear:both;overflow:hidden; height: 0;}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


.round, .shadow, .gradient { behavior: url(/hkapa/assets/css/PIE.php); position:relative ;/* required for ie */  }
/* shadow */
.shadow {
	-moz-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.5);
}

table { border-collapse: collapse; margin-left: 0;}



div#wrapper, div#footer, #top-header, #header, #header_position, #content {width:100%;}
div#wrapper{ }
.top-header-container, .header-container, .main-container, .content-container, .footer-container { width:960px; margin:0 auto; height: auto;}
.index .header-container {height: 0}
.content-container { position: relative;}
#content .content-container { overflow: visible; }
.top_sub_menu_content {  margin:0 auto; padding: 10px 10px 35px; overflow: hidden; width: 225px; z-index:100;}
.style_full .top_sub_menu_content {width: 960px;}
.style_col2 .top_sub_menu_content { width: 475px;}
.style_col3 .top_sub_menu_content { width: 705px;}
#header_position {
    position: fixed;
	z-index: 90;
	min-width: 960px;
}
#content {
    padding: 110px 0 100px;
	position: relative;
}
.pro_nav {
    position: relative;
}
.pro_nav > ul { margin: 19px 0 0; overflow: hidden; padding: 0; }
.pro_nav li.menu { float: left; width: 167px; height: 51px; cursor: pointer;}
.pro_nav ul li:last-child > a { border-right: 1px solid #97609E;}
.pro_nav li.menu > a { background: url(../img/header_down_arrow.png) no-repeat right 13px; padding: 0 50px 0 15px; display: table; min-height: 38px; height:38px; width: 100px; border-left: 1px solid #97609E; color: white}
.lt-ie8 .pro_nav li.menu > a { display: block;}
.pro_nav li.menu.select > a { background-image: url(../img/header_down_arrow_on.png);}
.pro_nav li.menu > a:hover { color:#fff }
.pro_nav li.menu.select { background-color: #f5f5f5; }
.pro_nav li.menu.select a { border: none; color: #555}
.pro_nav li.menu.select > a { color: #6b2d75; }
.pro_nav .menu > a > span { color: #FFFFFF; display: table-cell; text-transform: uppercase; vertical-align: middle; line-height: 1em}
.lt-ie8 .pro_nav .menu > a > span { display: block;
    *clear: expression(
   style.marginTop = "" + (offsetHeight < parentNode.offsetHeight ? parseInt((parentNode.offsetHeight - offsetHeight) / 2) + "px" : "0"),
   style.clear = "none", 0
   );
}
.pro_nav .menu.select > a > span { color: #6b2d75}
.pro_nav li.menu li, .pro_nav li.menu div {cursor: default;}
.pro_nav li.menu .jspVerticalBar, .pro_nav li.menu .jspVerticalBar {cursor: pointer; }
.pro_nav li.menu .jspTrack, .pro_nav li.menu .jspTrack {background-image: none;}


.logo_set_sub_menu.shadow {-webkit-box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.4); box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.4);}
.index_pro_nav .logo_set_sub_menu.shadow {-webkit-box-shadow:  6px 5px 10px 0px rgba(0, 0, 0, 0.6); box-shadow:  6px 5px 10px 0px rgba(0, 0, 0, 0.6);}
.logo_set_sub_menu {  background: url(../img/bg-feaMenu-prog_nomenu.jpg)  center top repeat-y #f5f5f5; left: -85px; position: absolute; top: -9999px; width: 577px; z-index:2; visibility: hidden;}
.logo_set_sub_menu.show { top:70px; visibility: visible;}
.logo_set_sub_menu.showsub {background-image: url(../img/bg-feaMenu-prog.jpg); background-position: bottom center;}
.logo_set_sub_menu a { color: #1C1C1C; display: block;}

.logo_set_sub_menu .feaFirMenu { padding: 0px 0; overflow: hidden}

.feaFirMenu_container {width: 308px; overflow: hidden;}
.feaFirMenu { width:308px; position: relative;}
.feaFirMenu .menu_sub_dot > a {line-height: 36px; display: block;}
.feaFirMenu > li > a span { display: block; padding: 10px 20px 10px 30px; line-height: 1; margin-right: 7px;}

.feaSecMenu > li > a {line-height: 36px; color: #656a69; line-height: 23px;text-transform: capitalize; font-size: 12px;}
.feaSecMenu > li > a span {display: block;  padding-left: 20px; margin-right: 7px;}
.feaSecMenu > li:hover > a.menu_hover { background: url(../img/logo_set_nav_hover_arrow.png) right center no-repeat }
.feaFirMenu .hasChild:hover > a { background: none}
.logo_set_sub_menu li.menu_sub_dot { padding-bottom: 1px; background: url(../img/border-fea-menu.png) left bottom no-repeat; }
.logo_set_sub_menu li.menu_sub_dot.last { background: none}
.menu_sub_dot > ul li.over, .logo_set_sub_menu.menu_style_2 li:hover {
	background-color: #a6e7e2;
}
.menu_sub_dot > ul li.over > a {
    display: block;
    margin: 6px 0 -6px;
}
.logo_set_arrow_area { position:absolute; height:13px; width:7px; right: -7px; top:-9999px; z-index: 2 }

.logo_set_rig_sub_menu { left: 100%; padding: 20px; top: 0; position: absolute;background-position: right bottom; width: 230px; visibility: hidden;}
.logo_set_rig_sub_menu.imgOnly { overflow: hidden; padding: 0; width: 276px; margin-left: -8px; height: 100%;}
.logo_set_rig_sub_menu.imgOnly img { min-height: 392px; height: 100%;}
.logo_set_rig_sub_menu.show { display: block; top: -99999px;}
.logo_set_rig_sub_menu > ul { margin-left: 7px; padding-left: 0;}
.logo_set_rig_sub_menu li {background: url(../img/footer_top_sprite.png) no-repeat -34px -1323px; margin: 0 0 6px;}
.logo_set_rig_sub_menu li a {padding-left: 20px;}
.logo_set_rig_sub_menu img {width: 230px;}
.logo_set_rig_sub_menu a:hover { text-decoration: underline;}
.logo_set_sub_menu > .logo_set_rig_sub_menu {visibility: visible;}

.unit-menu-dance  ul {background-image: url(../img/logo_set_nav_sub_dance.jpg)}
.unit-menu-music  ul {background-image: url(../img/logo_set_nav_sub_music.jpg)}
.unit-menu-co  ul {background-image: url(../img/logo_set_nav_sub_opera.jpg)}
.unit-menu-ftv  ul {background-image: url(../img/logo_set_nav_sub_filmtv.jpg)}
.unit-menu-tea  ul {background-image: url(../img/logo_set_nav_sub_theatre.jpg)}
.unit-menu-drama  ul {background-image: url(../img/logo_set_nav_sub_drama.jpg)}

.logo_set_rig_sub_menu  ul { background-position: 0 0; background-repeat: no-repeat; padding-top: 130px;}

.menu_style_2 { width: 583px; background: #fbfbfb; }
.menu_style_2 li { padding: 5px 0 5px 30px; }
.menu_style_2 li a { display: block; line-height: 36px; padding: 0;}
.menu_style_2 .feaFirMenu { width: 300px;}
.menu_style_2 li > a:hover { background-image: none;}
.menu_style_2 .right { position: absolute; height: 100%; width: 283px; overflow: hidden; right: 0;}
.menu_style_2 .right img { height: 100%; position: absolute; top: 0; left: 0; width: auto;}

.feaSecMenu > li > a:hover { background: url(../img/logo_set_nav_hover_arrow.png) right center no-repeat;}
.feaFirMenu > li > a:hover span , .feaSecMenu > li > a:hover span { background-color:#6b2d75; display: block; color: #fff}

#top-header { background-color:#3d1643; height: 40px; z-index: 100; position: relative;}
.top_nav_content a, .top_search_area a { color:#fff; }
.top_search_area a:hover {color: #ffffff;}

.top_menu_area { text-align: right; float: left; width: 820px; position: relative;}
.top_nav_content > li > a { line-height: 40px; display: block; padding:0 11px; }
.top_nav_content a:hover {color: #ffffff;}
.top_search_area { width: 135px;}
.top_search_area > a { border-left: 1px solid #5e4062; float: left; line-height: 40px; width: 32px; text-align: center;}
.top_se_last_item { border-right: 1px solid #5e4062; text-indent: -9999px; background: url(../img/footer_top_sprite.png) -28px -1136px no-repeat; width: 12px}
.top_se_last_item:hover {background-position: -28px -1136px;}
.homeLink { background: url(../img/footer_top_sprite.png) -20px -997px no-repeat; text-indent: -9999px;}
.homeLink:hover {background-position: -20px -997px;}
.top_search_box_area { top: 100%; left: 0; position: absolute; visibility: hidden; height: 0px; z-index: 100;  width: 100%; overflow: hidden; background-color: transparent; background-color: rgba(70, 40, 78, 0.95); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#df46264b,endColorstr=#df46264b)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#df46264b,endColorstr=#df46264b); zoom: 1;}
.top_search_box_area .search_cont { padding: 0 30px; width: 930px; margin: 0 auto;}
.top_search_box_area.show {height: 185px; visibility: visible;}
.top_search_box_area .search-field {font-size: 44px; width: 790px; margin: 55px 20px 0;}
.search-field { background: none; color: #FFFFFF; font-size: 13px; padding: 6px 7px 6px 15px; width: 160px; font-family: 'GillSansMT'; border: none; margin: 0;}
body.lang-tch .search-field, body.lang-sch .search-field {font-family: "Microsoft Jhenghei", "微軟正黑體", STHeiTi, "黑體", PMingLiU, "新細明體";}
.search-button { background: url(../img/footer_top_sprite.png) -5px -1217px no-repeat; display: block; text-indent: -9999px; width: 75px; height: 60px; float: right; border-top: none; border-bottom: none; border-right: 0; border-left: 1px solid #7e6881; margin:55px 0 0;}

#header { background:url(../img/header_logo_bg.png) repeat-x; }
.event #content, .event-archive #content { background:url(../img/inner_eventcalendar_bg.jpg) no-repeat center top fixed; }
#header .header-container > a { margin-bottom: 0; margin-top: 4px; float: left;}
.index #header .header-container > a { margin-top: 15px; position: relative;}
.index #header .header-container > a .logo_30black {position: absolute; top: 0; left: 0; z-index: 2; display: none;}
div#header, div#main { padding-bottom:0px;}
div#nav{}
div#footer {background:url(../img/footer_bg.jpg) center 20px no-repeat #3d1643;}
div#footer { overflow: hidden;}
div#footer, div#footer a { color:#c1c1c1; }
div#footer a:hover {color: #ffffff;}
#footer .sbHolder { background-color: #46264b; height: 23px;}
#footer .sbSelector { line-height: 23px;}
#footer .sbOptions { background: #6b2d75}
#footer .sbOptions a { padding: 8px 7px 8px 15px; border-bottom: 1px solid #3d1643;}
#footer .sbOptions a:hover, #footer .sbOptions a:focus, #footer .sbOptions a.sbFocus { background-color: #3d1643}



.header-container {color:#fff; overflow: visible;}
.main-container { background-color:#fff;}
.footer-container {padding: 50px 0 95px; height: 200px;}


.lef_nav, #content.with-school-header .lef_nav { float: left; width: 170px; margin-top: 50px; margin-bottom: 275px;  z-index: 100}
.top_nav sup {font-size: 60%; position: relative; top:1px;}
.top_nav > ul { margin: 0; border-bottom: 1px solid #CACACA; padding-left: 0; }
.top_nav li { border-top: 1px solid #CACACA; }
.top_nav .ul_level_2, .sch_cover_nav {width: 170px; }
.top_nav > ul > li.current > a { border-left: 3px solid #CF138B; }
.top_nav a { display: block; padding: 7px 15px 7px 10px; line-height: 1.1; }
.top_nav a.level_2, .top_nav a.level_3 {padding-top: 8px; padding-bottom: 8px;}
.top_nav .sub_lv {border-left: 3px solid #f5bde0;}
.unit-dance .top_nav .sub_lv { border-left: 3px solid #e4b6ec;}
.unit-co .top_nav .sub_lv { border-left: 3px solid #cfd8c1;}
.unit-drama .top_nav .sub_lv { border-left: 3px solid #b4d8df;}
.unit-ftv .top_nav .sub_lv { border-left: 3px solid #eac4b4;}
.unit-music .top_nav .sub_lv { border-left: 3px solid #ded2b5;}
.unit-tea .top_nav .sub_lv { border-left: 3px solid #eeb3cc;}
.unit-gec .top_nav .sub_lv { border-left: 3px solid #bbc0ee;}

.top_nav > ul > li.current > a { padding-left: 7px;}
.sub_lv { padding-left: 0;}
.sub_lv li { border-top: 1px solid #e7e7e7; position: relative; }
.sub_lv li:first-child { border-top: none;}
.sub_lv a { color: #6a6a6a; padding-left: 17px;}
.sub_lv li.current > a{ color: #8d4d7d}

.sub_lv ul { display: block; position: absolute; left: 100%; padding: 0; top: -9999px; width: 100%; z-index: 10; }
.sub_lv ul.mFocus {top: 0; } 
.sub_lv a.mFocus, .sub_lv > li.current a.mFocus, li a.mFocus.selected {background: url(../img/bg-sub-lv.png) repeat; color: #dbdbdb !important; }
.sub_lv li:hover > ul { display: block; top: 0; transition-delay: 300ms; -webkit-transition-delay: 300ms; /* Safari */}
.sub_lv ul li { border-top: 1px solid #6F6F6F}
.sub_lv ul.ul_level_5 >  li {border-color: #dddddd;}
/*nav level crt*/
.top_nav .sub_lv > .current:hover .level_3 {color: #fff;}
.top_nav .sub_lv a.level_4.selected {color: #ffffff;}
.top_nav .sub_lv a.level_4.selected:hover {color: #494949;}
.ul_level_4 > li:hover a.level_4, .ul_level_4 > li:hover a.level_4.selected, .ul_level_4:hover a.level_5 { background-color: #f5bde1; color: #494949}
.sub_lv a.level_5 {border-left: 3px solid #f5bde1; margin-left: 0;}
.sub_lv a.level_5:hover, .sub_lv a.level_5.selected {background-color: #fff;}

/*nav level crt End*/




.bot_nav { width: 170px; left: 0; bottom: 0; position: absolute; padding-top:30px; }
.bot_nav a:hover {text-decoration: underline;}
.bot_nav.quicklink-fix { position: relative; }
.bot_nav > ul { padding-left: 0; }
.bot_nav li { background: url(../img/arrow-gallery-control.png) no-repeat -10px -41px; padding: 2px 0 1px 15px; margin-bottom:4px; line-height: 1.2; }
.main_content { float: right; width: 765px; margin-top:39px; min-height: 480px; }
.main_content > .cke_editable { min-height: 300px;}
#wrapper .main_content.main_content_full { float: none; width: 100%}
.breadcrumb_area { margin-bottom: 10px; }
.breadcrumb_area sup {position: relative; top: 3px; }
.breadcrumb_area span { margin: 0 4px; }
.breadcrumb_area .current { font-weight: bold;}
.with-school-header#content .breadcrumb_area a , .with-school-header#content .breadcrumb_area {color: #555555}
.pageDetail { margin-bottom: 20px; position: relative; z-index: 5}
.pageDetail .txt_col { float: left; line-height: 1em}
.filter_search_area, .sec_filter_search_area { border: 1px solid #E8E8E8; height: 40px; position:relative; z-index:2; float: right; border-right: 0;}
.filter_search_area {}
.event-archive .filter_search_area, .event .filter_search_area { width: 100%}
.sec_filter_search_area { float: left;margin-left: 66px; margin-top: 5px;}
.filter_search_area, .event_box_area, .sec_filter_search_area {
	background-color:#fff;
}

.sec_filter_search_area {
	border: 1px solid #E8E8E8;
    height: 40px;
	margin-left:66px; margin-top: 5px; float: left;
	z-index:1;
}
.year_width {
	width: 60px;
}
.series_link, .series_link h2, .series_link:hover {
    color: #FFFFFF;
}

.series_link h2 {font-size: 20px; }

.series_link {
    background: url("../img/event_series_bg.jpg") repeat-x scroll left bottom #cf138b;
    display: block;
    margin-bottom: 10px;
    width: 100%;
}
.series_link .note {
    display: block;
    line-height: 25px;
    margin-top: 15px;
}
.event_series_area { min-height:230px; }
.event_series_content_area {float: left; padding: 20px; width: 495px}
.event_series_content_area.series_content_full {float: none; width: auto; }
.event_series_area .left img {display: block;}

/* filter style in differen pages */
.search_border_area { border-right: 1px solid #E8E8E8; height: 35px; padding: 3px; width: auto; float: left; }
.search_border_area .sbHolder {background: #ffffff;}
.search_border_area.selected .sbHolder { background:#F2F2F2}
.search_border_area .sbToggle {background-color: #ffffff; }
.search_border_area.selected .sbToggle {background-color: #F2F2F2; }

.search_border_area .filter-search-button {float: right;display: block; text-indent: -9999px; text-align: left; *padding-left: 40px; cursor: pointer; border:none; width: 40px; height: 40px; position: relative; margin: -3px 0 0; border-left: 1px solid #E8E8E8;  background:url(../img/search_btn.jpg) center center no-repeat #fff; }

.unit.search_border_area .selectBox{ width: 278px;}
.year.search_border_area .selectBox { width: 110px;}

.news .news-category.search_border_area .selectBox{ width: 280px;}
.news .year.search_border_area .selectBox { width: 95px;}
.news .key-field.search_border_area .selectBox { width: 136px;}

.event-archive .category.search_border_area .selectBox{ width: 154px;}
.event-archive .unit.search_border_area .selectBox{ width: 339px;}
.event-archive .performance_type.search_border_area .selectBox{ width: 154px;}
.event-archive .year.search_border_area .selectBox{ width: 94px;}
.event-archive .month.search_border_area .selectBox{ width: 104px;}
.event-archive .keywords.search_border_area .key-field { width: 117px;}

.sbSelector { padding-left: 15px;}
.event .category.search_border_area .selectBox{ width: 134px;}
.event .unit.search_border_area .selectBox{ width: 178px;}
.event .unit.search_border_area .selectBox .sbOptions {width: auto; min-width: 100%; white-space: nowrap;}
.event .performance_type.search_border_area .selectBox{ width: 174px;}

.gallery .unit.search_border_area .selectBox{ width: 281px;}
.gallery .year.search_border_area .selectBox{ width: 92px;}
.month.search_border_area .selectBox{ width: 110px;}

.search_border_area.keywords {width: 184px; float: right;}
.search_border_area #keywords {width: 116px; float: left;}

/* selectbox in form */
form .sbHolder { height: 22px; background: #f3f3f3}
form .sbSelector, form .sbOptions a { line-height: 22px; padding: 0 8px}
form .sbToggle { background-position: left center; width: 17px;}
.businessType.selectBox { width: 180px; }
.programStudy.selectBox { width: 290px; }
.studyArea.selectBox { width: 350px; }
.yearGrad.selectBox { width: 70px; display: inline-block; vertical-align: middle;}
.lt-ie8 .yearGrad.selectBox { display: inline;}
.giBusiness.selectBox { width: 180px;}

.time.selectBox {width: 330px;}
.qty.selectBox {width: 55px;}
.identityCate.selectBox { width: 200px;}

.no_rig_border { border-right: 0px solid !important; }
.all_btn.selected, .cal_field.selected {
    background-color: #F2F2F2;
}
.all_btn {
    display: inline-block;
    font-size: 14px;
    padding: 9px 0 6px;
	text-transform: uppercase;
	width: 58px;
	text-align: center;
}
.cat_width { width: 100px; }
.sch_width { width: 139px; }
.per_width { width: 138px; }
.key-field { border: 0 none; font-size: 13px; padding: 9px 13px 9px; width: 116px; margin: 0; font-family: 'GillSansMT'; color: #555; font-size: 14px;}
body.lang-tch .field, body.lang-sch .field {font-family: "Microsoft Jhenghei", "微軟正黑體", STHeiTi, "黑體", PMingLiU, "新細明體";}
.lt-ie9 .key-field { width: 119px;}
.news .key-field { width: 121px;}
.news .filter_search_area { margin-bottom: 10px; float: none;}
.with-school-header .key-field { width: 105px;}
.lt-ie8 .with-school-header .key-field { width: 100px;}
/*.ft_sel_btn { width: 215px !important; }*/
.ft_sel_btn.field { display: block; width: auto;}
.img_btn {
    display: inline-block;
    margin: -3px -2px 0 -3px;
}
.event_box_content_area { float: right; padding: 20px 40px 20px 20px; width: 485px; }
.event_box_content_area.event_box_content_full {float: none; padding-left: 40px; width: auto;}
.event_box_content_full .remark_box {width: auto}
.event_detail_area .event_box_content_area { width: 520px;}
.event_detail_area .event_box_content_area.event_box_content_full {width: auto; padding-left: 40px;}
.event_box_area.event_detail_area .left { width: 185px; overflow: hidden;}
.event_box_area.event_detail_area .left img {width: 160px; display: block;}
.type_box, .col_type_box, .ser_type_box  { display: inline-block; margin-bottom: 15px; height: 20px; overflow: hidden; text-transform: uppercase; margin-right:6px; }
.lt-ie8 .type_box, .lt-ie8 .col_type_box, .lt-ie8 .ser_type_box { display: inline;}
.type_box { border: 1px solid #741652;  height: 18px;color: #741652; padding: 0 10px; }
.col_type_box { background: url(../img/cal_btn_bg.jpg) repeat-x; color: #fff; padding: 0 10px;}
.ser_type_box { color:#484848; background-color: #fff; padding: 0 8px; /*padding: 2px 8px 0\9;*/ }
/*body:not(:-moz-handler-blocked) .ser_type_box {padding: 2px 8px 0; }*/
.buy_ticket_btn { display: inline-block; font-weight: bold; margin: 5px 0; height: 35px; color: #ce1386; line-height: 35px; padding: 0 90px 0 10px; background: url(../img/hk_ticket_s.jpg) right center #f3f2f0 no-repeat;  }
a.buy_ticket_btn:hover {color: #ce1386}
.register_btn {display: inline-block; font-weight: bold; margin: 5px 0; height: 25px; line-height: 25px;  padding: 1px 15px 2px 35px; color: #ce1386; background: url(../img/register_btn.png) 16px 6px #f3f2f0 no-repeat; }
.register_btn.dimmed {color: #484848; background-image: url(../img/register_btn_black.png);}
a.register_btn:hover {color: #ce1386;}

.event_box_area { position: relative; margin-bottom:20px; z-index:0; zoom:1; clear: both}
.event_box_area .left { width: 220px; overflow: hidden;}
.event_box_area .left img {width: 220px; display: block;}
.share_btn { position: absolute; right: 0; top: 0; z-index: 0; width: 40px; height:40px; background: url(../img/share_btn.png) top center no-repeat #ededed;}
.share_btn.show {background-position: bottom center;}

.event_box_content_area p a { text-decoration: underline; }
.event_box_content_area p a:hover {text-decoration: none;}
.remark_box { background-color: #FDF3F9; margin: 15px 0 10px; padding: 10px; width: 485px; }
.back_top_btn {
    text-transform: uppercase;
    float: right;
    display: block;
    background: white;
    padding: 9px 10px;
}
.back_top_btn.backactive {position: fixed; z-index: 7; background: #f1f1f1;}



.back_top_btn .bg
{ background: url(../img/back_top_btn.png) right center no-repeat; display: block; min-width: 107px; /*background-position: right -1px\9;*/}
/*body:not(:-moz-handler-blocked) .back_top_btn .bg {background-position: right -1px\9;}*/
.footer_left_area {
    float: left;
    width: 554px;
}
.footer_left_area p {
	font-size: 13px;
}

.back_top_btn_area { margin-top: 20px; display: none;}
.footer_right_area {
    margin-left: 55px;
    float: left;
    width: 350px;
}
.ft_location_area {
    float: left;
    width: 260px;
    margin-left: 34px;
}
.ft_location_area:first-child { margin-left: 0;}

.ft_location_area .selectBox { width: 251px;}

.ft_address, .ft_tel, .ft_at { padding-left: 20px; }
.ft_address {
    background: url("../img/footer_top_sprite.png") no-repeat scroll  -30px -582px transparent;

    padding-top: 2px;
}
.ft_tel {
	background: url("../img/footer_top_sprite.png") no-repeat scroll -30px -879px transparent;
	margin-right: 20px;
    padding-top: 2px;
}
.ft_at {
	background: url("../img/footer_top_sprite.png") no-repeat scroll -30px -507px transparent;
	padding-top: 3px;
}

.ft_at a {
	text-decoration: underline;
}

.ft_at a:hover {
	text-decoration: none;
}

.footer_left_area #cb-01 {
    margin-top: 36px;
	margin-bottom:12px;
	overflow:hidden;
	font-weight: bold;
}
#cb-01 > ul {
    padding-left: 0;
}
#cb-01 li { float: left; margin-right: 30px; width: auto; }
#cb-01 a { display: inline-block; font-size: 13px; padding-left: 13px;  background: url("../img/footer_top_sprite.png") no-repeat scroll -30px -28px transparent;}	
#cb-01 a:hover { background-position: -30px -75px;}
.ft_copyright_area {
	background-color:#3d1643;
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
	padding: 5px 9px;
}
.ft_copyright { font-size: 11px; }
.ft_copyright > span {
    margin: 0 5px;
}
.ft_logo_area{
    padding:8px 2px 2px 2px; background-color: transparent; background-color: rgba(61, 22, 67, 0.8); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC3d1643,endColorstr=#CC3d1643)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC3d1643,endColorstr=#CC3d1643); zoom: 1;
}
.share_area {float: left; width:100%; position: relative; margin-bottom: 12px; margin-top: -5px; border-bottom: 1px solid #5A395F; padding-bottom: 12px}
.share_area .share_area_blk > a { margin-left: 20px; padding: 0 0 0 25px; float: left }
.share_area .share_area_blk > a:first-child { margin-left: 0;}
.icon_area { border-bottom: 1px solid #5A395F; }
.icon_area a {margin-right: 30px; float: left;}
#footer .icon_area {overflow: hidden; padding: 0 0 15px; margin-bottom: 20px;}
#footer .icon_area img {display: block;}
#footer .share_area .share {background:url(../img/footer_top_sprite.png) -30px -390px no-repeat; position: relative; right: auto; top: auto; width: auto; height: auto; }
#footer .share_area .like {background:url(../img/footer_top_sprite.png) -30px -270px no-repeat;}
#footer .share_area .contact {background:url(../img/footer_top_sprite.png) -30px -152px no-repeat;}
#footer .share_area .instragram {background:url(../img/footer_top_sprite.png) -37px -1383px  no-repeat;}
#footer .share_area .youtube {background:url(../img/footer_top_sprite.png) -37px -1492px  no-repeat;}
#footer .share_area .twitter {background:url(../img/twitter.png) -16px -66px  no-repeat;}
#footer .share_area .wechat {background:url(../img/wechat.png) -16px -66px  no-repeat;}
#footer .share_area .share:hover {background-position: -30px -431px; }
#footer .share_area .like:hover {background-position: -30px -311px; }
#footer .share_area .contact:hover {background-position: -30px -193px; }
#footer .share_area .instragram:hover {background-position: -37px -1434px; }
#footer .share_area .twitter:hover {background-position: -16px -16px; }
#footer .share_area .youtube:hover {background-position: -37px -1531px; }
#footer .share_area .wechat:hover {background-position: -16px -16px;; }


#footer .share_this_area {border-color: #2f2f2f; background-color: #414141;}
#footer .share_area .share_this_area.show {top:22px; left: 18px; right: auto;}
#footer .share_area .share_this_area a {font-weight: normal; text-transform: lowercase; color: #c1c1c1;}
#footer .share_area .share_this_area > a:hover {background-color: #2f2f2f;}
#footer .share_area .share_this_area .text { display: block; margin-bottom: 5px; color: #c1c1c1; font-size: 13px; line-height: 1.3;}
#footer .share_fb {background-image: url(../img/footer_top_sprite.png); background-position: -30px -726px;}
#footer .share_twitter {background-image: url(../img/footer_top_sprite.png); background-position: -30px -800px;}
#footer .share_mail {background-image: url(../img/footer_top_sprite.png); background-position: -30px -652px;}

.ft_right_links_area > ul { float: left; padding-left: 0; max-width: 150px;  width: 43%;}
.ft_right_links_area li { margin-bottom: 5px; }

.event_cal_area { overflow: hidden;}
.message-not-found { display: block; border-top: 1px #cecece solid; font-weight: bold; font-size: 14px; color: #484848; padding-top: 15px; clear: both;}
.cal_date_area { background-color: #3C3C3C; overflow: hidden; height: 36px;}
.cal_arrow_btn { float: left; text-indent: -9999px; width: 7px; height: 39px;}
.cal_arrow_btn.prev { background: url(../img/cal_lef_arrow.png) no-repeat center center;}
.cal_arrow_btn.prev.dimmed {color: #eae8e8; background-image: url(../img/cal_lef_arrow_l.png)}
.cal_arrow_btn.next { background: url(../img/cal_rig_arrow.png) no-repeat center center;}
.cal_arrow_btn.next.dimmed {color: #eae8e8; background-image: url(../img/cal_rig_arrow_l.png)}
.cal_top_area { overflow: hidden; position: relative; }
.cal_date {  border-left: 1px solid #676F71;     display: table-cell; padding: 1px; text-align: center; }
.cal_date * { padding: 2px 0; display: block; width: 19px; line-height: 28px; border: 1px solid transparent}
.event_day { background: url("../img/event_cal_coner.png") no-repeat 15px 1px transparent; }
.event_day.passed { background: url("../img/event_cal_coner_p.png") no-repeat 15px 1px transparent; }
.cal_date_area .today * {  border:1px solid #cfd1d0;}
.cal_date_area .current {  background-color: #D0158A;}
.cal_date_area .current a { color: white}
.cal_date_area, .cal_date_area a { color: #cfd1d0; }
.cal_date_area .passed , .cal_date_area .passed a { color:#4f5657; }
.public_hol, .public_hol a { color: #FF7B6C; }
.public_hol.passed, .public_hol.passed a { color: #6b504e; }
.double_line {
	margin: 0 2px;
    vertical-align: middle;
}
.cal_refresh { position: absolute; top: -9999px; right: -9999px; background: url(../img/bg-cal_refresh.png) right center no-repeat; color: #6ec2ba; font-weight: bold; line-height: 25px; padding: 0 20px 0 15px}
.cal_refresh.show { display:block; right: 43px; top: 6px; }
.ft_select_box_area {
    margin: 6px 0;
    display: inline-block;
}

.top_nav_content { margin: 0; padding: 0; margin-right: 5px;}
.top_nav_content > li { display: inline-block; position: relative;vertical-align: top}
.lt-ie8 .top_nav_content > li { display: inline;}
.top_nav_content > li.style_full { position: static;}
.top_sub_menu { left: 0; position: absolute; z-index: 100; text-align: left; top:-9999px; background:url(../img/top_nav_sub_bg.jpg) no-repeat center top; visibility: hidden;}
.top_sub_menu.shadow { b-moz-box-shadow:none; -webkit-box-shadow: none; box-shadow: none}
.top_nav_content > li.select , .top_sub_menu { background-color:#46264b; }
.top_nav_content > li.select > a { color: #ffffff; }
.top_nav_content > li.style_col3:nth-child(2) .top_sub_menu {left: -85px;}
.top_nav_content > li.style_col3:nth-child(3) .top_sub_menu {left: -115px;}
.top_nav_content > li.style_col3:nth-child(4) .top_sub_menu {left: -250px;}
.top_nav_content > li.style_col3:nth-child(6) .top_sub_menu, .top_nav_content > li.style_col2:last-child .top_sub_menu , .top_nav_content > li.style_col3:last-child .top_sub_menu  {left: auto; right: 0;}
.top_nav_content > li.style_col3:nth-child(5) .top_sub_menu {left: -365px;}
.top_sub_menu.show { top:40px; visibility: visible;}

.top_sub_menu_content {
    padding-top: 15px;
}
.top_sub_menu_lef_area, .top_sub_menu_rig_area {
    float: left;
    padding: 0 25px;
    width: 430px;
}
.top_sub_menu_lef_area > ul, .top_sub_menu_rig_area > ul { float: left; padding: 10px 0 0; width: 48% }
 .top_sub_menu_rig_area .menuLink:first-child { margin-right: 4% }
.top_sub_menu_content li { border-bottom: 1px solid #7e6881;}
.top_sub_menu_content a { color: #fff; font-size: 13px; padding: 7px 12px; display: block; border-left: 3px solid transparent ;}

.top_sub_menu_content a:hover  {
	border-color: #ffbc01;
    color: #ffbc01 !important;
}

.menucStudent { width: 420px; height: 120px; margin-top: 15px; background: url(../img/apa_top_submenu_cs.jpg) center center no-repeat; position: relative;}
.menucStudent span { position: absolute; bottom: 10px; left: 10px; background: #414141; color: white; text-transform: uppercase; font-weight: bold; font-size: 15px; padding: 4px 12px;}
.top_sub_menu_lef_area:first-child .menucStudent {background-image: url(../img/apa_top_submenu_ps.jpg) }

.share_this_area {display: none; background-color: #fff; position: absolute; top: -9999px; right: -10px; z-index: 5; color: #000000; font-size: 10px; width: 110px; border: 7px solid #e4e4e4; }
.share_this_area.show {display: block;  top: 40px; }
#footer .share_this_area { width: auto;}
.share_this_area > a { display: block; font-size: 13px; padding: 6px 20px; }
.share_this_area > a:hover {
	background-color: #fae7f3;
}
#footer .share_this_area_wechat { width: 150px; padding: 7px 5px; text-align: center; border: 0;}
.share_fb { background:url(../img/share_fb.png) no-repeat left center; }
.share_twitter { background:url(../img/share_tw.png) no-repeat left center; }
.share_mail { background:url(../img/share_email.png) no-repeat left center; }
.share_print { background:url(../img/share_print.png) no-repeat left 5px; }
.share_gmail { background:url(../img/share_gmail.png) no-repeat left 5px; }
.share_favorite { background:url(../img/share_fav.png) no-repeat left 5px; }
.share_fb, .share_twitter, .share_mail, .share_print, .share_gmail, .share_favorite { padding-left: 38px !important; }

.event_detail_img {
	width: 160px;
    margin: 40px 5px 0 20px;
}
.event_detail_area .event_box_content_area { padding-top: 40px; }
.event-archive .event_detail_area, .event .event_detail_area { padding-bottom: 70px}
.event-archive .pageSel, .event .pageSel {margin-top: 0;}
.event_detail_section {
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    margin: 20px 0;
    padding: 15px 0;
}
.event_detail_section .detail_name {font-weight: bold;}
.event_detail_section .detail_name ~ .detail_name {padding-left: 60px;}
.event_detail_area {
    padding-bottom: 40px;
}

.static_page { background-color: white; padding: 30px; min-height: 300px;}

.menuLink { width: 215px; float: left; padding:0 10px; }
.menuLink.level_3 {width: 205px;}

/* hide the captcha iframe */
body > iframe { display: none;}


/* sitemap */
.sitemap-wrapper .accordionCont { width: 470px;}
.sitemap-wrapper .accordionCont .accordion {margin-top: 20px;}
.sitemap-wrapper .accordionCont h2 {line-height: 48px; text-transform: uppercase; background-color: #ffffff; color: #414141; font-weight: bold;}
.sitemap-wrapper .accordionCont .accordion.active h2 {background-color: #cf138b; }
.sitemap-wrapper .accordionCont .accordion h2 a {color: #414141; display: block; margin-left: -30px; padding: 0 45px 0 30px; position: relative; z-index: 1;}
.sitemap-wrapper .accordionCont .accordion.active h2 a{color: #fff;}
.sitemap-wrapper > .left { float: left; margin-right: 20px;}
.sitemap-wrapper ul { overflow: hidden; margin: 0; padding: 0;}
.sitemap-wrapper .level_2 { font-size: 16px; color: #741652;}
.sitemap-wrapper li { margin: 5px 0 5px; font-size: 14px; color: #3c3c3c;}
.sitemap-wrapper .li_level_2 {margin-bottom: 10px;}
.sitemap-wrapper .ul_level_4 li {  display: inline-block;float: none !important; vertical-align: top}
.lt-ie8 .sitemap-wrapper .ul_level_4 li { display: inline;}
.sitemap-wrapper .level_3 { font-size: 14px; color: #4e4e4e; font-weight: bold; margin-bottom: 10px; display: block;}
.sitemap-wrapper .box { display: none;}
.sitemap-wrapper .box .left, .sitemap-wrapper .box .right { width: 48%; line-height: 1.2; padding-top: 2px; padding-bottom: 2px;}
.sitemap-wrapper .box .left {clear: left;}
.sitemap-wrapper .box .right { margin-left: 4%}
.sitemap-wrapper li:hover { background-color: transparent;}
.sitemap-wrapper li a:hover { background: none; text-decoration: underline;}
.sitemap-wrapper .ul_level_4 { width: 100%;}
.sitemap-wrapper .li_level_4 {padding-left: 10px; background: url(../img/list_hypen.png) 0 8px no-repeat;}
.sitemap-wrapper .ul_level_4 > li:hover a.level_4 {background: none;	}
.sitemap-wrapper .ul_level_3 { margin-top: 20px; border-top: 1px solid #e7e7e7; padding-top: 10px;}
.sitemap-wrapper .accordionCont h2 span {font-weight: normal; position: absolute; top: 10px; right: 10px; width: 27px; height: 27px; line-height: 27px; color: #919191;}
.sitemap-wrapper .box .li_level_4.left, .sitemap-wrapper .box .li_level_4.right {width: 45%}

.footer-block { margin-top: 20px;}
.sitemap-wrapper .accordionCont .footer-block h2 {line-height: 48px; background-color: #fff4fa; color: #414141; font-weight: bold; margin-bottom: -20px;}
.accordionCont .footer-block .box {padding-top: 25px; padding-bottom: 25px; display: block; background: url(../img/sitemap_footer_bg.png) #fff4fa bottom right no-repeat;}
.footer-block .box a {color: #4e4e4e;}
.btn-explode {border: 1px solid #c0c0c0; font-weight: bold; float: right; margin: 0 0 0 8px; text-transform: uppercase; font-size: 11px; display: block; height: 33px;line-height: 33px; padding: 0 28px 0 13px; background: url(../img/sitemap_expand_btn.png) right 11px no-repeat;}
.btn-collapse {border: 1px solid #c0c0c0; font-weight: bold; float: right; margin: 0 0 0 8px;  text-transform: uppercase; font-size: 11px; display: block; height: 33px;line-height: 33px; padding: 0 28px 0 13px;background: url(../img/sitemap_expand_btn.png) right -79px  no-repeat;}
.sitemap-tools {overflow: hidden;}



.content-block { clear: both; margin-bottom: 10px;}
.content-block p { font-size: 13px;}

#content { background: url(../img/bg-faculty.jpg) top center no-repeat fixed;}
.inner_page . #content { background: url(../img/bg-gradClass.jpg) top center no-repeat fixed;}

.col_cont { overflow: hidden; clear: both;}
.col4 { width: 180px; margin-left: 15px; float: left;}
.col4:first-child { margin: 0;}

.honoraryawardees .col_cont {margin-left: -15px; font-size: 0;}
.honoraryawardees .col_cont .no_record {font-size: 12px;}
.honoraryawardees .col4 {display: inline-block; vertical-align: top; float: none;}
.honoraryawardees .col4:first-child { margin-left: 15px;}

/* faculty people */
.faculty .col_cont { margin-bottom: 70px;}

.pplBlock { margin-bottom: 30px; background: white}
.pplData { background-color: white;padding: 15px 10px 0;}
.pplImg { position: relative; display: block;}
.pplImg img { display: block;}
.pplImg .pplTag { position: absolute; bottom: 10px; left: 10px; width: 160px;}
.noPplImg .pplImg { height: 36px; background: url(../img/bg-no-ppl-img.jpg) center center no-repeat white; display: block;}

.pageSel { overflow: hidden; float: left;}
.faculty .pageSel, .staff .pageSel { margin: 0;}
.pagination { margin-right: 5px; float: left;}
.pagination .previous { float: left; width: 34px; height: 34px; background: url(../img/pagination-left.png) center top no-repeat white;}
.pagination .next { float: left; width: 34px; height: 34px; background: url(../img/pagination-right.png) center top no-repeat white;}
.pagination .previous:hover , .pagination .next:hover {background-color: #F2F2F2 }
.pagination ul { background: white; margin: 0; padding: 0;  float: left; border: 1px solid #ececec; border-top: none; border-bottom: none}
.pagination li { float: left;padding:3px 0; width: 28px;line-height: 24px; text-align: center; }
.pagination li * { display: block; border: 2px solid white; font-size: 13px;}
.pagination li a:hover { border: 2px solid #cf138b; color: #cf138b; text-decoration: none;}
.pagination li.selected a {color: #cf138b;}
.pagination .none { display: none;}

.goToPage { background: white; padding: 1px 1px 1px 10px; float: left;}
.goToPage label { font-size: 13px; padding-right: 10px;  float: left; padding-top: 4px; line-height: 24px;}
.lt-ie8 .goToPage label { display: inline;}
.goToPage input { background: #f0f0f0; padding:8px 3px; width: 27px; margin: 0px; border: none;font-family: 'GillSansMT'; color: #555; font-size: 14px; text-align: center;}
body.lang-tch .goToPage input, body.lang-sch .goToPage input {font-family: "Microsoft Jhenghei", "微軟正黑體", STHeiTi, "黑體", PMingLiU, "新細明體";}

.goToPage .page-submit-btn { border:none;border-left: 1px solid #ececec; *border-left-color: transparent; width: 32px; height: 32px;  background: url(../img/btn-goToPage.png) center top no-repeat; text-indent: -9999px; cursor: pointer; text-align: left; *padding-left: 32px;}
.goToPage button:hover {  background-color: #F2F2F2}

.faculty .txt_col, .graduate .txt_col, .graduating-class .txt_col, .staff .txt_col  { float: left;}
.staff .txt_col { margin-bottom: 20px;}
.faculty .filter_search_area , .graduate .filter_search_area, .staff .filter_search_area, .gallery .filter_search_area { float: right;}
.graduating-class .filter_search_area { float: right;}
.faculty .sch_width { width: 250px;}


/* graduate alumni page */
.graduate .yr_width { width: 114px;}
.graduate .sch_width { width: 245px}
.graduate .content-block p { font-size: 16px;}

.sch_cont { overflow: hidden; width: 100%}
.sch_block { display: table; margin: 0 0 25px 15px; width: 245px; height: 145px; float: left; position: relative;}
.sch_block:nth-child(3n+1) { margin-left: 0}
.sch_block p { display: table-cell; vertical-align: middle; text-align: center; width: 100%; position: relative; z-index: 1; background: url(../img/plus-alumni-box.png) 206px 10px no-repeat ;}
.sch_block span { display: block; }
.sch_block .name { font-size: 22px; font-weight: bold; line-height: 24px; color: white; display: block; text-transform: uppercase;}
.sch_block .desc { font-size: 13px; line-height: 16px; color: white; opacity: 0; filter:alpha(opacity=0);}
.sch_block .block_size { text-indent: -9999px; display: block; position: absolute; top:0; left: 0; background: url(../img/spacer.gif) left top no-repeat; width: 100%; height: 100%; z-index: 2}

.sch_block .desc,.sch_block .bg {-webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -ms-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in;}

.sch_block.dance {background: url(../img/bg-graduate/dance.jpg) center center no-repeat transparent;}
.sch_block.music {background: url(../img/bg-graduate/music.jpg) center center no-repeat transparent}
.sch_block.cOpera {background: url(../img/bg-graduate/cOpera.jpg) center center no-repeat transparent}
.sch_block.drama {background: url(../img/bg-graduate/drama.jpg) center center no-repeat transparent}
.sch_block.film {background: url(../img/bg-graduate/film.jpg) center center no-repeat transparent}
.sch_block.theatre {background: url(../img/bg-graduate/theatre.jpg) center center no-repeat transparent}
.sch_block.gec {background: url(../img/bg-graduate/gec.jpg) center center no-repeat transparent}

.sch_block .bg { background: url(../img/bg-graduate/bg-dotted-pattern.png) center center no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; opacity: 0; z-index: 0}
.sch_block.dance .bg { background-color: #79148A}
.sch_block.music .bg { background-color: #79148A}
.sch_block.cOpera .bg { background-color: #79148A}
.sch_block.drama .bg { background-color: #79148A}
.sch_block.film .bg { background-color: #79148A}
.sch_block.theatre .bg { background-color: #79148A}
.sch_block.gec .bg { background-color: #79148A}

.sch_block:hover { text-decoration: none;}
.sch_block:hover .bg { opacity: 0.7; filter:alpha(opacity=70);}
.sch_block:hover .desc { opacity: 1}
.sch_block:hover p { background: none}


/* graduate class page */
.graduate_list, .job_list, .job_detail, .staffInfo { background: white; padding: 30px; clear: both; margin-bottom: 20px; min-height: 300px;}
.graduate_list .tableCont, .job_list .tableCont { margin-bottom: 50px;}
.job_list .tableCont, .job_detail .tableCont { border-top: 1px solid #E7E7E7; }
.graduate_list .tableCont:last-child , .job_list .tableCont:last-child { margin-bottom: 0;}
.graduate_list th, .graduate_list td{ padding: 20px; border: none;}
.job_list th, .job_list td, .job_detail td { padding: 15px 20px; border: none;}
.graduate_list td,.graduate_list th , .job_list td, .job_list th, .job_detail td, .staff_list td { border-bottom: 1px solid #e7e7e7}
.graduate_list tr:nth-child(2n), .job_list tr:nth-child(2n), .job_detail tr:nth-child(2n), .staff_list tr:nth-child(2n+1) { background-color: #fbfbfb}
/*.graduate_list tr:hover td, .job_list tr:hover, .staff_list tr:hover { background-color: #cf138b;}*/
.graduate_list .name { width: 200px;}
.graduate_list .grad_yr, .job_list .grad_yr { width: 55px;}
.subj > p {
    margin: 15px 0;
}
.ver_top { vertical-align: top !important; }
.detail_tit { font-size: 24px; font-weight: normal; }

.job_list .name { width: 360px; }
.job_list .name.ver_top { width: 224px; padding: 0;}

.user_tit_area { height: 40px; background: url("../img/user_tit_area_bg.jpg") repeat-y scroll left top; color: #FFFFFF; margin-bottom: 20px; margin-top: 10px; overflow: hidden;}

.user_area_logout_btn { background: url("../img/user_tit_area_log_btn.jpg") no-repeat scroll 11px center #4E4E4E; color: #FFFFFF; padding: 0 9px 0 31px; text-transform: uppercase; line-height: 40px;}

.user_area_logout_btn:hover { color: #fff; }

.graduating-class .sch_switch { width: 240px}

.graduating-class .sch_switch { margin-bottom: 10px; overflow: hidden;}
.graduating-class .sch_switch a { display: block; width: 34px; height: 34px; text-indent: -9999px; background-color: black; float: left}
.graduating-class .sch_switch a:hover { background-color: #666}
.sch_switch .prev { background: url(../img/btn-sch-switch.png) center top no-repeat;}
.sch_switch .next { background: url(../img/btn-sch-switch.png) center bottom no-repeat;}
.graduating-class.bx-caption { width: 735px}
.le-ie8 .graduating-class .sch_switch a { display: inline}

.graduating-class .targetSlider1 {width: 765px; position: relative; overflow: hidden;}
.graduating-class .slider { clear: both;}
.graduating-class .bxslider {width: 2000%;}
.graduating-class .slide {width: 765px; height: 419px; min-width: 765px; min-height: 419px; float: left;}
.bxslider { padding: 0; margin: 0;}
.bxslider .slide { position: relative;}
.slider .bx-caption { position: absolute; bottom: 0; left: 0; background: url(../img/bg-caption-gradClass.png) left top repeat transparent; padding: 10px 15px;}
.slider .secCap { position: absolute; top: 0; left: 0; max-width: 55%; background: url(../img/bg-caption2-gradClass.png) left top repeat transparent; padding: 10px 15px;}
.slider img { display: block;}
.slider [class*=targetPager] { margin: 15px auto;}
.slider [class*=targetPager] a { margin: 0 7px; text-align: left; display: block; float: left;}


/* faculty ppl detail */
.pplDetail { clear: both; margin-top: 45px; position: relative;}
.biography { margin: 15px 0 0 120px;}
.profilPic { float: left; margin: 0 0 0 -120px; margin-right: 30px;}
.biography .detail { padding: 35px 30px 30px 90px; background: white; margin-bottom: 30px; min-height: 300px;}
.pplDetail .biography .contact { padding-top: 20px; border-top: 1px solid #e7e7e7; background: none;}

.profilPic .social { overflow: hidden; display: none;}
.profilPic:hover .social { display: block;}
.profilPic .social a { display: inline-block; margin-left: 2px; text-indent: -9999px; height: 20px; vertical-align: bottom;width: 24px; }
.lt-ie8 .profilPic .social a { display: inline}
.profilPic .i-fb { background: url(../img/icon-facebook.png) center center no-repeat; }
.profilPic .i-t { background: url(../img/icon-twitter.png) center center no-repeat; }
.profilPic .i-v { background: url(../img/icon-vimeo.png) center center no-repeat; }
.profilPic .i-in { background: url(../img/icon-linkedin.png) center center no-repeat; }

.biography .box { display: none;}
.rte-accord .box, .accordionCont .box { background: white; padding: 15px 30px; }
.rte-accord .box.show, .accordionCont .box.show { display: block;}
.rte-accord.accordion, .accordionCont .accordion { margin-bottom: 5px;}
.rte-accord .accordion h2 a, .accordionCont .accordion h2 a {color: #ffffff; display: block;} 

.staffContact { background-color: #fff4fa; margin-bottom: 20px;}
.staff_list td { padding: 10px 25px 10px 20px; vertical-align: top; height: 75px;}
.staff_list { border-top: 1px solid #e7e7e7}
.staff_list tr { min-height: 96px;}
.staff_list td.title {width: 250px;}
.staff_list td.dept {width: 140px;}
.staff_list td.contact {width: 80px; background: none;}

.targetSlider1.news_series { margin-bottom: 35px; overflow: hidden;}
.news_series .bxslider {height: 230px; overflow: hidden}
.news_series .series_link { height: 230px;}
.news_series .news_series_area .left img {display: block;}
.news_series .bx-controls-direction { text-align: right;}
.news_series .bx-prev {width: 32px; height: 35px; background: url(../img/arrow-gallery-control.png) center 0px no-repeat; border-right: 1px solid #e2e2e2; left: 0; top: 0; display: block; position: absolute; text-indent: -9999px;}
.news_series .bx-prev.disabled {opacity: 0.3; filter:alpha(opacity=30);}
.news_series .bx-next {width: 32px; height: 35px; background: url(../img/arrow-gallery-control.png) center -34px no-repeat; border-left: 1px solid #e2e2e2; right: 0; top: 0; display: block; position: absolute; text-indent: -9999px;}
.news_series .bx-next.disabled {opacity: 0.3; filter:alpha(opacity=30);}
.news_series [class*=bx-pager] a { width: 12px; height: 12px; display: block; float: left; background: url(../img/dots.png) -71px -49px no-repeat; text-indent: -9999px; text-indent: -9999px; margin: 0 5px;}
.news_series [class*=bx-pager] .active, .news_series [class*=bx-pager] a:hover { background: url(../img/dots.png) -27px -71px no-repeat #6a6a6a;}
.oneSlide.news_series [class*=bx-pager] .active, .oneSlide.news_series [class*=bx-pager] a:hover { cursor: default; background: url(../img/dots.png) -5px -71px no-repeat #6a6a6a;}

.news_series .bx-controls {float: right; background: #f4f4f4; padding: 11px 0; position: relative;}




/* SCHOOL_ landing*/

/* basic amendment of school landing class*/
.unit-las #content ,.unit-pae #content ,.unit-language #content ,.unit-drama #content , .unit-dance #content, .unit-co #content, .unit-ftv #content, .unit-tea #content, .unit-music #content, .unit-gec #content {padding-bottom:0px; padding-top:145px;  background:url() #000 no-repeat center top fixed;}
.unit-common #content {padding-top: 145px; padding-bottom: 0;}
.unit-drama .breadcrumb_area, .unit-drama .breadcrumb_area  a ,
.unit-dance .breadcrumb_area, .unit-dance .breadcrumb_area  a ,
.unit-ftv .breadcrumb_area, .unit-ftv .breadcrumb_area  a ,
.unit-tea .breadcrumb_area, .unit-tea .breadcrumb_area  a ,
.unit-music .breadcrumb_area, .unit-music .breadcrumb_area  a ,
.unit-co .breadcrumb_area, .unit-co .breadcrumb_area  a ,
.unit-las .breadcrumb_area, .unit-las .breadcrumb_area  a ,
.unit-pae .breadcrumb_area, .unit-pae .breadcrumb_area  a ,
.unit-language .breadcrumb_area, .unit-language .breadcrumb_area  a ,
.unit-gec .breadcrumb_area, .unit-gec .breadcrumb_area  a,
.unit-common .breadcrumb_area a {color:#fff;}
.unit-common .breadcrumb_area span {color: #fff;}
.sch_slogan{ font-size:2.5em; color:#fff; width:375px; line-height:1em;}
.sch_slogan_wrapper {width: 170px; position: relative; margin: -25ox 0 0;}
.sch_title{ font-size:5.8em; letter-spacing:-0.05em; line-height:0.9em; padding:10px 0;font-weight:bold; text-transform:uppercase;color: #ee23a5;}
.sch_title + .lef_nav {margin-bottom: 25px;}
.unit-drama .lef_nav, .unit-dance .lef_nav, .unit-co .lef_nav, .unit-ftv .lef_nav, .unit-tea .lef_nav, .unit-music .lef_nav, .unit-gec .lef_nav, .unit-las .lef_nav, .unit-pae .lef_nav, .unit-language .lef_nav {margin-top:25px;}
.sch_cover_nav > ul { margin: 0; border-bottom: 1px solid #fff; padding-left: 0;}
.sch_cover_nav li { border-top: 1px solid #fff; }
.sch_cover_nav > ul > li.current > a { border-left: 3px solid #fff;}
.sch_cover_nav a { display: block; padding: 5px 15px 5px 10px;}
.sch_cover_nav li.current > a, .sch_cover_nav a:hover { color: #fff;}
.sch_cover_nav li.current .sub_lv { border-left: 3px solid #fff;}
.sch_cover_nav > ul > li.current > a { padding-left: 7px;}
.unit-drama .main_content, .unit-dance .main_content, .unit-co .main_content, .unit-ftv .main_content, .unit-tea .main_content, .unit-music .main_content ,  .unit-gec .main_content, .unit-las .main_content, .unit-pae .main_content, .unit-language .main_content { float: right; width: 765px; margin-top:25px; min-height:400px;}


/* new css style for school landing //black bg color area */
.video_wrapper, .slide_wrapper{margin-left:195px; position:absolute;height:320px; width:570px; overflow:hidden;}
.video_wrapper .multi_layer,.slide_wrapper .multi_layer {text-transform:uppercase; background-color:#000; opacity:0.9;filter:alpha(opacity=90); position:absolute; z-index:4; bottom:20px; right:20px; width:140px; padding:10px 20px;  max-height:240px; overflow:hidden;}
.slide_wrapper .multi_layer {visibility: hidden; }
.video_wrapper .multi_layer h1, .slide_wrapper .multi_layer h1{font-size:2em; color:#fff; font-weight:bold; letter-spacing:-0.035em;  line-height:1em; margin: 0.4em 0;}
.video_wrapper .multi_layer .icon,.slide_wrapper .multi_layer .icon {display: block; background:url(../img/school/icon_video.png) no-repeat left top; width:37px; height:37px; margin: 0.4em 0 1em;}
.video_wrapper .multi_layer p,.slide_wrapper .multi_layer p { padding: 0.4em 0; color:#fff; font-size:1.167em;  line-height:1.25em; }
.video_wrapper:hover .multi_layer,.slide_wrapper:hover .multi_layer {background-color:#393939;}
.video_wrapper .list-item,.slide_wrapper .list-item {min-width: 570px; min-height: 320px;}
.video_wrapper .list-item h1, .video_wrapper .list-item p,.slide_wrapper .list-item h1, .slide_wrapper .list-item p {position: absolute; top: -9999px;}
.video_wrapper .bx-pager,.slide_wrapper .bx-pager {position: absolute; text-align: center; bottom: 0; left: 0; padding: 8px 15px; background-color: rgb(0, 0, 0); /* RGBa with 0.6 opacity */     background-color: rgba(0, 0, 0, 0.8);   /* For IE 5.5 - 7*/   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000, endColorstr=#aa000000);     /* For IE 8*/   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000, endColorstr=#aa000000)";} 
.video_wrapper .bx-pager-item,.slide_wrapper .bx-pager-item {display: inline;}
.slide_wrapper [class*=bx-pager] a,.slide_wrapper [class*=bx-pager] a {width: 12px; height: 12px; display: block; float: left; background: url(../img/dots.png) -5px -93px no-repeat; text-indent: -9999px; margin: 0 5px; }
.video_wrapper .play_mask,.slide_wrapper .play_mask {display: block; width: 100%; height: 100%; background:url(../img/school/icon_video.png) no-repeat center center; position: absolute; top: 0; left: 0;}
.video_wrapper a:hover .play_mask,.slide_wrapper a:hover .play_mask {background-image: url(../img/play_thumb_on.png)}
.slide_wrapper ul { padding: 0; margin: 0;}
.slide_wrapper .banner_box1 { width: auto; height: auto;}
.video_wrapper .imgWrapper {position: absolute; width: 100%; height: 100%; z-index: 5; text-indent: -999px;}

.color_text_wrapper{margin-top:240px; margin-right:30px;}
.sub_slogan{padding:30px 20px; width:155px; font-size:1.5em; letter-spacing:0.02em; line-height:1.250em; display:inline-block;float:left;color:#fff;font-style:italic;}
.sch_text_wrapper{width:460px; margin:80px 30px 55px 0px; padding:25px; font-size:1.25em; line-height:1.333em; float:right; background:#050505; position:relative;}
.sch_text_inner_wrapper { min-height:76px; overflow:hidden; margin-bottom:10px;}
.sch_text_wrapper a.btn_expand, .sch_text_wrapper a.btn_expand { width:33px; height:33px; line-height:0;  position:absolute; right:0px; bottom:0px; text-indent:-888px; font-size:0; display:inline-block; z-index:2;}
.unit-drama .sch_text_wrapper a.btn_expand:hover, .unit-drama  .sch_text_wrapper a.btn_colla:hover, .unit-dance .sch_text_wrapper a.btn_expand:hover, .unit-dance  .sch_text_wrapper a.btn_colla:hover,
.unit-co .sch_text_wrapper a.btn_expand:hover, .unit-co  .sch_text_wrapper a.btn_colla:hover, .unit-ftv .sch_text_wrapper a.btn_expand:hover, .unit-ftv  .sch_text_wrapper a.btn_colla:hover,
.unit-tea .sch_text_wrapper a.btn_expand:hover, .unit-tea  .sch_text_wrapper a.btn_colla:hover, .unit-music .sch_text_wrapper a.btn_expand:hover, .unit-music  .sch_text_wrapper a.btn_colla:hover,
.unit-gec .sch_text_wrapper a.btn_expand:hover, .unit-gec  .sch_text_wrapper a.btn_colla:hover,
.unit-pae .sch_text_wrapper a.btn_expand:hover, .unit-pae  .sch_text_wrapper a.btn_colla:hover,
.unit-language .sch_text_wrapper a.btn_expand:hover, .unit-language  .sch_text_wrapper a.btn_colla:hover,
.unit-las .sch_text_wrapper a.btn_expand:hover, .unit-las  .sch_text_wrapper a.btn_colla:hover
{ background-image:url(../img/school/icon_text_excol_over.png);}

/* bottom short cut for school landing //white bg color area*/
.enhance_wrapper {width:100%; background:url(../img/school/cover_colorstrap.jpg) top center no-repeat #fff; min-height:7px; margin-top:40px;}
.enhance_wrapper .bot_nav {padding-bottom:40px;}
.enhance_inner_wrapper {padding:40px 0px 30px 180px; }
.enhance_inner_wrapper .col_wrapper{float:right; width:390px;}
.enhance_inner_wrapper .col_wrapper div {margin-left:15px; margin-bottom:15px; overflow:hidden; position:relative; float:right;}
.enhance_inner_wrapper .col_wrapper div img {display: block;}
#content .enhance_inner_wrapper .col_wrapper div.ori_a {padding: 0 ; margin: 0; background:none; float: none; }
.enhance_inner_wrapper .col_wrapper div span{ padding:7px 10px 1px 10px; line-height:1em; margin-bottom:0px; font-size:1.5em; letter-spacing:-0.02em; overflow: hidden;}
.enhance_inner_wrapper .slider_wrapper, .enhance_inner_wrapper .spotlight, .enhance_inner_wrapper .gallery ,.enhance_inner_wrapper .contact, .enhance_inner_wrapper .studyprogrammes  {text-transform:uppercase;}
.enhance_inner_wrapper .spotlight , .enhance_inner_wrapper .studyprogrammes , .enhance_inner_wrapper .gallery {width:180px; height:180px;}
.enhance_inner_wrapper .spotlight  span , .enhance_inner_wrapper .studyprogrammes  span  , .enhance_inner_wrapper .gallery  span{position:absolute; z-index:20; bottom:15px; left:15px;font-weight:bold; max-width:130px;}
.enhance_inner_wrapper .col_wrapper div.spotlight > span, .enhance_inner_wrapper .col_wrapper div.gallery > span {display: block; margin: 0; padding: 0; max-width: none; position: relative; left: auto; top: auto; bottom: auto; right: auto; width: auto; height: auto;}
.enhance_inner_wrapper .col_wrapper div.spotlight > span >span, .enhance_inner_wrapper .col_wrapper div.gallery > span >span {font-size: 18px;}

.enhance_inner_wrapper .spotlight a:hover img , .enhance_inner_wrapper .studyprogrammes a:hover img , .enhance_inner_wrapper .gallery a:hover img {opacity:0.4;filter:alpha(opacity=40);}
.enhance_inner_wrapper .slider_wrapper {width:375px; height:215px;}
.enhance_inner_wrapper .studyprogrammes { color:#fff;}
.enhance_inner_wrapper .col_wrapper div.studyprogrammes > span  {display: block; margin: 0; padding: 0; max-width: none; position: relative; left: auto; top: auto; bottom: auto; right: auto; width: auto; height: auto; font-size: 18px;}
.enhance_inner_wrapper .col_wrapper div.studyprogrammes > span span {font-size: 18px;}
.enhance_inner_wrapper .studyprogrammes  span{ bottom:20px; left:15px; max-width:130px; color:#fff;font-size:1.5em;}
.enhance_inner_wrapper div.studyprogrammes  span.overlayer {background-color:#252828; opacity:0.8;filter:alpha(opacity=80);position:absolute; z-index:19; bottom:15px; left:15px; right:15px; top:15px; width: 130px; font-size: 18px;}
.enhance_inner_wrapper .gallery {margin-bottom:0px;}
.enhance_inner_wrapper .news {width:285px; border:3px solid; padding:12px 17px; color: #e1003e }
.enhance_inner_wrapper .news h2{ font-size:1em; margin-bottom:0.5em; text-transform:uppercase;font-weight:bold; color: #4e4e4e;}
.enhance_inner_wrapper .news p{font-size:2.2em;line-height:1em;}
.enhance_inner_wrapper .col_wrapper .news span {padding: 0px; margin: 0px; margin-top: 0.4em;}
.enhance_inner_wrapper .news a:hover {color:#393939;}
.enhance_inner_wrapper div.news span { line-height:1.5em; font-size:1.167em; padding:0px; margin:0px; margin-top:0.4em; display:inline-block; }
.enhance_inner_wrapper .contact {width:160px; padding:10px 10px 4px 10px;  line-height:1em; font-size:1.5em; background:#fff no-repeat left top; margin-bottom:0px; letter-spacing:-0.02em;}
.enhance_inner_wrapper .contact a, .enhance_inner_wrapper .contact div {color:#fff; display:block;}


.enhance_inner_wrapper .col_wrapper div.perform_black ,
.enhance_inner_wrapper .col_wrapper .perform_black div.bx-wrapper,
.enhance_inner_wrapper .col_wrapper .perform_black div.bx-viewport,
.enhance_inner_wrapper .col_wrapper .perform_black div.bx-controls,
.enhance_inner_wrapper .col_wrapper .perform_black div.bx-pager-item{margin-left: 0; margin-bottom: 0; float: none; background: #000;}
.enhance_inner_wrapper .col_wrapper .perform_black div.bx-pager-item {float: left;}

.enhance_inner_wrapper .col_wrapper .perform_black div.bx-pager {position: relative; text-align: left; margin-left: auto; margin-bottom: auto; float: none; background: #000;}
.enhance_inner_wrapper .col_wrapper .perform_black div.bx-controls-direction {margin-left: 0; position: static; margin-bottom: 0; float: none; overflow: visible; background: #000;}

.enhance_inner_wrapper .col_wrapper .perform_black .list-item {min-height: 180px;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
.enhance_inner_wrapper .col_wrapper div span{ padding:3px 10px 3px 10px; line-height:1.1em;}
.enhance_inner_wrapper .contact { padding:6px 10px 6px 10px;  line-height:1.1em;}
}
@-moz-document url-prefix() {
.enhance_inner_wrapper .col_wrapper div span{  padding:3px 10px 1px 10px; line-height:1.167em;}
}


/* DRAMA  colors code  */
.unit-drama .sch_cover_nav > ul {  border-bottom: 1px solid #abe5f9;}
.unit-drama .sch_cover_nav li { border-top: 1px solid #abe5f9;}
.unit-drama .sch_cover_nav > ul > li.current > a { border-left: 3px solid #abe5f9; }
.unit-drama .sch_cover_nav a  ,.unit-drama .sch_cover_nav li.current > a { color: #abe5f9; }
.unit-drama .enhance_inner_wrapper .news {border-color:#d2f2f9;}
.unit-drama .news a {color:#027b95;}
.unit-drama .sch_title{color:#57caf3;}
.unit-drama #content { background-image:url(../img/school/bg_drama.jpg); }
.unit-drama .color_text_wrapper  { background:url(../img/school/sch_colorbg_drama.png) no-repeat left bottom; }
.unit-drama .sch_text_wrapper a.btn_expand{ background:url(../img/school/icon_text_excol_drama.png) top right no-repeat; }
.unit-drama .sch_text_wrapper a.btn_colla{ margin-bottom:0px; background:url(../img/school/icon_text_excol_drama.png) bottom right no-repeat;}
.unit-drama .sch_text_inner_wrapper:hover{color:#abe5f9;}
.unit-drama .enhance_inner_wrapper .col_wrapper div {background-color:#0689a6;}
.unit-drama .contact { background-image:url(../img/school/contact_bg_drama.jpg); }
.unit-drama .spotlight span{background-color:#fff; color:#197951;}
.unit-drama .gallery span{background-color:#027b95; color:#fff;}
.unit-drama .perform_black [class*=bx-pager] .active, .unit-drama .perform_black [class*=bx-pager] a:hover { background: url(../img/dots.png) -74px -27px;}
.unit-drama .slide_wrapper [class*=bx-pager] .active, .unit-drama .slide_wrapper [class*=bx-pager] a:hover { background: url(../img/dots.png) -74px -27px;}
.unit-drama .perform_black.oneSlide [class*=bx-pager] .active, .unit-drama .perform_black.oneSlide [class*=bx-pager] a:hover { background: url(../img/dots.png) -74px -27px;}
.unit-drama .graduate_list .tag, .unit-drama .job_list .tag {background: #027b95;}
.unit-drama .graduate_list th, .unit-drama .job_list th, .unit-drama th {color: #027b95;}
.unit-drama .sbOptions a:hover, .unit-drama .sbOptions a:focus, .unit-drama .sbOptions a.sbFocus {background-color: #027b95;}
.unit-drama .tab_switch_btn .current, .unit-drama .tab_switch_btn a:hover {background-color: #027b95;}
.unit-drama .hasHover tr:hover td {background-color: #027b95;}


/* DANCE  colors code  */
.unit-dance .sch_cover_nav > ul {  border-bottom: 1px solid #e2aaed;}
.unit-dance .sch_cover_nav li { border-top: 1px solid #e2aaed;}
.unit-dance .sch_cover_nav > ul > li.current > a { border-left: 3px solid #e2aaed; }
.unit-dance .sch_cover_nav a  ,.unit-dance .sch_cover_nav li.current > a { color: #e2aaed; }
.unit-dance .enhance_inner_wrapper .news {border-color:#f0d4f6;}
.unit-dance .news a {color:#a40bc0;}
.unit-dance .sch_title{color:#c554da; margin: 0;}
.unit-dance #content { background-image:url(../img/school/bg_dance.jpg); }
.unit-dance .color_text_wrapper  { background:url(../img/school/sch_colorbg_dance.png) no-repeat left bottom; }
.unit-dance .sch_text_wrapper a.btn_expand{ background:url(../img/school/icon_text_excol_dance.png) top right no-repeat; }
.unit-dance .sch_text_wrapper a.btn_colla{ margin-bottom:0px; background:url(../img/school/icon_text_excol_dance.png) bottom right no-repeat;}
.unit-dance .sch_text_inner_wrapper:hover{color:#e2aaed;}
.unit-dance .enhance_inner_wrapper .col_wrapper div {background-color:#841f96;}
.unit-dance .contact { background-image:url(../img/school/contact_bg_dance.jpg); }
.unit-dance .spotlight span{background-color:#fff; color:#4a33b6;}
.unit-dance .gallery span{background-color:#a40bc0; color:#fff;}
.unit-dance .perform_black [class*=bx-pager] .active, .unit-dance .perform_black [class*=bx-pager] a:hover {  background: url(../img/dots.png) -93px -49px;}
.unit-dance .slide_wrapper [class*=bx-pager] .active, .unit-dance .slide_wrapper [class*=bx-pager] a:hover {  background: url(../img/dots.png) -93px -49px;}
.unit-dance .perform_black.oneSlide [class*=bx-pager] .active, .unit-dance .perform_black.oneSlide [class*=bx-pager] a:hover { background: url(../img/dots.png) -93px -49px;}
.unit-dance .graduate_list .tag, .unit-dance .job_list .tag {background: #a40bc0;}
.unit-dance .graduate_list th, .unit-dance .job_list th, .unit-dance th {color: #a40bc0;}
.unit-dance .sbOptions a:hover, .unit-dance .sbOptions a:focus, .unit-dance .sbOptions a.sbFocus {background-color: #a40bc0;}
.unit-dance .tab_switch_btn .current, .unit-dance .tab_switch_btn a:hover {background-color: #a40bc0;}
.unit-dance .hasHover tr:hover td {background-color: #a40bc0;}

/* CHINESE OPERA  colors code  */
.unit-co .sch_cover_nav > ul {  border-bottom: 1px solid #dcf1bb;}
.unit-co .sch_cover_nav li { border-top: 1px solid #dcf1bb;}
.unit-co .sch_cover_nav > ul > li.current > a { border-left: 3px solid #dcf1bb; }
.unit-co .sch_cover_nav a  ,.unit-co .sch_cover_nav li.current > a { color: #dcf1bb; }
.unit-co .enhance_inner_wrapper .news {border-color:#e4f2e4;}
.unit-co .news a {color:#297b2b;}
.unit-co .sch_title{color:#b8e376; margin: 0;}
.unit-co #content { background-image:url(../img/school/bg_opera.jpg); }
.unit-co .color_text_wrapper  { background:url(../img/school/sch_colorbg_opera.png) no-repeat left bottom;}
.unit-co .sub_slogan{color:#010101;}
.unit-co .sch_text_wrapper a.btn_expand{ background:url(../img/school/icon_text_excol_opera.png) top right no-repeat; }
.unit-co .sch_text_wrapper a.btn_colla{ margin-bottom:0px; background:url(../img/school/icon_text_excol_opera.png) bottom right no-repeat;}
.unit-co .sch_text_inner_wrapper:hover{color:#dcf1bb;}
.unit-co .enhance_inner_wrapper .col_wrapper div {background-color:#458757;}
.unit-co .contact { background-image:url(../img/school/contact_bg_opera.jpg); }
.unit-co .spotlight span{background-color:#fff; color:#687e47;}
.unit-co .gallery span{background-color:#687e47; color:#fff;}
.unit-co .perform_black [class*=bx-pager] .active, .unit-co .perform_black [class*=bx-pager] a:hover { background: url(../img/dots.png) -49px -49px;}
.unit-co .slide_wrapper [class*=bx-pager] .active, .unit-co .slide_wrapper [class*=bx-pager] a:hover { background: url(../img/dots.png) -49px -49px;}
.unit-co .perform_black.oneSlide [class*=bx-pager] .active, .unit-co .perform_black.oneSlide [class*=bx-pager] a:hover { background: url(../img/dots.png) -49px -49px;}
.unit-co .graduate_list .tag, .unit-co .job_list .tag {background: #5d7d2e;}
.unit-co .graduate_list th, .unit-co .job_list th, .unit-co th {color: #5d7d2e;}
.unit-co .sbOptions a:hover, .unit-co .sbOptions a:focus, .unit-co .sbOptions a.sbFocus {background-color: #5d7d2e;}
.unit-co .tab_switch_btn .current, .unit-co .tab_switch_btn a:hover {background-color: #5d7d2e;}
.unit-co .hasHover tr:hover td {background-color: #5d7d2e;}

/* FILM & TV  colors code  */
.unit-ftv .sch_cover_nav > ul {  border-bottom: 1px solid #ffab98;}
.unit-ftv .sch_cover_nav li { border-top: 1px solid #ffab98;}
.unit-ftv .sch_cover_nav > ul > li.current > a { border-left: 3px solid #ffab98; }
.unit-ftv .sch_cover_nav a  ,.unit-ftv .sch_cover_nav li.current > a { color: #ffab98; }
.unit-ftv .enhance_inner_wrapper .news {border-color:#ffdee1;}
.unit-ftv .news a {color:#d33535;}
.unit-ftv .sch_title{color:#ff5730; margin: 0;}
.unit-ftv #content { background-image:url(../img/school/bg_filmtv.jpg); }
.unit-ftv .color_text_wrapper  { background:url(../img/school/sch_colorbg_filmtv.png) no-repeat left bottom; }
.unit-ftv .sch_text_wrapper a.btn_expand{ background:url(../img/school/icon_text_excol_filmtv.png) top right no-repeat; }
.unit-ftv .sch_text_wrapper a.btn_colla{ margin-bottom:0px; background:url(../img/school/icon_text_excol_filmtv.png) bottom right no-repeat;}
.unit-ftv .sch_text_inner_wrapper:hover{color:#ffab98;}
.unit-ftv .enhance_inner_wrapper .col_wrapper div {background-color:#c23a19;}
.unit-ftv .contact { background-image:url(../img/school/contact_bg_filmtv.jpg); }
.unit-ftv .spotlight span{background-color:#fff; color:#b41078;}
.unit-ftv .gallery span{background-color:#b41a10; color:#fff;}
.unit-ftv .perform_black [class*=bx-pager] .active, .unit-ftv .perform_black [class*=bx-pager] a:hover { background: url(../img/dots.png) -49px -71px;}
.unit-ftv .slide_wrapper [class*=bx-pager] .active, .unit-ftv .slide_wrapper [class*=bx-pager] a:hover { background: url(../img/dots.png) -49px -71px;}
.unit-ftv .perform_black.oneSlide [class*=bx-pager] .active, .unit-ftv .perform_black.oneSlide [class*=bx-pager] a:hover { background: url(../img/dots.png) -49px -71px;}
.unit-ftv .graduate_list .tag, .unit-ftv .job_list .tag {background: #b93a04;}
.unit-ftv .graduate_list th, .unit-ftv .job_list th, .unit-ftv th {color: #b93a04;}
.unit-ftv .sbOptions a:hover, .unit-ftv .sbOptions a:focus, .unit-ftv .sbOptions a.sbFocus {background-color: #b93a04;}
.unit-ftv .tab_switch_btn .current, .unit-ftv .tab_switch_btn a:hover {background-color: #b93a04;}
.unit-ftv .hasHover tr:hover td {background-color: #b93a04;}

/* MUSIC  colors code  */
.unit-music .sch_cover_nav > ul {  border-bottom: 1px solid #d0c4b0;}
.unit-music .sch_cover_nav li { border-top: 1px solid #d0c4b0;}
.unit-music .sch_cover_nav > ul > li.current > a { border-left: 3px solid #d0c4b0; }
.unit-music .sch_cover_nav a  ,.unit-music .sch_cover_nav li.current > a { color: #d0c4b0; }
.unit-music .enhance_inner_wrapper .news {border-color:#f2e9d8;}
.unit-music .news a {color:#916000;}
.unit-music .sch_title{color:#bdaa43; margin: 0;}
.unit-music #content { background-image:url(../img/school/bg_music.jpg); }
.unit-music .color_text_wrapper  { background:url(../img/school/sch_colorbg_music.png) no-repeat left bottom; }
.unit-music .sch_text_wrapper a.btn_expand{ background:url(../img/school/icon_text_excol_music.png) top right no-repeat; }
.unit-music .sch_text_wrapper a.btn_colla{ margin-bottom:0px; background:url(../img/school/icon_text_excol_music.png) bottom right no-repeat;}
.unit-music .sch_text_inner_wrapper:hover{color:#ac9b80;}
.unit-music .enhance_inner_wrapper .col_wrapper div {background-color:#8a7247;}
.unit-music .contact { background-image:url(../img/school/contact_bg_music.jpg); }
.unit-music .spotlight span{background-color:#fff; color:#916000;}
.unit-music .gallery span{background-color:#9d6500; color:#fff;}
.unit-music .perform_black [class*=bx-pager] .active, .unit-music .perform_black [class*=bx-pager] a:hover { background: url(../img/dots.png) -71px -71px;}
.unit-music .slide_wrapper [class*=bx-pager] .active, .unit-music .slide_wrapper [class*=bx-pager] a:hover { background: url(../img/dots.png) -71px -71px;}
.unit-music .perform_black.oneSlide [class*=bx-pager] .active, .unit-music .perform_black.oneSlide [class*=bx-pager] a:hover { background: url(../img/dots.png) -71px -71px;}
.unit-music .graduate_list .tag, .unit-music .job_list .tag {background: #916806;}
.unit-music .graduate_list th, .unit-music .job_list th, .unit-music th {color: #916806;}
.unit-music .sbOptions a:hover, .unit-music .sbOptions a:focus, .unit-music .sbOptions a.sbFocus {background-color: #916806;}
.unit-music .tab_switch_btn .current, .unit-music .tab_switch_btn a:hover {background-color: #916806;}
.unit-music .hasHover tr:hover td {background-color: #916806;}

/* THEATRE  colors code  */
.unit-tea .sch_cover_nav > ul {  border-bottom: 1px solid #ff80b6;}
.unit-tea .sch_cover_nav li { border-top: 1px solid #ff80b6;}
.unit-tea .sch_cover_nav > ul > li.current > a { border-left: 3px solid #ff80b6; }
.unit-tea .sch_cover_nav a  ,.unit-tea .sch_cover_nav li.current > a { color: #ff80b6; }
.unit-tea .enhance_inner_wrapper .news {border-color:#fde7ed;}
.unit-tea .news a {color:#e1003e;}
.unit-tea .sch_title{color:#fe006c; margin: 0;}
.unit-tea #content { background-image:url(../img/school/bg_theatre.jpg); }
.unit-tea .color_text_wrapper  { background:url(../img/school/sch_colorbg_theatre.png) no-repeat left bottom; }
.unit-tea .sch_text_wrapper a.btn_expand{ background:url(../img/school/icon_text_excol_theatre.png) top right no-repeat; }
.unit-tea .sch_text_wrapper a.btn_colla{ margin-bottom:0px; background:url(../img/school/icon_text_excol_theatre.png) bottom right no-repeat;}
.unit-tea .sch_text_inner_wrapper:hover{color:#fe006c;}
.unit-tea .enhance_inner_wrapper .col_wrapper div {background-color:#a11049;}
.unit-tea .contact { background-image:url(../img/school/contact_bg_theatre.jpg); }
.unit-tea .spotlight span{background-color:#fff; color:#7d0e5f;}
.unit-tea .gallery span{background-color:#c60054; color:#fff;}
.unit-tea .perform_black [class*=bx-pager] .active, .unit-tea .perform_black [class*=bx-pager] a:hover { background: url(../img/dots.png) -93px -71px;;}
.unit-tea .slide_wrapper [class*=bx-pager] .active, .unit-tea .slide_wrapper [class*=bx-pager] a:hover { background: url(../img/dots.png) -93px -71px;;}
.unit-tea .perform_black.oneSlide [class*=bx-pager] .active, .unit-tea .perform_black.oneSlide [class*=bx-pager] a:hover { background: url(../img/dots.png) -93px -71px;;}
.unit-tea .graduate_list .tag, .unit-tea .job_list .tag {background: #c60054;}
.unit-tea .graduate_list th, .unit-tea .job_list th, .unit-tea th {color: #c60054;}
.unit-tea .sbOptions a:hover, .unit-tea .sbOptions a:focus, .unit-tea .sbOptions a.sbFocus {background-color: #c60054;}
.unit-tea .tab_switch_btn .current, .unit-tea .tab_switch_btn a:hover {background-color: #c60054;}
.unit-tea .hasHover tr:hover td {background-color: #c60054;}

/* GEC  colors code  */
.unit-gec .sch_cover_nav > ul {  border-bottom: 1px solid #d7d3e0;}
.unit-gec .sch_cover_nav li { border-top: 1px solid #d7d3e0;}
.unit-gec .sch_cover_nav > ul > li.current > a { border-left: 3px solid #d7d3e0; }
.unit-gec .sch_cover_nav a  ,.unit-gec .sch_cover_nav li.current > a { color: #d7d3e0; }
.unit-gec .enhance_inner_wrapper .news {border-color:#d6d6de;}
.unit-gec .news a {color:#551afd;}
.unit-gec .sch_title{color:#5c79f7; margin: 0;}
.unit-gec #content { background-image:url(../img/school/bg_gec.jpg); }
.unit-gec .color_text_wrapper  { background:url(../img/school/sch_colorbg_gec.png) no-repeat left bottom; }
.unit-gec .sch_text_wrapper a.btn_expand{ background:url(../img/school/icon_text_excol_gec.png) top right no-repeat; }
.unit-gec .sch_text_wrapper a.btn_colla{ margin-bottom:0px; background:url(../img/school/icon_text_excol_gec.png) bottom right no-repeat;}
.unit-gec .sch_text_inner_wrapper:hover{color:#d6d6de;}
.unit-gec .enhance_inner_wrapper .col_wrapper div {background-color:#2c44c6;}
.unit-gec .contact { background-image:url(../img/school/contact_bg_gec.jpg); }
.unit-gec .spotlight span{background-color:#fff; color:#1c2cc7;}
.unit-gec .gallery span{background-color:#1c2cc7; color:#fff;}
.unit-gec .perform_black [class*=bx-pager] .active, .unit-gec .perform_black [class*=bx-pager] a:hover { background: url(../img/dots.png) -5px -49px;}
.unit-gec .slide_wrapper [class*=bx-pager] .active, .unit-gec .slide_wrapper [class*=bx-pager] a:hover { background: url(../img/dots.png) -5px -49px;}
.unit-gec .perform_black.oneSlide [class*=bx-pager] .active, .unit-gec .perform_black.oneSlide [class*=bx-pager] a:hover { background: url(../img/dots.png) -5px -49px;}
.unit-gec .graduate_list .tag, .unit-gec .job_list .tag {background: #1c2cc7;}
.unit-gec .graduate_list th, .unit-gec .job_list th, .unit-gec th {color: #1c2cc7;}
.unit-gec .sbOptions a:hover, .unit-gec .sbOptions a:focus, .unit-gec .sbOptions a.sbFocus {background-color: #1c2cc7;}
.unit-gec .tab_switch_btn .current, .unit-gec .tab_switch_btn a:hover {background-color: #1c2cc7;}
.unit-gec .hasHover tr:hover td {background-color: #1c2cc7;}


/* common  colors code  */
.unit-pae .sch_cover_nav > ul,
.unit-las .sch_cover_nav > ul,
.unit-language .sch_cover_nav > ul {  border-bottom: 1px solid #f3c4e2;}

.unit-pae .sch_cover_nav li,
.unit-las .sch_cover_nav li,
.unit-language .sch_cover_nav li { border-top: 1px solid #f3c4e2;}

.unit-pae .sch_cover_nav > ul > li.current > a,
.unit-las .sch_cover_nav > ul > li.current > a,
.unit-language .sch_cover_nav > ul > li.current > a { border-left: 3px solid #f3c4e2; }

.unit-pae .sch_cover_nav a  ,.unit-pae .sch_cover_nav li.current > a,
.unit-las .sch_cover_nav a  ,.unit-las .sch_cover_nav li.current > a,
.unit-language .sch_cover_nav a  ,.unit-language .sch_cover_nav li.current > a { color: #f3c4e2; }

.unit-pae .enhance_inner_wrapper .news,
.unit-las .enhance_inner_wrapper .news,
.unit-language .enhance_inner_wrapper .news {border-color:#d6d6de;}

.unit-pae .news a,
.unit-las .news a,
.unit-language .news a {color:#cf138b;}

.unit-pae .sch_title,
.unit-las .sch_title,
.unit-language .sch_title {color:#ee23a5; margin: 0;}

.unit-pae #content { background-image:url(../img/school/bg_pea.jpg); }
.unit-las #content { background-image:url(../img/school/bg_ls.jpg); }
.unit-language #content { background-image:url(../img/school/bg_las.jpg); }

.unit-pae .color_text_wrapper,
.unit-las .color_text_wrapper,
.unit-language .color_text_wrapper  { background:url(../img/school/sch_colorbg_common.png) no-repeat left bottom; }

.unit-pae .sch_text_wrapper a.btn_expand,
.unit-las .sch_text_wrapper a.btn_expand,
.unit-language .sch_text_wrapper a.btn_expand{ background:url(../img/school/icon_text_excol_common.png) top right no-repeat; }

.unit-pae .sch_text_wrapper a.btn_colla,
.unit-las .sch_text_wrapper a.btn_colla,
.unit-language .sch_text_wrapper a.btn_colla{ margin-bottom:0px; background:url(../img/school/icon_text_excol_common.png) bottom right no-repeat;}

.unit-pae .sch_text_inner_wrapper:hover,
.unit-las .sch_text_inner_wrapper:hover,
.unit-language .sch_text_inner_wrapper:hover{color:#f3c4e2;}

.unit-pae .enhance_inner_wrapper .col_wrapper div,
.unit-las .enhance_inner_wrapper .col_wrapper div,
.unit-language .enhance_inner_wrapper .col_wrapper div {background-color:#af287e;}

.unit-pae .contact,
.unit-las .contact ,
.unit-language .contact  { background-image:url(../img/school/contact_bg_common.jpg); }

.unit-pae .spotlight span,
.unit-las .spotlight span,
.unit-language .spotlight span{background-color:#fff; color:#cf138b;}

.unit-pae .gallery span,
.unit-las .gallery span,
.unit-language .gallery span{background-color:#cf138b; color:#fff;}


/* college allied arts  colors code  */
.caa #content { background:url(../img/school/bg_college_alliedarts.jpg) #000 no-repeat center top fixed; }
.caa .sch_title { background: url(../img/title_college_alliedarts_en.png) left center no-repeat; text-indent: -9999em; height: 100px;}
.lang-tch .caa .sch_title { background: url(../img/title_college_alliedarts_tc.png) left center no-repeat; text-indent: -9999em; height: 100px;}
.lang-sch .caa .sch_title { background: url(../img/title_college_alliedarts_sc.png) left center no-repeat; text-indent: -9999em; height: 100px;}
.caa .college_wrapper .news a{color:#e3dd8c;}
.caa span.sch_tag span {background-color: #e3dd8c;}
.caa .nav_inner_wrapper a { border-color: #b9b472; color:#e3dd8c;}


/* college theatre media arts  colors code  */
.ctma #content { background:url(../img/school/bg_college_theatremedia.jpg) #000 no-repeat center top fixed; }
.ctma .sch_title { background: url(../img/title_college_theatremedia_en.png) left center no-repeat; text-indent: -9999em; height: 160px;}
.lang-tch .ctma .sch_title { background: url(../img/title_college_theatremedia_tc.png) left center no-repeat; text-indent: -9999em; height: 160px;}
.lang-sch .ctma .sch_title { background: url(../img/title_college_theatremedia_sc.png) left center no-repeat; text-indent: -9999em; height: 160px;}
.ctma .college_wrapper .news a{color:#4cc5c4;}
.ctma span.sch_tag span {background-color: #4cc5c4;}
.ctma .nav_inner_wrapper a { border-color: #3e9f9e; color:#4cc5c4;}




/* college landing  */
.college_wrapper{ margin:0px; padding-bottom:10px; position:relative; overflow:hidden; background:url(../img/school/college_bottom_pattern.png) no-repeat  top center;}
.college_inner_wrapper{ width:900px; margin:0px auto;}
/*.college_inner_wrapper .ContentFlow .globalCaption {min-height: 3em;}*/
.ContentFlowAddOn_slideshow .controlls .button:hover {cursor: pointer;}

.college_div_line{ margin:0px auto 50px; width:960px; background:url(../img/school/cover_colorstrap.jpg) top center no-repeat #fff; height:7px;}
.college_video_wrapper{margin-left:0px; position:relative; height:240px; width:430px; float:left; }
.college_video_wrapper .multi_layer {max-height:160px;}
.college_video_wrapper .multi_layer p { padding-top:2em; color:#fff; font-size:1.0em;  line-height:1.25em; }
.college_video_wrapper .imgWrapper { position: absolute; top: 0; left: 0; text-indent: -9999em; width: 100%; height: 100%; z-index: 5;}

.college_wrapper .news {width:420px; padding:0px; float:right; }
.college_wrapper .news .latest_news { font-size:1em; margin-bottom:0.5em; text-transform:uppercase;font-weight:bold; color:#fff;}
.college_wrapper .news p{font-size:2em;line-height:1em;}
.college_wrapper .news a {float: left; clear: both; margin-top:15px; margin-bottom:10px;}
.college_wrapper .news a:hover {color:#393939;}
.college_wrapper .news a span { line-height:2em; font-size:1.167em; padding:0px; margin:0px;}
.college_wrapper .news span.sch_tag  { display:block; }
.college_wrapper .news span.sch_tag span {display:inline-block; color: #000; font-size: 11px; line-height:0.9em; font-weight:bold;padding: 4px 10px 3px 10px; text-transform: uppercase;}
/*.isIE_n8 .college_wrapper .news span.sch_tag span { padding: 5px 10px 2px 10px;}*/
/*body:not(:-moz-handler-blocked) .college_wrapper .news span.sch_tag span {padding: 5px 10px 2px 10px;}*/

.college_wrapper .news a:hover {color:#fff;}
.college_wrapper a:hover span.sch_tag span {background-color:#fff; color:#000;}
.college_wrapper .nav_wrapper {background:url(../img/school/college_nav_bg.png) top center repeat-x; min-height:51px; margin-top:80px; margin-bottom:10px;}
.nav_inner_wrapper { overflow: hidden; margin:10px auto; width:900px; text-transform: uppercase; font-size:1.25em; font-weight:bold; padding:20px 0px 0;line-height:2.4em; text-align:right; }
.nav_inner_wrapper ul , .nav_inner_wrapper li {margin: 0; padding: 0; font-size: inherit;}
.nav_inner_wrapper ul {float: right;}
.nav_inner_wrapper li {display: inline}
.nav_inner_wrapper a { border-left:1px solid #fff;padding:0px 20px; color:#fff; }
.nav_inner_wrapper li:first-child a { border-left:none;}
.nav_inner_wrapper a:hover{color:#fff;}


.unit-drama .sch_text_inner_wrapper  , .unit-dance .sch_text_inner_wrapper , .unit-co .sch_text_inner_wrapper , .unit-ftv .sch_text_inner_wrapper , .unit-tea .sch_text_inner_wrapper , .unit-music .sch_text_inner_wrapper , .unit-gec .sch_text_inner_wrapper, .unit-las .sch_text_inner_wrapper, .unit-language .sch_text_inner_wrapper, .unit-pae .sch_text_inner_wrapper {color:#b0b0b0;}
.unit-drama .sch_cover_nav a:hover, .unit-dance .sch_cover_nav a:hover , .unit-co .sch_cover_nav a:hover, .unit-ftv .sch_cover_nav a:hover, .unit-tea .sch_cover_nav a:hover, .unit-music .sch_cover_nav a:hover, .unit-gec .sch_cover_nav a:hover, .unit-las .sch_cover_nav a:hover, .unit-language .sch_cover_nav a:hover, .unit-pae .sch_cover_nav a:hover{color:#fff;}
.unit-drama .enhance_inner_wrapper div.news , .unit-dance .enhance_inner_wrapper div.news, .unit-co .enhance_inner_wrapper div.news, .unit-ftv .enhance_inner_wrapper div.news, .unit-tea .enhance_inner_wrapper div.news, .unit-music .enhance_inner_wrapper div.news, .unit-gec .enhance_inner_wrapper div.news, .unit-las .enhance_inner_wrapper div.news, .unit-pae .enhance_inner_wrapper div.news, .unit-language .enhance_inner_wrapper div.news {background-color:#fff;}
.unit-drama .enhance_inner_wrapper .contact:hover , .unit-dance .enhance_inner_wrapper .contact:hover, .unit-co .enhance_inner_wrapper .contact:hover, .unit-ftv .enhance_inner_wrapper .contact:hover, .unit-tea .enhance_inner_wrapper .contact:hover, .unit-music .enhance_inner_wrapper .contact:hover, .unit-gec .enhance_inner_wrapper .contact:hover, .unit-pae .enhance_inner_wrapper .contact:hover, .unit-language .enhance_inner_wrapper .contact:hover, .unit-las .enhance_inner_wrapper .contact:hover{background-image:none; background-color:#393939;}

/*Read more js style*/
.btn_expand, .readmore-js-section { display: block; width: 100%; } .readmore-js-section { overflow: hidden; }
/*Read more js style - End*/

.director-welcome #content,
.director-welcome #content.bgCom1,
.director-welcome #content.bgCom2,
.director-welcome #content.bgCom3,
.director-welcome #content.bgCom4,
.director-welcome #content.bgCom5,
.director-welcome #content.bgCom6 { background: url(../img/bg-director-msg.jpg) center top fixed no-repeat;}
.director-welcome .top_nav > ul > li.current > a { border-color: #247b67 }
.director-welcome .shareList { float: right; width: 126px}
.director-welcome .share_btn { position: relative; width: 25px; height: 25px; background:url(../img/share_btn-white.png) center center #787a76 no-repeat; display: inline-block; vertical-align: top;}
.director-welcome .secShare { background-color: #8c8e89; padding: 5px 15px; vertical-align: top; display: inline-block; height: 15px;}
.director-welcome .secShare .bg { background: url(../img/icon-twitter-white.png) left center no-repeat; padding-left: 20px; color: white}
.lt-ie8 .director-welcome .share_btn, .lt-ie8 .director-welcome .secShare { display: inline;}
.director-welcome .director { clear: both; margin: 0 auto; width: 576px; position: relative; cursor: pointer;}
.director-welcome .director img { display: block;}
.director .multi_layer { left: 20px; background-color: #800011;}
.multi_layer h3, .multi_layer .multi_layer_title {font-size: 2em;  color: #fff; font-weight: bold; line-height: 1em; margin-bottom: 0.1em;}
.director:hover .multi_layer {background-color:#393939;}
.director-welcome .msgDetail { width: 478px; border-bottom: 1px solid #58cbb6; float: left; margin-top: 20px;}
.msgDetail p { margin-bottom: 20px; font-size: 14px;}
.director-welcome .directorQuote { float: right; margin-top: -40px; position: relative;}
.director-welcome .directorQuote_upper { padding: 35px 35px 25px; width: 215px; background:url(../img/bg-directorQuote.png) top center no-repeat;}
.director-welcome .directorQuote_lower { height: 15px; background:url(../img/bg-directorQuote.png) bottom center no-repeat; width: 285px}
.directorQuote p { color: #147765; font-size: 17px; text-transform: none; background: no-repeat;; font-weight: normal; margin: 0; padding: 0; line-height: 1.3;}

.director-welcome .imgWrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px;}

.director-welcome.message-from-council .director .multi_layer  { left: auto; right: 35px; }
.director-welcome.message-from-council .directorQuote { float: left; }
.director-welcome.message-from-council .msgDetail {clear: both;  float: right;}

.director-welcome.message-from-council .rte-templates.template-2col-text-img { position: relative; overflow: visible; }
.director-welcome.message-from-council .rte-templates.template-2col-text-img .rte-img.img-left { position: absolute; top:0 ; left: -287px; }


/* Common Elements */
.access {
    height: 1px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: -500px;
    width: 1px;
}

.a_button {
	padding: 0 25px 0 14px;
	margin: 0 0 5px;
	text-decoration: none; font-size: 11px;
	display: inline-block; *display: inline; *zoom: 1;
	color: #FFF;
	background: no-repeat #545454; line-height: 30px;
	height: 30px;
	
}
/*.isIE_n8 .a_button {line-height: 34px;}*/
/*body:not(:-moz-handler-blocked) .a_button {line-height: 34px;}*/


.inner-page .a_button { color: #FFF; }
p .a_button { font-size: 11px; }

.a_button:hover { color: #222; background-color: #DDD; }
.inner-page .a_button:hover { color: #FFF; }

.go-back {
    margin-right: 10px;
	padding: 9px 10px;
    float: right;
	text-transform: uppercase;
	background-color: white
}
/*.isIE_n8 .go-back {padding: 12px 10px 6px;}*/
/*body:not(:-moz-handler-blocked) .go-back  {padding: 12px 10px 6px }*/




.go-back .bg {
	padding-left: 16px;
	display: inline-block; *display: inline;
	background: url(../img/arr-left-grey.png) no-repeat left center ;
	color: #666;
	*position: relative;
	*top: -3px;
	
	
}
/*.isIE_n8 .go-back .bg {background-position: 0 -1px;}*/
/*body:not(:-moz-handler-blocked) .go-back .bg {background-position: 0 0px;}*/
.lt-ie8 .go-back .bg { display: inline;}

/* === Normal CSS === */
body {
	min-width: 960px;
}
#wrapper.online_register {
	  background: url("../img/inner_eventcalendar_bg.jpg") repeat center top fixed;
}
#wrapper.donation_form {
	  background: url("../img/donation_bg.jpg") repeat center top fixed;
}
.reg_form {
	min-height: 300px;
	margin: 23px 0 18px;
	padding: 30px;
	overflow: hidden;
	background: #FFF;
}
.reg_form .note {
	padding: 10px 0 0;
}
.select_session_area {
	margin: 12px 0 35px;
	padding: 9px 13px;
	background: #eaeaea;
}

.select_session_area label.error {font-weight: normal; width: auto; color: #CF138B; margin: 5px 5px 0; line-height: 1.2; font-size: 14px; text-transform: none;}
.select_session_area
.thx_msg ~ .select_session_area {
	margin-bottom: 22px;
}

.select_session_area label {
	width: 140px; line-height: 30px;
	display: inline-block; *display: inline; *zoom: 1;
	float: left;
}
.lt-ie9 .select_session_area label {
	width: 144px;
}
.select_session_area .selectBox {
	 margin-left: 10px;
	float: left;
}


.select_session_area .done_field {
	width: 285px;
}
.select_session_area .cal_field {
	width: 285px;
	padding: 6px 18px 5px;
	background-color: #FFF;
}
.select_session_area .rev_seat {
	width: 114px;
	padding: 2px 5px 5px 12px;
	line-height: 1.2;
}
.lang-tch .select_session_area .rev_seat,.lang-sch .select_session_area .rev_seat  {line-height: 30px; padding-top: 0; padding-bottom: 0;}

.lt-ie9 .select_session_area .rev_seat {
	width: 114px;
}
.thx_msg ~ .select_session_area .rev_seat {
	width: 190px;
	line-height: 30px;
	padding: 0;
}
.thx_msg ~ .select_session_area .rev_seat { text-transform: capitalize;}
.thx_msg ~ .select_session_area label { text-transform: capitalize; width: 120px;}
.select_session_area .key-field {
	width: 34px;
	padding: 7px 13px;
	margin-left: 8px;
}
.thx_msg ~ .select_session_area .key-field {
	width:25px;
	padding: 6px 8px 5px;
	float: left;
}
.select_session_area .done_field {
	float: left;
    padding: 5px 13px 5px;
}
.thx_msg ~ .reg_field .submit {margin-top: 30px;}

.select_session_area .selectBox .sbHolder {height: 30px; }
.select_session_area .selectBox .sbSelector {line-height: 30px; background-color: #ffffff; padding-right: 0; width: 91%;}
.select_session_area .selectBox .sbHolder {background-color: #fff;}

.reg_form h4 {
	margin: 0 0 14px;
	clear: both;
}

.reg_field textarea {
	width: 330px;
	height: 120px;
}

.reg_field input[type="text"], .reg_field textarea, .reg_field input[type="password"] {
	margin: 0;
	padding: 3px 8px;
	border: 0;
	background: #f3f3f3;
}
.reg_field input[type="checkbox"] {
	padding: 0;
	margin: 4px;
}
.reg_field input[type="checkbox"] {
	margin: 0 4px \9;
	*margin: -2px 4px;
}
.reg_field table {
	margin: 0 0 25px;
}
.reg_field p {
	margin: 3px 0;
}
ul.row {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #f3f3f3;
}
ul.row:first-child {
	border-top: 1px solid #f3f3f3;
}
ul.row.last {
	margin: 0 0 25px;
}
.reg_field td, ul.row > li {
	padding: 12px 0 12px 1px;
	vertical-align: top;
	line-height: 22px;
}
.reg_field ul.row > li {position: relative;}
.reg_field ul.row > li.access {position: absolute;}

.reg_field td, ul.row > li.left_label {
	padding-left: 18px;
}
.reg_field ul.row > .left_label, .reg_field td { width: 116px; }
.reg_field ul.row > .left_label.fax { width: auto;}
ul.row:first-child,
.reg_field tr:first-child td {
	border-top: 1px solid #f3f3f3;
}
.reg_field ul.row:nth-child(2n) > li,
.reg_field tbody tr:nth-child(2n) td {
	background: none;
}
.reg_field ul.row.even > li,
.reg_field tbody tr.even td {
	background: none;
}
ul.row > li {
	display: inline-block; *display: inline; *zoom: 1;
}
.reg_field input[type="text"] {
	width: 198px;
}
.reg_field .identity {
	width: 190px;
	padding: 3px 12px;
	background-color: #F3F3F3;
}
.reg_field .note {
	margin: 0 0 40px;
}
.reg_field #needs {
	width: 445px;
	height: 72px;
}
.reg_field #last_name, .reg_field #first_name {
	width: 158px;
	margin-right: 10px;
}
.reg_field #company,
.reg_field #email {
	width: 400px;
}
.reg_field .re-capcha {
	width: 350px;
	height: 80px;

	margin: 0 0 0;
	border: 1px solid #EEE;
	display: block;
}

.donate_form ul.row > li {
	line-height: 16px;
	vertical-align: middle;
}

.donate_form .ask_amount .prettycheckbox, .donate_form .row .prettycheckbox {
	vertical-align: middle;
	 display:inline-block;
}

.donate_form .fund_genre .error {
	 margin-left:32px;
}

.donate_form .hidden-form input[type="checkbox"] { display:none; }


.donate_form label.error p {color: red !important; }


.donate_form .ask_amount .error {
	padding-left: 0;
}

.donate_form ul.row > .left_label {
	width: 145px;
}

.return {
    padding: 0 14px;
}
.submit {
	background-image: url("../img/arr-right-white.png");
	background-position: right center;
}

.submit:hover {background-image: url("../img/arr-right-black.png");}
.submit .bg {
    display: block;
}

.thx_msg {
	margin: 0 0 25px;
	padding: 0 0 20px;
	border-bottom: 1px solid #E7E7E7;
}
.thx_msg h3 {
	margin: 0 0 20px;
}
.thx_msg p {
	line-height: 1.8;
	float: none;
}
.reg_form .success {
	margin: 0 0 25px;
}

/* Donation */
.intro .note {
	margin: 10px 0 25px;
}

.tab_switch_btn {
	overflow: hidden;
}
.tab_switch_btn a {
	border-top: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	padding: 9px 20px;
	float:left;
	display: inline-block; *display: inline; *zoom: 1;
	background: #F3F3F3;
}
.tab_switch_btn a:first-child {
	border-left: 1px solid #e7e7e7;
}
.tab_switch_btn .current {
	padding-right: 30px;
	background: url(../img/arr-down-white-solid.png) no-repeat right center #CF138B;
	color: #FFF;
}

.gift_to {
	padding: 12px 0 12px 18px;
	border-bottom: 1px solid #FFF;
	background: #F8F8F8;
}
.agree_stat label input,
.gift_to label input {
	vertical-align: top;
	display: inline-block; *display: inline; *zoom: 1;
}
.no-js .agree_stat label span,
.no-js .gift_to label span {
	width: 94%;
	display: inline-block; *display: inline; *zoom: 1;
}
.fund_genre {
	margin: 0;
	overflow: hidden;
}
.fund_genre ul {
	margin: 0;
	padding-left: 25px;
	overflow: hidden;
}
.fund_genre ul > li {
	width: 24%;
	margin: 2px 0 2px 3px;
	/* height: 40px; */
	float: left;
	display: block;
	overflow: hidden;
}
.fund_genre ul > li.left {
	clear: left;
}
.no-js .fund_genre ul > li span {
	width: 79%;
	display: inline-block; *display: inline; *zoom: 1;
}
.fund_genre .has-pretty-child label { width: 120px;}
.ask_amount {
	padding: 12px 18px;
	border-bottom: 1px solid #E7E7E7;
	background: #FBE7F3;
}
.ask_amount label { line-height: 24px;}
.ask_amount .error {text-transform: none; padding: 0 0 0 118px; font-size: 14px;}
.ask_amount input[type="text"] {
	width: 150px;
	padding: 4px;
	background: #FFF;
}
.ask_amount .currency {
	margin: 0 8px 0 24px;
}

.agree_stat {
	margin: 0 0 50px;
	padding: 20px 0 20px 18px;
	border-bottom: 1px solid #E7E7E7;
}
.agree_stat .has-pretty-child label { width: 620px;}
.reg_form .txt_col { font-size: 26px;}
.reg_form .tab_content {
	height: 0;
	padding:0;
	border: 0;
	overflow:hidden;
}
.reg_form .tab_content.active {
	height: auto;
	padding: 18px;
	border: 1px solid #E7E7E7;
	overflow:hidden;
}
.reg_form .tab_content h4 { color: #CF138B; background: no-repeat;}
.tab_content .note {
	margin: 0;
	padding: 5px 0 10px;
}

.reg_field .fill_info #email,
.fill_info input[type="text"] {
	width: 155px;
}
.fill_info .faddress {
	width: 400px;
	height: 72px;
}
.reg_field .fill_info input[type="text"].ffax {
	margin-left: 13px;
}
.fill_info + p.note {
	margin: 0 0 20px;
}


/*Ben 20131016*/
#skiptocontent:focus {top: 0;left: 0;width: auto;height: auto;background-color: #000; color:#fff; padding: 0 2px;}
#main_content {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
/*jw AA*/
.jw_control {position: absolute; height: 0; width: 0; overflow: hidden; bottom: 0; font-size: 12px;}
.jw-play:focus, .jw-mute:focus {right: 0; height: auto; width: auto; z-index: 9999; background: #000; color: #fff;  padding: 0 2px;}
/*
 *:focus {outline: solid 2px #fdd600;}
*/

/*header*/
#school-header {position: fixed; z-index: 6; top: 110px; width: 100%; height:34px; overflow:hidden; background-image:url('../img/school-header-library.jpg'); background-position: center top; background-repeat: no-repeat; background-color: #e1e1e1; left: 0;}
#school-header.unit-dance {background-image:url('../img/school-header-dance.jpg');}
#school-header.unit-music {background-image:url('../img/school-header-music.jpg');}
#school-header.unit-co {background-image:url('../img/school-header-co.jpg');}
#school-header.unit-drama {background-image:url('../img/school-header-drama.jpg');}
#school-header.unit-gec {background-image:url('../img/school-header-gec.jpg');}
#school-header.unit-ftv {background-image:url('../img/school-header-film.jpg');}
#school-header.unit-tea {background-image:url('../img/school-header-tea.jpg');}
#school-header.unit-las,#school-header.unit-language,#school-header.unit-pae {background-image:url('../img/school-header-library.jpg');}

/*wrapper*/
#content.bgCom1 {background: url("../img/bg-common1.jpg") repeat center top fixed}
#content.bgCom2 {background: url("../img/bg-common2.jpg") repeat center top fixed}
#content.bgCom3 {background: url("../img/bg-common3.jpg") repeat center top fixed}
#content.bgCom4 {background: url("../img/bg-common4.jpg") repeat center top fixed}
#content.bgCom5 {background: url("../img/bg-common5.jpg") repeat center top fixed}

#content.unit-dance {background: url("../img/bg-gallery.jpg") repeat center top fixed}
#content.unit-music {background: url("../img/bg-inner-music.jpg") repeat center top fixed}
#content.unit-co {background: url("../img/bg-inner-co.jpg") repeat center top fixed}
#content.unit-tea {background: url("../img/bg-tea.jpg") repeat center top fixed}
#content.unit-ftv {background: url("../img/bg-film.jpg") repeat center top fixed}
#content.unit-drama {background: url("../img/bg-drama.jpg") repeat center top fixed}

/*left nav*/
.scholl-dacnce .top_nav > ul > li.current > a {border-color: #a40bc0;}

/*inner page*/
.inner_page #content.with-school-header {padding-top: 144px;}
.inner_page #content.with-school-header .main_content {margin-top: 39px;}

/*school dance*/
.unit-dance .tab_switch_btn a:hover, .unit-dance .tab_switch_btn .current {background-color: #a40bc0;}
.unit-dance .media-content .media-list {background-color: #a40bc0}
.unit-dance .plus-block {color:#a40bc0 }
/*gallery*/
.galleryDetail { min-height: 300px; margin: 23px 0 18px;padding: 30px; overflow: visible; background: #FFF; position:relative;}

.border-btn-icon {border:1px solid #7b7b7b; padding: 0 10px 0 25px; display:inline-block; height: 20px;}
.border-btn-icon.goto {background:url('../img/icon-goto.png') 9px 3px no-repeat;}
.tags {padding: 15px 0 0 0; }
.galleryDetail .tab_content {padding: 40px 17px 0; height: auto; border: 1px solid #E7E7E7; overflow: hidden;}
.img-container {position: relative; overflow: hidden; background-color: #efeded; margin: 0 6px 32px; float:left; vertical-align:middle; width: 155px; height: 155px; text-align: center; line-height: 155px; }
.img-container img {margin: 0 auto; vertical-align: middle; max-height: 155px; max-width: 155px;}
.img-container .hide {display: block; overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.gallery .filter_search_area {clear: both; margin-top: 15px; float: none;}

.to_event_btn {height: 0px ; width: 450px; margin-bottom: 40px; *margin-bottom: 30px; position: relative; z-index: 3; *zoom:1;}
.to_event_btn .border-btn-icon {position: absolute; top: 0; left: 0;}
.to_event_btn:hover #event_link_menu {display: block;}
.to_event_btn:hover .border-btn-icon {background-color: #393939; background-position: 9px -21px; color: #ffffff;}
#event_link_menu { display: none; min-width: 150px; max-width:400px; background: #fff4fa; padding: 0; position: absolute; left: 20px; top: 22px; }
#event_link_menu a {display: block; padding: 8px 15px;  text-transform: uppercase; font-weight: bold; font-size: 12px; color: #7d7d7d;}
#event_link_menu a:hover {color: #fff; background-color: #393939;}
#event_link_menu li:first-child {border-top: 0;}
#event_link_menu li {border-top: 1px solid #fff;}

/*gallery-landing*/
.gallery_box_area {overflow:hidden; }
.gallery_box {background-color: #fff; margin-bottom: 13px; position:relative; }
.gallery_box .gallery_box_content_area {padding: 18px 18px 0px;}
.gallery_box img {display:block; max-width: 100%;}
.gallery_box .imgWrapper {position:relative; min-height: 60px; }
.gallery_box .media-content {position: absolute; z-index:2; bottom:20px; left:20px; }
.gallery_box .block_size {text-indent: -9999px; display:block; position:absolute; top:0; left:0; background:url('../img/spacer.gif') left top no-repeat; width:100%; height:100%; z-index:3; }


/*user info*/
.user {background: url('../img/donation_bg.jpg') center top fixed no-repeat;}
.user_info {min-height: 300px; margin: 23px 0 18px; padding: 30px; overflow: hidden; background: #FFF;}
.user_message > p {color:#ff0000;}
.user_box {background: url('../img/dot_img.png') bottom right no-repeat #4e4e4e; min-height: 210px; padding: 20px; position: relative; margin: 0 0 10px;}
.user_box .user_name {display: inline-block; }
.user_box .student_id { border:1px solid #f8dcee; padding: 2px 5px; display: inline-block; position: relative; top: -5px;}
/*.isIE_n8 .user_box .student_id {padding: 4px 5px 0; }*/
/*body:not(:-moz-handler-blocked) .user_box .student_id {padding: 4px 5px 0;}*/
.user_box .type {padding: 3px 8px; margin: 12px 0px 7px; background: #fff; display: inline-block;}
/*.isIE_n8 .user_box .type { padding: 5px 8px 1px;}*/
/*body:not(:-moz-handler-blocked) .user_box .type {padding: 5px 8px 1px;}*/
.user_box .item_row {padding: 2px 170px 2px 0}
.db_line {margin: 0px 10px; display: inline-block; text-indent: -2000em; background: url(../img/doubleLine.png) center center no-repeat; width: 5px; }
.user_head {position: absolute; top: 0; right: 0; height: 165px; width: 165px;}
.user_head .block_size {text-indent: -9999px; display:block; background:url('../img/spacer.gif') left top no-repeat; position:absolute; top:0; left:0; width:100%; height:100%; z-index:3;}
.user_head img {max-height: 100%; max-width: 100%; display: block;}
.user_head .plus-box {position: absolute; bottom: 0; left: 0; z-index: 1;}

/*user update information form*/
.alumni .reg_field, .talent .reg_field {padding-top: 20px;}
.alumni .reg_field ul.row > li.left_label, .talent .reg_field ul.row > li.left_label {padding-right: 15px; width: 120px;}
.alumni .reg_field ul.row > li.left_label:first-child, .alumni .reg_field ul.row > li.clear + li.left_label,
.talent .reg_field ul.row > li.left_label:first-child, .talent .reg_field ul.row > li.clear + li.left_label {width: 145px; padding-right: 0px;}
.alumni .alias_form.reg_field ul.row > .left_label, .talent .alias_form.reg_field ul.row > .left_label {width: 200px;}
.alumni .fill_info .faddress, .talent .fill_info .faddress {width: 210px;}
.alumni .reg_field .fill_info #email, .talent .reg_field .fill_info #email {width: 210px;}
.alumni .reg_field .fill_info input[type="text"], .alumni .reg_field .fill_info input[type="password"],
.talent .reg_field .fill_info input[type="text"], .talent .reg_field .fill_info input[type="password"] {width: 140px; margin-left: 0;}

.reg_field_remarks {width: 435px; }
.subscript_box {background: #fef4fa; padding: 15px 20px 30px; margin: 0 0 20px;}
.reg_field .submit_remark {display: inline-block; margin-left: 10px; }
div.submit:hover, div.submit {background-color: #DDD; }

/*job posting*/
.tableCont {margin-top: 20px;}
.job_list .reg_field {padding-top: 20px;}
.job_list .reg_field ul.row > li:first-child { padding-left: 85px; width: 120px;}
.job_list #job_title {width: 380px;}
.job_list #post_date {width: 125px;}
.job_list #job_desc {width: 380px; height: 150px;}
.job_list #address {width: 380px; height: 40px;}

/*job opportunites*/
.job_page {background: #fff; padding: 30px; clear: both; margin-bottom: 20px; min-height: 300px;}
.job_cur_list {margin-bottom: 35px}
.job_cur_list th, .job_cur_list td {padding: 15px 20px; border-bottom: 1px solid #e7e7e7; vertical-align: top;}
.job_cur_list .title {width: 430px;}
.job_cur_list .type {width: 145px;}
.job_cur_list .ref {width: 95px;}
.job_cur_list .date {width: 105px;}
.job_cur_list tr:nth-child(odd) {background: #fbfbfb;}

.dl_box {background: #fff4fa; padding: 20px; overflow: hidden;}
.dl_box .icon-doctype, .cke_editable .icon-doctype{padding: 0 5px 0 22px; margin: 0 20px 0 0; line-height: 20px; width: auto; float: left;}
.dl_container {float: left; overflow: hidden; border-left: 1px solid #ebe2e7; padding: 0 0 0 35px;}
.dl_container:first-child {border-left: none; padding-left: 0; padding-right: 35px;}

.job_detail_page {background: #fff; padding: 30px; clear: both; margin-bottom: 20px; min-height: 300px;}
.job_detail_page .dl_box {background: #4e4e4e;  margin: 0 0 25px; float: left;}

.application_details {background: #fff4fa; padding: 20px; }

.go-back.inpage {float: left; margin-bottom: 15px; background-color: #000;  }
.go-back.inpage .bg {color: #fff;background-image:url('../img/arr-left-white.png')}


/*register*/
.user_register {background: #ffffff; padding: 30px; clear: both; margin-bottom: 20px; min-height: 300px;}
.user_register .fill_info {padding-bottom: 20px;}
.user_register .reg_field ul.row > li.left_label {padding-right: 15px;}
.user_register .reg_field ul.row > li.left_label:first-child, .user_register .reg_field ul.row > li.clear + .left_label  {width: 145px; padding-right: 0px;}
.user_register .remark {/*max-width: 460px;*/ display: inline-block}
.user_register #home_address, .user_register #gi_business_address {width: 330px; height: 60px;}
.user_register #pitel, .user_register #pifax {width: 110px;}
.user_register #stu_id {width: 100px;}
.user_register #gi_company_name_eng, .user_register #gi_company_name_chi {width: 310px;}
.user_register #li_pw {margin-right: 25px;}
.user_register #li_pw, .user_register #li_repw { width: 210px;}
.terms_box {margin: 25px 0px 25px;}
.terms_box .terms_agree  {background: #fff4fa; border-bottom: 1px solid #ffffff; padding: 5px 15px;}
.terms_box .terms_detail {background: #f7f7f7; padding:20px 15px;}

/*employer update info*/
.employer_info {min-height: 300px; margin: 23px 0 18px; padding: 30px; background: #FFF;}


/*news*/
.inner_page .touchcarousel .touchcarousel-wrapper {height: auto;}
.news .series_link {margin-bottom: 0; background: url('../img/dot_img.png') bottom left #cf138b;}
.news .unit-dance .series_link { background-color: #a40bc0}
.news .unit-drama .series_link { background: url('../img/dot_img_5percent.png') bottom left #0e4a57 }
.news .unit-music .series_link { background: url('../img/dot_img_5percent.png') bottom left #916806 }
.news .unit-gec .series_link { background-color: #1c2cc7 }
.news .unit-ftv .series_link { background-color: #b93a04 }
.news .unit-co .series_link { background: url('../img/dot_img_5percent.png') bottom left #5d7d2e }
.news .unit-tea .series_link { background-color: #c60054 }

.news_box_content_area { float: left; padding: 20px 40px 20px 20px; width: 485px; }

.news_series_area {min-height: 230px;}
.news_series_content_area {float: left; padding: 20px; width: 495px; }
.news_series_content_area.series_content_full {width: auto; display: block;}
.news_series .slide {width: 765px; height: 230px;}


/*.news_series.touchcarousel {background-color: transparent; width: auto; overflow: hidden; text-align: left; margin: 0 0 65px;}
.news_series.touchcarousel .touchcarousel-wrapper {margin-left: 0; height: 230px; overflow: hidden;}
.news_series.touchcarousel .touchcarousel-item {margin-right: 0;}
.news_series.touchcarousel .arrow-holder {position: absolute; background: #ffffff;}
.news_series.touchcarousel .arrow-left {left: auto; right: 35px;}
.news_series.touchcarousel .arrow-right {left: auto; right: 0;}
.touchcarousel-container {width: 10000px;}*/


.news_list { background: white; padding: 30px; clear: both; margin-bottom: 20px; }
.news_list .tableCont {margin-top: 0;}
.news_list .tableCont:last-child { margin-bottom: 0;}
.news_list th, .news_list td{ padding: 20px 15px; border: none;}
.news_list td,.news_list th { border-bottom: 1px solid #e7e7e7}
.news_list tr:nth-child(2n) { background-color: #fbfbfb}
/*.news_list tr:hover td { background-color: #cf138b}*/
.news_list .name { width: 430px;}
.news_list .grad_yr { width:80px;}

.news_list .icon-media {display: inline-block; position: relative; top: 1px; margin: 0 0 0 4px;}
.news_list tr:hover .icon-media.purple {background-position: 0px -34px;}

/*news detail*/
.news_detail_area {background: #fff; overflow: hidden; margin-bottom: 20px;}
.news_img img {display: block;}
.news_content_area {padding: 20px 40px 20px 20px; }
.news_content_area .txt_col {font-size: 24px; margin-bottom: 10px;}
.news_content_area .news_detail_section {margin: 10px 0 0;}


.news_detail_area .touchcarousel { width: 710px; padding-bottom: 40px; margin: 10px 0 70px 0; }
.news_detail_area .touchcarousel .arrow-holder { position: absolute; bottom: -31px;}
.news_detail_area .arrow-holder.arrow-left { right: 36px;}
.news_detail_area .arrow-holder.arrow-right { right: 0;}

/*.touchcarousel.video_slide .imgWrapper, .touchcarousel.audio_slide .imgWrapper { position: relative; display: block;}*/
.video_slide .play_mask, .audio_slide .play_mask {width: 100%; height: 100%;  display: block; position: absolute; top: 0; left: 0; z-index: 2; background: url(../img/play_thumb.png) center center no-repeat;}

#cboxLoadedContent {overflow: hidden;}
.playbtn { position: absolute; overflow: hidden; display: block; width: 0; height: 0; font-size: 0;}
.imgWrapper:hover .play_mask {background-image: url(../img/play_thumb_on.png)}

/*.touchcarousel.video_slide .imgWrapper {height: 135px;}*/
/*.touchcarousel.audio_slide .imgWrapper {height: auto;}*/

/*database filtering*/
.database {background: url('../img/inner_eventcalendar_bg.jpg') center top fixed no-repeat #f7f7f7;}
.database_info {background: #fff; padding: 30px; clear: both; margin-bottom: 20px; min-height: 300px;}
.database_info .intro { margin: 0 0 25px;}
.database_info .user_tit_area {margin:0 -18px 25px ; height: 32px; padding: 8px 0 3px; background-color: url('../img/charlist_bg.jpg')}

.database_info td {line-height: 1.5;}
.database_info .title {width: 130px;}
.database_info .desc {width: 268px;}
.database_info .type {width: 85px;}
.database_info .guide {width: 54px; }
.database_list td, .database_list th {padding: 15px 10px; border-bottom: 1px solid #e7e7e7; vertical-align: top;}

.database_info .desc > *:last-child {margin-bottom: 0 !important;}

.database_list .icon-doctype {float: left; margin: 0 5px 5px 0; display: inline-block;}
.database_list tr:nth-child(2n) { background-color: #fbfbfb}

.filter_box {overflow: hidden; margin-bottom: 20px;}
.filter_item {float: left; border: 1px solid #e8e8e8; display: block; padding: 2px; margin: 0 9px 9px 0; position: relative;}
.filter_item:nth-child(3n+3) {margin-right: 0;}
.filter_item > span { display: table-cell; vertical-align: middle; width: 180px; height: 36px;  padding: 2px 15px; line-height: 1;}
.filter_item.current > span, .filter_item:hover > span {background: #f2f2f2;}
/*common*/
textarea {resize: none; overflow: auto;}
input[type="text"] {vertical-align: top;}
select {vertical-align: top;}

/*media icon*/
.icon-media {width: 14px; height: 12px; display: block; background-position: 0 0;}
.icon-media.purple {background-position: 0px -67px;}
.icon-media.photo {background-image: url('../img/icon-photo-s.png')}
.icon-media.audio {background-image: url('../img/icon-audio-s.png')}
.icon-media.video {background-image: url('../img/icon-play-s.png')}

/*icon doctype*/
.icon-doctype {background: url(../img/icon-doctype.png); background-repeat:no-repeat; display: block; width: 20px; height: 20px;}
.icon-doctype.worddoc {background-position: -4px -3px;}
.icon-doctype.adpdf {background-position: -4px -27px;}
.icon-doctype.other {background-position: -4px -52px;}
.icon-doctype.video {background-position: -4px -75px;}

/*plus block*/
.plus-box {display: inline-block;}
a.plus-box {margin-bottom: 15px;}
.plus-block {width:28px; height:28px; color:#cf138b; background-color:#fff; overflow:hidden; font-size:20px; text-align:center; }
/*.isIE_n8 .plus-block {line-height: 34px;}*/
/*body:not(:-moz-handler-blocked) .plus-block {line-height: 34px;}*/
.plus-block-grey {width:28px; height:28px; display: block; color:#cf138b; background-color:#f2f2f2; overflow:hidden; font-size:20px; text-align:center;}
/*.isIE_n8 .plus-block-grey { line-height: 34px;}*/
/*body:not(:-moz-handler-blocked) .plus-block-grey {line-height: 34px;}*/
.plus-content {background: #cf138b; padding: 5px; display: inline-block; text-transform: uppercase;}
/*.isIE_n8 .plus-content { padding: 7px 5px 3px;}*/
/*body:not(:-moz-handler-blocked) .plus-content {padding: 7px 5px 3px;}*/
.index-row .plus-block-grey { float: right; display: block;}
.index-row .plus-content { clear: both; display: block;}
.media-content .media-list {background-color: #cf138b; overflow:hidden; }
.media-content .media-icon {padding: 5px 6px 5px 26px; float: left;}
/*.isIE_n8 .media-content .media-icon {padding: 7px 6px 3px 26px;}*/
/*body:not(:-moz-handler-blocked) .media-content .media-icon {padding: 7px 6px 3px 26px;}*/
.media-icon.photo {background: url('../img/icon-photo-s.png') 7px -27px no-repeat; }
.media-icon.video {background: url('../img/icon-play-s.png') 7px -27px no-repeat; }
.media-icon.audio {background: url('../img/icon-audio-s.png') 7px -27px no-repeat; }

/*tab addtion*/
.tab_switch_btn span {display:block;}
.tab_switch_btn a:hover { background-color: #cf138b; color: #fff; }
.tab_switch_btn .with-icon span {padding-left:27px; background-position:0 0; background-repeat: no-repeat; }
.tab_switch_btn a.with-icon:hover span, .tab_switch_btn .with-icon.current span {background-position: 0 -50px;}
.tab_switch_btn .photos span {background-image: url('../img/icon-photo.png');}
.tab_switch_btn .videos span {background-image: url('../img/icon-play.png');}
.tab_switch_btn .audios span {background-image: url('../img/icon-audio.png');}
.tab_content {height: auto; display: none; padding: 18px; border: 1px solid #E7E7E7; }
.tab_content.active {display: block;}

.tab_switch {margin: 0 0 20px;}
.tab_switch a {font-weight: bold; font-size: 17px; padding: 0 20px 0 20px; border-left: 1px solid #797979;}
.tab_switch a:first-child {padding-left: 0; border-left: 0;}
.tab_switch a:hover, .tab_switch a.current {color: #cf138b; }

.tab_content.tab_content_style2 {border: none; padding: 0;}
.tab_content.tab_content_style2 .tab_content {padding: 0;}

.pageSel {margin-top:20px;}

.col2 {width:380px; float:left; }
.col2:first-child {margin-right: 5px;}

/*form row addition*/
ul.row > li.other_label {padding-left: 18px; padding-right: 15px;}
ul.row > li.clear {display: block; padding: 0; }
ul.row > li.db_row_top {padding-bottom: 5px;}
ul.row > li.db_row_bot {padding-top: 5px;}

/*container for general indent section*/
.indent_box {padding-left: 15px;}

/*diagbox*/
.dialog_icon {display: inline-block; vertical-align: top; margin: 0 0 0 1px;  background: url('../img/icon-i.png') center center no-repeat #f3f3f3; height: 22px; width: 22px; }
.dialog_icon:hover + .dialog_container .dialog_box, .dialog_icon:focus + .dialog_container .dialog_box {display: block;}
.dialog_container {display: inline-block; vertical-align: top; width: 0px; height: 22px; overflow: visible; position: relative;}

.dialog_box {display: none; position: absolute; left: -130px; bottom: 25px; width: 190px; padding: 8px 20px; text-align: center; background: #ffffff; border: 1px solid #6d6d6d;}
.dialog_box .tri_an {position: absolute; left: 50%; bottom: -6px; margin-left: -8px; background: url('../img/dialog_tri.png'); height: 6px; width: 15px;}
/*disc list item*/
ul.disc_list li {padding-bottom: 10px;}

/*plugin*/
.ui-datepicker-trigger {cursor: pointer;}
/*.sbHolder:focus {outline: solid ; outline-color: #ff0000; outline-width: 2px;}*/
/*body:not(:-moz-handler-blocked) .jwdisplayIcon[id$="display_button"] {display: none !important; opacity: 0; visibility: hidden;}*/

/*prettycheckable*/
.reg_field .prettycheckbox, .subscript_box .prettycheckbox { display: block;}
.reg_field .prettyradio {display: block;}

/*Ben End 20131016*/


/*Index ---  Ben*/
.index #content {padding-top: 40px; background: #fff}
.index #header {width: 100%; height: 0px; background: url(../img/header_logo_bg1.png) repeat; position: absolute; overflow: visible !important; z-index: 99}
.index #header h1 {position: absolute; margin-left: -480px; top: 0; left: 50%;}


#announcement {background: url(../img/announcement_bg.jpg) #cd19a0 bottom center no-repeat; display: none; }
.announcement-container {width: 960px; margin: 0 auto; padding: 50px 0 10px; height: auto; overflow: hidden; position: relative;}
.announcement-title {float: left; width: 210px; padding: 0 0 0 30px; background: url(../img/icon-cloud.png) 0px 5px no-repeat;}
.announcement-area {float: left;  width: 720px; }
.announcement-box {padding: 0 0 30px; overflow: hidden;}
a.more-btn {display: block; padding: 5px 20px; background: #fff; float: left;}
a.cross-pink {width: 27px; height: 27px; text-indent: -9999px; background: url(../img/cross_pink.png) #fff center center no-repeat;}
#announcement .cross-pink {position: absolute; top: 0; right: 0;}
#announcement a.more-btn {margin: 5px 0 0;}
.announcement-content-box {display: none; width: 660px;  background: #cf138b; padding: 35px 15px 40px; }
#colorbox .announcement-content-box  {display: block;}


#index_banner_section {height: 528px; width: 100%; padding: 0 0 0; margin: 0 0 0;  position: relative; z-index: 9; background: #000000; }
.index_banner_border {width: 100%; height: 7px; background: url(../img/indexbanner_border.jpg) bottom center #000000;  margin: 0 0 30px;}
.banner-slider {margin: 0; position: relative; height: 528px; padding: 0; overflow: hidden; }
.banner-slider > li {height: 528px; overflow: hidden; float: left; width: 100%;  visibility: hidden; display: none;}
.banner-slider > li:first-child {display: block;}
.banner-slider > li:first-child .main_bg_full, .banner-slider > li:first-child .main_bg {visibility: visible;}
.banner-slider > li.anni_30 .main_bg {visibility: hidden;}

#index_banner_section .bx-wrapper {height: 528px;}

#index_banner_toggleBtn { display: none; width: 30px; height: 30px; background: #000; background: rgba(0, 0, 0, 0.6); position: absolute; left: 50%; top: 478px; margin-left: -480px; z-index: 200;}
#index_banner_toggleBtn a { display: block; text-indent: -9999px; overflow: hidden; height: 100%; width: 100%;}
#index_banner_toggleBtn .pause { background: url('../img/index_control.png') left top no-repeat;}
#index_banner_toggleBtn .play { background: url('../img/index_control.png') left -30px no-repeat;}
#index_banner_toggleBtn .pause {display: none;}
#index_banner_toggleBtn .play {display: block;}
#index_banner_toggleBtn.pause .pause {display: block;}
#index_banner_toggleBtn.pause .play {display: none;}

.banner-slider .main_body,
.banner-slider .light_l, .banner-slider .light_l_common,
.banner-slider .light_r, .banner-slider .light_rdot, .banner-slider .light_r_common {
  position: absolute;
  visibility:hidden;

}

.banner-slider .light_l, .banner-slider .light_l_common,
.banner-slider .light_r, .banner-slider .light_rdot, .banner-slider .light_r_common {
  left: 50%;
}

.light_l {width: 623px; height: 528px; margin: 0 0 0 -790px; top: 0; background-position:top center;}
.light_l.active {top: auto; bottom: 0; background-position: bottom center;}
.light_l_common {width: 268px; height: 125px; bottom: 0; margin: 0 0 0 -520px; background: url(../img/index_banner/school_l_common.png) center center no-repeat; z-index: }
.light_r {width: 999px; height: 567px; margin: 0 0 0 -20px; bottom: 0; background-position:bottom center;}
.light_r.active {top: 0; bottom: auto; background-position: top center;}
.light_rdot {width: 788px; height: 567px;  margin: 0 0 0 125px; top: 0;}
.light_r_common {width: 697px; height: 558px;  margin: 0 0 0 260px; top: 0; background: url(../img/index_banner/school_r_common.png) top center no-repeat;}
.main_bg {position: relative; height: 528px;  visibility:hidden;  }
.main_body {position: absolute; left: 50%; overflow: hidden; z-index: 3;}
.main_body img {display: block;}

.banner-co .light_l{background-image: url(../img/index_banner/school_co_light_l.png) }
.banner-co .light_r{background-image: url(../img/index_banner/school_co_light_r.png)}
.banner-co .light_rdot{background: url(../img/index_banner/school_co_light_rdot.png) top center no-repeat;}
.banner-co .main_bg { background: url(../img/index_banner/school_co.jpg) bottom center no-repeat; }
.banner-co .main_body {left: 50%; margin: 0 0 0 -540px;  bottom: -22px; width: 897px; height: 550px; }
.banner-co .main_body img{width: 100%; height: 100%;}

.banner-music .light_l{background-image: url(../img/index_banner/school_music_light_l.png) }
.banner-music .light_r{background-image: url(../img/index_banner/school_music_light_r.png)}
.banner-music .light_rdot{background: url(../img/index_banner/school_music_light_rdot.png) top center no-repeat;}
.banner-music .main_bg { background: url(../img/index_banner/school_music.jpg) top center no-repeat; }
.banner-music .main_body {left: 50%; margin: 0 0 0 -220px;  top: -20px; width: 723px; height: 568px;}
.banner-music .main_body img{width: 100%; height: 100%;}

.banner-dance .light_l{background-image: url(../img/index_banner/school_dance_light_l.png) }
.banner-dance .light_r{background-image: url(../img/index_banner/school_dance_light_r.png)}
.banner-dance .light_rdot{background: url(../img/index_banner/school_dance_light_rdot.png) top center no-repeat;}
.banner-dance .main_bg { background: url(../img/index_banner/school_dance.jpg) top center no-repeat; }
.banner-dance .main_body {left: 50%; margin: 0 0 0 -90px; bottom: 10px; width: 519px; height: 511px;}
.banner-dance .main_body img{width: 100%; height: 100%;}

.banner-drama .light_l{background-image: url(../img/index_banner/school_drama_light_l.png) }
.banner-drama .light_r{background-image: url(../img/index_banner/school_drama_light_r.png)}
.banner-drama .light_rdot{background: url(../img/index_banner/school_music_light_rdot.png) top center no-repeat;}
.banner-drama .main_bg { background: url(../img/index_banner/school_drama.jpg) top center no-repeat; }
.banner-drama .main_body {left: 50%; margin: 0 0 0 -420px;  bottom: 0; width: 813px; height: 443px;}
.banner-drama .main_body img{width: 100%; height: 100%;}

.banner-ftv .light_l{background-image: url(../img/index_banner/school_ftv_light_l.png) }
.banner-ftv .light_r{background-image: url(../img/index_banner/school_ftv_light_r.png)}
.banner-ftv .light_rdot{background: url(../img/index_banner/school_ftv_light_rdot.png) top center no-repeat;}
.banner-ftv .main_bg { background: url(../img/index_banner/school_ftv.jpg) top center no-repeat; }
.banner-ftv .main_body {width: 1316px; height: 400px; bottom: 0; margin-left: -455px; z-index: 0; }
.banner-ftv .main_body img{width: 100%; height: 100%;}

.banner-tea .light_l{background-image: url(../img/index_banner/school_tea_light_l.png) }
.banner-tea .light_r{background-image: url(../img/index_banner/school_tea_light_r.png)}
.banner-tea .light_rdot{background: url(../img/index_banner/school_tea_light_rdot.png) top center no-repeat;}
.banner-tea .main_bg { background: url(../img/index_banner/school_tea.jpg) top center no-repeat; }
.banner-tea .main_body {width: 1200px; height: 483px; bottom: 0; margin-left: -525px; z-index: 0; }
.banner-tea .main_body img{width: 100%; height: 100%;}


/*banner 30*/
.layer_img_30 {position: absolute; left: 50%; }
.anni_30 .main_bg_full {z-index: 0; width: 100%; height: 528px; background-position: bottom center; position: absolute; top: 0; left: 0;}
.anni_30 .main_bg {z-index: 6; visibility: hidden;}
.anni_30 .text_container {position: absolute; left: 50%; z-index: 8; visibility:hidden; }
.anni_30 .desc_container {position: absolute; left: 50%; z-index: 8; visibility:hidden; }
.anni_30 .counter_role {position: absolute; left: 50%; z-index: 8; font-size: 100px; letter-spacing: -4px; text-align: right; line-height: 1; visibility: hidden;}
.anni_30 .img_1, .anni_30 .img_2, .anni_30 .img_3 {top: -530px;}
.anni_30 .explore_link {z-index: 11;}
.anni_30 .hole_bg {width: 650px; height: 575px; position: absolute; left: 50%; margin-left: -91px; bottom: 0; z-index: 0;}
/*transform*/
.anni_30_type_1 .main_bg_full {background-image: url(../img/index_banner/banner_30/30_transfrom_mask.jpg);}
.anni_30_type_1 .main_bg  {background: url(../img/index_banner/banner_30/30_transfrom_mask.png) bottom center no-repeat;}
.anni_30_type_1 .img_1 { margin-left: -91px; width: 637px; height: 397px; background: url(../img/index_banner/banner_30/30_transfrom_img01.png); z-index: 3;}
.anni_30_type_1 .img_2 { top: 768px;  margin-left: -87px; width: 711px; height: 280px; background: url(../img/index_banner/banner_30/30_transfrom_img02.png); z-index: 2;}
.anni_30_type_1 .img_3 { top: -320px; margin-left: -77px; width: 650px; height: 317px; background: url(../img/index_banner/banner_30/30_transfrom_img03.png); z-index: 1;}
.anni_30_type_1 .text_container { margin-left: -430px;  top: 195px; width: 325px; height: 150px; background: url(../img/index_banner/banner_30/title_transfrom.png);}
.anni_30_type_1 .desc_container { margin-left: -430px;  top: 443px; width: 347px; height: 65px; background: url(../img/index_banner/banner_30/title_transfrom_desc.png); }
.anni_30_type_1 .hole_bg {background: none; }
.anni_30_type_1 .counter_role {top: 345px; margin-left: -430px; text-align: left; color: #a9f7dc; }
.lang-tch .anni_30_type_1 .text_container, .lang-sch .anni_30_type_1 .text_container { margin-left: -450px;  top: 245px; width: 196px; height: 96px;}
.lang-tch .anni_30_type_1 .text_container { background: url(../img/index_banner/banner_30/tch/title_transform.png); }
.lang-sch .anni_30_type_1 .text_container { background: url(../img/index_banner/banner_30/sch/title_transform.png);}
.lang-tch .anni_30_type_1 .desc_container, .lang-sch .anni_30_type_1 .desc_container { margin-left: -450px;  top: 357px; width: 328px; height: 139px;}
.lang-tch .anni_30_type_1 .desc_container { background: url(../img/index_banner/banner_30/tch/title_transform_desc.png) }
.lang-sch .anni_30_type_1 .desc_container { background: url(../img/index_banner/banner_30/sch/title_transform_desc.png) }
.lang-tch .anni_30_type_1 .counter_role, .lang-sch .anni_30_type_1 .counter_role {top: 377px; margin-left: -450px; font-family: 'GillSansMT';}
/*.isIE_n8 .anni_30_type_1 .counter_role {top:359px;}*/
/*body:not(:-moz-handler-blocked) .anni_30_type_1 .counter_role {top: 354px;}*/
.anni_30_type_1 .img_1.active {top: 0;}
.anni_30_type_1 .img_2.active {top: 248px;}
.anni_30_type_1 .img_3.active {top: 211px;}
/*create*/
.anni_30_type_2 .main_bg_full {background-image: url(../img/index_banner/banner_30/30_create_mask.jpg);}
.anni_30_type_2 .main_bg  {background: url(../img/index_banner/banner_30/30_create_mask.png) bottom center no-repeat;}
.anni_30_type_2 .img_1 { margin-left: -91px; width: 665px; height: 422px; top: -430px; background: url(../img/index_banner/banner_30/30_create_img01.png); z-index: 1;}
.anni_30_type_2 .img_2 { margin-left: -90px; width: 635px; height: 217px; top: 528px; background: url(../img/index_banner/banner_30/30_create_img03.png); z-index: 4;}
.anni_30_type_2 .img_3 { margin-left: 116px; width: 396px; height: 173px; top: 528px; background: url(../img/index_banner/banner_30/30_create_img02.png); z-index: 2;}
.anni_30_type_2 .text_container { margin-left: -430px;  top: 265px; width: 361px; height: 70px; background: url(../img/index_banner/banner_30/title_create.png);}
.anni_30_type_2 .desc_container { margin-left: -220px;  top: 347px; width: 228px; height: 52px; background: url(../img/index_banner/banner_30/title_create_desc.png) }
.anni_30_type_2 .hole_bg {background: none; }
.anni_30_type_2 .counter_role {top: 335px; width: 230px; margin-left: -460px; color: #414141; }
.lang-tch .anni_30_type_2 .text_container, .lang-sch .anni_30_type_2 .text_container { margin-left: -450px;  top: 245px; width: 196px; height: 97px;}
.lang-tch .anni_30_type_2 .text_container { background: url(../img/index_banner/banner_30/tch/title_create.png); }
.lang-sch .anni_30_type_2 .text_container { background: url(../img/index_banner/banner_30/sch/title_create.png);}
.lang-tch .anni_30_type_2 .desc_container, .lang-sch .anni_30_type_2 .desc_container { margin-left: -450px;  top: 357px; width: 353px; height: 72px;}
.lang-tch .anni_30_type_2 .desc_container { background: url(../img/index_banner/banner_30/tch/title_create_desc.png) }
.lang-sch .anni_30_type_2 .desc_container { background: url(../img/index_banner/banner_30/sch/title_create_desc.png) }
.lang-tch .anni_30_type_2 .counter_role, .lang-sch .anni_30_type_2 .counter_role {top: 347px; width: 230px; margin-left: -390px; font-family: 'GillSansMT';}
/*.isIE_n8 .anni_30_type_2 .counter_role { top:348px;}*/
/*body:not(:-moz-handler-blocked) .anni_30_type_2 .counter_role {top: 343px;}*/
.anni_30_type_2 .img_1.active {top: 0;}
.anni_30_type_2 .img_2.active {top: 311px;}
.anni_30_type_2 .img_3.active {top: 224px;}
/*innovate*/
.anni_30_type_3 .main_bg_full {background-image: url(../img/index_banner/banner_30/30_innovate_mask.jpg);}
.anni_30_type_3 .main_bg  {background: url(../img/index_banner/banner_30/30_innovate_mask.png) bottom center no-repeat;}
.anni_30_type_3 .img_1 { margin-left: -92px; width: 664px; height: 525px; background: url(../img/index_banner/banner_30/30_innovate_img01.png); z-index: 2;}
.anni_30_type_3 .img_2 { top: 528px; margin-left: -85px; width: 660px; height: 371px; background: url(../img/index_banner/banner_30/30_innovate_img02.png); z-index: 3;}
.anni_30_type_3 .img_3 { top: 528px; margin-left: -275px; width: 711px; height: 197px; background: url(../img/index_banner/banner_30/30_innovate_img03.png); z-index: 4;}
.anni_30_type_3 .text_container { margin-left: -475px;  top: 265px; width: 480px; height: 70px; background: url(../img/index_banner/banner_30/title_innovate.png);}
.anni_30_type_3 .desc_container { margin-left: -265px;  top: 348px; width: 190px; height: 52px; background: url(../img/index_banner/banner_30/title_innovate_desc.png) }
.anni_30_type_3 .hole_bg {background: none; }
.anni_30_type_3 .counter_role {top: 335px; margin-left: -512px; width: 235px; color: #daebf1; }
.lang-tch .anni_30_type_3 .text_container, .lang-sch .anni_30_type_3 .text_container { margin-left: -475px;  top: 238px; width: 197px; height: 96px;}
.lang-tch .anni_30_type_3 .text_container { background: url(../img/index_banner/banner_30/tch/title_innovate.png); }
.lang-sch .anni_30_type_3 .text_container { background: url(../img/index_banner/banner_30/sch/title_innovate.png);}
.lang-tch .anni_30_type_3 .desc_container, .lang-sch .anni_30_type_3 .desc_container { margin-left: -472px;  top: 348px; width: 368px; height: 71px;}
.lang-tch .anni_30_type_3 .desc_container { background: url(../img/index_banner/banner_30/tch/title_innovate_desc.png) }
.lang-sch .anni_30_type_3 .desc_container { background: url(../img/index_banner/banner_30/sch/title_innovate_desc.png) }
.lang-tch .anni_30_type_3 .counter_role, .lang-sch .anni_30_type_3 .counter_role {top: 337px; margin-left: -424px; font-family: 'GillSansMT';}
/*.isIE_n8 .anni_30_type_3 .counter_role { top:347px;}*/
/*body:not(:-moz-handler-blocked) .anni_30_type_3 .counter_role {top: 342px;}*/
.anni_30_type_3 .img_1.active {top: 7px;}
.anni_30_type_3 .img_2.active {top: -4px;}
.anni_30_type_3 .img_3.active {top: 332px;}

.static_bg {width: 100%; height: 528px; background-position: top center; background-repeat: no-repeat;}

.school_desc_box {visibility: hidden; position: absolute; z-index: 10; text-align: right; overflow: hidden; bottom: 81px; right: 50%; margin-right: -480px; max-width: 380px;}
.school_desc_box .school_text_wrapper {padding: 20px 10px 15px; overflow: hidden; background-color: rgba(0, 0, 0, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000)"; }
.school_desc_box h3 {margin-bottom: 5px;}
/*.school_desc_box p {max-width: 230px;  float: right;}*/
.school_desc_box p {max-width: 244px;  float: right;}
.explore_link {visibility: hidden; display: block; position: absolute; bottom: 52px; right: 50%; margin-right: -480px; background: #000; padding: 5px 10px; z-index: 5; }
.banner_link:hover .explore_link {background: #393939;}

.banner_shadow {height: 105px; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 10; pointer-events: none; background: url(../img/banner_shadow.png) repeat-x; visibility: hidden;}

#index_banner_section .bx-viewport {height: auto !important;}
#index_banner_section .bx-controls {position: absolute;  right: 50%; margin-right: -480px; text-align: right; bottom: 30px; z-index: 60;}
#index_banner_section .bx-pager-item {float: left;}
#index_banner_section .bx-pager-link {display: block; float:left; overflow: hidden; color: transparent; line-height: 50; text-indent: -9999em; width:30px; height: 5px; margin:0 0 0 10px; background-image:url(../img/blank.png); background-color: rgba(255, 255, 255, 0.4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff)"; }
#index_banner_section .bx-pager-link:hover, #index_banner_section .bx-pager-link.active { background-color: rgba(255, 255, 255, 1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffffffff)";  }
#index_banner_section .bx-controls-auto {display: none;}

.index_pro_nav {position: absolute; top: 50px; left: 50%; margin-left: -265px; z-index: 80;}

.index_pro_nav > ul { margin: 9px 0 0; overflow: hidden; padding: 0; background: url('../img/index_menu_bg.png') top right repeat-y;}
.index_pro_nav li.menu { cursor: pointer; padding-top: 1px; background: url('../img/index_menu_border.png') top left repeat-x; }
.index_pro_nav > ul > li:first-child  { padding-top: 0; background: none;}
.index_pro_nav li.menu > a { background: url(../img/header_right_arrow.png) no-repeat right center; padding: 10px 35px 10px 15px; display: block; width: 95px; color: white; line-height: 1;}
.index_pro_nav li.menu.select > a { background-image: url(../img/header_right_arrow_on.png);}
.index_pro_nav li.menu.feature.select > a { background-image: url(../img/header_right_arrow_on_feature.png);}
.index_pro_nav li.menu > a:hover { color:#fff }
.index_pro_nav li.menu.select { background: #f5f5f5; }
.index_pro_nav li.menu.select a { border-color:transparent;  color: #555; }
.index_pro_nav li.menu.select > a { color: #6b2d75; }
.index_pro_nav .menu > a > span { color: #FFFFFF; text-transform: uppercase; line-height: 1em}
.index_pro_nav .menu.select > a > span { color: #6b2d75}
.index_pro_nav li.menu .jspVerticalBar, .index_pro_nav li.menu .jspVerticalBar {cursor: pointer; }
.index_pro_nav li.menu .jspTrack, .index_pro_nav li.menu .jspTrack {background-image: none;}
.index_pro_nav .logo_set_sub_menu.show {top: 9px; left: 145px;}


.prospective_student_block {width: 570px; height: 210px; position: relative; margin-top: 70px;}
.prospective_student_block img {display: block; z-index: 0;}
.prospective_student_block > .psb_color_block {background-image: url(../img/prospective_students_bg.png); background-position: bottom right; background-repeat: no-repeat; background-color: rgba(166, 231, 226, 0.95); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#dda6e7e2, endColorstr=#dda6e7e2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dda6e7e2, endColorstr=#dda6e7e2)";  position: absolute; top: 0; right: 0;}
.psb_color_block {width: 330px; z-index: 2; overflow: hidden; padding: 20px; }
.psb_color_block div {margin-top: 0 !important;}
.psb_color_block ul {width: 150px; padding-left: 0 !important; margin: 0 !important; list-style: none !important;}
.psb_color_block li {padding: 0 0 5px !important; list-style: none !important;}

.index-row {position: relative; }
.index-row.visible-row {overflow: visible;}
.index-col-left {float: left; margin-right: 15px;}
.index-col-right {float: right;}
.menu_row { width: 375px;}


.chairman-block {width: 373px; height: 210px; border: 1px solid #53276a; position: relative; overflow: hidden;}
.chairman-block img { position: absolute; z-index: 3; bottom: 0; left: -24px;}
.cb-bg {height: 65px; width: 100%; bottom: 0; left: 0; background: #20271e; position: absolute;}
.cb-quote {font-size: 14px; line-height: 1.4; color: #686868;  position: absolute; left: 151px; right: 30px; top: 43px; z-index: 4;}
.cb-quote-begin, .cb-quote-end {width: 20px; height: 14px; position: absolute;}
.cb-quote-begin {left: -27px; top: 0; background: url(../img/quote-begin.jpg);}
.cb-quote-end {right: -22px; bottom: 3px; background: url(../img/quote-end.jpg);}
.cb-text {color: #fff; z-index: 5; font-size: 17px; font-weight: 700; position: absolute; bottom: 6px; right: 5px; left: 151px; line-height: 1;}
.play-video-block {height: 35px; background: #47a3a6; position: absolute; top: 1px; right: 1px; z-index: 6; color: #fff; font-size: 14px;}
.play-video-block:hover, .play-video-block:focus {background: #2c7779;}
.play-video-block .play {background: url('../img/index_control.png') 4px -28px no-repeat #000; height: 35px; width: 35px; float: left; }
.play-video-block .text {display: block; overflow: hidden;    white-space: nowrap; line-height: 36px; padding: 0 10px; color: #fff; font-weight: 700;}
.video-bottom {padding: 15px 15px 12px; text-align: center; background: #fff;}
.video-bottom .play-video-block {display: inline-block; position: static;}
.video-bottom .play-video-block .readmore {background-image: url('../img/apa-readmore.png'); background-position: center center;}
#video-popup {background: #000;}
#video-popup .youtubewrapper {width: 640px; background: #000;}
#video-popup .youtubecontent {position: relative; padding: 56.25% 0 0;}
#video-popup .youtubecontent iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#key_dates { position:  absolute; z-index: 8; height:0; width:570px;}
#key_dates .date_container {width: 365px; height: 0; position: absolute;}
.key_date_btn {padding: 5px 40px 0 10px; height: 33px; text-transform: uppercase;  background: url(../img/icon-calendar.png) center right no-repeat #cf138b; float: right;}
.key_date_btn:hover {color: #fff;}
/*.isIE_n8 .key_date_btn { padding: 8px 40px 0 10px; height: 30px;}*/
/*body:not(:-moz-handler-blocked) .key_date_btn {padding: 8px 40px 0 10px; height: 30px;}*/
.js-tablet #key_dates:hover #key_dates_menu, .js-desktop #key_dates:hover #key_dates_menu, #key_dates.show #key_dates_menu {top: 35px; right: 0px; visibility: visible;}
.js-tablet #key_dates:hover #key_dates_menu {top: 33px;}
.js-tablet #key_dates:hover > a, .js-desktop #key_dates:hover > a, #key_dates.show > a {color: #fff; background-color: #393939;}
#key_dates_menu {position: absolute; z-index: 3; padding: 0; top: -9999px; width: 250px; visibility: hidden; margin-right: 0;}
#key_dates_menu a {display: block; padding: 8px 15px; background: #fff4fa; text-transform: uppercase; font-weight: bold; font-size: 12px; color: #7d7d7d;}
#key_dates_menu a:hover {color: #fff; background-color: #393939;}
#key_dates_menu li {border-top: 1px solid #fff;}
#key_dates_menu li:first-child {border-top: none;}

.index .banner_box1 {position: relative; right: -195px; z-index: 6;}
.banner_box1 {background-color: transparent; margin: 0; width: 375px; height: 140px; position: relative;}
.banner_box1 .bxSlider {width: 10000px; padding: 0; margin: 0;}
.banner_box1 .list-item {float: left; min-width: 375px; min-height: 140px;}
.banner_box1 .bx-wrapper {position: relative;}
.banner_box1 .bx-pager {width: 100%; position: absolute; right: 0; top: -18px;}
.banner_box1 .bx-pager-item {display: inline}
.banner_box1 [class*=bx-pager] a { width: 12px; height: 12px; display: block; float: left; background: url(../img/dots.png) -27px -93px no-repeat; text-indent: -9999px; margin: 0 3px;}
.banner_box1 [class*=bx-pager] .active, .slider [class*=bx-pager] a:hover {background: url(../img/dots.png) -49px -93px no-repeat #cf138b; }
.banner_box1 .bx-controls-auto, .banner_box1 .bx-controls-direction {display: none;}

.index .index-row { margin-bottom: 15px;}
.index .index-row:last-child {margin-bottom: 0;}
.index-row img {display: block;}

.perform_white {width: 375px; overflow: hidden; background: #f4f4f4; position: relative;}
/* .perform_white .title_block {width: 135px; min-height:92px; max-height: 305px; position: absolute; bottom: 0; right: 0; background: url(../img/perform_white_block.png) top left ; padding: 10px 20px 20px;} */
.perform_white .title_block {width: 135px; min-height:32px; max-height: 305px; position: absolute; bottom: 0; right: 0; background: url(../img/perform_white_block.png) top left ; padding: 2px 20px 2px;}
.perform_white .list-item {min-width: 375px; min-height: 250px;}
.perform_white .list-item .event_type {display: none;}
.perform_white .bxslider {margin:0; padding: 0; overflow: hidden}
.perform_white .bxslider .list-item {position: relative; margin: 0; float: left;}
.perform_white .bxslider .list-item img {display: block;}
.perform_white .tag_block {position: relative; text-transform: uppercase;}
.perform_white .tag_block span { background: #484848; display: inline-block; padding: 5px 10px;}
/*.isIE_n8 .perform_white .tag_block span { padding: 7px 10px 2px;}*/
/*body:not(:-moz-handler-blocked) .perform_white .tag_block span {padding: 7px 10px 2px;}*/
.perform_white .plus-box {position: absolute; left: 20px; bottom:45px; margin: 0; max-width: 105px}
.perform_white .bxslider {width: 10000px;}
.perform_white .bx-controls {height: 35px; position: relative;}
.perform_white .bx-pager {text-align: left; margin: 0 auto;  position: relative; padding: 11px 0 0;}
.perform_white [class*=bx-pager] .bx-pager-link { width: 12px; height: 12px; display: block; float: left; background: url(../img/dots.png) -71px -49px no-repeat; text-indent: -9999px; text-indent: -9999px; margin: 0 5px;}
.perform_white [class*=bx-pager] .active, .slider [class*=bx-pager] a:hover { background: url(../img/dots.png) -27px -71px no-repeat #6a6a6a;}
.perform_white .bx-prev {width: 32px; height: 35px; background: url(../img/arrow-gallery-control.png) center 0px no-repeat; border-right: 1px solid #e2e2e2; left: 0; top: 0; display: block; position: absolute; text-indent: -9999px;}
.perform_white .bx-prev.disabled {opacity: 0.3; filter:alpha(opacity=30);}
.perform_white .bx-next {width: 32px; height: 35px; background: url(../img/arrow-gallery-control.png) center -34px no-repeat; border-left: 1px solid #e2e2e2; right: 0; top: 0; display: block; position: absolute; text-indent: -9999px;}
.perform_white .bx-next.disabled {opacity: 0.3; filter:alpha(opacity=30);}
.perform_white .a_cover {position: absolute; width: 100%; height: 100%; display: block; z-index: 2; background: url(../img/blank.png); top: 0; left: 0;}
.oneSlide.perform_white [class*=bx-pager] .active, .slider [class*=bx-pager] a:hover { cursor: default; background: url(../img/dots.png) -5px -71px no-repeat #6a6a6a;}


.perform_black {width: 375px; overflow: hidden; background: #000000; position: relative; }
.perform_black .title_block {width: 135px; min-height: 90px; max-height: 305px; position: absolute; bottom: 0; left: 0; background: #080808; padding: 10px 20px 20px;}
.perform_black .list-item {min-width: 375px; min-height: 335px;}
.perform_black .list-item .event_type {display: none;}
.perform_black .bxslider {margin:0; padding: 0; overflow: hidden;}
.perform_black .bxslider .list-item {position: relative; margin: 0; float: left;}
.perform_black .bxslider .list-item img {display: block;}
.perform_black .tag_block {position: relative; text-transform: uppercase;}
.perform_black .tag_block span {background: #ffffff; display: inline-block; padding: 5px 10px;}
/*.isIE_n8 .perform_black .tag_block span { padding: 7px 10px 2px;}*/
/*body:not(:-moz-handler-blocked) .perform_black .tag_block span {padding: 7px 10px 2px;}*/
.perform_black .plus-box {position: absolute; right: 25px; bottom: 45px; margin: 0; max-width: 144px;}
.perform_black .plus-content { max-width: 100px; height: 24px; clear: none; float: left;}
.lang-tch .perform_black .plus-content, .lang-sch .perform_black .plus-content { line-height: 24px;}
.perform_black .apa_logo_b {display: block; clear: both; float:left ;width: 34px; height: 34px; background: url(../img/apa_logo_s.png) center center no-repeat #000; }
.perform_black .bxslider {width: 10000px;}
.perform_black .bx-controls {height: 35px; position: relative;}
.perform_black .bx-pager {text-align: left; margin: 0 auto;  position: relative; padding: 11px 0 0;}
.perform_black [class*=bx-pager] .bx-pager-link  { width: 12px; height: 12px; display: block; float: left; background: url(../img/dots.png) -30px -5px no-repeat; text-indent: -9999px; margin: 0 5px;}
.perform_black [class*=bx-pager] .active, .slider [class*=bx-pager] a:hover { width: 12px; height: 12px; display: block; float: left; background: url(../img/dots.png) -74px -5px no-repeat #fff;}
.perform_black .bx-prev {width: 32px; height: 35px; background: url(../img/arrow-gallery-control.png) center 0px no-repeat; border-right: 1px solid #414141; left: 0; top: 0; display: block; position: absolute; text-indent: -9999px;}
.perform_black .bx-prev.disabled { opacity: 0.3; filter:alpha(opacity=30);}
.perform_black .bx-next {width: 32px; height: 35px; background: url(../img/arrow-gallery-control.png) center -34px no-repeat; border-left: 1px solid #414141; right: 0; top: 0; display: block; position: absolute; text-indent: -9999px;}
.perform_black .bx-next.disabled { opacity: 0.3; filter:alpha(opacity=30);}
.perform_black .a_cover {position: absolute; width: 100%; height: 100%; display: block; z-index: 2; background: url(../img/blank.png); top: 0; left: 0;}
.perform_black .perform_text_block {display: block; position: absolute; bottom: 0; left: 0; max-width: 155px; max-height: 150px; overflow: hidden; text-transform: uppercase; color: #ffffff; font-size: 21px; font-weight: bold; line-height: 1.2; padding: 15px 10px; background-color: rgba(0, 0, 0, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; }

.oneSlide.perform_black [class*=bx-pager] .active, .slider [class*=bx-pager] a:hover { cursor: default; background: url(../img/dots.png) -52px -5px no-repeat;}


.perform_white .bx-start, .perform_white .bx-stop, .perform_black .bx-start, .perform_black .bx-stop {margin:0 4px; display: block; float: left; width: 12px; height: 12px; overflow: hidden; text-indent: -999px; background: url('../img/pb_playstop.png');}
.perform_black .bx-stop { background-position: -15px 0;}
.perform_black .bx-start { background-position: -15px -15px;}
.perform_white .bx-stop { background-position: -1px 0;}
.perform_white .bx-start { background-position: -1px -15px;}

.perform_black .unit-30th-anniversary .a_cover , .perform_white .unit-30th-anniversary .a_cover { background: url(../img/perform_30_overlay.png) top center no-repeat;;}
.perform_white .bx-controls-auto-item, .perform_black .bx-controls-auto-item {/*display: none;*/}
.perform_white .bx-controls-auto-item .active , .perform_black .bx-controls-auto-item .active { display: none;}

.bx-prev.disabled, .bx-next.disabled {display: none;}

/*performace white block color code*/
.perform_white .color-1 .title_block h5 {color: #8209b0}
.perform_white .color-1 .plus-block-grey {color: #8209b0}
.perform_white .color-1 .plus-content {background-color: #8209b0;}

.perform_white .color-2 .title_block h5 {color: #cb4510}
.perform_white .color-2 .plus-block-grey {color: #cb4510}
.perform_white .color-2 .plus-content {background-color: #cb4510;}

.perform_white .color-3 .title_block h5 {color: #2d8203}
.perform_white .color-3 .plus-block-grey {color: #2d8203}
.perform_white .color-3 .plus-content {background-color: #2d8203 ;}

.perform_white .color-4 .title_block h5 {color: #cf138b}
.perform_white .color-4 .plus-block-grey {color: #cf138b}
.perform_white .color-4 .plus-content {background-color: #cf138b;}

.perform_white .color-5 .title_block h5 {color: #0876b3}
.perform_white .color-5 .plus-block-grey {color: #0876b3}
.perform_white .color-5 .plus-content {background-color: #0876b3;}

.perform_white .color-6 .title_block h5 {color: #c5001b}
.perform_white .color-6 .plus-block-grey {color: #c5001b}
.perform_white .color-6 .plus-content {background-color: #c5001b;}

/*performace black block color code*/
.perform_black .color-1 .title_block {background-color: #8209b0}
.perform_black .color-1 .plus-block-grey {color: #8209b0}
.perform_black .color-1 .plus-content {background-color: #8209b0;}

.perform_black .color-2 .title_block {background-color: #cb4510}
.perform_black .color-2 .plus-block-grey {color: #cb4510}
.perform_black .color-2 .plus-content {background-color: #cb4510;}

.perform_black .color-3 .title_block {background-color: #2d8203}
.perform_black .color-3 .plus-block-grey {color: #2d8203}
.perform_black .color-3 .plus-content {background-color: #2d8203;}

.perform_black .color-4 .title_block {background-color: #cf138b}
.perform_black .color-4 .plus-block-grey {color: #cf138b}
.perform_black .color-4 .plus-content {background-color: #cf138b;}

.perform_black .color-5 .title_block {background-color: #0876b3}
.perform_black .color-5 .plus-block-grey {color: #0876b3}
.perform_black .color-5 .plus-content {background-color: #0876b3;}

.perform_black .color-6 .title_block {background-color: #c5001b}
.perform_black .color-6 .plus-block-grey {color: #c5001b}
.perform_black .color-6 .plus-content {background-color: #c5001b;}

#tips_block { display: block;}
#tips_left {margin: 15px 0 -120px; display: block;     position: relative; z-index: 4;}

#sp_banner_wrap {border: 1px solid #4d7376; position: relative; width: 178px; }
#sp_banner_wrap .cb-quote {position: relative; left: auto; top: auto; right: auto; margin: 24px 20px 11px;  }
#sp_banner_wrap  .cb-quote-begin {left: -15px; top: -17px; }
#sp_banner_wrap  .cb-quote-end {right: -17px; bottom: -3px; }
#sp_banner_wrap  .cb-te {position: relative; bottom: auto; right: auto; top: auto; left: auto; background: #20271e; padding: 7px 12px; }
#sp_banner_wrap .cb-text {position: relative; bottom: auto; left: auto; right: auto; top: auto; padding: 10px 10px 5px; background: #20271e;  }
#sp_banner_wrap .cb-text:before {content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #fff transparent transparent transparent; top: 0; position: absolute; left: 10px; }
.sp_banner_banner {margin: 0 -1px -1px; }

#presenter {position: relative; float: right;}
#presenter .color_block {display: block; position: absolute; width: 100%; height: 100%; /*background: url(../img/present_block_bg.png) left top repeat-y;*/
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjcyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 72%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(72%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 72%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 72%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 72%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 72%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */
}
#presenter .ppl_title {position: absolute; bottom: 10px; left: 10px; width:140px; }
/*#presenter.color-1 .color_block {background-color: rgba(128, 0, 17, 0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb800011, endColorstr=#bb800011); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb800011, endColorstr=#bb800011)";}*/
/*#presenter.color-2 .color_block {background-color: rgba(17, 17, 17, 0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb111111, endColorstr=#bb111111); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb111111, endColorstr=#bb111111)";}*/


.index .bot_nav {position: relative; padding: 0;}


#icon_30th-anniversary {position: fixed; top: 575px; right: -5px; z-index: 60; width: 98px; height: 168px; background: url('../img/icon_anni_30.png'); display: block; color: #fff;}
#anni30_popup { display: none !important; width: 760px; top: 250px; left: 50%; margin-left: -380px; margin-top: -20px; position: absolute; z-index: 999; text-align: center; }
#anni30_popup h2 {font-weight: bold; text-transform: uppercase; color: #fff; font-size: 520%; line-height: 1; margin-bottom: 0;}
.lang-tch #anni30_popup h2, .lang-sch #anni30_popup h2 {font-weight: normal; font-size: 620%;}
#anni30_popup h3 {font-weight: normal; text-transform: uppercase; font-family: 'GillSansStdLight'; color: #fff; font-size: 520%; line-height: 1; margin-bottom: 0 }
#anni30_popup a.annni30_yes {text-transform: uppercase; color: #fff; display: block; margin: 25px auto 0; border: 1px solid #fff; width: 150px; height:118px; position: relative; }
.lang-tch #anni30_popup a.annni30_yes, .lang-sch #anni30_popup a.annni30_yes {width: 180px; height:160px; margin-top: 40px;}
#anni30_popup a.annni30_yes .row1 {font-size: 520%; font-family: 'GillSansStdLight'; line-height: 1; font-weight: lighter;}
.lang-tch #anni30_popup a.annni30_yes .row1, .lang-sch #anni30_popup a.annni30_yes .row1 {font-size: 300%; font-family: "Microsoft Jhenghei", "微軟正黑體", STHeiTi, "黑體", PMingLiU, "新細明體";}
#anni30_popup a.annni30_yes .row2 {font-size: 120%;; line-height: 1; font-weight: bold;}
#anni30_popup a.annni30_yes .yes_default, #anni30_popup a.annni30_yes .yes_hover {display: block; top: 0; left: 0; position: absolute; padding: 20px 0; width: 100%; }
.lang-tch #anni30_popup a.annni30_yes .yes_default, .lang-tch #anni30_popup a.annni30_yes .yes_hover, .lang-sch #anni30_popup a.annni30_yes .yes_default, .lang-sch #anni30_popup a.annni30_yes .yes_hover {padding: 62px 0px;}
#anni30_popup a.annni30_yes .yes_hover { z-index: 3;  display: none; background: #ffffff; color: #ae008d;}
#anni30_popup a.annni30_yes:hover .yes_hover {display: block; }
#anni30_popup a.close_btn {width: 35px; height: 35px; position: absolute; top: 0; right: 0; display: block; background-image: url(../img/cross.png); background-position: 0 -35px; text-indent: -9999px;}
#anni30_popup .background_block {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #ae008d; opacity: 0.95; filter:alpha(opacity=95); z-index: 1;}
#anni30_popup .pop_content {position: relative; z-index: 2; padding: 85px 0;}

/*Index End --- Ben*/



/*Talent Hire*/
#wrapper.talentSearch {background: url("../img/donation_bg.jpg") repeat center top fixed;}

.block_row {overflow: hidden;}
.main_content_full .login_section, .main_content_full .reg_section {width: 479px; height: 425px;}
.login_section, .reg_section { width: 382px; height: 340px; margin-bottom: 20px;}
.reg_section {float: right; }
.login_block, .reg_block {margin: -90px auto 0; display: block; width: 210px; height: 140px; padding: 20px 20px; position: relative; top: 50%; background-image: url(../img/blank.png)}

/*login block*/
.login_section {float: left; background: url(../img/login_section_bg.jpg) center top no-repeat; background-size: cover;}
.login_block {background-color: rgba(207, 19, 139, 0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ddcf138b, endColorstr=#ddcf138b); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ddcf138b, endColorstr=#ddcf138b)"; * -ms-filter:none; *filter:none; *background: url(../img/pink_trans_bg.png)}
.login_block h2 { margin-bottom: 12px; height: 31px;}
.login_block label {position: absolute; top: -9999px;}
.login_id, .login_pw  {font-size: 14px; height: 16px; margin: 0 0 5px; padding: 6px 8px 6px 23px; border: 1px solid #ac1175; color: #fff; background-repeat: no-repeat; background-color: rgba(172, 17, 117, 0.8); background-color:#ac1175\9;}
/*.login_id.val_error, .login_pw.val_error {border: 1px dotted #ffffff;}*/
.login_id {width: 146px; background-image: url(../img/icon-ppl.png); background-position: 6px 8px; float: left;}
.login_pw {width: 176px; background-image: url(../img/icon-key.png); background-position: 6px 8px; clear: both;}
.q_box {display: block ; position: absolute; bottom: 87px; right: 20px; color: #efefef; line-height: 30px; text-align: center; font-weight: bold; font-size: 14px; font-family: "arial"; height: 30px; width: 30px; margin-left: 1px; background-color: rgba(172, 17, 117, 0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88ac1175, endColorstr=#88ac1175); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#88ac1175, endColorstr=#88ac1175)";}
.q_box:hover, .q_box:focus {color: #efefef; background-color: #393939;}
input.black_btn {display: block; background-color: #272727; padding: 0px 8px; height: 22px; line-height: 22px; color: #fff; font-size: 12px; font-weight: bold; position: absolute; bottom: 10px; left: 20px; border: none; cursor: pointer; *float: left; *width: 75px; text-align: center;}
input.black_btn:hover {background-color: #393939;}
.login_section .pw_link {color: #fff; font-size: 11px; position: absolute; bottom: 10px; right: 20px;}

.talent_search .block_row {overflow: visible;}

.login_block p.val_error { position: absolute; text-align: right; right: 245px; width: 114px; background: url(../img/login_error_icon.jpg) bottom left no-repeat #ffffff; line-height: 1.1; color: #cf138b; font-size: 13px; padding: 10px 20px; z-index: 4; *zoom:1; *zoom: expression( this.runtimeStyle.zoom="1", this.appendChild( document.createElement("small") ).className="after" );}
.login_block p.val_error:after, .login_block p.val_error .after {content: ""; width: 0; height: 0; position: absolute; right: -6px; border-width: 6px 0 6px 6px; border-color: transparent #ffffff; border-style: solid;}
.login_block .login_id+p.val_error {bottom:85px}
.login_block .login_pw+p.val_error {top:94px}
.login_block .login_id+p.val_error:after, login_block .login_id+p.val_error .after {bottom: 15px;}
.login_block .login_pw+p.val_error:after, login_block .login_pw+p.val_error .after {top: 15px;}

/*.isIE_n8 .login_block p.val_error {padding-top: 13px; padding-bottom: 7px;}*/
/*body:not(:-moz-handler-blocked) .login_block p.val_error {padding-top: 13px; padding-bottom: 7px;}*/


/*reg block*/
.reg_section {float: right; background: url(../img/reg_section_bg.jpg) center center no-repeat; background-size: cover;}
.reg_block {background-color: rgba(255, 255, 255, 0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ddffffff, endColorstr=#ddffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ddffffff, endColorstr=#ddffffff)";}
.reg_block .block_title {font-size: 24px; color: #000; line-height: 1.1; font-weight: bold;}
.reg_block:hover .block_title {color: #cf138b}
.reg_block:hover .arrow_sq_btn  {background-color: #cf138b}
.reg_block .arrow_sq_btn {position: absolute; bottom: 10px; left: 20px;}
.arrow_sq_btn {width: 27px; height: 27px; display: block; background: url(../img/arr-right-white.png) 10px center no-repeat #272727;}

.cke_editable .hire_desc_wrapper {background: #000; padding: 15px 30px 15px; margin-bottom: 1px;}
.cke_editable .hire_desc_wrapper h4 {background: transparent; padding: 0; margin-bottom: 8px; margin-top: 0; color: #ffffff;}
.cke_editable .hire_desc_wrapper p {margin-bottom: 10px;}

.talent_contactus, .talent_statement {display: block; float: right; background: #000; padding: 12px 0 12px 0px;}
.talent_contactus:hover, .talent_statement:hover {background: #cf138b; }
.talent_statement:hover span, .talent_contactus:hover + .talent_statement span {border-right-color: transparent}
.talent_contactus span {display: block; padding:0 30px 0 45px;  background: url(../img/icon-talk.png) 22px 0px no-repeat;}
.talent_statement span {display: block; padding:0 30px 0 45px; border-right:1px solid #fff; background: url(../img/icon-list.png) 22px 3px no-repeat;}

#forget_pw {display: none; width: 580px; padding: 25px 20px; }
#forget_pw h5 {; background: transparent; }
#colorbox #forget_pw {display: block;}
.ebox {padding: 10px 20px; background: #f9e6f2; margin-bottom: 10px; }
.ebox label {margin: 0 20px 0 0;}
.ebox input[type="text"] {width: 250px; color: #616161; margin: 0; padding: 3px 8px; border: 0; background: #ffffff;}
#forget_pw .a_button {margin: 15px 0 0;}

ol.decimal {list-style: decimal;}
ol.decimal li {padding-bottom: 5px;}


/*general Landing*/
/*Library*/
.landing_block .index-row:first-child {margin-top: 0;}
.landing_block .index-row {margin-top: 20px;}
.landing_block .w_space {margin-left: 95px;}

.landing_title {color: #cf138b;  text-transform: uppercase; font-size: 70px; font-weight: bold;}
.seach_cate_box {float: right; width: 515px; margin: -88px 0 20px; position: relative; background: url(../img/seach_box_bg.png) top center repeat-y;}
.seach_cate_box .tab_content {padding: 18px 0 10px 25px; border: 0;}
.seach_cate_box .tab_switch_btn {position: absolute; width: 100%; top: -38px;}
.seach_cate_box label {padding-right: 16px; line-height: 22px; font-weight: bold; color: #4e4e4e; font-size: 11px; float: left; line-height: 30px;}
.seach_cate_box input[type="text"] {width: 403px; font-size: 13px; height: 16px; margin: 0 ; padding: 7px 8px 7px 8px; border: 0; color: #616161; background: #fff; float: left;}
.seach_cate_box .adv_search_link {float: right; margin-right: 32px;}
.seach_cate_box .a_button.submit {float: left; width:85px; height: 30px;}
.seach_cate_box #img_search {width: 132px;}
.seach_cate_box .selectBox {width: 182px; float: left; vertical-align: top; margin-left: 1px;}
.seach_cate_box .sbHolder {height: 30px; background: #fff;}
.seach_cate_box .sbToggle {background-color: #fff;}
.seach_cate_box .sbOptions {background-color: #fff;}
.seach_cate_box .selectBox .sbSelector {line-height: 30px;}
button.a_button {border: none; cursor: pointer;}
.landing_block .lef_nav {margin-top: 0;}
.unit-library #content {padding-top: 145px;}
.landing_block .perform_black .list-item {min-height: 180px;}
.unit-library .lef_nav {margin-top: 0;}
.unit-library .tab_content { overflow: visible; height: 58px;}
.quicklink-acceptable.index-row {overflow: visible;}
.quicklink-acceptable.index-row .bot_nav {left: auto; bottom: auto; padding-top: 0; right: 0; max-width: 170px;}


#announcement_block {display: block; width: 375px; height: 150px; padding-top: 10px; color: #fff; background: url(../img/lib_announcement_bg.jpg) center center no-repeat;}
#announcement_block.haveSlide {margin-bottom: 24px;}
#announcement_block a {color: #fff;}
#announcement_block .content_bg {display: block; margin: 0 15px 0; padding: 10px; background: url(../img/lib_announcement_block_bg.jpg) top center repeat-y; }
#announcement_block .content_wrapper {display: block; height: 118px;}
#announcement_block .block_wrapper {overflow: hidden; height: 102px; display: block;}
#announcement_block .block_title {display: block; font-size: 12px; font-weight: bold;}
#announcement_block .announcement_title {display: block; font-size: 24px; font-weight: normal; color: #fff; padding: 3px 0 0; margin-bottom: 5px; line-height: 1; max-height: 3em; overflow: hidden;}
/*.isIE_n8 #announcement_block .announcement_title {max-height: 2.9em;}*/
/*body:not(:-moz-handler-blocked) #announcement_block .announcement_title {max-height: 2.9em;}*/
#announcement_block .date {display: block; font-size: 13px; font-weight: bold; margin-bottom: 12px;}
#announcement_block .announcement_content {font-size: 14px;}
#announcement_block .bx-wrapper {position: relative;}
#announcement_block .bx-controls {width: 324px; position: absolute; top: 135px;}
#announcement_block .bx-pager {margin: 0 auto; }
#announcement_block .bx-pager-item {display: inline}
#announcement_block [class*=bx-pager] a { width: 12px; height: 12px; display: block; float: left; background: url(../img/dots.png) -96px -27px no-repeat; text-indent: -9999px; margin: 0 6px;}
#announcement_block [class*=bx-pager] .active, .slider [class*=bx-pager] a:hover {background: url(../img/dots.png) -96px -5px no-repeat; }
#announcement_block .bx-controls-auto {display: none;}


#highlight_block {width: 550px;}
#highlight_block .content_wrapper {padding: 10px 15px; overflow: hidden;}
#highlight_block .block_title {font-size: 12px; font-weight: bold; color: #393939; margin-bottom: 3px;}
#highlight_block .highlight_title {font-size: 24px; font-weight: normal; color: #cf138b; margin-bottom: 5px; line-height: 1;}
#highlight_block .date {color: #cf138b; font-size: 13px; font-weight: bold; margin-bottom: 12px;}
#highlight_block .highlight_left_content {float: left;}
#highlight_block.no_img .highlight_content {width: auto; float: left;}
#highlight_block .highlight_content {color: #616161; float: right; width: 370px;}
#highlight_block .more_btn { padding: 3px 7px; font-size: 11px; font-weight: bold; color: #fff; background: #cf138b; margin-top: 10px; display: inline-block;}
/*.isIE_n8 #highlight_block .more_btn { padding: 5px 7px 1px; }*/
/*body:not(:-moz-handler-blocked) #highlight_block .more_btn {padding: 5px 7px 1px; }*/
.lt-ie8 #highlight_block .more_btn { display: inline;}
#highlight_block .more_btn:hover {background: #363636;}


#lib_extra_block {position: relative;}
#lib_extra_block .color_block { color: #c1eae4; font-size: 22px; line-height: 1.2; padding: 10px 15px; position: absolute; bottom: 0; right: 0; max-width: 155px; display: block; background-color: rgba(0, 0, 0, 0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb000000, endColorstr=#bb000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb000000, endColorstr=#bb000000)"; }
#lib_extra_block.no_highlight {right:auto;}

.landing_general .perform_black [class*=bx-pager] .active, .slider [class*=bx-pager] a:hover { border: 2px solid #ebbedb; background: #ebbedb}

#extra_search_block {position: relative; width: 280px;}
#extra_search_block .color_block {font-size: 18px; line-height: 1.1; color: #fff; font-weight: bold; display: block; position: absolute; top: 15px; left: 15px; width: 130px; height: 120px; padding: 10px; background-color: rgba(116, 22, 82, 0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc741652, endColorstr=#cc741652); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc741652, endColorstr=#cc741652)"; }

.landing_general .bot_nav {position: relative; float: right;}

/*Honorary Doctorates*/
.honorary_area {background: #fff; padding: 30px; clear: both; margin-bottom: 40px; overflow: hidden; min-height: 300px;}
.honorary_area h2 {padding: 4px 10px 3px; font-size: 11px; color: #fff; font-weight: bold; background: #cf138b; margin-bottom: 20px; float: left;}
/*.isIE_n8 .honorary_area h3 { padding: 6px 10px 1px; }*/
/*body:not(:-moz-handler-blocked) .honorary_area h3 {padding: 6px 10px 1px;}*/
.honorary_area .honorary_list {width: 345px;}
.table_container {clear: both; overflow: hidden;}
.honorary_list {float: left; border-top: 1px solid #e7e7e7; margin-left: 15px;}
.honorary_list.left {margin-left: 0;}
.honorary_list td {padding: 10px; line-height: 1.2; border-bottom: 1px solid #e7e7e7; color: #616161}
.honorary_list .name {width: 213px; padding: 0 10px 0 20px; font-size: 16px; }
.honorary_list .date {width: 50px; padding-right: 10px; padding-left: 0;}
.honorary_list .extra {width: 27px; padding-right: 10px; padding-left: 0;}
.honorary_list .date_block {display: block; height: 26px; line-height: 26px; text-align: center; background: #fdf2f8;}
.honorary_list .plus_block {display: block; height: 26px; line-height: 26px; background: #f6f6f6; font-size: 16px; text-align: center; color: #616161;}
.honorary_list tr:hover .date_block {color:#616161 }
.honorary_list tr:hover .plus_block {color:#616161 }

.honorary_detail {width: 700px;}
.honorary_detail .top_row {min-height: 120px; overflow: hidden; position: relative; background: #cf138b;}
.honorary_detail .top_row img {float: right; display: block;}
.honorary_detail .top_row .title_container {position: absolute; bottom: 0; left: 0; padding: 15px 20px; width: 315px; }
.honorary_detail .bot_row {padding: 0 0 30px;}
.honorary_detail .bot_scroll {padding: 30px 0 0px;}
.honorary_detail .bot_scroll * {padding-left: 30px !important; padding-right: 30px !important;}
.honorary_detail .bot_scroll h5.new {padding-left: 8px !important; padding-right: 8px !important; margin-left: 30px !important; margin-right: 30px !important;}


/*why apa section*/
.why_apa_section {margin: -412px auto 10px; max-width: 1000px; background: url(../img/why_apa_bg.jpg) #000000 bottom center no-repeat; }
.why_apa_section ul {padding: 0; margin: 0; overflow: hidden}

.why_feature_box {width: 310px; padding: 30px 0 15px 0; float: left; overflow: hidden; min-height: 300px;}
.why_feature_box:first-child {margin-left: 0;}
.why_feature_box .cke_editable h3 {font-size: 28px; font-weight: bold; color: #fff; line-height: 0.9; text-transform: uppercase; margin-bottom: 15px; margin-top: 0;}
.why_feature_box .cke_editable h4 {font-size: 14px; font-weight: bold; color: #74d2c1;background: transparent; padding: 0; margin-bottom: 15px;}
.why_feature_box .cke_editable h5 {color: #afafaf; font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px;}
.why_feature_box .cke_editable h6 {font-size: 15px; color: #74d2c1; font-weight: bold; margin-bottom: 15px;}
.why_feature_box .cke_editable p {color: #c3c3c3; margin: 0 0 18px;}
.why_feature_box .cke_editable .plus-block-grey {color: #0371a3; background: #fff; margin: 15px 0 0;}
.why_feature_box .cke_editable .plus-content {background-color: #0371a3}
.why_feature_box .cke_editable .img_list img {float: left; margin-left: 10px;}
.why_feature_box .img_list img:first-child {margin-left: 0;}

/*------template - col2 img*/
.col-2-tp {overflow: hidden}
.col-2-tp .item {float: left; margin-left: 10px;}
.col-2-tp .item:first-child { margin-left: 0;}
/*------template - col2 img - End*/

.why_share_box {width: 310px; background: #fff; margin: 0 0 30px;}
.why_share_box .imgWrapper {position: relative;}
.why_share_box .imgWrapper img {display: block;}
.why_share_box .share_content {padding: 15px 15px 20px;}
.why_share_box h2 {font-size: 20px;}
.why_share_box h2 a, .share_detail_content h2 {font-weight: normal; font-size: 20px; color: #cf138b;}
.why_share_box .name, .share_detail_content .name  p {font-size: 16px; color: #484848; margin: 0 0 5px;}
.why_share_box .tag span, .share_detail_content .tag span {background: #484848; color: #fff; font-size: 11px; padding: 2px 10px; text-transform: uppercase; }
/*.isIE_n8 .why_share_box .tag span, .isIE_n8 .share_detail_content .tag span { padding: 4px 10px 0px;}*/
.why_share_box .tag.unit-30th-anniversary span, .share_detail_content .tag.unit-30th-anniversary span {background: url(../img/tag_30.jpg); background-size: cover; padding-left: 5px; padding-right: 5px;  font-weight: bold; color: #000000;}
/*.isIE_n8 .why_share_box .tag.unit-30th-anniversary span, .isIE_n8 .share_detail_content .tag.unit-30th-anniversary span { padding: 4px 5px 0;}*/
.why_share_box .tag sup, .share_detail_content .tag sup {position: relative; top: 1px; font-size: 60%;}
/*body:not(:-moz-handler-blocked) .why_share_box .tag span, body:not(:-moz-handler-blocked) .share_detail_content .tag span {padding-top: 4px; padding-bottom: 0;}*/
.why_share_box .play_mask {width: 37px; height: 37px; display: block; position: absolute; top: 50%; left: 50%; z-index: 1; margin: -18px 0 0 -18px;  background: url(../img/play_thumb.png) center center no-repeat;}
.why_share_box .imgWrapper a:hover .play_mask {background-image: url(../img/play_thumb_on.png);}

.why_apa .right .plus-box {margin: 0;}
.why_apa .right .plus-block-grey {float: right;}
.why_apa .right .plus-content {clear: both; display: block;}

.why_apa_section .bx-controls {position: absolute; bottom: 1px; right: 0;}
.why_apa_section .bx-prev {display: block; float: left; width: 33px; height: 33px; background:url(../img/arrow-gallery-control_grey.png) center top #313131; border-right: 1px solid #585858}
.why_apa_section .bx-next {display: block; float: left; width: 33px; height: 33px; background:url(../img/arrow-gallery-control_grey.png) center -33px #313131;}

.why_apa .search_border_area.category {width: 320px;}

/*------Select box Common*/
.selectBox {width: 172px; position: relative;}
.selectBox select {display: none;}
.selectBox .sbSelector {overflow: hidden; white-space: nowrap; width: 88%;}
.selectBox .sbToggle {z-index: 1;}
.selectBox .sbOptions a {line-height: 1.2; padding: 10px 15px;}
.selectBox .sbOptions .sbDisabled {padding: 10px 15px; line-height: 1.2;}
.select_session_area .selectBox .sbOptions .sbDisabled { display: none;}

.alumni .selectBox .sbOptions a { padding: 6px 8px}
/*------Select box Common*/

.why_img_slider {width: 500px; height: 500px; position: relative; overflow: hidden; float: left; background: #bcbcbc; margin: 0 0 0 30px;}
.why_img_slider ul, .why_img_slider li {padding: 0; margin: 0;}
.why_img_slider img {margin: 0 auto; vertical-align: middle; max-height: 500px; max-width: 500px;}
.why_img_slider .video-link img {vertical-align: top}
.why_img_slider .list-item {min-width: 500px; min-height: 500px; text-align: center; line-height: 500px;}
.why_share_detail {width: 430px; float: left;}
.why_share_detail.why_share_detail_full {width: auto; float: none;}
.why_share_detail .go-back {background-color: #cf138b}
.why_share_detail .go-back span {color: #fff;background-image: url(../img/arr-left-white.png); background-position: left center}
.share_detail_content {clear: both; background: #fff; position: relative; padding: 25px 20px 65px 25px; margin-right: 30px; }
.share_detail_content .share_btn {position: absolute; bottom: 0; right: 0; top: auto;}
.share_detail_content .share_this_area.show {top: auto; bottom: 40px;}
.share_detail_content .date {font-weight: bold; font-size: 14px; margin: 0 0 10px; color: #484848;}
.share_detail_content p {color: #656a69; padding-right: 5px;}
.share_detail_content .desc.jscroll_v {height: 240px; overflow: hidden;}
.share_detail_content .tag {margin: 0 0 10px;}
.share_detail_content .fb-like {position: absolute; bottom: 8px; left: 25px; width: 310px;}
.share_detail_content .fb-like > span {position: absolute; bottom: 0;}
.why_apa_share_detail .video-link {display: block; margin: 0 auto; line-height: 0; position: relative;}
.why_apa_share_detail .video-link .play_mask  {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: url(../img/play_thumb.png) center center no-repeat;}
.why_apa_share_detail .video-link:hover .play_mask  {background-image: url(../img/play_thumb_on.png)}
.view_more_spotlight {display: block; float: right; font-size: 12px; font-weight: bold; color: #3a3a3a; text-transform: uppercase; line-height: 20px; padding: 0 0 0 20px; margin: 10px 30px 0 0; background: url(../img/sitemap_expand_btn.png) left 4px no-repeat;}


.why_img_slider .bx-controls {width: 120px; position: relative; height: 33px; background: #e5e5e5; font-size: 14px; text-align: center;   position: absolute; z-index: 2; bottom: 52px; right: 0;}
.why_img_slider .bx-pager {color: #464646; font-size: 14px; line-height: 33px;}
.why_img_slider .bx-prev {display: block; position: absolute; top: 0; left: 0; width: 33px; height: 33px; background:url(../img/arrow-gallery-control.png) center top #e5e5e5; border-right: 1px solid #d5d5d5}
.why_img_slider .bx-next {display: block; position: absolute; top: 0; right: 0; width: 33px; height: 33px; background:url(../img/arrow-gallery-control.png) center -33px #e5e5e5; border-left: 1px solid #d5d5d5}
.why_img_slider .bx-prev.disable, .why_img_slider .bx-next.disable  {background-image: url(../img/arrow-gallery-control_grey.png);}
.why_img_slider .bx-prev.disable:hover, .why_img_slider .bx-next.disable:hover {background-image: url(../img/arrow-gallery-control_grey.png);cursor: default;}



/*Contact Us*/
.content_general {padding: 30px; overflow: hidden; margin: 0 0 30px; background-color: transparent; background-color: rgba(255, 255, 255, 0.7); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#aaffffff,endColorstr=#aaffffff)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aaffffff,endColorstr=#aaffffff); zoom: 1;}
.contact_info_box {float: left; width: 345px;   margin: 0 35px 0 0;}
.contact_title { padding: 0 0 0 20px; clear: both;}
.contact_title.c_office {font-weight: bold; background: url(../img/icon_location.png) 0 0 no-repeat;}
.contact_title.c_tel {background: url(../img/icon_phone.png) 0 3px no-repeat;}
.contact_title.c_mail {background: url(../img/icon_add.png) 0 3px no-repeat;}
.contact_address {padding: 0 0 0 20px;}
.contact_form_section {padding: 30px; background: #fff; min-height: 300px;}
.contact_form_section .reg_field ul.row > li.left_label {padding-right: 0px;}
.contact_form_section .reg_field .f_name {width: 285px;}
.contact_form_section .reg_field .f_email {width: 285px;}
.contact_form_section .reg_field .f_sub {width: 285px;}
.contact_form_section .reg_field .f_message {width: 450px; height: 60px;}
.contact_form_section .reg_field .re-capcha { margin: 10px 0 20px 144px;}

.contact-us_content {   padding: 30px; overflow: hidden; background: #fff; min-height: 300px;}
.contact-us_content p {margin-top: 20px;}
.contact-us_content p:first-child {margin-top: 0;}

/*eNews Sub*/
.enews_section {padding: 30px; background: #fff; overflow: hidden; min-height: 300px;}
.enews_section h2 {font-size: 20px; color: #4e4e4e; }
.enews_section .reg_field ul.row > li:first-child {width: 146px; }
.enews_section .reg_field .es_email {width: 180px;}
.enews_section .reg_field .eus_email {width: 300px;}
.enews_section .reg_field .e_unsub_fill ul.row > li:first-child  {padding-left: 230px; width: 115px;}
.enews_section .indent_box {margin-top: 15px; }
.enews_section .indent_box .re-capcha {margin-top: 15px;}
.enews_section .e_unsub_fill .re-capcha {margin: 15px 0 35px 230px;}
.enews_section .e_subs_fill {float: left; width: 535px;}
.opt_info {background: #f8f8f8; padding: 15px 20px 25px; width: 305px; float: right;}
.enews_section .right.submit {clear: both;}

.thankyou_page {padding: 0 0 80px; min-height: 300px; background: url('../img/ethanks_dot.jpg') top left no-repeat #fff;}


/*Google Map Page*/
.google_map_page .top_section {background: #fff; padding: 20px; position: relative;}
.google_map_page .fp_thumbnail {position: absolute; background: url(../img/floorplan_thumb.png) center center no-repeat; width: 41px; height: 41px; top: 55px; left: 130px; z-index: 2;}
.floorplan_section {background:#f3f3f3; padding: 40px 30px;}
.floorplan_section a {text-decoration: none !important;}
.floorplan_container img {width: 100%; display: block;}
.floorplan_nav_box {background: #3a3a3a url(../img/dot_img.png) 220px bottom no-repeat; padding: 20px 30px; overflow: hidden;}
.nav_box {padding: 15px; text-align: center;}
.nav_icon {display: block; margin: 0 0 0 10px; float: left; background-image: url(../img/floorplan_nav.png); background-repeat: no-repeat;}
.nav_icon:first-child {margin-left: 0;}
.nav_box .nav_box_header {font-size: 12px; color: #ffffff; font-weight: bold; text-transform: uppercase; margin-bottom: 10px;}
.nav_box .tab_content_style2 p {color: #ffc8eb; font-size: 13px}
.nav_icon.floorplan_icon {width: 40px; height: 40px; background-position: -2px -47px;}
.nav_icon.floorplan_icon:hover, .nav_icon.floorplan_icon.current {background-position: -2px -2px;}
.nav_icon.direction_icon {width: 40px; height: 40px; background-position: -47px -47px;}
.nav_icon.direction_icon:hover, .nav_icon.direction_icon.current {background-position: -2px -47px;}
.nav_icon.left_right_arrow_icon {width: 40px; height: 40px; background-position: -47px -92px;}
.nav_icon.left_right_arrow_icon:hover, .nav_icon.left_right_arrow_icon.current {background-position: -2px -92px;}
.nav_icon.level_icon {width: 40px; height: 40px; background-position: -47px -137px;}
.nav_icon.level_icon:hover, .nav_icon.level_icon.current {background-position: -2px -137px;}
.nav_icon.mouse_icon {width: 40px; height: 40px; background-position: -47px -182px;}
.nav_icon.mouse_icon:hover, .nav_icon.mouse_icon.current {background-position: -2px -182px;}
.nav_icon.top_down_arrow_icon {width: 40px; height: 40px; background-position: -47px -227px;}
.nav_icon.top_down_arrow_icon:hover, .nav_icon.top_down_arrow_icon.current {background-position: -2px -227px;}
.nav_box h5 {float: left; }
.nav_box .tab_content {clear: both;}
.nav_box .tab_switch_trigger {width: 40px; height: 40px; margin-left: auto; margin-right: auto; margin-bottom: 10px;}
.nav_box .tab_switch_trigger.nav_icon_2 {width: 110px; }
.nav_box .tab_switch_trigger.nav_icon_4 {width: 175px;}
.nav_box .tab_switch_trigger.nav_icon_2 .nav_icon {margin-left: 20px;}
.nav_box .tab_switch_trigger.nav_icon_4 .nav_icon {margin-left: 5px;}
.nav_box .tab_switch_trigger.nav_icon_2 .nav_icon:first-child , .nav_box .tab_switch_trigger.nav_icon_4 .nav_icon:first-child {margin-left: 0;}

/*3 Column same height*/
.col3_sh_container3 { float:left; width:100%; overflow:hidden; position:relative;}
.col3_sh_container2 { float:left; width:100%; position:relative; right:250px; border-right: 1px solid #6e6e6e;}
.col3_sh_container1 { float:left; width:100%; position:relative; right:235px; border-right: 1px solid #6e6e6e;}
.col3_sh_col1 { float:left; width:218px; position:relative; left:485px;}
.col3_sh_col2 { float:left; width:235px; position:relative; left:485px;}
.col3_sh_col3 { float:left; width:250px; position:relative; left:485px;}

/*3 Column same height END*/


/*---------30 Floating icon*/
#icon_30th-anniversary span {display: block;}

#base_logo_wrapper {position: relative; width:70px; height:64px; margin:20px 0 0 15px;}
#base_logo_wrapper img {display: block;}
#base_logo_wrapper .logo_wrapper {position: absolute; top:10px;left:0px; display: none;}
#base_logo_wrapper .three_1, #base_logo_wrapper .three_2, #base_logo_wrapper .three_3 , #base_logo_wrapper .three_4 {overflow:hidden; position: absolute; z-index:44;}
#base_logo_wrapper .three_1 {top:3px;left:12px; width:0px; height:8px;}
#base_logo_wrapper .three_2 {top:0px;left:18px; width:29px; height:0px;}
#base_logo_wrapper .three_3 {top:18px;left:17px; width:0px; height:11px;}
#base_logo_wrapper .three_4 {top:16px;left:6px; width:38px; height:0px;}

#base_logo_wrapper .arrow_wrapper {left:110px; top:80px; width:1px; height:1px; position:absolute; left:42px\9; top:20px\9; }
#base_logo_wrapper .arrow_1, #base_logo_wrapper .arrow_2, #base_logo_wrapper .arrow_3, #base_logo_wrapper .arrow_4, #base_logo_wrapper .arrow_5, #base_logo_wrapper .arrow_6{position: absolute;opacity:0.0;filter:alpha(opacity=0);}
#base_logo_wrapper .arrow_1 {top:-32px;left:18px; z-index:3;}
#base_logo_wrapper .arrow_2 {top:-10px;left:34px; z-index:2;}
#base_logo_wrapper .arrow_3 {top:13px;left:16px;z-index:1;}
#base_logo_wrapper .arrow_4 {top:10px;left:-41px;z-index:2;}
#base_logo_wrapper .arrow_5 {top:-7px;left:-37px;z-index:3;}
#base_logo_wrapper .arrow_6 {top:-20px;left:-29px;z-index:1;}

#base_logo_wrapper .finalpos{opacity:1.0;filter:alpha(opacity=100);}
#base_logo_wrapper .arrow_1.finalpos {left: -1px; top: -12px;}
#base_logo_wrapper .arrow_2.finalpos {left: 5px; top: -5px;}
#base_logo_wrapper .arrow_3.finalpos {left: -3px; top: 3px;}
#base_logo_wrapper .arrow_4.finalpos {left: -10px; top: 0px;}
#base_logo_wrapper .arrow_5.finalpos {left: -16px; top: -7px;}
#base_logo_wrapper .arrow_6.finalpos {left: -8px; top: -15px;}

.floating_border {height: 1px; background: #898989; width: 0; margin: 15px 0 0 49px;}
.floating_border.active {margin-left: 14px; width: 70px;}
.floating_number_wrapper {width: 70px; height: 0; overflow: hidden; position: relative; line-height: 1; margin-left: 15px; top: 33px;}
.floating_number_wrapper .floating_year, .floating_number_wrapper .floating_counter {position: absolute; width: 100%; height: 100%; top: -33px; left:0; visibility: hidden;}
.floating_number_wrapper .floating_year.active, .floating_number_wrapper .floating_counter.active {top: 0;}
.floating_number_wrapper .floating_year.activeVisible, .floating_number_wrapper .floating_counter.activeVisible {visibility: visible;}
.floating_number_wrapper.active {top: 0; height: 66px;}

.floating_number_wrapper .floating_year {margin-top: 3px;}
/*.isIE_n8 .floating_number_wrapper .floating_year { margin-top: 9px;}*/
/*body:not(:-moz-handler-blocked) .floating_number_wrapper .floating_year {margin-top: 6px;}*/
.y30 {font-weight: bold; font-size: 43px; letter-spacing: -6px; position: absolute; left: 0;}
.lang-tch .y30, lang-sch .y30 {font-family: 'GillSansMT'; top: 6px;}
.lang-tch .floating_year, lang-sch .floating_year {font-family: 'GillSansMT'; }
.th {font-weight: bold; font-size: 20px; letter-spacing: -3px; position: absolute; left: 39px; top: 3px;}
.anni_text {font-size: 14px; top: 38px; position: absolute; text-align: center; width: 100%;}
.lang-tch .anni_text, lang-sch .anni_text {top: 41px;}
/*.isIE_n8 .th { top:0;}*/
/*.isIE_n8 .anni_text { top:35px; }*/
/*body:not(:-moz-handler-blocked) .th {top:0;}*/
/*body:not(:-moz-handler-blocked) .anni_text {top:35px;}*/

.counter_year {font-size: 32px; left: -2px; letter-spacing: -2px; font-weight: bold; width: 100%; position: absolute; top: 12px; text-align: center;}
.lang-tch .counter_year, lang-sch .counter_year {font-family: 'GillSansMT'; }
/*.isIE_n8 .counter_year { top:18px;}*/
/*body:not(:-moz-handler-blocked) .counter_year {top: 16px;}*/
/*---------30 Floating icon End*/



/*------Captcha Field*/
.reg_field .re-capcha {border: none; width: 430px; height: auto; }
.reg_field .re-capcha #recaptcha_table {border: none;}
.reg_field .recaptchatable td {padding: 0 !important; border: none !important;}
.reg_field .recaptchatable #recaptcha_image {}
.reg_field .recaptchatable {border: none !important; border-width: 0 !important; border-collapse: #fff !important;}
.reg_field #recaptcha_response_field {width: 286px !important ; padding: 3px 8px !important;  border: none !important; color: #616161; font-size: 14px !important; font-family: 'GillSansMT';}
body.lang-tch #recaptcha_response_field, body.lang-sch #recaptcha_response_field {font-family: "Microsoft Jhenghei", "微軟正黑體", STHeiTi, "黑體", PMingLiU, "新細明體";}
.reg_field .recaptcha_only_if_privacy {display: none;}
.reg_field .recaptchatable #recaptcha_reload_btn,
.reg_field .recaptchatable #recaptcha_switch_audio_btn,
.reg_field .recaptchatable #recaptcha_switch_img_btn,
.reg_field .recaptchatable #recaptcha_whatsthis_btn {margin: 0 15px 0 15px !important; display: block;}
input.a_button {border: none; background-color: #4e4e4e; color: #fff; font-weight: bold; cursor: pointer; font-size: 11px; }
/*------Captcha Field END*/

/*------jscroll Common*/
.jscroll_v .jspTrack, .jscroll_cb .jspTrack {background: url(../img/scrollbar_bg.gif)  top center repeat-y;}
.jspScrollable .jspDrag {background-color: #8d8d8d;}
.jspScrollable .jspVerticalBar {background: transparent; width: 7px;}
/*------jscroll Common End*/


/*----------prettycheckbox style*/
.prettycheckbox a {position: relative; top: 1px;}
input.checkbox_item {display: none;}
/*----------prettycheckbox style END*/

/*Form Field Specfiy since 20131205*/
.venue .reg_field #name {width: 155px;}
.venue .reg_field #tel {width: 155px;}
.venue .reg_field #fax {margin-left: -82px; width: 155px;}
.venue .reg_field #evt_type {width: 400px;}
.venue .reg_field #number_a {width: 400px;}
.venue .reg_field #t_booking {width: 400px;}
.venue .reg_field #book_date {width: 400px;}
.venue .reg_field #o_detail {width: 565px; height: 250px;}

#pitel_code {width: 40px;}
#pifax_code {width: 40px;}

.contact_form_section .reg_field .fill_info #email {width: 285px;}
.contact_form_section .reg_field .fill_info .contact_to {width: 300px;}


/*ERROR FIELD*/
.user_register #li_email + .val_error {position: absolute; bottom: 6px;}
span.remark {}
.user_register #li_email + .val_error + span.remark + span.remark { margin-bottom: 15px; -webkit-animation: issueSelector 1s infinite ;}
.user_register #li_email.valid + .val_error + span.remark + span.remark { margin-bottom: 0; -webkit-animation: issueSelector 1s infinite ;}

// .alumni #pi_name_first_eng + .val_error {position: absolute; bottom: 5px;}
.alumni #pi_name_first_eng + .val_error + span.remark { margin-bottom: 28px; -webkit-animation: issueSelector 1s infinite ;}
.alumni #pi_name_first_eng.valid + .val_error + span.remark { margin-bottom: 0; -webkit-animation: issueSelector 1s infinite ;}

.alumni input#stu_id + .val_error {position: absolute; bottom: 5px;}
.alumni input#stu_id + .val_error + .dialog_icon { margin-bottom: 18px; -webkit-animation: issueSelector 1s infinite ;}
.alumni input#stu_id.valid + .val_error + .dialog_icon { margin-bottom: 0; -webkit-animation: issueSelector 1s infinite ;}

.selectBox .error {position: absolute; bottom: -22px;}
.selectBox select.error + label.error + .sbHolder, .selectBox select.error + .sbHolder {margin-bottom: 15px;}
.select_session_area .selectBox .error {bottom: -6px;}
/*End of Error Field*/


/*Used to fix webit fail to re render the layout -- force it render , because a multi presudo issue for webkit*/
/*WebKit Adjacent/General Sibling & Pseudo Class Bug*/
/*https://bugs.webkit.org/show_bug.cgi?id=45168*/
@-webkit-keyframes issueSelector {
  0% {
      display: block;
  }
  100% {
      display: block;
  }
}
.index_pro_nav > ul > .menu.feature > a > span {color: #FF70CB; font-weight: bold;}
.lang-tch .index_pro_nav > ul > .menu.feature > a > span {font-size: 16px;}
.lang-sch .index_pro_nav > ul > .menu.feature > a > span {font-size: 16px;}
.index_pro_nav > ul > .menu.feature.select > a > span {color: #CF138B;}
.index_pro_nav .menu:first-child .menu_sub_title > span:hover {background-color: #CF138B;}
.index_pro_nav .menu:first-child .menu_sub_title > span {font-weight: bold;}





/* 35 logo */
.page-35th .vh {visibility: hidden !important;}
.page-35th .logo-placeholder {position: relative;}
.page-35th .logo-show {position: absolute; top: -6px; left: 0;}
.page-35th .index_pro_nav {margin-left: -195px;}
.page-35th #header .logo-show {top: -2px;}
.page-35th #header .header-container > a {margin-bottom: 25px;}
.page-35th .pro_nav > ul {margin: 30px 0 0;}
.page-35th .logo_set_sub_menu.show {top: 94px;}
.page-35th  .index_pro_nav .logo_set_sub_menu.show {top: 9px;}
.page-35th #header {background-repeat: repeat;}
.page-35th #school-header {top: 134px;}
.page-35th .pro_nav li.menu {height: 64px;}
.touchcarousel { position: relative; overflow: hidden; width: 645px; background-color: #f7f7f7; text-align: right; margin-top: 30px;}
.touchcarousel .touchcarousel-container { position: relative; margin: 0; padding: 0; list-style: none; left: 0; clear: both; width: 20000em}
.touchcarousel > .touchcarousel-container { margin-left: 30px;}
.touchcarousel .touchcarousel-wrapper { position: relative; overflow:hidden; height: 100%; margin-left: 30px; clear: both;}
.touchcarousel .touchcarousel-item { margin: 0 0 0 0; padding: 0; float: left; vertical-align: middle; list-style: none;}
.touchcarousel .touchcarousel-item img { vertical-align: middle; max-height: 190px; max-width: 155px;}
.touchcarousel .touchcarousel-item.last { margin-right: 0 !important; }
.touchcarousel .arrow-holder {display: inline-block; width: 34px; height: 34px; background-color: #eeeeee; margin-bottom: -4px;}
.touchcarousel .arrow-holder.left {}
.touchcarousel .arrow-holder.right {}
/*.touchcarousel .imgWrapper { display: table-cell; height: 190px; vertical-align: middle;}*/

/* arrow icons */
.touchcarousel .arrow-icon{ background: url(../img/arrow-gallery-control.png); display: block; width: 34px; height: 34px;}
.touchcarousel .arrow-left .arrow-icon { background-position: center top }
.touchcarousel .arrow-right .arrow-icon { background-position: center bottom }
.touchcarousel .arrow-holder:hover { }
.touchcarousel .arrow-holder.disabled .arrow-icon{ cursor: default; opacity: 0.4; filter:alpha(opacity=40); }
.touchcarousel .arrow-holder.disabled .arrow-icon { cursor: default; }

.touchcarousel .grab-cursor{ cursor:url(../img/grab.png) 8 8, move; }
.touchcarousel .grabbing-cursor{ cursor:url(../img/grabbing.png) 8 8, move; }
.touchcarousel .auto-cursor{ cursor:auto; }

.touchcarousel h4 { font-size: 12px; font-weight: bolder; background-color: #cf138b; padding: 5px 20px; display: inline-block; color: white; text-transform: uppercase; margin:0 0 10px 0; float: left;}
.isIE_n8 .touchcarousel h4 { padding: 7px 20px 3px;}
.lt-ie8 h4 { display: inline;}
.touchcarousel .touchcarousel-item { margin-right: 10px; position: relative; overflow: hidden; float: left; vertical-align: middle; width: 155px; height: 190px; text-align: center; line-height: 190px;}

.event_detail_area .touchcarousel {
    width: 710px;
	padding-bottom: 10px;
	margin-bottom: 40px;
	margin-top: 10px;
}
.event_detail_area .touchcarousel .arrow-holder {
	position: absolute;
	bottom: -30px;
}
.event_detail_area .arrow-holder.arrow-left {
    right: 36px;
}
.event_detail_area .arrow-holder.arrow-right {
    right: 0;
}
/*!
Video.js Default Styles (http://videojs.com)
Version 4.2.2
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurances of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
.vjs-default-skin {
  color: #cccccc;
}
/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  src: url('fonts/vjs.eot');
  src: url('fonts/vjs.eot?#iefix') format('embedded-opentype'), url('fonts/vjs.woff') format('woff'), url('fonts/vjs.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
  /* Replace browser focus hightlight with handle highlight */
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  /* background-color-with-alpha */
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.9);
}
.vjs-default-skin .vjs-slider:focus {
  /* box-shadow */
  -webkit-box-shadow: 0 0 2em #ffffff;
  -moz-box-shadow: 0 0 2em #ffffff;
  box-shadow: 0 0 2em #ffffff;
}
.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0em 0em 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-default-skin .vjs-control-bar {
  /* Start hidden */
  display: none;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 3.0em;
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
}
/* Show the control bar only once the video has started playing */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  /* Visibility needed to make sure things hide in older browsers too. */

  visibility: visible;
  opacity: 1;
  /* transition */
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
/* Hide the control bar when the video is playing and the user is inactive  */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  /* transition */
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none;
}
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none;
}
/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}
/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em;
}
/* FontAwsome button icons */
.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em #ffffff;
}
.vjs-default-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when
  this is set to 0 */

}
/* Hide control text visually, but have it available for screenreaders */
.vjs-default-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
}
.vjs-default-skin .vjs-play-control:before {
  content: "\e001";
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002";
}
/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005";
}
.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}
.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
  height: 2.9em;
}
.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
}
.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  width: 6em;
  left: -4em;
}
/* Progress
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  /* Set above the rest of the controls. */
  top: -1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */

  /* transition */
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  height: 100%;
}
/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprisingly works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */

  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-default-skin .vjs-load-progress {
  background: #646464 /* IE8- Fallback */;
  background: rgba(255, 255, 255, 0.4);
}
.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
}
.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em /* Minor adjustment */;
}
/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em;
}
.vjs-default-skin .vjs-current-time {
  float: left;
}
.vjs-default-skin .vjs-duration {
  float: left;
}
/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left;
}
.vjs-time-divider {
  float: left;
  line-height: 3em;
}
/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000";
}
/* Switch to the exit icon when the player is in fullscreen */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b";
}
/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.vjs-default-skin .vjs-big-play-button {
  left: 0.5em;
  top: 0.5em;
  font-size: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  border: 0.1em solid #3b4249;
  /* border-radius */
  -webkit-border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  border-radius: 0.8em;
  /* box-shadow */
  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
/* Hide if controls are disabled */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none;
}
/* Hide when video starts playing */
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none;
}
/* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}
.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  /* IE8 needs a non-glow hover state */
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 3em #ffffff;
  -moz-box-shadow: 0 0 3em #ffffff;
  box-shadow: 0 0 3em #ffffff;
  /* transition */
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */

  line-height: 2.6em;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center /* Needed for IE8 */;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 5em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75;
  /* animation */
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}
.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e00a";
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}
.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */

  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */

  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */

}
/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */

  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */

  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  /* box-shadow */
  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}
.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
  display: block;
}
.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c";
}
/* Captions Button */
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008";
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */

  font-size: 10px;
  /* Allow poster to be vertially aligned. */

  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/

  /* Provide some basic defaults for fonts */

  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */

  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */

  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute;
}
/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto;
}
.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}
/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none;
}
/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  /* Leave padding on left and right */
  left: 1em;
  right: 1em;
}
/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  /* background-color-with-alpha */
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5);
}
.video-js .vjs-subtitles {
  color: #ffffff /* Subtitles are white */;
}
.video-js .vjs-captions {
  color: #ffcc66 /* Captions are yellow */;
}
.vjs-tt-cue {
  display: block;
}
/* Hide disabled or unsupported controls */
.vjs-default-skin .vjs-hidden {
  display: none;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */

/**template style*/
.template-2col-text-img { overflow: hidden; }

.template-2col-text-img .img-left { float: left; margin: 0 20px 10px 0; }

.template-2col-text-img .img-right { float: right; margin: 0 0 20px 10px; }

.rte-img { font-size: 12px; margin-bottom: 10px; }

.rte-img + .display-block, .rte-img + div { margin-top: 15px; }

.rte-nimg ul, .rte-nimg li { list-style: none; padding: 0; margin: 0; overflow: hidden; }

.template-1col-nimgh .rte-nimg li { float: left; margin: 0 0 0 10px; }

.template-1col-nimgh .rte-nimg li:first-child { margin-left: 0; }

/* start content section */
/* auto complete results */
#search-suggest { background: none repeat scroll 0 0 #EEEEEE; z-index: 10; display: none; overflow: hidden; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }

/*cke style*/
.cke_editable h1, .cke_editable h2, .cke_editable h3, .cke_editable h5, .cke_editable h6 { padding: 0.1em 0; margin: 0; }

.cke_editable h1 { padding: 0; }

.cke_editable h4, .cke_editable_new h4.new { margin: 0.2em 0; }

.cke_editable h5 { padding: 0.2em 0; }

.cke_editable h6 { padding: 0.2em 0; }

.cke_editable hr { border: 0; border-top: 1px solid #e7e7e7; margin: 1em 0; }

/*.cke_editable h3 {margin-bottom: 10px; padding-top: 5px;}*/
/*text Color*/
.static_page p { color: #616161; }

.static_page ul { color: #616161; }

.static_page ol { color: #616161; }

.static_page th, .static_page td { color: #616161; }

/*ckeditor scss*/
/*cke style*/
/*.cke_editable h1, .cke_editable h2, .cke_editable h3, .cke_editable h5, .cke_editable h6 {padding: 0.1em 0; margin: 0;}*/
/*.cke_editable h1 {padding: 0;}*/
/*.cke_editable h4 {margin: 0.2em 0;}*/
/*.cke_editable h5 {padding: 0.2em 0}*/
/*.cke_editable h6 {padding: 0.2em 0}*/
/**/
/*.cke_editable hr {border:0; border-top: 1px solid #e7e7e7; margin: 1em 0;}*/
/**/
/*.cke_editable p {margin-bottom: 1.2em; color: #616161;}*/
/*.cke_editable ul { list-style-type: disc; margin-bottom: 1.2em; color: #616161}*/
/*.cke_editable li ul { list-style-type: circle;}*/
/*.cke_editable li > ul {margin-bottom: 0;}*/
/*.cke_editable li li ul { padding-left: 3px;}*/
/*.cke_editable li li ul li:before { content: "-"; font-size: 15px; margin-right: 5px;}*/
/*.cke_editable li li ul li { list-style: none;}*/
/*.cke_editable ol { list-style-type: decimal; margin-bottom: 1.2em; color: #616161}*/
/*.cke_editable li { margin: 4px 0;}*/
/*.cke_editable li ol {margin-bottom: 4px;}*/
/**/
/*.cke_editable h1 a, .cke_editable h2 a, .cke_editable h3 a, .cke_editable h5 a, .cke_editable h6 a {color: #616161; text-decoration: none;}*/
/*.cke_editable a {text-decoration: underline;}*/
/*.cke_editable a:hover {text-decoration: none;}*/
/*.cke_editable th, .cke_editable td {font-size: 14px; color: #616161;}*/
/*.cke_editable .style_table th , .cke_editable .style_table td {  padding: 15px 20px; border-bottom: 1px solid #e7e7e7; vertical-align: top; }*/
/*.cke_editable .style_table th {font-size: 14px; color: #cf138b; font-weight: normal; background: #fff;}*/
/*.cke_editable .style_table tr:nth-child(odd) {background: #fbfbfb;}*/
/**/
/*.cke_editable li p {margin-bottom: 0;}*/
/*.cke_editable h3 {margin-bottom: 10px; padding-top: 5px;}*/
/*.cke_editable p + ul,*/
/*.cke_editable p + oi {margin-top: -10px;}*/
/*.cke_editable h1 a:hover, .cke_editable h2 a:hover, .cke_editable h3 a:hover, .cke_editable h5 a:hover, .cke_editable h6 a:hover {color: #616161; text-decoration: underline;}*/
/*-----------  For ckeditor drop down use */
.cke_panel_list .cke_panel_listItem a { text-decoration: none; }
.cke_panel_list .cke_panel_listItem a:hover { text-decoration: none; }
.cke_panel_list .cke_panel_listItem h1, .cke_panel_list .cke_panel_listItem h2, .cke_panel_list .cke_panel_listItem h3, .cke_panel_list .cke_panel_listItem h4, .cke_panel_list .cke_panel_listItem h5, .cke_panel_list .cke_panel_listItem h6, .cke_panel_list .cke_panel_listItem p { margin: 0; }

/*----------- END For ckeditor drop down use */
/*cke_panel_listItem class is used for ckeditor slection display */
.cke_editable, .cke_panel_listItem { /*no spcing when is a ffirst line in a page*/ /*template crt*/ }
.cke_editable h2, .cke_panel_listItem h2 { font-size: 30px; color: #4e4e4e; /*.unit-30th-anniversary & { color: #d8115c;  a { color: #d8115c; }
}*/ }
.cke_editable h3, .cke_panel_listItem h3 { font-size: 26px; color: #cf138b; /*.unit-30th-anniversary & { color: #4e4e4e;  a { color: #4e4e4e; }
}*/ }
.cke_editable h4, .cke_panel_listItem h4 { font-size: 20px; color: #4e4e4e; background: none; display: block; text-transform: none; font-weight: normal; /*.unit-30th-anniversary & { color: #d8115c;  a { color: #d8115c; }
}*/ }
.cke_editable h5, .cke_panel_listItem h5 { font-size: 11px; color: white; font-weight: bold; background: #cf138b; display: inline-block; text-transform: uppercase; /*.unit-30th-anniversary & { background: #d8115c;
}*/ }
.cke_editable h6, .cke_panel_listItem h6 { font-size: 16px; color: #4e4e4e; font-weight: normal; /*.unit-30th-anniversary & { color: #d8115c;  a { color: #d8115c; }
}*/ }
.cke_editable h1, .cke_editable h2, .cke_editable h3, .cke_editable h5, .cke_editable h6, .cke_panel_listItem h1, .cke_panel_listItem h2, .cke_panel_listItem h3, .cke_panel_listItem h5, .cke_panel_listItem h6 { padding: 0.1em 0; margin: 0; }
.cke_editable h1 a, .cke_editable h2 a, .cke_editable h3 a, .cke_editable h5 a, .cke_editable h6 a, .cke_panel_listItem h1 a, .cke_panel_listItem h2 a, .cke_panel_listItem h3 a, .cke_panel_listItem h5 a, .cke_panel_listItem h6 a { color: #616161; text-decoration: none; }
.cke_editable h1 a:hover, .cke_editable h2 a:hover, .cke_editable h3 a:hover, .cke_editable h5 a:hover, .cke_editable h6 a:hover, .cke_panel_listItem h1 a:hover, .cke_panel_listItem h2 a:hover, .cke_panel_listItem h3 a:hover, .cke_panel_listItem h5 a:hover, .cke_panel_listItem h6 a:hover { text-decoration: underline; }
.cke_editable h3 a, .cke_panel_listItem h3 a { color: #cf138b; }
.cke_editable h1, .cke_panel_listItem h1 { padding: 0; }
.cke_editable h4, .cke_panel_listItem h4 { padding: 0; }
.cke_editable h5, .cke_panel_listItem h5 { padding: 4px 8px; margin: 0.1em 0; }
.cke_editable h6, .cke_panel_listItem h6 { padding: 0.1em 0; }
.cke_editable h1, .cke_editable h2, .cke_editable h3, .cke_editable h4, .cke_editable h5, .cke_editable h6, .cke_panel_listItem h1, .cke_panel_listItem h2, .cke_panel_listItem h3, .cke_panel_listItem h4, .cke_panel_listItem h5, .cke_panel_listItem h6 { margin-top: 2em; }
.cke_editable h1 +, .cke_editable h2 +, .cke_editable h3 +, .cke_editable h4 +, .cke_editable h5 +, .cke_editable h6 +, .cke_panel_listItem h1 +, .cke_panel_listItem h2 +, .cke_panel_listItem h3 +, .cke_panel_listItem h4 +, .cke_panel_listItem h5 +, .cke_panel_listItem h6 + { /*spacing btw header*/ }
.cke_editable h1 + h1, .cke_editable h1 + h2, .cke_editable h1 + h3, .cke_editable h1 + h4, .cke_editable h1 + h5, .cke_editable h1 + h6, .cke_editable h2 + h1, .cke_editable h2 + h2, .cke_editable h2 + h3, .cke_editable h2 + h4, .cke_editable h2 + h5, .cke_editable h2 + h6, .cke_editable h3 + h1, .cke_editable h3 + h2, .cke_editable h3 + h3, .cke_editable h3 + h4, .cke_editable h3 + h5, .cke_editable h3 + h6, .cke_editable h4 + h1, .cke_editable h4 + h2, .cke_editable h4 + h3, .cke_editable h4 + h4, .cke_editable h4 + h5, .cke_editable h4 + h6, .cke_editable h5 + h1, .cke_editable h5 + h2, .cke_editable h5 + h3, .cke_editable h5 + h4, .cke_editable h5 + h5, .cke_editable h5 + h6, .cke_editable h6 + h1, .cke_editable h6 + h2, .cke_editable h6 + h3, .cke_editable h6 + h4, .cke_editable h6 + h5, .cke_editable h6 + h6, .cke_panel_listItem h1 + h1, .cke_panel_listItem h1 + h2, .cke_panel_listItem h1 + h3, .cke_panel_listItem h1 + h4, .cke_panel_listItem h1 + h5, .cke_panel_listItem h1 + h6, .cke_panel_listItem h2 + h1, .cke_panel_listItem h2 + h2, .cke_panel_listItem h2 + h3, .cke_panel_listItem h2 + h4, .cke_panel_listItem h2 + h5, .cke_panel_listItem h2 + h6, .cke_panel_listItem h3 + h1, .cke_panel_listItem h3 + h2, .cke_panel_listItem h3 + h3, .cke_panel_listItem h3 + h4, .cke_panel_listItem h3 + h5, .cke_panel_listItem h3 + h6, .cke_panel_listItem h4 + h1, .cke_panel_listItem h4 + h2, .cke_panel_listItem h4 + h3, .cke_panel_listItem h4 + h4, .cke_panel_listItem h4 + h5, .cke_panel_listItem h4 + h6, .cke_panel_listItem h5 + h1, .cke_panel_listItem h5 + h2, .cke_panel_listItem h5 + h3, .cke_panel_listItem h5 + h4, .cke_panel_listItem h5 + h5, .cke_panel_listItem h5 + h6, .cke_panel_listItem h6 + h1, .cke_panel_listItem h6 + h2, .cke_panel_listItem h6 + h3, .cke_panel_listItem h6 + h4, .cke_panel_listItem h6 + h5, .cke_panel_listItem h6 + h6 { margin-top: 0.2em; }
.cke_editable h1 +, .cke_editable h2 +, .cke_editable h3 +, .cke_editable h4 +, .cke_editable h5 +, .cke_editable h6 +, .cke_panel_listItem h1 +, .cke_panel_listItem h2 +, .cke_panel_listItem h3 +, .cke_panel_listItem h4 +, .cke_panel_listItem h5 +, .cke_panel_listItem h6 + { /*genal tag spcing next to a header*/ }
.cke_editable h1 + p, .cke_editable h1 + ol, .cke_editable h1 + ul, .cke_editable h2 + p, .cke_editable h2 + ol, .cke_editable h2 + ul, .cke_editable h3 + p, .cke_editable h3 + ol, .cke_editable h3 + ul, .cke_editable h4 + p, .cke_editable h4 + ol, .cke_editable h4 + ul, .cke_editable h5 + p, .cke_editable h5 + ol, .cke_editable h5 + ul, .cke_editable h6 + p, .cke_editable h6 + ol, .cke_editable h6 + ul, .cke_panel_listItem h1 + p, .cke_panel_listItem h1 + ol, .cke_panel_listItem h1 + ul, .cke_panel_listItem h2 + p, .cke_panel_listItem h2 + ol, .cke_panel_listItem h2 + ul, .cke_panel_listItem h3 + p, .cke_panel_listItem h3 + ol, .cke_panel_listItem h3 + ul, .cke_panel_listItem h4 + p, .cke_panel_listItem h4 + ol, .cke_panel_listItem h4 + ul, .cke_panel_listItem h5 + p, .cke_panel_listItem h5 + ol, .cke_panel_listItem h5 + ul, .cke_panel_listItem h6 + p, .cke_panel_listItem h6 + ol, .cke_panel_listItem h6 + ul { margin-top: 1em; }
.cke_editable h1 + div, .cke_editable h1 + table, .cke_editable h2 + div, .cke_editable h2 + table, .cke_editable h3 + div, .cke_editable h3 + table, .cke_editable h4 + div, .cke_editable h4 + table, .cke_editable h5 + div, .cke_editable h5 + table, .cke_editable h6 + div, .cke_editable h6 + table, .cke_panel_listItem h1 + div, .cke_panel_listItem h1 + table, .cke_panel_listItem h2 + div, .cke_panel_listItem h2 + table, .cke_panel_listItem h3 + div, .cke_panel_listItem h3 + table, .cke_panel_listItem h4 + div, .cke_panel_listItem h4 + table, .cke_panel_listItem h5 + div, .cke_panel_listItem h5 + table, .cke_panel_listItem h6 + div, .cke_panel_listItem h6 + table { margin-top: 1.8em; }
.cke_editable > h1:first-child, .cke_editable > h2:first-child, .cke_editable > h3:first-child, .cke_editable > h4:first-child, .cke_editable > h5:first-child, .cke_editable > h6:first-child, .cke_panel_listItem > h1:first-child, .cke_panel_listItem > h2:first-child, .cke_panel_listItem > h3:first-child, .cke_panel_listItem > h4:first-child, .cke_panel_listItem > h5:first-child, .cke_panel_listItem > h6:first-child { margin-top: 0; }
.cke_editable hr, .cke_panel_listItem hr { border: 0; border-top: 1px solid #e7e7e7; margin: 1em 0; }
.cke_editable hr +, .cke_panel_listItem hr + { /*spacing btw header and hr*/ }
.cke_editable hr + h1, .cke_editable hr + h2, .cke_editable hr + h3, .cke_editable hr + h4, .cke_editable hr + h5, .cke_editable hr + h6, .cke_panel_listItem hr + h1, .cke_panel_listItem hr + h2, .cke_panel_listItem hr + h3, .cke_panel_listItem hr + h4, .cke_panel_listItem hr + h5, .cke_panel_listItem hr + h6 { margin-top: 1em; }
.cke_editable p, .cke_editable ul, .cke_editable ol, .cke_editable th, .cke_editable td, .cke_panel_listItem p, .cke_panel_listItem ul, .cke_panel_listItem ol, .cke_panel_listItem th, .cke_panel_listItem td { font-size: 14px; }
.cke_editable p, .cke_editable ul, .cke_editable ol, .cke_panel_listItem p, .cke_panel_listItem ul, .cke_panel_listItem ol { margin-bottom: 1.2em; }
.cke_editable ul, .cke_panel_listItem ul { list-style-type: disc; }
.cke_editable ol, .cke_panel_listItem ol { list-style-type: decimal; }
.cke_editable li, .cke_panel_listItem li { margin: 4px 0; /*p {*/ /*  margin-bottom: 0;*/ /*}*/ }
.cke_editable li > ul, .cke_editable li > ol, .cke_panel_listItem li > ul, .cke_panel_listItem li > ol { margin-bottom: 0; }
.cke_editable li ul, .cke_panel_listItem li ul { list-style-type: circle; }
.cke_editable li li ul, .cke_panel_listItem li li ul { padding-left: 3px; }
.cke_editable li li ul li, .cke_panel_listItem li li ul li { list-style: none; }
.cke_editable li li ul li:before, .cke_panel_listItem li li ul li:before { content: "-"; font-size: 15px; margin-right: 10px; }
.cke_editable thead th, .cke_editable thead th p, .cke_editable tbody th, .cke_editable tbody th p, .cke_panel_listItem thead th, .cke_panel_listItem thead th p, .cke_panel_listItem tbody th, .cke_panel_listItem tbody th p { color: #cf138b; font-weight: normal; background: none; }
.unit-dance .cke_editable thead th, .unit-dance .cke_editable thead th p, .unit-dance .cke_editable tbody th, .unit-dance .cke_editable tbody th p, .unit-dance .cke_panel_listItem thead th, .unit-dance .cke_panel_listItem thead th p, .unit-dance .cke_panel_listItem tbody th, .unit-dance .cke_panel_listItem tbody th p { color: #a40bc0; }
.unit-drama .cke_editable thead th, .unit-drama .cke_editable thead th p, .unit-drama .cke_editable tbody th, .unit-drama .cke_editable tbody th p, .unit-drama .cke_panel_listItem thead th, .unit-drama .cke_panel_listItem thead th p, .unit-drama .cke_panel_listItem tbody th, .unit-drama .cke_panel_listItem tbody th p { color: #027b95; }
.unit-ftv .cke_editable thead th, .unit-ftv .cke_editable thead th p, .unit-ftv .cke_editable tbody th, .unit-ftv .cke_editable tbody th p, .unit-ftv .cke_panel_listItem thead th, .unit-ftv .cke_panel_listItem thead th p, .unit-ftv .cke_panel_listItem tbody th, .unit-ftv .cke_panel_listItem tbody th p { color: #b93a04; }
.unit-music .cke_editable thead th, .unit-music .cke_editable thead th p, .unit-music .cke_editable tbody th, .unit-music .cke_editable tbody th p, .unit-music .cke_panel_listItem thead th, .unit-music .cke_panel_listItem thead th p, .unit-music .cke_panel_listItem tbody th, .unit-music .cke_panel_listItem tbody th p { color: #916806; }
.unit-tea .cke_editable thead th, .unit-tea .cke_editable thead th p, .unit-tea .cke_editable tbody th, .unit-tea .cke_editable tbody th p, .unit-tea .cke_panel_listItem thead th, .unit-tea .cke_panel_listItem thead th p, .unit-tea .cke_panel_listItem tbody th, .unit-tea .cke_panel_listItem tbody th p { color: #c60054; }
.unit-gec .cke_editable thead th, .unit-gec .cke_editable thead th p, .unit-gec .cke_editable tbody th, .unit-gec .cke_editable tbody th p, .unit-gec .cke_panel_listItem thead th, .unit-gec .cke_panel_listItem thead th p, .unit-gec .cke_panel_listItem tbody th, .unit-gec .cke_panel_listItem tbody th p { color: #1c2cc7; }
.unit-co .cke_editable thead th, .unit-co .cke_editable thead th p, .unit-co .cke_editable tbody th, .unit-co .cke_editable tbody th p, .unit-co .cke_panel_listItem thead th, .unit-co .cke_panel_listItem thead th p, .unit-co .cke_panel_listItem tbody th, .unit-co .cke_panel_listItem tbody th p { color: #5d7d2e; }
.cke_editable th > h1, .cke_editable th > h2, .cke_editable th > h3, .cke_editable th > h4, .cke_editable th > h5, .cke_editable th > h6, .cke_editable td > h1, .cke_editable td > h2, .cke_editable td > h3, .cke_editable td > h4, .cke_editable td > h5, .cke_editable td > h6, .cke_panel_listItem th > h1, .cke_panel_listItem th > h2, .cke_panel_listItem th > h3, .cke_panel_listItem th > h4, .cke_panel_listItem th > h5, .cke_panel_listItem th > h6, .cke_panel_listItem td > h1, .cke_panel_listItem td > h2, .cke_panel_listItem td > h3, .cke_panel_listItem td > h4, .cke_panel_listItem td > h5, .cke_panel_listItem td > h6 { margin-top: 0; }
.cke_editable a, .cke_panel_listItem a { text-decoration: underline; }
.cke_editable a:hover, .cke_panel_listItem a:hover { text-decoration: none; }
.cke_editable .style_table th, .cke_editable .style_table td, .cke_panel_listItem .style_table th, .cke_panel_listItem .style_table td { padding: 15px 20px; border-bottom: 1px solid #e7e7e7; vertical-align: top; }
.cke_editable .style_table th, .cke_editable .style_table th p, .cke_panel_listItem .style_table th, .cke_panel_listItem .style_table th p { font-size: 14px; color: #cf138b; font-weight: normal; background: #fff; }
.cke_editable .style_table tr:nth-child(odd), .cke_panel_listItem .style_table tr:nth-child(odd) { background: #fbfbfb; }
.cke_editable .img-left p.rte-img-caption, .cke_editable .img-right p.rte-img-caption, .cke_panel_listItem .img-left p.rte-img-caption, .cke_panel_listItem .img-right p.rte-img-caption { margin-bottom: 0; }
.cke_editable .mt-0, .cke_panel_listItem .mt-0 { margin-top: 0 !important; }
.cke_editable .defaultColor, .cke_editable a.defaultColor, .cke_panel_listItem .defaultColor, .cke_panel_listItem a.defaultColor { color: #cf138b; }
.unit-dance .cke_editable .defaultColor, .unit-dance .cke_editable a.defaultColor, .unit-dance .cke_panel_listItem .defaultColor, .unit-dance .cke_panel_listItem a.defaultColor { color: #a40bc0; }
.unit-drama .cke_editable .defaultColor, .unit-drama .cke_editable a.defaultColor, .unit-drama .cke_panel_listItem .defaultColor, .unit-drama .cke_panel_listItem a.defaultColor { color: #027b95; }
.unit-ftv .cke_editable .defaultColor, .unit-ftv .cke_editable a.defaultColor, .unit-ftv .cke_panel_listItem .defaultColor, .unit-ftv .cke_panel_listItem a.defaultColor { color: #b93a04; }
.unit-music .cke_editable .defaultColor, .unit-music .cke_editable a.defaultColor, .unit-music .cke_panel_listItem .defaultColor, .unit-music .cke_panel_listItem a.defaultColor { color: #916806; }
.unit-tea .cke_editable .defaultColor, .unit-tea .cke_editable a.defaultColor, .unit-tea .cke_panel_listItem .defaultColor, .unit-tea .cke_panel_listItem a.defaultColor { color: #c60054; }
.unit-gec .cke_editable .defaultColor, .unit-gec .cke_editable a.defaultColor, .unit-gec .cke_panel_listItem .defaultColor, .unit-gec .cke_panel_listItem a.defaultColor { color: #1c2cc7; }
.unit-co .cke_editable .defaultColor, .unit-co .cke_editable a.defaultColor, .unit-co .cke_panel_listItem .defaultColor, .unit-co .cke_panel_listItem a.defaultColor { color: #5d7d2e; }
.cke_editable .template-2col-text-img .rte-img + h1, .cke_editable .template-2col-text-img .rte-img + h2, .cke_editable .template-2col-text-img .rte-img + h3, .cke_editable .template-2col-text-img .rte-img + h4, .cke_editable .template-2col-text-img .rte-img + h5, .cke_editable .template-2col-text-img .rte-img + h6, .cke_panel_listItem .template-2col-text-img .rte-img + h1, .cke_panel_listItem .template-2col-text-img .rte-img + h2, .cke_panel_listItem .template-2col-text-img .rte-img + h3, .cke_panel_listItem .template-2col-text-img .rte-img + h4, .cke_panel_listItem .template-2col-text-img .rte-img + h5, .cke_panel_listItem .template-2col-text-img .rte-img + h6 { margin-top: 0; }
.cke_editable .template-2col-text-img h1, .cke_editable .template-2col-text-img h2, .cke_editable .template-2col-text-img h3, .cke_editable .template-2col-text-img h4, .cke_editable .template-2col-text-img h5, .cke_editable .template-2col-text-img h6, .cke_panel_listItem .template-2col-text-img h1, .cke_panel_listItem .template-2col-text-img h2, .cke_panel_listItem .template-2col-text-img h3, .cke_panel_listItem .template-2col-text-img h4, .cke_panel_listItem .template-2col-text-img h5, .cke_panel_listItem .template-2col-text-img h6 { margin-top: 0; }

/*ckeditor scss End*/
.unit-dance h2 a { color: #a40bc0; }

.unit-dance h4 a { background-color: #a40bc0; }

.unit-drama h2 a { color: #027b95; }

.unit-drama h4 a { background-color: #027b95; }

.unit-ftv h2 a { color: #b93a04; }

.unit-ftv h4 a { background-color: #b93a04; }

.unit-music h2 a { color: #916806; }

.unit-music h4 a { background-color: #916806; }

.unit-tea h2 a { color: #c60054; }

.unit-tea h4 a { background-color: #c60054; }

.unit-gec h2 a { color: #1c2cc7; }

.unit-gec h4 a { background-color: #1c2cc7; }

.unit-co h2 a { color: #5d7d2e; }

.unit-co h4 a { background-color: #5d7d2e; }

/* template style */
.template-2col-parallel { overflow: hidden; }

.rte-half { width: 48%; float: left; }

.rte-float-right { float: right; }

.rte-templates { overflow: hidden; }

/*laterAdd for dynamic*/
.cke_editable_new { /*no spcing when is a ffirst line in a page*/ }
.cke_editable_new h2.new { font-size: 30px; color: #4e4e4e; }
.cke_editable_new h3.new { font-size: 26px; color: #cf138b; }
.cke_editable_new h4.new { font-size: 20px; color: #4e4e4e; background: none; display: block; text-transform: none; font-weight: normal; }
.cke_editable_new h5.new { font-size: 11px; color: white; font-weight: bold; background: #cf138b; display: inline-block; text-transform: uppercase; }
.cke_editable_new h6.new { font-size: 16px; color: #4e4e4e; font-weight: normal; }
.cke_editable_new h1.new, .cke_editable_new h2.new, .cke_editable_new h3.new, .cke_editable_new h5.new, .cke_editable_new h6.new { padding: 0.1em 0; margin: 0; }
.cke_editable_new h1.new a, .cke_editable_new h2.new a, .cke_editable_new h3.new a, .cke_editable_new h5.new a, .cke_editable_new h6.new a { color: #616161; text-decoration: none; }
.cke_editable_new h1.new a:hover, .cke_editable_new h2.new a:hover, .cke_editable_new h3.new a:hover, .cke_editable_new h5.new a:hover, .cke_editable_new h6.new a:hover { text-decoration: underline; }
.cke_editable_new h3.new a { color: #cf138b; }
.cke_editable_new h1.new { padding: 0; }
.cke_editable_new h4.new { padding: 0; }
.cke_editable_new h5.new { padding: 4px 8px; margin: 0.1em 0; }
.cke_editable_new h6.new { padding: 0.1em 0; }
.cke_editable_new h1.new, .cke_editable_new h2.new, .cke_editable_new h3.new, .cke_editable_new h4.new, .cke_editable_new h5.new, .cke_editable_new h6.new { margin-top: 2em; }
.cke_editable_new h1.new +, .cke_editable_new h2.new +, .cke_editable_new h3.new +, .cke_editable_new h4.new +, .cke_editable_new h5.new +, .cke_editable_new h6.new + { /*spacing btw header*/ }
.cke_editable_new h1.new + h1, .cke_editable_new h1.new + h2, .cke_editable_new h1.new + h3, .cke_editable_new h1.new + h4, .cke_editable_new h1.new + h5, .cke_editable_new h1.new + h6, .cke_editable_new h2.new + h1, .cke_editable_new h2.new + h2, .cke_editable_new h2.new + h3, .cke_editable_new h2.new + h4, .cke_editable_new h2.new + h5, .cke_editable_new h2.new + h6, .cke_editable_new h3.new + h1, .cke_editable_new h3.new + h2, .cke_editable_new h3.new + h3, .cke_editable_new h3.new + h4, .cke_editable_new h3.new + h5, .cke_editable_new h3.new + h6, .cke_editable_new h4.new + h1, .cke_editable_new h4.new + h2, .cke_editable_new h4.new + h3, .cke_editable_new h4.new + h4, .cke_editable_new h4.new + h5, .cke_editable_new h4.new + h6, .cke_editable_new h5.new + h1, .cke_editable_new h5.new + h2, .cke_editable_new h5.new + h3, .cke_editable_new h5.new + h4, .cke_editable_new h5.new + h5, .cke_editable_new h5.new + h6, .cke_editable_new h6.new + h1, .cke_editable_new h6.new + h2, .cke_editable_new h6.new + h3, .cke_editable_new h6.new + h4, .cke_editable_new h6.new + h5, .cke_editable_new h6.new + h6 { margin-top: 0.2em; }
.cke_editable_new h1.new +, .cke_editable_new h2.new +, .cke_editable_new h3.new +, .cke_editable_new h4.new +, .cke_editable_new h5.new +, .cke_editable_new h6.new + { /*genal tag spcing next to a header*/ }
.cke_editable_new h1.new + p, .cke_editable_new h1.new + ol, .cke_editable_new h1.new + ul, .cke_editable_new h2.new + p, .cke_editable_new h2.new + ol, .cke_editable_new h2.new + ul, .cke_editable_new h3.new + p, .cke_editable_new h3.new + ol, .cke_editable_new h3.new + ul, .cke_editable_new h4.new + p, .cke_editable_new h4.new + ol, .cke_editable_new h4.new + ul, .cke_editable_new h5.new + p, .cke_editable_new h5.new + ol, .cke_editable_new h5.new + ul, .cke_editable_new h6.new + p, .cke_editable_new h6.new + ol, .cke_editable_new h6.new + ul { margin-top: 1em; }
.cke_editable_new h1.new + div, .cke_editable_new h1.new + table, .cke_editable_new h2.new + div, .cke_editable_new h2.new + table, .cke_editable_new h3.new + div, .cke_editable_new h3.new + table, .cke_editable_new h4.new + div, .cke_editable_new h4.new + table, .cke_editable_new h5.new + div, .cke_editable_new h5.new + table, .cke_editable_new h6.new + div, .cke_editable_new h6.new + table { margin-top: 1.8em; }
.cke_editable_new > h1.new:first-child, .cke_editable_new > h2.new:first-child, .cke_editable_new > h3.new:first-child, .cke_editable_new > h4.new:first-child, .cke_editable_new > h5.new:first-child, .cke_editable_new > h6.new:first-child { margin-top: 0; }
.cke_editable_new th > h1.new, .cke_editable_new th > h2.new, .cke_editable_new th > h3.new, .cke_editable_new th > h4.new, .cke_editable_new th > h5.new, .cke_editable_new th > h6.new, .cke_editable_new td > h1.new, .cke_editable_new td > h2.new, .cke_editable_new td > h3.new, .cke_editable_new td > h4.new, .cke_editable_new td > h5.new, .cke_editable_new td > h6.new { margin-top: 0; }

@CHARSET "UTF-8";
.sbHolder{ font-size: 14px; font-weight: normal; height: 35px; position: relative;}
.sbHolder:focus .sbSelector{}
.sbSelector{ display: block; left: 0; line-height: 35px; outline: none; overflow: hidden; position: absolute; top: 0; width: 100%}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{ color: #555; outline: none; text-decoration: none; }
.sbToggle{ background: url(../img/selectbox_arrow.png) center center no-repeat; display: block; height: 100%; outline: none; position: absolute; right: 0; top: 0; width: 30px; }
.sbHolderDisabled .sbSelector, .sbHolderDisabled .sbHolder{ cursor: default;}
.sbHolderDisabled .sbToggle{ background: none; cursor: default;}

.sbOptions{ background-color: #f8f8f8; list-style: none; left: 0; margin: 0; padding: 0; position: absolute; top: 30px; width: 100%; z-index: 100; overflow-y: auto; }
.sbOptions a{ border-bottom: 1px solid #D7D7D7; display: block; outline: none; padding: 7px;}
.sbOptions a{ color: #666666; text-decoration: none; }
.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus{ background-color: #CF138B; color: #FFFFFF; }
.sbOptions li.last a{ border-bottom: none; }
.sbOptions .sbDisabled{ border-bottom: dotted 1px #515151; color: #999; display: block; padding: 7px 0 7px 3px; }
.sbOptions .sbGroup{ border-bottom: dotted 1px #515151; color: #555; display: block; font-weight: bold; padding: 7px 0 7px 3px; }
.sbOptions .sbSub{ padding-left: 17px; }
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:0.5s;-moz-animation-duration:0.5s;-ms-animation-duration:0.5s;-o-animation-duration:0.5s;animation-duration:0.5s;}.animated.hinge{-webkit-animation-duration:0.5s;-moz-animation-duration:0.5s;-ms-animation-duration:0.5s;-o-animation-duration:0.5s;animation-duration:0.5s;}@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInUp {
	0% { opacity: 0; -webkit-transform: translateY(20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes fadeInUp {
	0% { opacity: 0; -moz-transform: translateY(20px); }
	100% { opacity: 1; -moz-transform: translateY(0); }
}
@-o-keyframes fadeInUp {
	0% { opacity: 0; -o-transform: translateY(20px); }
	100% { opacity: 1; -o-transform: translateY(0); }
}
@keyframes fadeInUp {
	0% { opacity: 0; transform: translateY(20px); }
	100% { opacity: 1; transform: translateY(0); }
}

.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes fadeInDown {
	0% { opacity: 0; -moz-transform: translateY(-20px); }
	100% { opacity: 1; -moz-transform: translateY(0); }
}
@-o-keyframes fadeInDown {
	0% { opacity: 0; -o-transform: translateY(-20px); }
	100% { opacity: 1; -o-transform: translateY(0); }
}

@keyframes fadeInDown {
	0% { opacity: 0; transform: translateY(-20px); }
	100% { opacity: 1; transform: translateY(0); }
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
	0% { opacity: 0; -webkit-transform: translateX(-20px); }

	100% { opacity: 1; -webkit-transform: translateX(0); }
}

@-moz-keyframes fadeInLeft {
	0% { opacity: 0; -moz-transform: translateX(-20px); }

	100% { opacity: 1; -moz-transform: translateX(0); }
}

@-o-keyframes fadeInLeft {
	0% { opacity: 0; -o-transform: translateX(-20px); }

	100% { opacity: 1; -o-transform: translateX(0); }
}

@keyframes fadeInLeft {
	0% { opacity: 0;
		transform: translateX(-20px); }

	100% { opacity: 1;
		transform: translateX(0); }
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	0% { opacity: 0; -webkit-transform: translateX(20px); }

	100% { opacity: 1; -webkit-transform: translateX(0); }
}

@-moz-keyframes fadeInRight {
	0% { opacity: 0; -moz-transform: translateX(20px); }

	100% { opacity: 1; -moz-transform: translateX(0); }
}

@-o-keyframes fadeInRight {
	0% { opacity: 0; -o-transform: translateX(20px); }

	100% { opacity: 1; -o-transform: translateX(0); }
}

@keyframes fadeInRight {
	0% { opacity: 0;
		transform: translateX(20px); }

	100% { opacity: 1;
		transform: translateX(0); }
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
	0% { opacity: 0; -webkit-transform: translateY(2000px); }

	100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes fadeInUpBig {
	0% { opacity: 0; -moz-transform: translateY(2000px); }

	100% { opacity: 1; -moz-transform: translateY(0); }
}

@-o-keyframes fadeInUpBig {
	0% { opacity: 0; -o-transform: translateY(2000px); }

	100% { opacity: 1; -o-transform: translateY(0); }
}

@keyframes fadeInUpBig {
	0% { opacity: 0;
		transform: translateY(2000px); }

	100% { opacity: 1;
		transform: translateY(0); }
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-o-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
	0% { opacity: 0; -webkit-transform: translateY(-2000px); }

	100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes fadeInDownBig {
	0% { opacity: 0; -moz-transform: translateY(-2000px); }

	100% { opacity: 1; -moz-transform: translateY(0); }
}

@-o-keyframes fadeInDownBig {
	0% { opacity: 0; -o-transform: translateY(-2000px); }

	100% { opacity: 1; -o-transform: translateY(0); }
}

@keyframes fadeInDownBig {
	0% { opacity: 0;
		transform: translateY(-2000px); }

	100% { opacity: 1;
		transform: translateY(0); }
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	-moz-animation-name: fadeInDownBig;
	-o-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
	0% { opacity: 0; -webkit-transform: translateX(-2000px); }

	100% { opacity: 1; -webkit-transform: translateX(0); }
}
@-moz-keyframes fadeInLeftBig {
	0% { opacity: 0; -moz-transform: translateX(-2000px); }

	100% { opacity: 1; -moz-transform: translateX(0); }
}
@-o-keyframes fadeInLeftBig {
	0% { opacity: 0; -o-transform: translateX(-2000px); }

	100% { opacity: 1; -o-transform: translateX(0); }
}
@keyframes fadeInLeftBig {
	0% { opacity: 0;
		transform: translateX(-2000px); }

	100% { opacity: 1;
		transform: translateX(0); }
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-o-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
	0% { opacity: 0; -webkit-transform: translateX(2000px); }

	100% { opacity: 1; -webkit-transform: translateX(0); }
}

@-moz-keyframes fadeInRightBig {
	0% { opacity: 0; -moz-transform: translateX(2000px); }

	100% { opacity: 1; -moz-transform: translateX(0); }
}

@-o-keyframes fadeInRightBig {
	0% { opacity: 0; -o-transform: translateX(2000px); }

	100% { opacity: 1; -o-transform: translateX(0); }
}

@keyframes fadeInRightBig {
	0% { opacity: 0;
		transform: translateX(2000px); }

	100% { opacity: 1;
		transform: translateX(0); }
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-moz-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-o-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
	0% { opacity: 1; -webkit-transform: translateY(0); }

	100% { opacity: 0; -webkit-transform: translateY(-20px); }
}
@-moz-keyframes fadeOutUp {
	0% { opacity: 1; -moz-transform: translateY(0); }

	100% { opacity: 0; -moz-transform: translateY(-20px); }
}
@-o-keyframes fadeOutUp {
	0% { opacity: 1; -o-transform: translateY(0); }

	100% { opacity: 0; -o-transform: translateY(-20px); }
}
@keyframes fadeOutUp {
	0% { opacity: 1;
		transform: translateY(0); }

	100% { opacity: 0;
		transform: translateY(-20px); }
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	-moz-animation-name: fadeOutUp;
	-o-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
	0% { opacity: 1; -webkit-transform: translateY(0); }

	100% { opacity: 0; -webkit-transform: translateY(20px); }
}

@-moz-keyframes fadeOutDown {
	0% { opacity: 1; -moz-transform: translateY(0); }

	100% { opacity: 0; -moz-transform: translateY(20px); }
}

@-o-keyframes fadeOutDown {
	0% { opacity: 1; -o-transform: translateY(0); }

	100% { opacity: 0; -o-transform: translateY(20px); }
}

@keyframes fadeOutDown {
	0% { opacity: 1;
		transform: translateY(0); }

	100% { opacity: 0;
		transform: translateY(20px); }
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	-o-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
	0% { opacity: 1; -webkit-transform: translateX(0); }

	100% { opacity: 0; -webkit-transform: translateX(-20px); }
}

@-moz-keyframes fadeOutLeft {
	0% { opacity: 1; -moz-transform: translateX(0); }

	100% { opacity: 0; -moz-transform: translateX(-20px); }
}

@-o-keyframes fadeOutLeft {
	0% { opacity: 1; -o-transform: translateX(0); }

	100% { opacity: 0; -o-transform: translateX(-20px); }
}

@keyframes fadeOutLeft {
	0% { opacity: 1;
		transform: translateX(0); }

	100% { opacity: 0;
		transform: translateX(-20px); }
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	-moz-animation-name: fadeOutLeft;
	-o-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
	0% { opacity: 1; -webkit-transform: translateX(0); }

	100% { opacity: 0; -webkit-transform: translateX(20px); }
}

@-moz-keyframes fadeOutRight {
	0% { opacity: 1; -moz-transform: translateX(0); }

	100% { opacity: 0; -moz-transform: translateX(20px); }
}

@-o-keyframes fadeOutRight {
	0% { opacity: 1; -o-transform: translateX(0); }

	100% { opacity: 0; -o-transform: translateX(20px); }
}

@keyframes fadeOutRight {
	0% { opacity: 1;
		transform: translateX(0); }

	100% { opacity: 0;
		transform: translateX(20px); }
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	-moz-animation-name: fadeOutRight;
	-o-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
	0% { opacity: 1; -webkit-transform: translateY(0); }

	100% { opacity: 0; -webkit-transform: translateY(-2000px); }
}

@-moz-keyframes fadeOutUpBig {
	0% { opacity: 1; -moz-transform: translateY(0); }

	100% { opacity: 0; -moz-transform: translateY(-2000px); }
}

@-o-keyframes fadeOutUpBig {
	0% { opacity: 1; -o-transform: translateY(0); }

	100% { opacity: 0; -o-transform: translateY(-2000px); }
}

@keyframes fadeOutUpBig {
	0% { opacity: 1;
		transform: translateY(0); }

	100% { opacity: 0;
		transform: translateY(-2000px); }
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	-moz-animation-name: fadeOutUpBig;
	-o-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
	0% { opacity: 1; -webkit-transform: translateY(0); }

	100% { opacity: 0; -webkit-transform: translateY(2000px); }
}

@-moz-keyframes fadeOutDownBig {
	0% { opacity: 1; -moz-transform: translateY(0); }

	100% { opacity: 0; -moz-transform: translateY(2000px); }
}

@-o-keyframes fadeOutDownBig {
	0% { opacity: 1; -o-transform: translateY(0); }

	100% { opacity: 0; -o-transform: translateY(2000px); }
}

@keyframes fadeOutDownBig {
	0% { opacity: 1;
		transform: translateY(0); }

	100% { opacity: 0;
		transform: translateY(2000px); }
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	-moz-animation-name: fadeOutDownBig;
	-o-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
	0% { opacity: 1; -webkit-transform: translateX(0); }

	100% { opacity: 0; -webkit-transform: translateX(-2000px); }
}

@-moz-keyframes fadeOutLeftBig {
	0% { opacity: 1; -moz-transform: translateX(0); }

	100% { opacity: 0; -moz-transform: translateX(-2000px); }
}

@-o-keyframes fadeOutLeftBig {
	0% { opacity: 1; -o-transform: translateX(0); }

	100% { opacity: 0; -o-transform: translateX(-2000px); }
}

@keyframes fadeOutLeftBig {
	0% { opacity: 1;
		transform: translateX(0); }

	100% { opacity: 0;
		transform: translateX(-2000px); }
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	-moz-animation-name: fadeOutLeftBig;
	-o-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
	0% { opacity: 1; -webkit-transform: translateX(0); }

	100% { opacity: 0; -webkit-transform: translateX(2000px); }
}
@-moz-keyframes fadeOutRightBig {
	0% { opacity: 1; -moz-transform: translateX(0); }

	100% { opacity: 0; -moz-transform: translateX(2000px); }
}
@-o-keyframes fadeOutRightBig {
	0% { opacity: 1; -o-transform: translateX(0); }

	100% { opacity: 0; -o-transform: translateX(2000px); }
}
@keyframes fadeOutRightBig {
	0% { opacity: 1;
		transform: translateX(0); }

	100% { opacity: 0;
		transform: translateX(2000px); }
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	-moz-animation-name: fadeOutRightBig;
	-o-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}

#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}
#cboxOverlay{position:fixed;width:100%;height:100%;background-color:#000}
#cboxMiddleLeft,#cboxBottomLeft{clear:left}
#cboxContent{position:relative;overflow:hidden;background:#FFF}
#cboxLoadedContent{overflow:hidden!important;-webkit-overflow-scrolling:touch}
#cboxTitle{position:relative;display:block;text-align:center;font-family:Arial;font-size:13px;color:#2f2f2f;background:#fff;margin:0;padding:13px 10px}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}
.cboxPhoto{float:left;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic;margin:auto}
.cboxIframe{width:100%;height:100%;display:block;border:0;background:#fff}
#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
#cboxError{border:1px solid #ccc;padding:50px}
#cboxTitle.hide{display:none!important}
#cboxCurrent{position:absolute;bottom:4px;left:58px;color:#949494;display:none}
#cboxLoadingOverlay{background:url(../img/loading_background.png) no-repeat center center}
#cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center}
#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;overflow:visible;width:auto;background:none;margin:0;padding:0}
#cboxSlideshow{position:absolute;bottom:4px;right:30px;color:#0092ef}
#cboxPrevious{position:absolute;left:0;top:50%;margin-top:-15px;background:url(../img/box-controls.png) no-repeat 0 0 #fff;width:35px;height:35px;text-indent:-9999px}
#cboxPrevious:hover{background-position:0 -35px;background-color:#cf138b}
#cboxNext{position:absolute;right:0;top:50%;margin-top:-15px;background:url(../img/box-controls.png) no-repeat -35px 0 #fff;width:35px;height:35px;text-indent:-9999px}
#cboxNext:hover{background-position:-35px -35px;background-color:#cf138b}
#cboxClose{z-index:999;position:absolute;top:-35px;right:0;background:url(../img/cross.png) no-repeat top center #fff;width:35px;height:35px;text-indent:-9999px;display:inline-block}
#cboxClose:hover,#cboxClose.hover{background-position:center bottom;background-color:#cf138b}
#cboxWrapper,#colorbox,#cboxContent{overflow:visible}
#colorbox,#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.prettycheckbox, .prettyradio { display: inline-block; padding:0; margin:0; }
.prettycheckbox a, .prettyradio a{ width: 18px; height: 18px; background: url(prettyCheckable/prettyCheckable-blue.png) -6px -6px no-repeat; display: block; float: left; cursor: pointer; margin:0; }
.prettycheckbox.green a, .prettyradio.green a{ background-image: url(prettyCheckable/prettyCheckable-green.png);}
.prettycheckbox.red a, .prettyradio.red a{ background-image: url(prettyCheckable/prettyCheckable-red.png);}
.prettycheckbox.yellow a, .prettyradio.yellow a{ background-image: url(prettyCheckable/prettyCheckable-yellow.png);}
.prettycheckbox.gray a, .prettyradio.gray a{ background-image: url(prettyCheckable/prettyCheckable-gray.png);}
.prettyradio a {background-position: -6px -126px; position: relative; top: 3px;}
.prettycheckbox a:focus, .prettyradio a:focus {outline: 0 none;}
.prettycheckbox a:focus{background-position: -6px -36px;}
.prettyradio a:focus{background-position: -6px -156px;}
.prettycheckbox a.checked{ background-position: -6px -66px; }
.prettyradio a.checked { background-position: -6px -186px; }
.prettycheckbox a.checked:focus{ background-position: -6px -96px; }
.prettyradio a.checked:focus { background-position: -6px -216px; }
.prettycheckbox label, .prettyradio label { display: block; float: left; /*margin: 1px 15px 1px 5px;*/ margin-left: 5px; cursor: pointer; font-weight: normal; }
.has-pretty-child span {display: none;}
.no-js .has-pretty-child span {display: inline-block;}
.lt-ie8.no-js .has-pretty-child span {display: inline-block;}

.prettycheckbox.disabled label { color: #D3D3D3 }
.prevent_in_combine{position:relative}@font-face{font-family:"ico";font-weight:normal;font-style:normal;src:url("../css/fonts/ico.eot?duuozt");src:url("../css/fonts/ico.eot?duuozt#iefix") format("embedded-opentype"),url("../css/fonts/icomoon/ico.woff") format("woff"),url("../css/fonts/icomoon/ico.ttf") format("truetype"),url("../css/fonts/icomoon/ico.svg#ico") format("svg")}[class^="ico-"],[class*=" ico-"],.ico,.i-arrow-down:before{font-family:'ico' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ico-fw{width:1.28571429em;text-align:center;display:inline-block}.ico-search:before{content:""}.ico-mail:before{content:""}.ico-twitter:before{content:""}.ico-brand:before{content:""}.ico-tweet:before{content:""}.ico-social:before{content:""}.ico-facebook:before{content:""}.ico-brand2:before{content:""}.ico-social2:before{content:""}.ico-menu-dot:before{content:""}.ico-apa-arrow-down:before{content:""}.ico-apa-arrow-up:before{content:""}.ico-apa-arrow-left:before{content:""}.ico-apa-arrow-right:before{content:""}.sr-only{position:absolute;overflow:hidden;clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;padding:0;border:0}.ani--trans,.mb-mn__wrap{-moz-transition-duration:0.6s;-o-transition-duration:0.6s;-webkit-transition-duration:0.6s;transition-duration:0.6s;-moz-transition-property:-moz-transform,color,visibility,opacity,box-shadow,background-color,border-width,border-color,fill,max-width,max-height;-o-transition-property:-o-transform,color,visibility,opacity,box-shadow,background-color,border-width,border-color,fill,max-width,max-height;-webkit-transition-property:-webkit-transform,color,visibility,opacity,box-shadow,background-color,border-width,border-color,fill,max-width,max-height;transition-property:transform,color,visibility,opacity,box-shadow,background-color,border-width,border-color,fill,max-width,max-height;-moz-transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);-o-transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir="rtl"] .slick-slide{float:right}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.query-crt{display:none;position:absolute}@media screen and (min-width: 1024px){.query-crt-desktop{display:block}}@media screen and (min-width: 768px) and (max-width: 991px){.query-crt-tablet{display:block}}@media screen and (max-width: 767px){.query-crt-mobile{display:block}}.js-slick{margin:0;padding:0;list-style:none}.slick-dots-container,.slick-list+.slick-dots{position:absolute;left:0;top:100%;right:0;text-align:center;margin:20px 0 0;font-size:0}.slick-dots-container>*,.slick-list+.slick-dots>*{display:inline-block}.slick-dots{margin:0;padding:0;list-style:none}.slick-arrow{cursor:pointer}.slick-prev{left:0}.slick-next{right:0}.js-add-pause-before .slick-dots,.js-add-pause-before .slick-dots-container{display:none !important}.prettycheckbox{position:relative;padding-left:22px}.prettycheckbox a{position:absolute;top:0;left:0}.tableWrapper{overflow-y:hidden;position:relative;-webkit-overflow-scrolling:auto}.isIOS .tableWrapper{overflow-x:scroll;-webkit-overflow-scrolling:touch}@keyframes passing{0%{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);opacity:0}}.faa-passing.animated{-webkit-animation:passing 1s linear infinite;animation:passing 1s linear infinite}.tableWrapperOuter{position:relative}.tableWrapperOuter:after{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmYSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');background-size:100%;background-image:-webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f8f8fa),color-stop(100%, rgba(248,248,250,0)));background-image:-moz-linear-gradient(right, #f8f8fa,rgba(248,248,250,0));background-image:-webkit-linear-gradient(right, #f8f8fa,rgba(248,248,250,0));background-image:linear-gradient(to left, #f8f8fa,rgba(248,248,250,0));position:absolute;z-index:22;pointer-events:none;top:0;width:50px;bottom:0;content:' ';display:block}.tableWrapperOuter:before{width:18px;height:18px;position:absolute;top:50%;margin:-25px 0 0;right:12px;background-size:contain;z-index:25;-webkit-animation:passing 1s linear infinite;animation:passing 1s linear infinite;content:' '}.tableWrapperOuter:after{right:0}.tableWrapperOuter.rightEnd:before,.tableWrapperOuter.rightEnd:after{display:none}html,body{-ms-overflow-style:scrollbar}html.mouse-down-remove-outline *:focus,body.mouse-down-remove-outline *:focus{outline:0}.rwd-container,.top-header-container,.header-container,.main-container,.content-container,.footer-container{width:auto;max-width:960px}body{min-width:0}div#wrapper{overflow:hidden;position:relative}@media screen and (max-width: 991px){#content .content-container{padding:0 15px}.index #content .content-container{padding-left:0;padding-right:0}}.js-menuCover{position:fixed;top:0;z-index:50;width:100%;left:0;height:100%;opacity:0;visibility:hidden}body.slideIn-mn .js-menuCover{opacity:1;visibility:visible}.mb-mn__wrap{position:fixed;z-index:63;top:45px;bottom:0;left:100%;visibility:hidden;width:100%;max-width:375px;background:rgba(0,0,0,0.85)}@media screen and (min-width: 1024px){.mb-mn__wrap{display:none !important}}.slideIn-mn .mb-mn__wrap{-moz-transform:scale(1) translate(-100%, 0);-ms-transform:scale(1) translate(-100%, 0);-webkit-transform:scale(1) translate(-100%, 0);transform:scale(1) translate(-100%, 0);visibility:visible}.mb-mn__wrap-inner{overflow:auto;height:calc(100vh - 45px)}.no-csscalc .mb-mn__wrap-inner{height:100%}.ios .mb-mn__wrap-inner{-webkit-overflow-scrolling:touch}.mb-mn__wrap .top_nav_content{background:#46264B}.mb-mn__wrap .index_pro_nav{position:relative;top:auto;left:auto;margin:0}.mb-mn__wrap .feaFirMenu{width:auto;padding:0}.mb-mn__list--1,.mb-mn__list--2,.mb-mn__list--3,.mb-mn__list--4,.mb-mn__list--5{margin:0;padding:0}.mb-mn__list--1{position:relative}.mb-mn__list--2,.mb-mn__list--3{display:none}.mb-mn__list--2.mb-active,.mb-mn__list--3.mb-active{display:block}.mb-mn__list--4,.mb-mn__list--5{position:relative;margin:0 0 .7em 1em;list-style:none}.mb-mn__list--5{margin-top:.3em}.mb-mn__item--1,.mb-mn__item--2,.mb-mn__item--3{position:relative}.mb-mn__item--1{border-bottom:1px solid #8C8C8C}.mb-mn__item--2:after,.mb-mn__item--3:after{position:absolute;right:15px;bottom:0;left:15px;height:1px;content:"";background:#676666}.mb-mn__item--2:last-child:after,.mb-mn__item--3:last-child:after{display:none}.mb-mn__item--3{overflow:hidden}.mb-mn__item--4,.mb-mn__item--5{position:relative;padding:0 0 0 1.4em}.mb-mn__item--4:before{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:absolute;top:.6em;left:.3em;width:.3em;height:.3em;content:""}.mb-mn__item--5:before{position:absolute;top:.6em;left:.3em;width:.4em;height:1px;content:""}.mb-mn__link--1,.mb-mn__link--2,.mb-mn__link--3{position:relative;display:block;color:#FFF}.mb-mn__link--1:hover,.mb-mn__link--1:focus,.mb-mn__link--2:hover,.mb-mn__link--2:focus,.mb-mn__link--3:hover,.mb-mn__link--3:focus{color:#FFF !important}.has-sub>.mb-mn__link--1,.has-sub>.mb-mn__link--2{padding-right:48px}.mb-mn__link--1{font-size:1.125rem;padding:.6em 15px .5em}.mb-mn__link--2{font-size:1rem;padding:.6em 26px .5em}.mb-mn__link--3{font-size:1rem;padding:.6em 26px .5em}.mb-mn__close{font-size:30px;position:absolute;top:15px;right:15px;width:30px;height:30px;color:#FFF}@media screen and (max-width: 767px){.mb-mn__close{font-size:18px;top:12px}}@media screen and (min-width: 768px) and (max-width: 991px){.inner_page .mb-mn__pro{display:none !important}}.mb-mn__pro .mb-mn__item--1{text-transform:uppercase}.mb-mn__pro .mb-mn__item--1.feature>a{font-weight:700;color:#CF138B}.mb-mn__pro .mb-mn__list--2{background:#353535}.mb-mn__pro .mb-mn__list--3{background:#505050}.mb-mn__main{background:#3D1643;padding-bottom:60px}.mb-mn__main .mb-mn__list--2{background:#46264B}.mb-mn__main .mb-mn__list--3{background:#2d1331}.mb-mn__main .mb-mn__item--1{border-bottom:1px solid #A896AA}.mb-mn__main .mb-mn__item--1:last-child{border-bottom:0}.mb-mn__main .mb-mn__item--2:after{background:#5C3E61}.mb-mn__main .mb-mn__item--3:after{background:#3e2342}.i-arrow-down{position:absolute;top:.2em;right:.5em;width:3em;height:3em;padding:0;cursor:pointer;border:none;background:none}.i-arrow-down:before{font-size:1.2em;position:absolute;top:50%;left:50%;margin:-.5em 0 0 -.7em;content:"";color:#FFF}.mb-active>.i-arrow-down:before{-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.idxmid-mn__pro{margin:0 0 15px;overflow:hidden}@media screen and (min-width: 768px){.idxmid-mn__pro{display:none}}.idxmid-mn__list--1,.idxmid-mn__list--2,.idxmid-mn__list--3{margin:0;padding:0;list-style:none}.idxmid-mn__list--1{display:table;width:100%;margin:0 0 3px}.idxmid-mn__list--2{position:absolute;top:100%;right:0;left:0;visibility:hidden;background:#F5F5F5}.mb-active>.idxmid-mn__list--2{visibility:visible}.idxmid-mn__list--3{display:none}.idxmid-mn__item--1{line-height:1;position:relative;display:table-cell;width:50%;vertical-align:top;vertical-align:middle;background:#6B2D75}.idxmid-mn__item--1 ~ .idxmid-mn__item--1{border-left:1px solid #C4ABC8}.idxmid-mn__item--1:first-child .idxmid-mn__list--2{margin-right:-100%}.idxmid-mn__item--1:last-child .idxmid-mn__list--2{margin-left:calc(-100% - 2px)}.no-csscalc .idxmid-mn__item--1:last-child .idxmid-mn__list--2{margin-left:-100%}.idxmid-mn__item--1.mb-active{background:#F5F5F5}.idxmid-mn__item--1.mb-active .i-arrow-down:before{color:#6B2D75}.idxmid-mn__item--2{background-image:url('../img/mobile-idx-pro-border.png');background-repeat:repeat-x;background-position:0 bottom;background-size:auto 1px}.idxmid-mn__item--2 .i-arrow-down{display:none}.idxmid-mn__link--1{font-size:15px;display:table-cell;width:1%;height:40px;padding:8px 36px 8px 15px;vertical-align:middle;text-transform:uppercase;color:#FFF}.idxmid-mn__link--1:hover{color:#fff}.idxmid-mn__link--1 ~ .i-arrow-down{top:1em;right:.25em}.ios .idxmid-mn__link--1 ~ .i-arrow-down{top:1em}.mb-active>.idxmid-mn__link--1{color:#6B2D75}.idxmid-mn__link--2{font-size:15px;display:block;padding:10px 15px;color:#626262}.top-header-logo,.mMenu__trigger{display:none}.index .right.pro_nav{display:none}@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){.top_se_last_item{background:url('../img/search-2x.png?1640154510') center 15px no-repeat !important;background-size:14px auto !important}}@media screen and (max-width: 991px){.mMenu__trigger{position:absolute;z-index:4;top:0;right:0;display:block;width:42px;height:45px;cursor:pointer;border:0;border-left:1px solid #5E4062;background:transparent}.mMenu__trigger path,.mMenu__trigger polygon{fill:#B1A2B4}.mMenu__trigger svg{-moz-transform:scale(0.7);-ms-transform:scale(0.7);-webkit-transform:scale(0.7);transform:scale(0.7);display:inline-block;width:24px;height:24px;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;-webkit-transition-duration:0.6s;transition-duration:0.6s;-moz-transition-property:-moz-transform,color,visibility,opacity,box-shadow,background-color,border-width,border-color,fill,max-width,max-height;-o-transition-property:-o-transform,color,visibility,opacity,box-shadow,background-color,border-width,border-color,fill,max-width,max-height;-webkit-transition-property:-webkit-transform,color,visibility,opacity,box-shadow,background-color,border-width,border-color,fill,max-width,max-height;transition-property:transform,color,visibility,opacity,box-shadow,background-color,border-width,border-color,fill,max-width,max-height;-moz-transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);-o-transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.mMenu__trigger .svg-close{opacity:0}.slideIn-mn .mMenu__trigger .svg-close{opacity:1;-moz-transform:rotate(90deg) scale(0.7);-ms-transform:rotate(90deg) scale(0.7);-webkit-transform:rotate(90deg) scale(0.7);transform:rotate(90deg) scale(0.7)}.slideIn-mn .mMenu__trigger .svg-menu{opacity:0;-moz-transform:rotate(-90deg) scale(0.7);-ms-transform:rotate(-90deg) scale(0.7);-webkit-transform:rotate(-90deg) scale(0.7);transform:rotate(-90deg) scale(0.7)}.top_se_last_item{border-right:none}.top_search_area{width:146px}.top_search_area>a{line-height:45px;border-left:0}.top_search_box_area .search_cont{width:auto;padding-right:15px;padding-left:0}.top_search_box_area .search-field{font-size:14px;width:calc(100% - 75px);margin:15px 0 0}.top_search_box_area.show{height:55px}.search-button{width:38px;height:30px;margin-top:12px;background-position:-10px -885px;background-size:65px auto;border-radius:0}.index #header{height:auto !important}.index .right.pro_nav{display:block}.top-header-logo{display:block;float:left;margin:8px 0 0 15px}.top-header-logo img{height:29px}.page-35th .top-header-logo img.logo-show{height:55px;top:-6px}.top_menu_area{width:auto}#top-header{height:45px}#header_position{right:0;left:0;top:0;width:auto;min-width:0}.top_nav_content{display:none}.homeLink{display:none}.top_se_last_item,.top_se_last_item:hover,.top_se_last_item:focus{background-position:-28px -1133px}#header .header-container>a{display:none}.pro_nav{width:100%}.pro_nav>ul{display:table;overflow:visible;width:100%;margin-top:0}.page-35th .pro_nav>ul{margin-top:0}.pro_nav li.menu{position:relative;display:table-cell;float:none;width:1%;height:auto;vertical-align:middle}.page-35th .pro_nav li.menu{height:auto}.pro_nav li.menu:after{position:absolute;top:14px;right:0;bottom:14px;width:1px;content:"";background:#C4ABC8}.pro_nav li.menu:last-child>a{border-right:0}.pro_nav li.menu>a{display:table-cell;width:1%;height:50px;padding-right:15px;text-align:center;vertical-align:middle;border:0;background:none !important}.pro_nav li.menu>a>span{position:relative;display:inline-block;padding:0 2.2em 0 0}.pro_nav li.menu>a>span:after{font-family:'ico' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1em;position:absolute;top:50%;right:0;margin:-.5em 0 0;content:"";opacity:.7;color:#FFF}.pro_nav li.menu.select>a>span:after{color:#6b2d75}.pro_nav li.menu:last-child:after{display:none}.pro_nav .logo_set_sub_menu{left:0}.pro_nav .logo_set_sub_menu.show{top:50px}}@media screen and (max-width: 767px){.index #header{display:none !important}.pro_nav{display:none !important}}.share_area_blk{float:left;position:relative;width:50%;margin:8px 0}@media screen and (max-width: 991px){div#footer{background-position:center bottom}.footer-container{height:auto;padding:0 0 23px}.footer_left_area{width:317px;margin:0 0 0 20px}.footer_left_area #cb-01{margin-top:2px;padding-top:11px;padding-bottom:11px;border-top:1px solid #4E2C54;border-bottom:1px solid #4E2C54}.footer_left_area #cb-01>ul{display:table;width:100%;margin-bottom:0}.footer_left_area #cb-01>ul>li{display:table-cell;float:none;margin-bottom:0;text-align:center;border-left:1px solid  #4E2C54}.footer_left_area #cb-01>ul>li:first-child{border-left:none}.footer_right_area{margin-top:18px}.ft_location_area{float:none;width:auto;margin-left:0}.ft_location_area .loc_title{position:relative;margin-bottom:0;padding:12px 50px 6px 18px;cursor:pointer;border-bottom:1px solid #4E2C54}.ft_location_area .loc_title:after{font-family:'ico' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:.5em;right:.5em;content:"";color:currentColor}.ft_location_area .loc_title.js-active:after{-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ft_location_area .loc_title.js-active+.ft_location_area_inner{display:block}.ft_location_area_inner{display:none;padding:10px 15px}.ft_copyright{font-size:13px;margin-bottom:8px}.ft_copyright a{display:inline-block}.share_area{padding-bottom:16px}.share_area>a{margin-left:20px;font-size:12px}.ft_contact{padding:10px 8px 10px 18px}.ft_right_links_area{overflow:hidden}.ft_right_links_area li{margin-bottom:15px}}@media screen and (max-width: 767px){.footer_left_area,.footer_right_area{float:none;width:auto;margin:0}.footer_right_area{margin-top:-26px}.ft_copyright_area{clear:both;padding-left:15px;padding-right:15px}#footer .share_area,#footer .icon_area{padding-right:15px;padding-left:15px}#footer .ft_right_links_area{padding-right:15px;padding-left:15px}#footer .share_area{width:calc(100% - 30px)}}@media screen and (max-width: 991px){.index #content{padding-top:45px}#index_banner_section{overflow:hidden}#index_banner_section .index_pro_nav{display:none}#content{padding-bottom:45px}.banner_shadow{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0)),color-stop(100%, #000000));background-image:-moz-linear-gradient(top, rgba(0,0,0,0) 0%,#000000 100%);background-image:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,#000000 100%);background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%,#000000 100%)}}.static_bg_img{height:528px;position:relative;left:50%;margin:0 0 0 -950px}@media screen and (max-width: 767px){.static_bg_img{margin-left:-767px}}@media screen and (min-width: 768px) and (max-width: 991px){.banner-slider>li{-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-moz-transform:scale(0.7);-ms-transform:scale(0.7);-webkit-transform:scale(0.7);transform:scale(0.7)}#index_banner_section{left:-45%;width:190%;height:370px}#index_banner_section .bx-controls{right:25%;bottom:15px;margin-right:0}.school_desc_box{right:14%;margin-right:0}.school_desc_box p{font-size:20px}.school_desc_box .school_text_wrapper{padding:28.57143px 14.28571px 21.42857px}#index_banner_toggleBtn{z-index:423;top:320px;left:25%;margin-left:0}.explore_link{font-size:20px;right:14%;bottom:43px;margin-right:0}}@media screen and (max-width: 767px){.banner-slider>li{-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-moz-transform:scale(0.5);-ms-transform:scale(0.5);-webkit-transform:scale(0.5);transform:scale(0.5)}#index_banner_section{left:-155%;width:410%;height:auto}#index_banner_section .bx-wrapper{height:264px}.index-banner-mobile-text-wrapper{position:relative;padding:15px 15px 15px;background:#000}.index-banner-mobile-text{-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s;position:absolute;top:15px;right:15px;left:15px;visibility:hidden;opacity:0}.index-banner-mobile-text.js-active{visibility:visible;opacity:1}.school_desc_box{position:relative;right:auto;bottom:auto;visibility:visible;max-width:none;margin-right:0;text-align:left;opacity:1;background:none}.school_desc_box h3{font-size:23px}.school_desc_box p{float:none;max-width:none}.school_desc_box .school_text_wrapper{padding:0;background:none}#index_banner_toggleBtn{z-index:423;top:320px;left:25%;margin-left:0}.explore_link{right:14%;bottom:43px;margin-right:0}.banner-slider .banner_link,.banner-slider .school_desc_box{display:none}#index_banner_section .bx-controls{-moz-transform:translate(50%, 0);-ms-transform:translate(50%, 0);-webkit-transform:translate(50%, 0);transform:translate(50%, 0);bottom:12px;margin-right:auto}#index_banner_section .bx-pager-link{width:25px;height:5px}}@media screen and (max-width: 991px){#key_dates{position:relative;width:auto}}@media screen and (max-width: 767px){#key_dates{width:230px;height:auto;margin:auto}}@media screen and (max-width: 991px){#key_dates_menu{width:100%}}@media screen and (max-width: 991px){#key_dates_menu{width:230px}}.key_date_btn{padding-top:3px}@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){.key_date_btn{background-image:url('../img/icon-calendar-2x.png?1640154510');background-position:calc(100% - 7px) center;background-size:24px auto}}@media screen and (max-width: 991px){.key_date_btn{box-sizing:border-box;width:230px;text-align:center;text-indent:-5px;background-position:166px center}}@media screen and (max-width: 767px){.key_date_btn{position:relative;display:block;float:none;margin:auto}.key_date_btn:after{font-family:'ico' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:.6em;position:absolute;top:10px;right:10px;content:""}}@media screen and (max-width: 767px){#key_dates.show #key_dates_menu{top:33px}#key_dates.show .key_date_btn:after{content:""}}@media screen and (min-width: 768px) and (max-width: 991px){.index-blocks-section{width:728px;margin:0 auto}}@media screen and (max-width: 767px){.index-blocks-section{display:none}}.prospective_student_block{position:relative;z-index:7}@media screen and (min-width: 768px) and (max-width: 991px){.prospective_student_block{width:338px}}@media screen and (max-width: 991px){.prospective_student_block{height:auto;margin-top:58px}.prospective_student_block .left,.prospective_student_block .right{display:none}.prospective_student_block img{width:100%}.prospective_student_block .psb_color_block{position:relative;overflow:visible;width:auto;padding:0;background-image:none}.prospective_student_block .psb_color_block>h3{position:relative;margin-bottom:0 !important;padding:13px 40px 12px 15px !important;cursor:pointer}.prospective_student_block .psb_color_block>h3:before{font-family:'ico' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:.6em;right:.5em;content:"";color:currentColor}.prospective_student_block .psb_color_block>h3.js-active:before{content:""}.prospective_student_block .psb_color_block>h3.js-active ~ .psb_color_block-inner{display:block}}@media screen and (max-width: 767px){.prospective_student_block{width:auto}.prospective_student_block .psb_color_block>h3{font-size:18px !important;padding:11px 40px 10px 10px !important}.prospective_student_block .psb_color_block .psb_color_block-inner .left,.prospective_student_block .psb_color_block .psb_color_block-inner .right{float:none !important}.prospective_student_block .psb_color_block ul{width:auto}}@media screen and (max-width: 991px){.psb_color_block-inner{position:absolute;top:100%;right:0;left:0;display:none;padding:15px 15px;background:rgba(166,231,226,0.95)}.psb_color_block-inner .left,.psb_color_block-inner .right{display:block}}@media screen and (max-width: 767px){.chairman-block{width:auto !important;height:auto !important}.chairman-block img{left:0;position:relative;height:auto !important}}@media screen and (max-width: 413px){.chairman-block img{-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-webkit-transform-origin:0 100%;transform-origin:0 100%}.chairman-block .play-video-block{-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-moz-transform:scale(0.8);-ms-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8)}.chairman-block .cb-quote{font-size:13px;top:36px;left:125px}.chairman-block .cb-text{font-size:15px;right:0;bottom:0;left:108px;padding:7px 10px 5px;background:#000}.chairman-block .cb-bg{display:none}}@media screen and (max-width: 991px){.index-row{position:static}}@media screen and (min-width: 768px) and (max-width: 991px){.for-tablet-pos{width:338px}}@media screen and (min-width: 768px) and (max-width: 991px){.menu_row{width:259px}}@media screen and (max-width: 991px){.index .banner_box1{right:auto}}@media screen and (max-width: 767px){.index .banner_box1{clear:both;overflow:hidden;width:auto;height:auto}.index .banner_box1 .bxSlider{width:auto}.index .banner_box1 .list-item{float:none;min-width:0;min-height:0}.index .banner_box1 .list-item img{display:block;width:100%}}@media screen and (max-width: 767px){#presenter img,#tips_block{display:block;width:100% !important;height:auto}}@media screen and (max-width: 767px){#tips_block{float:none}#tips_block img{width:100%}}@media screen and (min-width: 768px) and (max-width: 991px){#tips_block-container{float:left}#tips_block-container img{height:140px}}@media screen and (min-width: 768px) and (max-width: 991px){#sp_banner_wrap{margin-top:-421px}}@media screen and (max-width: 767px){#sp_banner_wrap{width:auto}#sp_banner_wrap img{position:relative;display:block;width:calc(100% - 2px);margin:0 0 1px 1px}.no-csscalc #sp_banner_wrap img{width:100%}}@media screen and (max-width: 767px){#tips_block_itm,#presenter{float:left;overflow:hidden;width:100%;margin-top:0}}@media screen and (min-width: 768px) and (max-width: 991px){#presenter{width:210px}#presenter img{width:100%}}@media screen and (max-width: 767px){#presenter{float:right}#presenter .ppl_title{font-size:16px}}#extra_block_1_itm{position:relative;z-index:3}@media screen and (max-width: 767px){#course_img_itm,#extra_block_1_itm,#extra_block_2_itm,#extra_block_3_itm{float:none;width:auto}#course_img_itm img,#extra_block_1_itm img,#extra_block_2_itm img,#extra_block_3_itm img{width:100%}}@media screen and (min-width: 1024px){#tips_block{width:180px}}@media screen and (min-width: 1024px){#extra_block_1{width:180px}}@media screen and (min-width: 1024px){#cb-2,#extra_block_2{width:280px}}@media screen and (min-width: 768px) and (max-width: 991px){#cb-2,#extra_block_2{width:210px}}@media screen and (min-width: 1024px){#extra_block_3{width:275px}}@media screen and (min-width: 1024px){#course_img{width:275px}}@media screen and (max-width: 991px){.extra_block_1-row:before,.extra_block_1-row:after,#sp_banner-container:before,#sp_banner-container:after{display:none}}@media screen and (min-width: 768px) and (max-width: 991px){.has-courseb #sp_banner-container-right{margin-top:-135px}.has-cb-1 #sp_banner-container-right{margin-top:-135px}.has-courseb.has-cb-3 #sp_banner-container-right{margin-top:-210px}.has-cb-1.has-cb-3 #sp_banner-container-right{margin-top:-210px}}@media screen and (max-width: 991px){.perform_black .list-item,.perform_white .list-item{min-width:1vw;min-height:1vw}.perform_black .list-item img,.perform_white .list-item img{width:100%}.perform_black .title_block,.perform_white .title_block{-moz-transform:scale(0.75);-ms-transform:scale(0.75);-webkit-transform:scale(0.75);transform:scale(0.75);padding:5px 15px 15px}.perform_black .plus-box,.perform_white .plus-box{-moz-transform:scale(0.8);-ms-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8)}}@media screen and (max-width: 767px){.perform_black,.perform_white{clear:both;width:auto}}@media screen and (max-width: 991px){.perform_black .plus-box{-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;right:10px}.perform_black .title_block{-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-webkit-transform-origin:0 100%;transform-origin:0 100%}}@media screen and (min-width: 768px) and (max-width: 991px){.has-courseb .perform_black{margin-bottom:135px}.has-cb-1 .perform_black{margin-bottom:135px}.has-courseb.has-cb-3 .perform_black{margin-bottom:210px}.has-cb-1.has-cb-3 .perform_black{margin-bottom:210px}}@media screen and (max-width: 991px){.perform_white .plus-box{-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-webkit-transform-origin:0 100%;transform-origin:0 100%;left:10px}.perform_white .title_block{-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}}@media screen and (max-width: 991px){.perform_black.oneSlide .bxslider,.perform_white.oneSlide .bxslider{width:100%}.perform_black.oneSlide .bxslider .list-item,.perform_white.oneSlide .bxslider .list-item{width:100%}}@media screen and (min-width: 768px) and (max-width: 991px){.index .index-col-left .perform_white,.index .index-col-left .perform_black,.index .index-col-right .perform_white,.index .index-col-right .perform_black{width:259px}.index .index-col-left .perform_white .list-item,.index .index-col-left .perform_black .list-item,.index .index-col-right .perform_white .list-item,.index .index-col-right .perform_black .list-item{width:259px;min-height:1vw}.index .index-col-left .perform_white img,.index .index-col-left .perform_black img,.index .index-col-right .perform_white img,.index .index-col-right .perform_black img{width:100%}.index .index-col-left .perform_black,.index .index-col-right .perform_black{margin-left:-110px}}.js-rwd-idx-mb--oripos{display:none}@media screen and (min-width: 768px) and (max-width: 991px){.bottom-posrow{position:absolute;top:685px;right:-7px;width:454px}}@media screen and (min-width: 768px) and (max-width: 991px){#course_img{width:207px}}@media screen and (min-width: 768px) and (max-width: 991px){#extra_block_3{position:absolute;top:128px;left:218px;width:160px}}.mobile-index-blocks-section{display:none}@media screen and (max-width: 767px){.mobile-index-blocks-section{display:block;padding:0 10px}.mobile-index-blocks-section>*{margin-top:20px;margin-bottom:20px}}@media screen and (max-width: 767px){.index_banner_border{margin-bottom:0}}@media screen and (max-width: 767px){#video-popup .youtubewrapper{max-width:92vw}}.announcement-container{max-width:960px;width:100%}.announcement-area{width:calc(100% - 240px)}@media screen and (max-width: 991px){.announcement-title{margin-left:15px;width:195px}.announcement-area{width:calc(100% - 255px)}}@media screen and (max-width: 767px){.announcement-title,.announcement-area{float:none;width:auto;margin-left:15px;margin-right:15px}.announcement-container{padding:20px 0}.announcement-area{margin-top:20px}.announcement-box{padding-bottom:15px}}@media screen and (max-width: 767px){.cke_editable h1,.cke_editable_new h1,.cke_panel_listItem h1{font-size:25px}.cke_editable h2,.cke_editable_new h2,.cke_panel_listItem h2{font-size:22px}.cke_editable h3,.cke_editable_new h3,.cke_panel_listItem h3{font-size:20px}.cke_editable h4,.cke_editable_new h4,.cke_panel_listItem h4{font-size:18px}.cke_editable img,.cke_editable_new img,.cke_panel_listItem img{max-width:100%;height:auto !important}.template-2col-text-img .img-left,.template-2col-text-img .img-right{width:auto;margin-left:0;margin-right:0;float:none}.cke_editable .style_table th,.cke_editable .style_table td,.cke_panel_listItem .style_table th,.cke_panel_listItem .style_table td{padding:10px 15px}}@media screen and (max-width: 767px){.rte-accord .box,.accordionCont .box,.biography .accordion .box{padding-left:15px;padding-right:15px}}@media screen and (max-width: 767px){.rte-half{float:none !important;width:auto;margin:5px 0}}@media screen and (max-width: 767px){.template-2col-text-nimg .rte-nimg{float:none !important}}#wrapper .cke_editable .rwd-table{max-width:100%}@media screen and (max-width: 767px){#wrapper .cke_editable .rwd-table,#wrapper .cke_editable .rwd-table>thead,#wrapper .cke_editable .rwd-table>tbody,#wrapper .cke_editable .rwd-table>thead>tr,#wrapper .cke_editable .rwd-table>tbody>tr,#wrapper .cke_editable .rwd-table>thead>tr>th,#wrapper .cke_editable .rwd-table>tbody>tr>td{display:block;width:100% !important;box-sizing:border-box}#wrapper .cke_editable .rwd-table,#wrapper .cke_editable .rwd-table>thead,#wrapper .cke_editable .rwd-table>tbody,#wrapper .cke_editable .rwd-table>thead>tr,#wrapper .cke_editable .rwd-table>tbody>tr{border:0}#wrapper .cke_editable .rwd-table[border="1"]>thead>tr>th,#wrapper .cke_editable .rwd-table[border="1"]>tbody>tr>td{border:1px solid #000;border-top:0}#wrapper .cke_editable .rwd-table[border="1"]>thead>tr>th:first-child,#wrapper .cke_editable .rwd-table[border="1"]>tbody>tr>td:first-child{border-top:1px solid #000}}.jw_ie_notice{display:none}.isIE-9 #jw_video-popup,.isIE-10 #jw_video-popup{opacity:0 !important;visibility:hidden !important}.isIE-9 .jw_ie_notice,.isIE-10 .jw_ie_notice{position:absolute;top:1em;left:1em;right:1em;display:block;color:#fff}.accordion.rte-accord h2,.accordionCont h2{padding-left:15px}.accordion.rte-accord h2 span,.accordionCont h2 span{font-size:32px}@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){.share_btn.show:before{background-color:#AAA;background-position:13px -77px}.share_btn:before{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;padding:15px 0 0;content:"";text-align:center;background-color:#EDEDED;background-image:url('../img/share_btn-2x.png?1640154510');background-repeat:no-repeat;background-position:13px 8px;background-size:13px auto}.share_btn:after{-moz-transform:scale(0.6);-ms-transform:scale(0.6);-webkit-transform:scale(0.6);transform:scale(0.6);font-size:12px;font-weight:700;position:absolute;z-index:2;top:22px;right:0;left:0;content:"SHARE";text-align:center}.lang-tch .share_btn:after{-moz-transform:scale(0.75);-ms-transform:scale(0.75);-webkit-transform:scale(0.75);transform:scale(0.75);content:"分享"}.lang-sch .share_btn:after{-moz-transform:scale(0.75);-ms-transform:scale(0.75);-webkit-transform:scale(0.75);transform:scale(0.75);content:"分享"}#footer .share_btn:before,#footer .share_btn:after{display:none}}.go-back .bg{position:relative}@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){.go-back .bg{background:none !important;opacity:.8}.go-back .bg:before{font-family:'ico' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:0;left:-4px;content:"";background:none}}.back_top_btn .bg{position:relative}@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){.back_top_btn .bg{background:none;opacity:.8}.back_top_btn .bg:before{font-family:'ico' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:0;right:4px;content:"";background:none}}.cb-quote-begin,.cb-quote-end{background-size:100% auto}@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){.cb-quote-begin{background-image:url('../img/quote-begin-2x.jpg?1640154510')}.cb-quote-end{background-image:url('../img/quote-end-2x.jpg?1640154510')}}@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){.perform_white .bx-prev,.perform_white .bx-next,.perform_black .bx-prev,.perform_black .bx-next{text-indent:0;background-image:none}.perform_white .bx-prev:before,.perform_white .bx-next:before,.perform_black .bx-prev:before,.perform_black .bx-next:before{font-family:'ico' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;top:0;position:absolute;left:0;right:0;bottom:0;line-height:35px;text-align:center}.perform_white .bx-prev:before,.perform_black .bx-prev:before{content:""}.perform_white .bx-next:before,.perform_black .bx-next:before{content:""}.perform_black .bx-prev,.perform_black .bx-next{color:#fff}}.small-backtotop{display:none !important}.small-backtotop-unit{margin-top:-60px;margin-bottom:80px}.back_top_btn.backactive{z-index:36}@media screen and (max-width: 991px){#back-top{display:none !important}.small-backtotop{display:block !important;margin-right:10px}.lef_nav{display:none}.main_content{float:none;width:auto;min-height:380px;margin-top:20px}.breadcrumb_area{display:none}#content{background-size:cover !important}#content.bgCom1{background:url("../img/bg-common1.jpg") repeat center top fixed;background-size:cover}#content.bgCom2{background:url("../img/bg-common2.jpg") repeat center top fixed;background-size:cover}#content.bgCom3{background:url("../img/bg-common3.jpg") repeat center top fixed;background-size:cover}#content.bgCom4{background:url("../img/bg-common4.jpg") repeat center top fixed;background-size:cover}#content.bgCom5{background:url("../img/bg-common5.jpg") repeat center top fixed;background-size:cover}#content.unit-dance{background:url("../img/bg-gallery.jpg") repeat center top fixed;background-size:cover}#content.unit-music{background:url("../img/bg-inner-music.jpg") repeat center top fixed;background-size:cover}#content.unit-co{background:url("../img/bg-inner-co.jpg") repeat center top fixed;background-size:cover}#content.unit-tea{background:url("../img/bg-tea.jpg") repeat center top fixed;background-size:cover}#content.unit-ftv{background:url("../img/bg-film.jpg") repeat center top fixed;background-size:cover}#content.unit-drama{background:url("../img/bg-drama.jpg") repeat center top fixed;background-size:cover}.pageDetail .txt_col{font-size:35px}.txt_col+.filter_search_area{margin-top:16px}#school-header{top:95px;overflow:visible}.page-35th #school-header{top:95px}.inner_page #content.with-school-header .main_content{margin-top:0}.bot_nav{position:relative}}@media screen and (max-width: 767px){#content{padding-top:44px}#school-header{top:45px;z-index:9}.page-35th #school-header{top:45px}.pageDetail{z-index:8;margin-bottom:10px}.pageDetail .txt_col{font-size:25px;float:none;margin-right:40px}.txt_col+.filter_search_area{margin-top:10px}.multi_layer h3,.multi_layer .multi_layer_title{font-size:1.8em}.main_content{min-height:445px}.main_content_inner{margin:0 -5px}.pageSel,.faculty .pageSel,.staff .pageSel{margin-top:0;margin-bottom:20px}.pagination ul{margin-left:-1px}.goToPage{clear:both;margin-top:5px}.inner_page #content.with-school-header{padding-top:90px}.static_page{padding:15px}.hasHover tr:hover{background-color:#CF138B}.hasHover tr:hover td:before{color:#FFF}}@media screen and (max-width: 991px){.director-welcome .msgDetail{width:auto;float:none}.director-welcome .msgDetail img{max-width:100%;height:auto !important}.director-welcome.message-from-council .msgDetail{width:calc(100% - 305px)}}@media screen and (max-width: 767px){.director-welcome .director_wrap{margin-left:-15px;margin-right:-15px}.director-welcome .director{width:auto;height:auto;padding:56.14035% 0 0;position:relative}.director-welcome .director img{width:100%;position:absolute;top:0;left:0}.director-welcome .directorQuote{margin:-10px -10px 15px 0}.director-welcome .directorQuote p{position:relative;z-index:2}.director-welcome .directorQuote:before{content:'';background:#fff;position:absolute;background:#fff;left:10px;right:10px;bottom:10px;top:10px}.director-welcome .directorQuote_upper{padding:23px 23px 8px;width:239px}.director .multi_layer{left:0}.director-welcome.message-from-council .director .multi_layer{right:0;bottom:0}.director-welcome.message-from-council .directorQuote{margin-top:0;margin-left:-10px;margin-right:auto}.director-welcome.message-from-council .msgDetail{width:auto;float:none}.director-welcome.message-from-council .rte-templates.template-2col-text-img .rte-img.img-left{position:relative;left:auto;float:none}}@media screen and (max-width: 375px){.director-welcome.message-from-council .msgDetail .rte-img.img-left{margin-right:0}.director-welcome.message-from-council .msgDetail .rte-img.img-left img{width:100% !important}}@media screen and (max-width: 991px){.news .year.search_border_area .selectBox{width:80px}.month.search_border_area .selectBox{width:92px}.search_border_area.keywords{width:calc(100% - 550px)}.search_border_area #keywords{width:calc(100% - 70px)}.news_series_content_area{width:calc(100% - 270px)}.news_list{padding:0 13px 20px}.news_img img{width:100%}.filter__news{*zoom:1}.filter__news:before,.filter__news:after{content:" ";display:table}.filter__news:after{clear:both}.filter__news .search_border_area.keywords{width:calc(100% - 545px)}}@media screen and (max-width: 767px){.targetSlider1.news_series{position:relative;margin:0 -10px 15px;background:url("../img/dot_img.png") bottom left #CF138B no-repeat}.targetSlider1.news_series .bx-pager{display:none}.targetSlider1.news_series .bx-controls{position:static}.targetSlider1.news_series .bx-next,.targetSlider1.news_series .bx-prev{z-index:23;top:46vw;border:0;background-color:rgba(255,255,255,0.85)}.targetSlider1.news_series .bx-prev{right:auto;left:0}.targetSlider1.news_series .bx-next{right:0;left:auto}.news_series_area>.left{position:relative;display:block;float:none !important;width:100%;padding:100% 0 0}.news_series_area>.left:empty{display:none}.news_series_area>.left img{position:absolute;top:0;left:0;width:100%;height:auto}.news_series_area .note{display:none}.series_link h2{line-height:1.1}.news_series_content_area{display:block;float:none;width:auto;padding:15px}.news_series .slide ~ .slide{position:absolute;visibility:hidden}.news_series .bx-wrapper .slide ~ .slide{position:relative;visibility:visible}.news_series .slide,.news_series .bxslider,.news_series .series_link{width:auto;height:auto;background:none}.news .year.search_border_area .selectBox{width:65px}.month.search_border_area .selectBox{width:75px}.news .news-category.search_border_area .selectBox{width:100%}.all_btn{width:60px}.search_border_area .sbSelector{padding-left:8px}.search_border_area .sbToggle{width:20px}.search_border_area.news-category{float:right;width:calc(100% - 78px)}.search_border_area.year,.search_border_area.month,.search_border_area.keywords,.search_border_area.performance_type{border:1px solid #E8E8E8;background:#FFF}.search_border_area.month,.search_border_area.keywords{border-left:0}.search_border_area.keywords{width:calc(100% - 163px)}.news_list{overflow:hidden;padding-right:5px;padding-left:5px}.news_list .tableCont>table,.news_list .tableCont>table>thead,.news_list .tableCont>table>tbody,.news_list .tableCont>table>thead>tr,.news_list .tableCont>table>tbody>tr,.news_list .tableCont>table>thead>tr>th,.news_list .tableCont>table>tbody>tr>td,.news_list .tableCont>table>tbody>tr>th{display:block;clear:both;float:none;width:auto}.news_list .tableCont>table tr{padding:12px 12px 10px;border-top:1px solid #E8E8E8}.news_list .tableCont>table tr:first-child{border-top:0}.news_list .tableCont>table td,.news_list .tableCont>table th{padding:0;border:none}.news_list .grad_yr{margin:0 0 1px}.news_list thead,.news_list .subj{display:none !important}.news_detail_area{margin-top:40px}.news_detail_area .touchcarousel{width:auto;padding-bottom:20px;margin-bottom:0}.news_content_area{padding:15px 15px}.news_content_area .txt_col{line-height:1.2em;font-size:20px}.filter__news .search_border_area .selectBox{width:100% !important}.filter__news .search_border_area.keywords{margin-top:5px;width:calc(100% - 8px);border-left:1px solid #E8E8E8}.filter__news .search_border_area.news-category{width:calc(100% - 75px);margin-bottom:5px}.filter__news .search_border_area.year{width:calc(50% - 8px)}.filter__news .search_border_area.month{width:calc(50% - 7px)}}.cal_date_area{width:100% !important}@media screen and (max-width: 991px){.filter__event .search_border_area.keywords{width:calc(100% - 579px)}.cal_date{display:table-cell;float:none}.cal_date_area{overflow-x:auto;overflow-y:hidden}.cal_date *{width:50px}.cal_date_area{overflow:hidden;height:36px}.cal_date_area:hover .jspHorizontalBar{opacity:.6}.cal_date_area .jspHorizontalBar{-moz-transition-duration:0.6s;-o-transition-duration:0.6s;-webkit-transition-duration:0.6s;transition-duration:0.6s;-moz-transition-property:-moz-transform,color,visibility,opacity,box-shadow,background-color,border-width,border-color,fill,max-width,max-height;-o-transition-property:-o-transform,color,visibility,opacity,box-shadow,background-color,border-width,border-color,fill,max-width,max-height;-webkit-transition-property:-webkit-transform,color,visibility,opacity,box-shadow,background-color,border-width,border-color,fill,max-width,max-height;transition-property:transform,color,visibility,opacity,box-shadow,background-color,border-width,border-color,fill,max-width,max-height;-moz-transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);-o-transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);height:5px;opacity:0}.event_box_content_area{width:calc(100% - 280px)}.event_box_content_area_inner{margin-right:-20px}.remark_box{width:auto}.event_detail_area .event_box_content_area{width:calc(100% - 250px)}.filter__event-archive .search_border_area.keywords{width:calc(100% - 580px)}}@media screen and (max-width: 767px){.filter_search_area{height:auto;border:none;background:none}.filter_search_area .search_border_area{background:#FFF}.event .upcoming_btn{padding-top:10px}.event .cal-sub-title{clear:both;padding-top:0}.search_border_area.all{border-left:1px solid #E8E8E8}.filter__event .search_border_area{margin-bottom:5px;border-top:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8}.filter__event .search_border_area .selectBox{width:100% !important}.filter__event .search_border_area.category{float:right;width:calc(100% - 75px);border-left:0}.filter__event .search_border_area.unit,.filter__event .search_border_area.performance_type,.filter__event .search_border_area.keywords{border:1px solid #E8E8E8;background:#FFF}.filter__event .search_border_area.unit{width:55%}.filter__event .search_border_area.performance_type{width:calc(45% - 15px);border-left:0}.filter__event .search_border_area.keywords{width:calc(100% - 8px)}.event_box_area .left{float:none !important;width:auto}.event_box_area .left img{width:100%}.event_box_content_area{position:relative;float:none;width:auto;padding-right:40px;padding-left:15px}.event_box_content_area.event_box_content_full{padding-left:15px}.event_detail_area .touchcarousel{width:auto}.event_detail_area .event_box_content_area{width:auto;padding-top:20px}.event_detail_area .event_box_content_area.event_box_content_full{padding-left:15px}.event_detail_area.event_box_area{width:auto}.event_detail_area.event_box_area .left{width:auto}.event_detail_area.event_box_area .left img{width:100%;margin:0}.cal_title,.cal_title a{font-size:20px}.filter__event-archive .selectBox,.sec_filter_search_area .selectBox{width:100% !important}.filter__event-archive .search_border_area.keywords,.sec_filter_search_area .search_border_area.keywords{width:calc(100% - 580px)}.filter__event-archive .search_border_area.category,.sec_filter_search_area .search_border_area.category{width:calc(100% - 75px)}.filter__event-archive .search_border_area.unit,.filter__event-archive .search_border_area.keywords,.sec_filter_search_area .search_border_area.unit,.sec_filter_search_area .search_border_area.keywords{width:calc(100% - 8px);margin-top:5px;border-left:1px solid #E8E8E8}.filter__event-archive .search_border_area.performance_type,.sec_filter_search_area .search_border_area.performance_type{width:calc(100% - 8px);margin-top:5px;margin-bottom:5px}.filter__event-archive .search_border_area.year,.sec_filter_search_area .search_border_area.year{width:calc(50% - 8px)}.filter__event-archive .search_border_area.month,.sec_filter_search_area .search_border_area.month{width:calc(50% - 7px)}.sec_filter_search_area{margin-left:0;height:auto;float:none;clear:both;border:0;background:transparent;*zoom:1}.sec_filter_search_area:before,.sec_filter_search_area:after{content:" ";display:table}.sec_filter_search_area:after{clear:both}}.js-left-menu-trigger,.school-header-nav-trigger,.left_nav_clone{display:none}#school-header h1{line-height:34px}.unit-drama .sch_title ~ .main_content .main_content_inner,.unit-dance .sch_title ~ .main_content .main_content_inner,.unit-co .sch_title ~ .main_content .main_content_inner,.unit-ftv .sch_title ~ .main_content .main_content_inner,.unit-tea .sch_title ~ .main_content .main_content_inner,.unit-music .sch_title ~ .main_content .main_content_inner,.unit-gec .sch_title ~ .main_content .main_content_inner,.unit-las .sch_title ~ .main_content .main_content_inner,.unit-pae .sch_title ~ .main_content .main_content_inner,.unit-language .sch_title ~ .main_content .main_content_inner{display:inline}.enhance_inner_wrapper{font-size:0;text-align:right}.enhance_inner_wrapper .col_wrapper{font-size:12px;display:inline-block;float:none;text-align:left;vertical-align:top}.enhance_inner_wrapper .bx-controls-auto{display:none}@media screen and (min-width: 768px) and (max-width: 991px){.color_text_wrapper{margin-top:100px}}@media screen and (max-width: 991px){.video_wrapper,.slide_wrapper{right:15px;width:495px;background:#000}.sub_slogan{width:calc(100% - 505px)}.sch_text_wrapper{width:415px;margin-right:20px;padding:15px;margin-top:220px}.unit-drama #content,.unit-dance #content,.unit-co #content,.unit-ftv #content,.unit-tea #content,.unit-music #content,.unit-gec #content,.unit-las #content,.unit-pae #content,.unit-language #content{padding-top:115px}.unit-drama .lef_nav,.unit-dance .lef_nav,.unit-co .lef_nav,.unit-ftv .lef_nav,.unit-tea .lef_nav,.unit-music .lef_nav,.unit-gec .lef_nav,.unit-las .lef_nav,.unit-pae .lef_nav,.unit-language .lef_nav{margin-top:0}.unit-drama .main_content,.unit-dance .main_content,.unit-co .main_content,.unit-ftv .main_content,.unit-tea .main_content,.unit-music .main_content,.unit-gec .main_content,.unit-las .main_content,.unit-pae .main_content,.unit-language .main_content{width:100%;margin-top:0}.unit-drama .color_text_wrapper,.unit-dance .color_text_wrapper,.unit-co .color_text_wrapper,.unit-ftv .color_text_wrapper,.unit-tea .color_text_wrapper,.unit-music .color_text_wrapper,.unit-gec .color_text_wrapper,.unit-las .color_text_wrapper,.unit-pae .color_text_wrapper,.unit-language .color_text_wrapper{background-size:cover}.sch_title{font-size:60px}.sch_title+.lef_nav{display:block}.sch_title+.lef_nav .sch_cover_nav{-moz-transform:translate(-100%, 15px);-ms-transform:translate(-100%, 15px);-webkit-transform:translate(-100%, 15px);transform:translate(-100%, 15px);-moz-transition-duration:0.6s;-o-transition-duration:0.6s;-webkit-transition-duration:0.6s;transition-duration:0.6s;-moz-transition-property:-moz-transform,color,visibility,opacity,box-shadow,background-color,border-width,border-color,fill,max-width,max-height;-o-transition-property:-o-transform,color,visibility,opacity,box-shadow,background-color,border-width,border-color,fill,max-width,max-height;-webkit-transition-property:-webkit-transform,color,visibility,opacity,box-shadow,background-color,border-width,border-color,fill,max-width,max-height;transition-property:transform,color,visibility,opacity,box-shadow,background-color,border-width,border-color,fill,max-width,max-height;-moz-transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);-o-transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);position:absolute;z-index:80;left:0;padding:10px;opacity:0;background:rgba(0,0,0,0.8)}.sch_title+.lef_nav .sch_cover_nav li:first-child,.sch_title+.lef_nav .sch_cover_nav>ul:first-child{border:0}.sch_title+.lef_nav .js-left-menu-trigger.js-active+.sch_cover_nav{-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1;box-shadow:2px 3px 10px 0 rgba(0,0,0,0.2)}.js-left-menu-trigger,.school-header-nav-trigger{font-size:16px;display:block;margin-left:-10px;padding:10px;cursor:pointer;color:#FFF;border:0;background:transparent;-webkit-appearance:none}.js-left-menu-trigger{background-color:rgba(61,22,67,0.75);padding-left:15px;padding-right:15px;margin-left:-15px}.enhance_inner_wrapper{margin-left:-48px;padding-left:0;text-align:center}.enhance_inner_wrapper .col_wrapper{float:none;overflow:hidden;width:616px;margin-right:auto;margin-left:auto;text-align:left}.enhance_inner_wrapper .col_wrapper div span{padding-top:7px}.enhance_inner_wrapper .col_wrapper>div{width:260px;height:256px;margin:0 0 48px 48px}.enhance_inner_wrapper .col_wrapper>div img{width:100%}.enhance_inner_wrapper .col_wrapper .contact{line-height:48px;position:relative;height:47px;padding:0;font-size:24px;background-size:100% 100%}.enhance_inner_wrapper .col_wrapper .contact a{padding:0 20px}.enhance_inner_wrapper .col_wrapper .studyprogrammes span{width:auto;max-width:none;padding-right:26px;font-size:25px;left:25px;bottom:28px}.enhance_inner_wrapper .col_wrapper .studyprogrammes span.overlayer{width:auto;max-width:none;top:22px;left:22px;bottom:22px;right:22px}.enhance_inner_wrapper .col_wrapper .news{width:220px;height:auto}.enhance_inner_wrapper .col_wrapper .slider_wrapper,.enhance_inner_wrapper .col_wrapper .perform_black,.enhance_inner_wrapper .col_wrapper .perform_white,.enhance_inner_wrapper .col_wrapper .bx-wrapper{height:auto}.enhance_inner_wrapper .col_wrapper .slider_wrapper img,.enhance_inner_wrapper .col_wrapper .perform_black img,.enhance_inner_wrapper .col_wrapper .perform_white img,.enhance_inner_wrapper .col_wrapper .bx-wrapper img{width:100%}.enhance_inner_wrapper .col_wrapper .gallery{float:left}.enhance_inner_wrapper .col_wrapper .perform_black{width:auto}.enhance_inner_wrapper .col_wrapper .perform_black .list-item{min-height:5px}.enhance_inner_wrapper .col_wrapper .perform_black .bx-controls-auto{display:none}.enhance_inner_wrapper .col_wrapper .spotlight span,.enhance_inner_wrapper .col_wrapper .gallery span{font-size:25px;bottom:22px;left:25px;max-width:190px}.school-header-nav-trigger{position:fixed;top:95px;right:0;color:#fff;background:#cf138b;z-index:10}.unit-dance .school-header-nav-trigger{background:#a40bc0}.unit-drama .school-header-nav-trigger{background:#0e4a57}.unit-music .school-header-nav-trigger{background:#916806}.unit-gec .school-header-nav-trigger{background:#1c2cc7}.unit-ftv .school-header-nav-trigger{background:#b93a04}.unit-co .school-header-nav-trigger{background:#5d7d2e}.unit-tea .school-header-nav-trigger{background:#c60054}#school-header .school-header-nav-trigger{position:absolute;top:-3px;color:#FFF;background-color:transparent}#content .lef_nav.left_nav_clone{display:block;-moz-transform:translate(100%, 1em);-ms-transform:translate(100%, 1em);-webkit-transform:translate(100%, 1em);transform:translate(100%, 1em);-moz-transition-duration:0.6s;-o-transition-duration:0.6s;-webkit-transition-duration:0.6s;transition-duration:0.6s;-moz-transition-property:-moz-transform,color,visibility,opacity,box-shadow,background-color,border-width,border-color,fill,max-width,max-height;-o-transition-property:-o-transform,color,visibility,opacity,box-shadow,background-color,border-width,border-color,fill,max-width,max-height;-webkit-transition-property:-webkit-transform,color,visibility,opacity,box-shadow,background-color,border-width,border-color,fill,max-width,max-height;transition-property:transform,color,visibility,opacity,box-shadow,background-color,border-width,border-color,fill,max-width,max-height;-moz-transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);-o-transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);position:fixed;z-index:5;top:95px;right:0;left:auto;float:none;display:block;overflow-x:hidden;overflow-y:auto;width:220px;max-height:calc(100vh - 160px);margin:0;padding:15px 15px 60px;opacity:0;background:rgba(255,255,255,0.94);z-index:7}#content .lef_nav.left_nav_clone li:hover a{background:transparent !important;color:#6a6a6a}#content .lef_nav.left_nav_clone .landing_nav{width:170px}#content .lef_nav.left_nav_clone .top_nav,#content .lef_nav.left_nav_clone .bot_nav{padding-bottom:60px}#content .lef_nav.left_nav_clone .top_nav+.bot_nav{margin-top:-40px}#content .lef_nav.left_nav_clone .sub_lv ul{position:relative;left:auto;top:auto;display:block;padding-left:20px}#content .lef_nav.left_nav_clone .sub_lv ul li{background:transparent;border-top:1px solid #e7e7e7}#content .lef_nav.left_nav_clone .sub_lv ul a{color:#6a6a6a}#content #school-header .lef_nav.left_nav_clone{top:100%;position:absolute}#content .school-header-nav-trigger.js-active+.lef_nav.left_nav_clone{-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1;box-shadow:-2px 3px 10px 0 rgba(0,0,0,0.2)}}@media screen and (max-width: 767px){.unit-drama #content,.unit-dance #content,.unit-co #content,.unit-ftv #content,.unit-tea #content,.unit-music #content,.unit-gec #content,.unit-las #content,.unit-pae #content,.unit-language #content{padding-top:50px}.main_content_inner{display:block}.sch_title{font-size:32px}.sch_slogan{font-size:20px;width:240px}#school-header h1{font-size:14px}.video_wrapper,.slide_wrapper{position:relative;right:0;width:auto;height:auto;margin:0 10px 0 0}.video_wrapper .list-item,.slide_wrapper .list-item{min-width:0;min-height:10px}.video_wrapper .list-item img,.slide_wrapper .list-item img{display:block;width:100%}.school-unit .video_wrapper .multi_layer,.school-unit .slide_wrapper .multi_layer{position:relative;right:0;bottom:0;left:0;width:auto;max-height:none}.sub_slogan{display:block;float:none;width:auto;padding:15px 5px}.color_text_wrapper{margin-right:0;margin-right:-5px;margin-left:-15px;padding:15px 15px 15px;margin-top:0}.slide_wrapper+.color_text_wrapper{margin-top:-30vw;padding-top:30vw}.sch_text_wrapper{float:none;width:auto;margin:0}.sch_text_wrapper .btn_expand{display:none !important}.sch_text_inner_wrapper{height:auto !important;min-height:0;margin-bottom:0}.enhance_wrapper{margin-top:20px}.enhance_inner_wrapper .col_wrapper{display:flex;width:307px;flex-wrap:wrap}.enhance_inner_wrapper .col_wrapper>div{margin-bottom:15px}.enhance_inner_wrapper .col_wrapper .gallery{order:1}.enhance_inner_wrapper .col_wrapper .slider_wrapper{order:2}.enhance_inner_wrapper .col_wrapper .contact{order:3}#content.with-school-header #school-header .lef_nav{max-height:calc(100vh - 108px)}.school-header-nav-trigger{top:45px}#content .lef_nav.left_nav_clone{top:45px;max-height:calc(100vh - 75px);z-index:9}#content #school-header .lef_nav.left_nav_clone{top:100%}}.splotlight-col.col-3-tree{display:block}.splotlight-col.col-2-tree{display:none}.splotlight-col.col-1-tree{display:none}.why_share_detail .desc.show_m{display:none}@media screen and (max-width: 991px){.splotlight-col.col-3-tree{display:none}.splotlight-col.col-2-tree{display:block}.splotlight-col.col-1-tree{display:none}.filter__spotlight .search_border_area.keywords{width:184px}.why_share_box{width:auto;margin-bottom:15px}.why_share_box img{display:block;width:100%}.inner_page .index-row{*zoom:1;margin-right:-15px}.inner_page .index-row:before,.inner_page .index-row:after{content:" ";display:table}.inner_page .index-row:after{clear:both}.inner_page .index-col-left,.inner_page .index-col-right{width:calc( 50% - 15px);margin-right:15px}.why_img_slider{z-index:5;overflow:visible;width:350px;height:350px;margin:0;background:transparent}.why_img_slider .list-item{line-height:350px;min-width:350px;min-height:350px}.why_img_slider .list-item img{max-width:350px;max-height:350px;vertical-align:top}.why_img_slider .bx-controls{top:-15px;bottom:auto}.why_share_detail{width:calc(100% - 350px)}.share_detail_content,.go-back{margin-right:0}#back-top>div+.go-back{margin-right:10px}.share_detail_content:before{position:absolute;top:0;right:99.5%;left:-55%;height:100%;content:"";background:#FFF}}@media screen and (max-width: 767px){.search_border_area.all,.search_border_area.unit,.search_border_area.news-category,.search_border_area.category{border-top:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8}.filter_search_area{width:100%}.filter__spotlight .search_border_area{margin-bottom:5px}.filter__spotlight .search_border_area .selectBox{width:100%}.filter__spotlight .search_border_area.unit{width:calc(100% - 75px)}.filter__spotlight .search_border_area.keywords{width:calc(100% - 8px);border-left:1px solid #E8E8E8}.splotlight-col.col-3-tree{display:none}.splotlight-col.col-2-tree{display:none}.splotlight-col.col-1-tree{display:block}.why_share_detail{float:none;width:auto}.why_share_detail .desc.show_m{display:block}.why_share_detail .desc:not(.show_m){display:none}.inner_page .index-row{margin-right:0;margin-left:0}.inner_page .index-col-left,.inner_page .index-col-right{max-width:500px;float:none;width:100%;margin-left:auto;margin-right:auto}.share_detail_content{margin-right:0;padding:15px 15px 52px}.share_detail_content .jspScrollable,.share_detail_content .jspContainer,.share_detail_content .jspPane{width:auto !important;height:auto !important}.share_detail_content .jspVerticalBar{display:none !important}.share_detail_content .jspPane{position:static}.share_detail_content p{padding-right:0}.view_more_spotlight{margin-right:0}.why_apa_share_detail{position:relative;z-index:25}.why_apa_share_detail .go-back{position:absolute;top:-36px;right:0;margin-right:0;padding:6px 15px}.why_img_slider{width:100%;height:auto;margin-left:0}.why_img_slider .list-item{line-height:normal;min-width:0;min-height:0}.why_img_slider .list-item img{width:100%;max-width:none;height:auto;max-height:none}.why_img_slider .bx-controls{right:auto;bottom:0;left:50%;margin:0 0 0 -60px;top:auto}}.why_apa_section--tablet,.why_apa_section--mobile{display:none;margin:-412px auto 10px}.why_apa_section--tablet .why_apa_section,.why_apa_section--mobile .why_apa_section{margin:0}.why_apa_section--tablet .why-apa-highlight-item p img:first-child:nth-last-child(2),.why_apa_section--tablet .why-apa-highlight-item p img:first-child:nth-last-child(2) ~ img,.why_apa_section--mobile .why-apa-highlight-item p img:first-child:nth-last-child(2),.why_apa_section--mobile .why-apa-highlight-item p img:first-child:nth-last-child(2) ~ img{width:48%;height:auto}.why_apa_section--tablet .why-apa-highlight-item p img:first-child:nth-last-child(1),.why_apa_section--mobile .why-apa-highlight-item p img:first-child:nth-last-child(1){max-width:100%;height:auto !important;display:block}.why_apa_section--tablet{margin-top:-346px}.why_apa_section--tablet+.why_apa_section--tablet{margin-top:0}.why_apa_section--mobile+.why_apa_section--mobile{margin-top:0}.why_apa_section_list{overflow:hidden}.why_apa_section_list .slick-arrow{position:absolute;z-index:6;top:auto;bottom:0;width:33px;height:33px;border:none}.why_apa_section_list .slick-arrow.slick-prev{right:33px;left:auto;border-right:1px solid #585858;background:url(../img/arrow-gallery-control_grey.png) center top #313131}.why_apa_section_list .slick-arrow.slick-next{right:0;background:url(../img/arrow-gallery-control_grey.png) center -33px #313131}.js-slick-container:not(.js-slick-loaded) .why_apa_section_list-tablet-top>.js-slick-itm:nth-child(2) ~ .js-slick-itm,.js-slick-container:not(.js-slick-loaded) .why_apa_section_list-tablet-bot>.js-slick-itm:nth-child(2) ~ .js-slick-itm{position:absolute;visibility:hidden}.js-slick-container:not(.js-slick-loaded) .why_apa_section_list-mobile-top>.js-slick-itm:nth-child(1) ~ .js-slick-itm,.js-slick-container:not(.js-slick-loaded) .why_apa_section_list-mobile-bot>.js-slick-itm:nth-child(1) ~ .js-slick-itm{position:absolute;visibility:hidden}.why_apa_share_section-desktop{display:block}.why_apa_share_section-tablet{display:none;max-width:650px;margin-left:auto;margin-right:auto}.why_apa_share_section-mobile{display:none}@media screen and (max-width: 991px){.why_apa_section_container{margin-right:-15px;margin-left:-15px}.why_feature_box{padding-right:30px;padding-left:30px}.why_apa_section--desktop{display:none}.why_apa_section--tablet{display:block}.why_apa_share_section-desktop{display:none}.why_apa_share_section-tablet{display:block}.why_apa_share_section-mobile{display:none}}@media screen and (max-width: 767px){.why_share_box h2{font-size:18px}.why_share_box h2 a{font-size:inherit}.why_feature_box{padding-left:15px;padding-right:15px}.why_apa_section--tablet{display:none}.why_apa_section--mobile{display:block}.why_apa_share_section-desktop{display:none}.why_apa_share_section-tablet{display:none}.why_apa_share_section-mobile{display:block}}.login_section,.reg_section{position:relative}.login_section_inner,.reg_section_inner{position:relative;padding:89.00524% 0 0}.login_block,.reg_block{position:absolute;left:50%;margin:-90px 0 0 -125px}.left_label-clear{display:none}.user_register{*zoom:1}.user_register:before,.user_register:after{content:" ";display:table}.user_register:after{clear:both}@media screen and (max-width: 991px){.login_block p.val_error{font-size:12px;right:230px;width:75px;padding:15px 5px}.login_section,.reg_section,.main_content_full .login_section,.main_content_full .reg_section{width:calc(50% - 1px);height:auto;margin-right:1px}.user_register{padding:20px 15px}.user_register .txt_col{font-size:15px !important;margin-bottom:10px}.user_register .reg_field ul.row>li.left_label{width:150px;padding-right:0}.log-reg-section{margin-right:-2px}ul.row>.remark_row{display:block;margin-top:-5px;margin-left:165px;padding-top:0}.alumni .reg_field ul.row>li.left_label,.talent .reg_field ul.row>li.left_label{width:auto}.alumni .reg_field ul.row>li.left_label.left_label--confirm,.talent .reg_field ul.row>li.left_label.left_label--confirm{display:block;clear:both;width:150px}.reg_field ul.row>li.left_label-clear{display:block;clear:both;height:1px;margin:0 0 0;padding:0;background:#F3F3F3}}@media screen and (max-width: 767px){.login_block p.val_error{right:218px;width:56px}.login_section,.reg_section,.main_content_full .login_section,.main_content_full .reg_section{width:100%;height:auto;margin-right:0;margin-bottom:1px}.user_register .reg_field ul.row>li.left_label,.user_register .reg_field ul.row>li.left_label:first-child,.user_register .reg_field ul.row>li.clear+.left_label{display:block;width:auto;margin-bottom:-10px;padding-bottom:2px;padding-left:0}.alumni .reg_field ul.row>li.left_label,.talent .reg_field ul.row>li.left_label{padding-left:0}.alumni .reg_field .fill_info input[type="text"],.alumni .reg_field .fill_info input[type="password"],.alumni .reg_field .fill_info input[type="text"],.alumni .reg_field .fill_info input[type="password"],.talent .reg_field .fill_info input[type="text"],.talent .reg_field .fill_info input[type="password"],.talent .reg_field .fill_info input[type="text"],.talent .reg_field .fill_info input[type="password"]{width:116px}.user_register #home_address,.user_register #gi_business_address{width:254px}#piemail{width:255px}.programStudy.selectBox,.studyArea.selectBox{width:270px}ul.row.last{margin-bottom:0}ul.row>.remark_row{display:block;margin-left:0}.user_register{padding:15px}.dummy_label{display:none !important}.left_label-clear{display:block;margin-bottom:-15px}.indent_box{padding-left:0}#forget_pw{width:80vw}}.clear-from-sm{display:none}@media screen and (max-width: 991px){.left_label .asterisk{margin-left:0}.contact_form_section,.content_general{padding:15px}.contact_form_section h2{font-size:15px}.contact_form_section .reg_field .fill_info .contact_to{width:270px}.contact_form_section .reg_field .fill_info .f_name,.contact_form_section .reg_field .fill_info #email,.contact_form_section .reg_field .fill_info .f_sub,.contact_form_section .reg_field .fill_info .f_message{width:255px}.contact_form_section .reg_field .fill_info .re-capcha{width:auto;margin-left:0}.clear-from-sm{display:block !important;clear:both}.user_register #gi_company_name_eng,.user_register #gi_company_name_chi{width:236px}.li_email-wrap{max-width:500px}}@media screen and (max-width: 767px){.recaptchatable,#recaptcha_area tr,#recaptcha_area td,#recaptcha_area th{float:left !important;height:auto;padding:2px 5px 2px 0 !important}.reg_field #recaptcha_response_field{width:240px !important}.contact_form_section .reg_field td+.inputs,.contact_form_section ul.row>li+.inputs{margin-top:-20px}#recaptcha_image{width:auto !important;height:auto !important}#recaptcha_image img{width:auto;height:32px}#recaptcha_logo{width:40px;height:auto}.reg_field ul.row>.left_label,.reg_field td{display:block;width:auto;padding-left:0}}.landing_block .index-row{overflow:hidden}#announcement_block .list-item ~ .list-item{visibility:hidden}#announcement_block .bx-wrapper .list-item ~ .list-item{visibility:visible}#searchForm .a_button{padding-right:15px;font-size:17px}.linelink_list{margin:0;clear:both;padding:4px 0 0}.linelink_list li{display:inline-block;vertical-align:top;font-size:13px}.linelink_list li a:hover{text-decoration:underline}.linelink_list li:before{height:.8em;width:1px;background-color:currentColor;margin:0 8px;content:'';display:inline-block;opacity:.8}@media screen and (max-width: 767px){.linelink_list li:before{margin:0 6px}}.linelink_list li:first-child:before{display:none}@media screen and (max-width: 991px){.seach_cate_box{margin-top:0}}@media screen and (max-width: 991px) and (max-width: 991px){.landing_block .index-col-left .perform_white,.landing_block .index-col-left .perform_black,.landing_block .index-col-right .perform_white,.landing_block .index-col-right .perform_black{width:100%}.landing_block .index-col-left .perform_white .list-item,.landing_block .index-col-left .perform_black .list-item,.landing_block .index-col-right .perform_white .list-item,.landing_block .index-col-right .perform_black .list-item{min-width:0;min-height:3px}.landing_block .index-col-left .perform_white img,.landing_block .index-col-left .perform_black img,.landing_block .index-col-right .perform_white img,.landing_block .index-col-right .perform_black img{width:100%}}@media screen and (max-width: 991px){.landing_block .w_space{position:relative;left:94px;margin-left:0}#announcement_block,#announcement_block .content_bg{width:auto;background-size:cover}#announcement_block .bx-controls,#announcement_block .content_bg .bx-controls{right:0;left:0;width:auto}#lib_extra_block{width:auto}#lib_extra_block img{width:100%;height:auto}#extra_search_block{width:260px}#extra_search_block img{width:100%}}@media screen and (max-width: 767px){.unit-library #content{padding-top:52px}.unit-library .landing_title{font-size:40px}.unit-library .seach_cate_box{float:none;width:auto;margin-top:0;margin-bottom:15px;background-size:cover}.unit-library .seach_cate_box input[type="text"]{width:calc(100% - 75px)}.unit-library .seach_cate_box .adv_search_link{margin-right:0}.unit-library .tab_switch_btn{font-size:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.unit-library .tab_switch_btn>a{display:inline-block;float:none}.unit-library .tab_content{*zoom:1;height:auto;padding:10px}.unit-library .tab_content:before,.unit-library .tab_content:after{content:" ";display:table}.unit-library .tab_content:after{clear:both}.unit-library .tab_content.images #img_search{width:calc(100% - 60px)}.unit-library .tab_content.images .selectBox,.unit-library .tab_content.images #img_search_btn{margin-top:4px}.unit-library .tab_content.images .selectBox{width:calc(100% - 129px);margin-left:40px}.unit-library .perform_black{margin-bottom:12px}.unit-library .perform_black .bx-controls{height:auto;position:static}.unit-library .perform_black .bx-pager,.unit-library .perform_black .bx-controls-auto{display:none}.unit-library .perform_black .bx-prev,.unit-library .perform_black .bx-next{position:absolute;top:50%;-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);z-index:4;border:0;background-color:#262626}.unit-library .perform_black .bx-prev{left:0;right:auto}.unit-library .perform_black .bx-nect{left:auto;right:0}#lib_extra_block{margin-bottom:12px}#extra_search_block{width:100%}.landing_block .index-row.w_space{left:0;max-width:320px;margin-left:auto;margin-right:auto}}@media screen and (max-width: 991px){.database_info{padding:0;background:transparent}.database_info .tab_content{background:#FFF}.database_info .user_tit_area{height:auto}.user_tit_area{height:auto;background-size:cover}.tab_content .charList span{padding:2px 5px}.charList{margin-left:14px;margin-right:14px;font-size:0}.charList a,.charList span{line-height:22px;display:block;margin-left:auto;margin-right:auto}.charList li{display:inline-block;float:none;margin-right:2px;margin-left:2px;text-align:center;min-width:30px}.charList li span{border-bottom:1px solid transparent}.charList .current a{background:none}.charList .current a:hover{color:#FFF}.charList .current span{border-bottom-color:#FFF}.charList .current span:hover{border-bottom:1px solid #FFF !important}.filter_box{margin-right:-9px}.filter_box .filter_item{margin-right:9px}}@media screen and (max-width: 767px){.database_list{margin-left:-12px;margin-right:-12px}.database_list thead{display:none !important}.database_list .tableTitle{margin-left:5px;font-size:20px}.database_list td,.database_list th{border:none}.database_list tr{border-top:1px solid #ececec}.database_list td.title{font-size:16px;font-weight:400;width:auto}.database_list td.desc.cke_editable_new{font-size:12px;font-weight:400}.database_list td.desc.cke_editable_new p{font-size:12px}.database_list table{border-bottom:1px solid #ececec}.database_list table,.database_list table>thead,.database_list table>tbody,.database_list table>thead>tr,.database_list table>tbody>tr,.database_list table>thead>tr>th,.database_list table>tbody>tr>td,.database_list table>tbody>tr>th{display:block;clear:both;float:none !important;width:auto !important}.database_list table tr{padding-top:10px;padding-bottom:10px}.database_list table td{padding-top:4px;padding-bottom:4px}.database_list table td[data-title]{padding-bottom:0}.database_list table td[data-title]:before{content:attr(data-title);font-size:14px;color:#cf138b;margin:0 13px 0 0}.database_list table td .icon-doctype{vertical-align:middle;float:none}.filter_box .filter_item{width:calc(100% - 16px)}.filter_box .filter_item>span{width:1%}}@media screen and (max-width: 991px){.filter__staff .search_border_area.keywords{width:184px}.staff .user_tit_area{height:auto}}@media screen and (max-width: 767px){.filter__staff .search_border_area.keywords{width:calc(100% - 8px);border-left:1px solid #e8e8e8;margin-top:5px}.filter__staff .search_border_area.unit{width:calc(100% - 75px)}.staffInfo h2{font-size:22px}.graduate_list,.job_list,.job_detail,.staffInfo{padding:20px 15px}.staffContact{padding-top:10px;padding-bottom:10px}.staffContact p{float:none !important;padding:0 15px;line-height:28px}.staff_list,.staff_list>thead,.staff_list>tbody,.staff_list>thead>tr,.staff_list>tbody>tr,.staff_list>thead>tr>th,.staff_list>tbody>tr>td,.staff_list>tbody>tr>th{display:block;clear:both;float:none !important;width:auto !important}.staff_list_wrap{margin-left:-10px;margin-right:-10px}.staff_list tr{border-bottom:1px solid #e8e8e8}.staff_list td{border:0;height:auto;padding:0;padding:0 15px}.staff_list td:first-child{padding-top:10px}.staff_list td:last-child{padding-bottom:10px}.staff_list td.title{line-height:1.4;padding-bottom:8px}.staff_list td .pplName{font-size:15px}.staff_list td.contact{padding-top:12px}}.col_cont--4col{display:block}.col_cont--2col{display:none}.col_cont--1col{display:none}.pplDetail .pplTag--mobile{display:none}@media screen and (max-width: 991px){.faculty .txt_col,.graduate .txt_col,.graduating-class .txt_col,.staff .txt_col{float:none}.faculty .col_cont{margin-bottom:34px}.filter__faculty .search_border_area.keywords{width:184px}.col_cont{margin-left:-15px}.col_cont .col4{box-sizing:border-box;width:25%;margin-left:0;padding-left:15px}.pplBlock{margin-bottom:15px}.pplBlock .pplImg img{width:100%}}@media screen and (max-width: 767px){.filter__faculty .search_border_area.unit{width:calc(100% - 75px)}.filter__faculty .search_border_area.keywords{width:calc(100% - 8px);margin-top:5px;border-left:1px solid #E8E8E8}.filter__faculty .search_border_area .selectBox{width:100%}.profilPic{float:none;margin:0;width:100%;max-width:475px}.profilPic img{width:100%;display:block}.biography{margin:0}.biography .detail{padding:16px 15px}.pplTitle{margin-bottom:10px}.pplDetail{margin-top:5px}.pplDetail .pplName{font-size:20px}.pplDetail .pplTag{display:none}.pplDetail .pplTag--mobile{display:inline-block}.col_cont .col4{width:50%}.col_cont--4col{display:none}.col_cont--2col{display:block}.col_cont--1col{display:none}}@media screen and (max-width: 414px){.col_cont .col4{width:100%}.col_cont .col4 .name{font-size:25px}.col_cont .col4 .title{font-size:21px}.pplTag span{font-size:14px;padding:5px 22px}.noPplImg .pplImg{height:56px}.pplImg .pplTag{width:260px}.col_cont--4col{display:none}.col_cont--2col{display:none}.col_cont--1col{display:block}}@media screen and (max-width: 991px){.job_page,.job_detail_page{padding:25px}.job_detail_page .dl_box{float:none}.job_cur_list th,.job_cur_list td{line-height:20px;padding:15px 10px}.job_cur_list th:first-child,.job_cur_list td:first-child{padding-left:20px}.job_cur_list th:last-child,.job_cur_list td:last-child{padding-right:20px}.job_cur_list .title{width:380px}.job_cur_list .type{width:145px}.job_cur_list .type{width:145px}.job_cur_list .ref{width:125px}.job_cur_list .date{width:135px}.dl_box{padding:15px}.dl_container{padding-left:10px}.dl_container:first-child{padding-right:10px}}@media screen and (max-width: 767px){.job_cur_list{margin-bottom:15px}.job_cur_list,.job_cur_list>thead,.job_cur_list>tbody,.job_cur_list>thead>tr,.job_cur_list>tbody>tr,.job_cur_list>thead>tr>th,.job_cur_list>tbody>tr>td,.job_cur_list>tbody>tr>th{display:block;clear:both;float:none !important;width:auto !important}.job_cur_list thead{display:none !important}.job_cur_list tr{border-bottom:1px solid #e7e7e7;overflow:hidden}.job_cur_list tr:first-child{border-top:1px solid #e7e7e7}.job_cur_list th,.job_cur_list th:first-child,.job_cur_list th:last-child,.job_cur_list td,.job_cur_list td:first-child,.job_cur_list td:last-child{border:none;padding:0 12px}.job_cur_list th:first-child,.job_cur_list td:first-child{padding-top:13px}.job_cur_list th:last-child,.job_cur_list td:last-child{padding-bottom:15px}.job_cur_list td[data-title]:before{content:attr(data-title);color:#cf138b}.job_cur_list td[data-title].date{width:40% !important;float:left !important;clear:none}.job_cur_list td[data-title].date:before{display:block}.job_cur_list .type,.job_cur_list .ref{margin-bottom:5px}.job_page,.job_detail_page{padding:22px 15px}.job_page h2.txt_col,.job_detail_page h2.txt_col{margin-bottom:12px}.job_detail_page h3{font-size:20px}.job_cur_list_wrap{margin-right:-10px;margin-left:-10px}.dl_box{margin-left:-10px;margin-right:-10px}.dl_box .dl_container{padding:0;border:0}.dl_box .dl_container+.dl_container{border-top:1px solid #ebe2e7;margin-top:10px;padding-top:10px}.dl_box p{margin-bottom:.7em !important}}.gallery_box_area--2col{display:block}.gallery_box_area--1col{display:none}@media screen and (max-width: 991px){.img-container{line-height:145px;width:145px;height:145px;margin:0 6px 16px 8px}.img-container img{max-width:145px;max-height:145px}.filter__gallery .search_border_area.keywords{width:calc(100% - 558px)}.gallery_box_area{margin-left:-15px}.gallery_box_area .no_record{margin-left:15px;display:block;margin-top:1em}.col2{box-sizing:border-box;width:50%;margin:0;padding-left:15px}.col2:first-child{margin-right:0}.gallery_box .gallery_box_content_area{padding-top:12px}.gallery_box .txt_col{font-size:20px;line-height:1.2;margin-bottom:.2em}.galleryDetail .txt_col{font-size:20px;line-height:1.2;margin-bottom:.1em}.galleryDetail .tab_content{margin-bottom:15px}}@media screen and (max-width: 767px){.filter__gallery .search_border_area .selectBox{width:100% !important}.filter__gallery .search_border_area.unit{width:calc(100% - 75px);margin-bottom:5px}.filter__gallery .search_border_area.year{width:calc(50% - 8px)}.filter__gallery .search_border_area.month{width:calc(50% - 7px)}.filter__gallery .search_border_area.keywords{width:calc(100% - 8px);margin-top:5px;border-left:1px solid #E8E8E8}.galleryDetail .tab_switch_btn,.galleryDetail .tab_content{margin-right:-10px;margin-left:-10px}.galleryDetail .tab_switch_btn{overflow-x:auto;white-space:nowrap}.galleryDetail .tab_switch_btn>a{display:inline-block;float:none;vertical-align:top}.galleryDetail{margin-top:15px;padding:15px 13px}.galleryDetail .share_btn{display:none}.galleryDetail .tab_content{padding:12px 8px}.galleryDetail .tab_content_inner{display:block;width:275px;margin:auto;text-align:left}.gallery_box_area--2col{display:none}.gallery_box_area--1col{display:block}.gallery_box .media-content{-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-webkit-transform-origin:0 100%;transform-origin:0 100%;-moz-transform:scale(0.85);-ms-transform:scale(0.85);-webkit-transform:scale(0.85);transform:scale(0.85);bottom:15px;left:15px}.gallery_box .gallery_box_content_area{padding:12px 15px}.col2{width:100%}.galleryDetail .tab_content{font-size:0;text-align:center}.img-container{font-size:14px;line-height:125px;display:inline-block;float:none;width:125px;height:125px;margin:0 5px 11px 7px;vertical-align:top}.img-container img{max-width:125px;max-height:125px}.jwplayer{width:90vw !important;height:90vw !important}}@media screen and (max-width: 767px) and (orientation: landscape){.jwplayer{width:80vh !important;height:80vh !important}}@media screen and (max-width: 991px){.enews_section{padding:20px 15px}.opt_info{float:none;margin-top:15px;width:auto;clear:both}}@media screen and (max-width: 767px){.enews_section .e_subs_fill{width:auto;float:none}.enews_section .e_subs_fill .inputs{display:block;margin:6px 0;padding:0}.enews_section .e_subs_fill .left_label{padding-bottom:0}.ebox input[type="text"]{width:62vw}}@media screen and (max-width: 767px){.reg_form{padding:20px 15px}.reg_form .tab_content.active{padding:15px 12px}#designated_programme{width:calc(100vw - 150px) !important}.fund_genre ul>li{width:85%}.ask_amount>label,.ask_amount>div>label{display:block !important}.ask_amount #currency{margin:0 0 10px}.ask_amount .prettycheckbox{display:block !important}.tab_content .note{clear:both}.donate_form #name,.donate_form #address,.donate_form #tel,.donate_form #email,.donate_form #contact_name{width:calc(100vw - 110px) !important}}@media screen and (max-width: 767px){.venue .reg_field #email,.venue .reg_field #company,.venue .reg_field #evt_type,.venue .reg_field #number_a,.venue .reg_field #t_booking,.venue .reg_field #book_date,.venue .reg_field #o_detail,.venue .reg_field #email,.venue .reg_field #company,.venue .reg_field #evt_type,.venue .reg_field #number_a,.venue .reg_field #t_booking,.venue .reg_field #book_date,.venue .reg_field #o_detail{width:calc(100vw - 65px)}.venue .reg_field #fax,.venue .reg_field #fax{margin-left:0}}@media screen and (max-width: 991px){.slider .secCap{z-index:3}.graduating-class .targetSlider1{width:100%}.graduating-class .bxslider{*zoom:1;width:auto}.graduating-class .bxslider:before,.graduating-class .bxslider:after{content:" ";display:table}.graduating-class .bxslider:after{clear:both}.graduating-class .bxslider .slide{float:none;width:auto;min-width:0;height:auto;min-height:0}.graduating-class .bxslider .slide ~ .slide{position:absolute;visibility:hidden}.graduating-class .cont{position:relative;padding:54.77124% 0 0}.graduating-class .cont img{position:absolute;top:0;left:0;width:100%}.sch_cont{margin:0 0 0 -15px}.sch_cont .sch_block{display:block;width:calc(33.33333% - 15px);height:auto;margin:0 0 15px 15px;background-size:cover !important}.sch_cont .sch_block .ctrl{position:relative;padding:59.18367% 0 0}.sch_cont .sch_block .ctrl:before{position:absolute;width:27px;height:27px;content:'';background:url('../img/plus-alumni-box.png') no-repeat center center;top:8px;right:8px;z-index:1}.sch_cont .sch_block p{-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);width:auto;position:absolute;top:50%;right:10px;left:10px;background:none}}@media screen and (max-width: 767px){.slider .secCap{position:relative;width:auto;max-width:none}.slider .secCap h2{font-size:22px;line-height:1.3}.slider .secCap p{font-size:16px}.filter__graduate .search_border_area .selectBox{width:100% !important}.filter__graduate .search_border_area.unit{width:calc(100% - 75px)}.filter__graduate .search_border_area.year{width:calc(100% - 8px);margin-top:5px}.graduate_list th,.graduate_list td{padding:12px}.graduate_list .name{font-size:13px}.sch_cont{margin:0 0 0 -8px}.sch_cont .sch_block{width:calc(50% - 8px);margin:0 0 8px 8px}.sch_cont .sch_block .ctrl:before{width:15px;height:15px;top:5px;right:5px;background-size:100% 100%}.sch_cont .sch_block .name{font-size:13px;line-height:17px}}.floorplan_container img{height:auto}@media screen and (max-width: 991px){.google_map_page{margin:0 !important}.google_map_page .top_section{padding:0 !important}.floorplan_section{padding:25px 15px}.floorplan_container img{width:100% !important;height:auto}.floorplan_nav_box{padding:10px 15px}.col3_sh_container2,.col3_sh_container1{right:35%}.col3_sh_col1,.col3_sh_col2,.col3_sh_col3{width:33.33333%}.col3_sh_col1{left:68%}.col3_sh_col2{left:68%}.col3_sh_col3{left:69%}}@media screen and (max-width: 767px){.google_map_page .fp_thumbnail{display:none}.floorplan_section{padding:20px 12px}.floorplan_section .tab_switch a{font-size:12px;display:inline-block;padding:0 10px 0 10px}.floorplan_section .tab_switch a:first-child{padding-left:0}.floorplan_section .tab_switch_btn{font-size:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.floorplan_section .tab_switch_btn>a{font-size:12px;display:inline-block;float:none;vertical-align:top}.col3_sh_col1,.col3_sh_col2,.col3_sh_col3{left:auto;float:none;width:auto;margin:5px 0;border-top:1px solid #6E6E6E}.col3_sh_col1:first-child,.col3_sh_col2:first-child,.col3_sh_col3:first-child{border-top:0}.col3_sh_container2,.col3_sh_container1{right:0}}@media screen and (max-width: 991px){.sitemap-wrapper{margin-right:-15px}.sitemap-wrapper .accordionCont{margin-right:15px;width:calc(50% - 15px)}.sitemap-wrapper .accordionCont .box{padding:15px}.sitemap-wrapper .accordionCont .accordion{margin-top:10px;margin-bottom:0}.sitemap-wrapper .accordionCont .accordion h2 a{margin-left:-30px}.sitemap-wrapper .accordionCont .footer-block h2{padding-left:15px}}@media screen and (max-width: 767px){.sitemap-wrapper .accordionCont{width:calc(100% - 15px)}}@media screen and (max-width: 991px){.biography .cke_editable_new{overflow:hidden}.honoraryawardees .col4:first-child{margin-left:0}.honoraryawardees .col_cont .no_record{display:block;margin-left:15px}.honoraryawardees .search_border_area.keywords{width:calc(100% - 190px)}}@media screen and (max-width: 767px){.honoraryawardees .search_border_area .selectBox{width:100% !important}.honoraryawardees .search_border_area.year{width:calc(100% - 75px);border-left:0}.honoraryawardees .search_border_area.keywords{width:calc(100% - 8px);margin-top:5px;border-left:1px solid #E8E8E8}}
/*# sourceMappingURL=rwd.css.map */