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

   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(/assets/css/"fonts/Gill_Sans_MT.eot" /*tpa=https:/www.hkapa.edu/assets/css/fonts/Gill_Sans_MT.eot*/ /*tpa=https:/www.hkapa.edu/assets/css/fonts/Gill_Sans_MT.eot*/ ); /* IE9 Compat Modes */
    src: url(/assets/css/"fonts/Gill_Sans_MT.eot- ) format('embedded-opentype'), /* IE6-IE8 */
    url("fonts/Gill_Sans_MT.woff" /*tpa=https://www.hkapa.edu/assets/css/fonts/Gill_Sans_MT.woff*/ /*tpa=https://www.hkapa.edu/assets/css/fonts/Gill_Sans_MT.woff*/ ) format('woff'), /* Modern Browsers */
    url("fonts/Gill_Sans_MT.ttf" /*tpa=https://www.hkapa.edu/assets/css/fonts/Gill_Sans_MT.ttf*/ /*tpa=https://www.hkapa.edu/assets/css/fonts/Gill_Sans_MT.ttf*/ ) format('truetype'), /* Safari, Android, iOS */
    url("fonts/Gill_Sans_MT.svg#GillSansMT" /*tpa=https://www.hkapa.edu/assets/css/fonts/Gill_Sans_MT.svg#GillSansMT*/ /*tpa=https://www.hkapa.edu/assets/css/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(/assets/css/"fonts/Gill_Sans_MT_B.eot" /*tpa=https:/www.hkapa.edu/assets/css/fonts/Gill_Sans_MT_B.eot*/ /*tpa=https:/www.hkapa.edu/assets/css/fonts/Gill_Sans_MT_B.eot*/ ); /* IE9 Compat Modes */
    src: url(/assets/css/"fonts/Gill_Sans_MT_B.eot- ) format('embedded-opentype'), /* IE6-IE8 */
    url("fonts/Gill_Sans_MT_B.woff" /*tpa=https://www.hkapa.edu/assets/css/fonts/Gill_Sans_MT_B.woff*/ /*tpa=https://www.hkapa.edu/assets/css/fonts/Gill_Sans_MT_B.woff*/ ) format('woff'), /* Modern Browsers */
    url("fonts/Gill_Sans_MT_B.ttf" /*tpa=https://www.hkapa.edu/assets/css/fonts/Gill_Sans_MT_B.ttf*/ /*tpa=https://www.hkapa.edu/assets/css/fonts/Gill_Sans_MT_B.ttf*/ ) format('truetype'), /* Safari, Android, iOS */
    url("fonts/Gill_Sans_MT_B.svg#GillSansMT-Bold" /*tpa=https://www.hkapa.edu/assets/css/fonts/Gill_Sans_MT_B.svg#GillSansMT-Bold*/ /*tpa=https://www.hkapa.edu/assets/css/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(/assets/css/"fonts/Gill_Sans_MT_BI.eot" /*tpa=https:/www.hkapa.edu/assets/css/fonts/Gill_Sans_MT_BI.eot*/ /*tpa=https:/www.hkapa.edu/assets/css/fonts/Gill_Sans_MT_BI.eot*/ ); /* IE9 Compat Modes */
    src: url(/assets/css/"fonts/Gill_Sans_MT_BI.eot- ) format('embedded-opentype'), /* IE6-IE8 */
    url("fonts/Gill_Sans_MT_BI.woff" /*tpa=https://www.hkapa.edu/assets/css/fonts/Gill_Sans_MT_BI.woff*/ /*tpa=https://www.hkapa.edu/assets/css/fonts/Gill_Sans_MT_BI.woff*/ ) format('woff'), /* Modern Browsers */
    url("fonts/Gill_Sans_MT_BI.ttf" /*tpa=https://www.hkapa.edu/assets/css/fonts/Gill_Sans_MT_BI.ttf*/ /*tpa=https://www.hkapa.edu/assets/css/fonts/Gill_Sans_MT_BI.ttf*/ ) format('truetype'), /* Safari, Android, iOS */
    url("fonts/Gill_Sans_MT_BI.svg#GillSansMT-BoldItalic" /*tpa=https://www.hkapa.edu/assets/css/fonts/Gill_Sans_MT_BI.svg#GillSansMT-BoldItalic*/ /*tpa=https://www.hkapa.edu/assets/css/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(/assets/css/"fonts/Gill_Sans_MT_I.eot" /*tpa=https:/www.hkapa.edu/assets/css/fonts/Gill_Sans_MT_I.eot*/ /*tpa=https:/www.hkapa.edu/assets/css/fonts/Gill_Sans_MT_I.eot*/ ); /* IE9 Compat Modes */
    src: url(/assets/css/"fonts/Gill_Sans_MT_I.eot- ) format('embedded-opentype'), /* IE6-IE8 */
    url("fonts/Gill_Sans_MT_I.woff" /*tpa=https://www.hkapa.edu/assets/css/fonts/Gill_Sans_MT_I.woff*/ /*tpa=https://www.hkapa.edu/assets/css/fonts/Gill_Sans_MT_I.woff*/ ) format('woff'), /* Modern Browsers */
    url("fonts/Gill_Sans_MT_I.ttf" /*tpa=https://www.hkapa.edu/assets/css/fonts/Gill_Sans_MT_I.ttf*/ /*tpa=https://www.hkapa.edu/assets/css/fonts/Gill_Sans_MT_I.ttf*/ ) format('truetype'), /* Safari, Android, iOS */
    url("fonts/Gill_Sans_MT_I.svg#GillSansMT-Italic" /*tpa=https://www.hkapa.edu/assets/css/fonts/Gill_Sans_MT_I.svg#GillSansMT-Italic*/ /*tpa=https://www.hkapa.edu/assets/css/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(/assets/css/"fonts/gillsansstd-light.eot" /*tpa=https:/www.hkapa.edu/assets/css/fonts/gillsansstd-light.eot*/ /*tpa=https:/www.hkapa.edu/assets/css/fonts/gillsansstd-light.eot*/ );
    src: url(/assets/css/"fonts/gillsansstd-light.eot- ) format('embedded-opentype'), url(/assets/css/"fonts/gillsansstd-light.woff" /*tpa=https:/www.hkapa.edu/assets/css/fonts/gillsansstd-light.woff*/ /*tpa=https:/www.hkapa.edu/assets/css/fonts/gillsansstd-light.woff*/ ) format('woff'), url(/assets/css/"fonts/gillsansstd-light.ttf" /*tpa=https:/www.hkapa.edu/assets/css/fonts/gillsansstd-light.ttf*/ /*tpa=https:/www.hkapa.edu/assets/css/fonts/gillsansstd-light.ttf*/ ) format('truetype'), url(/assets/css/"fonts/gillsansstd-light.svg ) 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(/assets/css/"../img/bg-sub-lv.png" /*tpa=https:/www.hkapa.edu/assets/img/bg-sub-lv.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/event_cal_show_btn.png" /*tpa=https:/www.hkapa.edu/assets/img/event_cal_show_btn.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/event_cal_refresh_btn.png" /*tpa=https:/www.hkapa.edu/assets/img/event_cal_refresh_btn.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/cal_next_mon_btn.png" /*tpa=https:/www.hkapa.edu/assets/img/cal_next_mon_btn.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/bg-sub-lv-dance.png" /*tpa=https:/www.hkapa.edu/assets/img/bg-sub-lv-dance.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/bg-sub-lv-drama.png" /*tpa=https:/www.hkapa.edu/assets/img/bg-sub-lv-drama.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/bg-sub-lv-film.png" /*tpa=https:/www.hkapa.edu/assets/img/bg-sub-lv-film.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/bg-sub-lv-music.png" /*tpa=https:/www.hkapa.edu/assets/img/bg-sub-lv-music.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/bg-sub-lv-tea.png" /*tpa=https:/www.hkapa.edu/assets/img/bg-sub-lv-tea.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/bg-sub-lv-gec.png" /*tpa=https:/www.hkapa.edu/assets/img/bg-sub-lv-gec.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/bg-sub-lv-co.png" /*tpa=https:/www.hkapa.edu/assets/img/bg-sub-lv-co.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 5 px - 93 px;
        text-indent: -9999px;
    }

        .slider [class*=targetPager] .active, .slider [class*=targetPager] a:hover {
            background: url(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 27 px - 49 px;
        }

.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(/assets/css/"../img/border-charList.png" /*tpa=https:/www.hkapa.edu/assets/img/border-charList.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/phone-staffContact.png" /*tpa=https:/www.hkapa.edu/assets/img/phone-staffContact.png*/ /*tpa=https:/www.hkapa.edu/assets/img/phone-staffContact.png*/ ) left center no-repeat;
    padding-left: 25px;
}

.staffContact .mail {
    background: url(/assets/css/"../img/mail-staffContact.png" /*tpa=https:/www.hkapa.edu/assets/img/mail-staffContact.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/phone-staffContact-table.png" /*tpa=https:/www.hkapa.edu/assets/img/phone-staffContact-table.png*/ /*tpa=https:/www.hkapa.edu/assets/img/phone-staffContact-table.png*/ ) left top no-repeat;
    padding-left: 20px;
}

.staff_list .fax {
    background: url(/assets/css/"../img/fax-staffContact-table.png" /*tpa=https:/www.hkapa.edu/assets/img/fax-staffContact-table.png*/ /*tpa=https:/www.hkapa.edu/assets/img/fax-staffContact-table.png*/ ) left top no-repeat;
    padding-left: 20px;
}

.staff_list .mail {
    background: url(/assets/css/"../img/mail-staffContact-table.png" /*tpa=https:/www.hkapa.edu/assets/img/mail-staffContact-table.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/hkapa/assets/css/PIE.php" /*tpa=https:/www.hkapa.edu/hkapa/assets/css/PIE.php*/ /*tpa=https:/www.hkapa.edu/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(/assets/css/"../img/header_down_arrow.png" /*tpa=https:/www.hkapa.edu/assets/img/header_down_arrow.png*/ /*tpa=https:/www.hkapa.edu/assets/img/header_down_arrow.png*/ ) no-repeat right 13 px;
        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(/assets/css/"../img/header_down_arrow_on.png" /*tpa=https:/www.hkapa.edu/assets/img/header_down_arrow_on.png*/ /*tpa=https:/www.hkapa.edu/assets/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);
}






/*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_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;
}




/* 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: -25 ox 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(/assets/css/"../img/school/icon_video.png" /*tpa=https:/www.hkapa.edu/assets/img/school/icon_video.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 5 px - 93 px no-repeat;
        text-indent: -9999px;
        margin: 0 5px;
    }

    .video_wrapper .play_mask, .slide_wrapper .play_mask {
        display: block;
        width: 100%;
        height: 100%;
        background: url(/assets/css/"../img/school/icon_video.png" /*tpa=https:/www.hkapa.edu/assets/img/school/icon_video.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"/assets/img/play_thumb_on.png" /*tpa=https:/www.hkapa.edu/assets/img/play_thumb_on.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/school/icon_text_excol_over.png" /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_over.png*/ /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_over.png*/ );
}

/* bottom short cut for school landing //white bg color area*/
.enhance_wrapper {
    width: 100%;
    background: url(/assets/css/"../img/school/cover_colorstrap.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school/cover_colorstrap.jpg*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/school/bg_drama.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school/bg_drama.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/school/bg_drama.jpg*/ );
}

.unit-drama .color_text_wrapper {
    background: url(/assets/css/"../img/school/sch_colorbg_drama.png" /*tpa=https:/www.hkapa.edu/assets/img/school/sch_colorbg_drama.png*/ /*tpa=https:/www.hkapa.edu/assets/img/school/sch_colorbg_drama.png*/ ) no-repeat left bottom;
}

.unit-drama .sch_text_wrapper a.btn_expand {
    background: url(/assets/css/"../img/school/icon_text_excol_drama.png" /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_drama.png*/ /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_drama.png*/ ) top right no-repeat;
}

.unit-drama .sch_text_wrapper a.btn_colla {
    margin-bottom: 0px;
    background: url(/assets/css/"../img/school/icon_text_excol_drama.png" /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_drama.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/school/contact_bg_drama.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school/contact_bg_drama.jpg*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 74 px - 27 px;
}

.unit-drama .slide_wrapper [class*=bx-pager] .active, .unit-drama .slide_wrapper [class*=bx-pager] a:hover {
    background: url(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 74 px - 27 px;
}

.unit-drama .perform_black.oneSlide [class*=bx-pager] .active, .unit-drama .perform_black.oneSlide [class*=bx-pager] a:hover {
    background: url(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 74 px - 27 px;
}

.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(/assets/css/"../img/school/bg_dance.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school/bg_dance.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/school/bg_dance.jpg*/ );
}

.unit-dance .color_text_wrapper {
    background: url(/assets/css/"../img/school/sch_colorbg_dance.png" /*tpa=https:/www.hkapa.edu/assets/img/school/sch_colorbg_dance.png*/ /*tpa=https:/www.hkapa.edu/assets/img/school/sch_colorbg_dance.png*/ ) no-repeat left bottom;
}

.unit-dance .sch_text_wrapper a.btn_expand {
    background: url(/assets/css/"../img/school/icon_text_excol_dance.png" /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_dance.png*/ /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_dance.png*/ ) top right no-repeat;
}

.unit-dance .sch_text_wrapper a.btn_colla {
    margin-bottom: 0px;
    background: url(/assets/css/"../img/school/icon_text_excol_dance.png" /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_dance.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/school/contact_bg_dance.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school/contact_bg_dance.jpg*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 93 px - 49 px;
}

.unit-dance .slide_wrapper [class*=bx-pager] .active, .unit-dance .slide_wrapper [class*=bx-pager] a:hover {
    background: url(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 93 px - 49 px;
}

.unit-dance .perform_black.oneSlide [class*=bx-pager] .active, .unit-dance .perform_black.oneSlide [class*=bx-pager] a:hover {
    background: url(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 93 px - 49 px;
}

.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(/assets/css/"../img/school/bg_opera.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school/bg_opera.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/school/bg_opera.jpg*/ );
}

.unit-co .color_text_wrapper {
    background: url(/assets/css/"../img/school/sch_colorbg_opera.png" /*tpa=https:/www.hkapa.edu/assets/img/school/sch_colorbg_opera.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/school/icon_text_excol_opera.png" /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_opera.png*/ /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_opera.png*/ ) top right no-repeat;
}

.unit-co .sch_text_wrapper a.btn_colla {
    margin-bottom: 0px;
    background: url(/assets/css/"../img/school/icon_text_excol_opera.png" /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_opera.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/school/contact_bg_opera.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school/contact_bg_opera.jpg*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 49 px - 49 px;
}

.unit-co .slide_wrapper [class*=bx-pager] .active, .unit-co .slide_wrapper [class*=bx-pager] a:hover {
    background: url(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 49 px - 49 px;
}

.unit-co .perform_black.oneSlide [class*=bx-pager] .active, .unit-co .perform_black.oneSlide [class*=bx-pager] a:hover {
    background: url(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 49 px - 49 px;
}

.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(/assets/css/"../img/school/bg_filmtv.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school/bg_filmtv.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/school/bg_filmtv.jpg*/ );
}

.unit-ftv .color_text_wrapper {
    background: url(/assets/css/"../img/school/sch_colorbg_filmtv.png" /*tpa=https:/www.hkapa.edu/assets/img/school/sch_colorbg_filmtv.png*/ /*tpa=https:/www.hkapa.edu/assets/img/school/sch_colorbg_filmtv.png*/ ) no-repeat left bottom;
}

.unit-ftv .sch_text_wrapper a.btn_expand {
    background: url(/assets/css/"../img/school/icon_text_excol_filmtv.png" /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_filmtv.png*/ /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_filmtv.png*/ ) top right no-repeat;
}

.unit-ftv .sch_text_wrapper a.btn_colla {
    margin-bottom: 0px;
    background: url(/assets/css/"../img/school/icon_text_excol_filmtv.png" /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_filmtv.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/school/contact_bg_filmtv.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school/contact_bg_filmtv.jpg*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 49 px - 71 px;
}

.unit-ftv .slide_wrapper [class*=bx-pager] .active, .unit-ftv .slide_wrapper [class*=bx-pager] a:hover {
    background: url(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 49 px - 71 px;
}

.unit-ftv .perform_black.oneSlide [class*=bx-pager] .active, .unit-ftv .perform_black.oneSlide [class*=bx-pager] a:hover {
    background: url(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 49 px - 71 px;
}

.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(/assets/css/"../img/school/bg_music.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school/bg_music.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/school/bg_music.jpg*/ );
}

.unit-music .color_text_wrapper {
    background: url(/assets/css/"../img/school/sch_colorbg_music.png" /*tpa=https:/www.hkapa.edu/assets/img/school/sch_colorbg_music.png*/ /*tpa=https:/www.hkapa.edu/assets/img/school/sch_colorbg_music.png*/ ) no-repeat left bottom;
}

.unit-music .sch_text_wrapper a.btn_expand {
    background: url(/assets/css/"../img/school/icon_text_excol_music.png" /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_music.png*/ /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_music.png*/ ) top right no-repeat;
}

.unit-music .sch_text_wrapper a.btn_colla {
    margin-bottom: 0px;
    background: url(/assets/css/"../img/school/icon_text_excol_music.png" /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_music.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/school/contact_bg_music.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school/contact_bg_music.jpg*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 71 px - 71 px;
}

.unit-music .slide_wrapper [class*=bx-pager] .active, .unit-music .slide_wrapper [class*=bx-pager] a:hover {
    background: url(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 71 px - 71 px;
}

.unit-music .perform_black.oneSlide [class*=bx-pager] .active, .unit-music .perform_black.oneSlide [class*=bx-pager] a:hover {
    background: url(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 71 px - 71 px;
}

.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(/assets/css/"../img/school/bg_theatre.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school/bg_theatre.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/school/bg_theatre.jpg*/ );
}

.unit-tea .color_text_wrapper {
    background: url(/assets/css/"../img/school/sch_colorbg_theatre.png" /*tpa=https:/www.hkapa.edu/assets/img/school/sch_colorbg_theatre.png*/ /*tpa=https:/www.hkapa.edu/assets/img/school/sch_colorbg_theatre.png*/ ) no-repeat left bottom;
}

.unit-tea .sch_text_wrapper a.btn_expand {
    background: url(/assets/css/"../img/school/icon_text_excol_theatre.png" /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_theatre.png*/ /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_theatre.png*/ ) top right no-repeat;
}

.unit-tea .sch_text_wrapper a.btn_colla {
    margin-bottom: 0px;
    background: url(/assets/css/"../img/school/icon_text_excol_theatre.png" /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_theatre.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/school/contact_bg_theatre.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school/contact_bg_theatre.jpg*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 93 px - 71 px;
    ;
}

.unit-tea .slide_wrapper [class*=bx-pager] .active, .unit-tea .slide_wrapper [class*=bx-pager] a:hover {
    background: url(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 93 px - 71 px;
    ;
}

.unit-tea .perform_black.oneSlide [class*=bx-pager] .active, .unit-tea .perform_black.oneSlide [class*=bx-pager] a:hover {
    background: url(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 93 px - 71 px;
    ;
}

.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(/assets/css/"../img/school/bg_gec.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school/bg_gec.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/school/bg_gec.jpg*/ );
}

.unit-gec .color_text_wrapper {
    background: url(/assets/css/"../img/school/sch_colorbg_gec.png" /*tpa=https:/www.hkapa.edu/assets/img/school/sch_colorbg_gec.png*/ /*tpa=https:/www.hkapa.edu/assets/img/school/sch_colorbg_gec.png*/ ) no-repeat left bottom;
}

.unit-gec .sch_text_wrapper a.btn_expand {
    background: url(/assets/css/"../img/school/icon_text_excol_gec.png" /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_gec.png*/ /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_gec.png*/ ) top right no-repeat;
}

.unit-gec .sch_text_wrapper a.btn_colla {
    margin-bottom: 0px;
    background: url(/assets/css/"../img/school/icon_text_excol_gec.png" /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_gec.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/school/contact_bg_gec.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school/contact_bg_gec.jpg*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 5 px - 49 px;
}

.unit-gec .slide_wrapper [class*=bx-pager] .active, .unit-gec .slide_wrapper [class*=bx-pager] a:hover {
    background: url(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 5 px - 49 px;
}

.unit-gec .perform_black.oneSlide [class*=bx-pager] .active, .unit-gec .perform_black.oneSlide [class*=bx-pager] a:hover {
    background: url(/assets/css/"/assets/img/dots.png" /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ /*tpa=https:/www.hkapa.edu/assets/img/dots.png*/ ) - 5 px - 49 px;
}

.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(/assets/css/"../img/school/bg_pea.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school/bg_pea.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/school/bg_pea.jpg*/ );
}

.unit-las #content {
    background-image: url(/assets/css/"../img/school/bg_ls.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school/bg_ls.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/school/bg_ls.jpg*/ );
}

.unit-language #content {
    background-image: url(/assets/css/"../img/school/bg_las.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school/bg_las.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/school/bg_las.jpg*/ );
}

.unit-pae .color_text_wrapper,
.unit-las .color_text_wrapper,
.unit-language .color_text_wrapper {
    background: url(/assets/css/"../img/school/sch_colorbg_common.png" /*tpa=https:/www.hkapa.edu/assets/img/school/sch_colorbg_common.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/school/icon_text_excol_common.png" /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_common.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/school/icon_text_excol_common.png" /*tpa=https:/www.hkapa.edu/assets/img/school/icon_text_excol_common.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/school/contact_bg_common.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school/contact_bg_common.jpg*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/school/bg_college_alliedarts.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school/bg_college_alliedarts.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/school/bg_college_alliedarts.jpg*/ ) #000 no-repeat center top fixed;
}

.caa .sch_title {
    background: url(/assets/css/"../img/title_college_alliedarts_en.png" /*tpa=https:/www.hkapa.edu/assets/img/title_college_alliedarts_en.png*/ /*tpa=https:/www.hkapa.edu/assets/img/title_college_alliedarts_en.png*/ ) left center no-repeat;
    text-indent: -9999em;
    height: 100px;
}

.lang-tch .caa .sch_title {
    background: url(/assets/css/"../img/title_college_alliedarts_tc.png" /*tpa=https:/www.hkapa.edu/assets/img/title_college_alliedarts_tc.png*/ /*tpa=https:/www.hkapa.edu/assets/img/title_college_alliedarts_tc.png*/ ) left center no-repeat;
    text-indent: -9999em;
    height: 100px;
}

.lang-sch .caa .sch_title {
    background: url(/assets/css/"../img/title_college_alliedarts_sc.png" /*tpa=https:/www.hkapa.edu/assets/img/title_college_alliedarts_sc.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/school/bg_college_theatremedia.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school/bg_college_theatremedia.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/school/bg_college_theatremedia.jpg*/ ) #000 no-repeat center top fixed;
}

.ctma .sch_title {
    background: url(/assets/css/"../img/title_college_theatremedia_en.png" /*tpa=https:/www.hkapa.edu/assets/img/title_college_theatremedia_en.png*/ /*tpa=https:/www.hkapa.edu/assets/img/title_college_theatremedia_en.png*/ ) left center no-repeat;
    text-indent: -9999em;
    height: 160px;
}

.lang-tch .ctma .sch_title {
    background: url(/assets/css/"../img/title_college_theatremedia_tc.png" /*tpa=https:/www.hkapa.edu/assets/img/title_college_theatremedia_tc.png*/ /*tpa=https:/www.hkapa.edu/assets/img/title_college_theatremedia_tc.png*/ ) left center no-repeat;
    text-indent: -9999em;
    height: 160px;
}

.lang-sch .ctma .sch_title {
    background: url(/assets/css/"../img/title_college_theatremedia_sc.png" /*tpa=https:/www.hkapa.edu/assets/img/title_college_theatremedia_sc.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/school/college_bottom_pattern.png" /*tpa=https:/www.hkapa.edu/assets/img/school/college_bottom_pattern.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/school/cover_colorstrap.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school/cover_colorstrap.jpg*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/school/college_nav_bg.png" /*tpa=https:/www.hkapa.edu/assets/img/school/college_nav_bg.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/bg-director-msg.jpg" /*tpa=https:/www.hkapa.edu/assets/img/bg-director-msg.jpg*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/share_btn-white.png" /*tpa=https:/www.hkapa.edu/assets/img/share_btn-white.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/icon-twitter-white.png" /*tpa=https:/www.hkapa.edu/assets/img/icon-twitter-white.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/bg-directorQuote.png" /*tpa=https:/www.hkapa.edu/assets/img/bg-directorQuote.png*/ /*tpa=https:/www.hkapa.edu/assets/img/bg-directorQuote.png*/ ) top center no-repeat;
}

.director-welcome .directorQuote_lower {
    height: 15px;
    background: url(/assets/css/"../img/bg-directorQuote.png" /*tpa=https:/www.hkapa.edu/assets/img/bg-directorQuote.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/arr-left-grey.png" /*tpa=https:/www.hkapa.edu/assets/img/arr-left-grey.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"/assets/img/inner_eventcalendar_bg.jpg" /*tpa=https:/www.hkapa.edu/assets/img/inner_eventcalendar_bg.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/inner_eventcalendar_bg.jpg*/ ) repeat center top fixed;
}

#wrapper.donation_form {
    background: url(/assets/css/"/assets/img/donation_bg.jpg" /*tpa=https:/www.hkapa.edu/assets/img/donation_bg.jpg*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"/assets/img/arr-right-white.png" /*tpa=https:/www.hkapa.edu/assets/img/arr-right-white.png*/ /*tpa=https:/www.hkapa.edu/assets/img/arr-right-white.png*/ );
    background-position: right center;
}

    .submit:hover {
        background-image: url(/assets/css/"../img/arr-right-black.png" /*tpa=https:/www.hkapa.edu/assets/img/arr-right-black.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/arr-down-white-solid.png" /*tpa=https:/www.hkapa.edu/assets/img/arr-down-white-solid.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/school-header-library.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school-header-library.jpg*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/school-header-dance.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school-header-dance.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/school-header-dance.jpg*/ );
    }

    #school-header.unit-music {
        background-image: url(/assets/css/"../img/school-header-music.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school-header-music.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/school-header-music.jpg*/ );
    }

    #school-header.unit-co {
        background-image: url(/assets/css/"../img/school-header-co.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school-header-co.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/school-header-co.jpg*/ );
    }

    #school-header.unit-drama {
        background-image: url(/assets/css/"../img/school-header-drama.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school-header-drama.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/school-header-drama.jpg*/ );
    }

    #school-header.unit-gec {
        background-image: url(/assets/css/"../img/school-header-gec.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school-header-gec.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/school-header-gec.jpg*/ );
    }

    #school-header.unit-ftv {
        background-image: url(/assets/css/"../img/school-header-film.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school-header-film.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/school-header-film.jpg*/ );
    }

    #school-header.unit-tea {
        background-image: url(/assets/css/"../img/school-header-tea.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school-header-tea.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/school-header-tea.jpg*/ );
    }

    #school-header.unit-las, #school-header.unit-language, #school-header.unit-pae {
        background-image: url(/assets/css/"../img/school-header-library.jpg" /*tpa=https:/www.hkapa.edu/assets/img/school-header-library.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/school-header-library.jpg*/ );
    }

/*wrapper*/
#content.bgCom1 {
    background: url(/assets/css/"../img/bg-common1.jpg" /*tpa=https:/www.hkapa.edu/assets/img/bg-common1.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/bg-common1.jpg*/ ) repeat center top fixed;
}

#content.bgCom2 {
    background: url(/assets/css/"../img/bg-common2.jpg" /*tpa=https:/www.hkapa.edu/assets/img/bg-common2.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/bg-common2.jpg*/ ) repeat center top fixed;
}

#content.bgCom3 {
    background: url(/assets/css/"../img/bg-common3.jpg" /*tpa=https:/www.hkapa.edu/assets/img/bg-common3.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/bg-common3.jpg*/ ) repeat center top fixed;
}

#content.bgCom4 {
    background: url(/assets/css/"../img/bg-common4.jpg" /*tpa=https:/www.hkapa.edu/assets/img/bg-common4.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/bg-common4.jpg*/ ) repeat center top fixed;
}

#content.bgCom5 {
    background: url(/assets/css/"../img/bg-common5.jpg" /*tpa=https:/www.hkapa.edu/assets/img/bg-common5.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/bg-common5.jpg*/ ) repeat center top fixed;
}

#content.unit-dance {
    background: url(/assets/css/"../img/bg-gallery.jpg" /*tpa=https:/www.hkapa.edu/assets/img/bg-gallery.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/bg-gallery.jpg*/ ) repeat center top fixed;
}

#content.unit-music {
    background: url(/assets/css/"../img/bg-inner-music.jpg" /*tpa=https:/www.hkapa.edu/assets/img/bg-inner-music.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/bg-inner-music.jpg*/ ) repeat center top fixed;
}

#content.unit-co {
    background: url(/assets/css/"../img/bg-inner-co.jpg" /*tpa=https:/www.hkapa.edu/assets/img/bg-inner-co.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/bg-inner-co.jpg*/ ) repeat center top fixed;
}

#content.unit-tea {
    background: url(/assets/css/"../img/bg-tea.jpg" /*tpa=https:/www.hkapa.edu/assets/img/bg-tea.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/bg-tea.jpg*/ ) repeat center top fixed;
}

#content.unit-ftv {
    background: url(/assets/css/"../img/bg-film.jpg" /*tpa=https:/www.hkapa.edu/assets/img/bg-film.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/bg-film.jpg*/ ) repeat center top fixed;
}

#content.unit-drama {
    background: url(/assets/css/"../img/bg-drama.jpg" /*tpa=https:/www.hkapa.edu/assets/img/bg-drama.jpg*/ /*tpa=https:/www.hkapa.edu/assets/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("/assets/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("/assets/img/spacer.gif") left top no-repeat;
        width: 100%;
        height: 100%;
        z-index: 3;
    }

/*user info*/
.user {
    background: url("/assets/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("/assets/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("/assets/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("/assets/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("/assets/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("/assets/img/dot_img.png") bottom left #cf138b;
}

.news .unit-dance .series_link {
    background-color: #a40bc0;
}

.news .unit-drama .series_link {
    background: url("/assets/img/dot_img_5percent.png") bottom left #0e4a57;
}

.news .unit-music .series_link {
    background: url("/assets/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("/assets/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("/assets/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("/assets/img/play_thumb_on.png");
}

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

/*database filtering*/
.database {
    background: url("/assets/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("/assets/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("/assets/img/icon-photo-s.png");
    }

    .icon-media.audio {
        background-image: url("/assets/img/icon-audio-s.png");
    }

    .icon-media.video {
        background-image: url("/assets/img/icon-play-s.png");
    }

/*icon doctype*/
.icon-doctype {
    background: url("/assets/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("/assets/img/icon-photo-s.png") 7px -27px no-repeat;
}

.media-icon.video {
    background: url("/assets/img/icon-play-s.png") 7px -27px no-repeat;
}

.media-icon.audio {
    background: url("/assets/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("/assets/img/icon-photo.png");
}

.tab_switch_btn .videos span {
    background-image: url("/assets/img/icon-play.png");
}

.tab_switch_btn .audios span {
    background-image: url("/assets/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("/assets/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("/assets/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("/assets/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("/assets/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("/assets/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("/assets/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: 708px;
    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("/assets/img/indexbanner_border.jpg") bottom center #000000;
    margin: 0 0 30px;
}

.banner-slider {
    margin: 0;
    position: relative;
    height: 708px;
    padding: 0;
    overflow: hidden;
}

    .banner-slider > li {
        height: 708px;
        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: 708px;
}

#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(/assets/css/"/assets/img/index_control.png" /*tpa=https:/www.hkapa.edu/assets/img/index_control.png*/ /*tpa=https:/www.hkapa.edu/assets/img/index_control.png*/ ) left top no-repeat;
    }

    #index_banner_toggleBtn .play {
        background: url(/assets/css/"/assets/img/index_control.png" /*tpa=https:/www.hkapa.edu/assets/img/index_control.png*/ /*tpa=https:/www.hkapa.edu/assets/img/index_control.png*/ ) left - 30 px 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: 700px;
    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("/assets/img/index_banner/school_l_common.png") center center no-repeat;
    z-index: 10;
}

.light_r {
    width: 999px;
    height: 708px;
    margin: 0 0 0 -20px;
    bottom: 0;
    background-position: bottom center;
}

    .light_r.active {
        top: 0;
        bottom: auto;
        background-position: bottom center;
    }

.light_rdot {
    width: 788px;
    height: 708px;
    margin: 0 0 0 125px;
    top: 0;
}

.light_r_common {
    width: 697px;
    height: 708px;
    margin: 0 0 0 260px;
    top: 0;
    background: url("/assets/img/index_banner/school_r_common_1.png") top center no-repeat;
}

.main_bg {
    position: relative;
    height: 708px;
    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("/assets/img/index_banner/school_co_light_l_1.png");
}

.banner-co .light_l2 {
    background-image: url("/assets/img/index_banner/school_co1_light_l_1.png");
}

.banner-co .light_l3 {
    background-image: url("/assets/img/index_banner/school_co2_light_l_1.png");
}

.banner-co .light_r {
    background-image: url("/assets/img/index_banner/school_co_light_r_1.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-co .light_r2 {
    background-image: url("/assets/img/index_banner/school_co1_light_r_1.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-co .light_r3 {
    background-image: url("/assets/img/index_banner/school_co2_light_r_1.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-co .light_rdot {
    background: url("/assets/img/index_banner/school_co_light_rdot_1.png") top center no-repeat;
}

.banner-co .main_bg {
    background: url("/assets/img/index_banner/school_co_bg.png") bottom center no-repeat;
}

.banner-co .main_bg2 {
    background: url("/assets/img/index_banner/school_co_bg2.png") bottom center no-repeat;
    visibility: inherit;
    opacity: 1;
    width: 1920px;
    height: 780px;
}

.banner-co .main_bg3 {
    background: url("/assets/img/index_banner/school_co_bg3.png") bottom center no-repeat;
    visibility: inherit;
    opacity: 1;
    width: 1920px;
    height: 780px;
}

.banner-co .main_body {
    text-align: center;
    left: 43%;
    margin: 0 0 0 -540px;
    bottom: -22px;
    width: 1350px;
    height: 708px;
}

    .banner-co .main_body img {
        /*width: 100%;*/
        height: 100%;
    }

.banner-music .light_l {
    background-image: url("/assets/img/index_banner/school_music_light_l.png");
}

.banner-music .light_r {
    background-image: url("/assets/img/index_banner/school_music_light_r.png");
}

.banner-music .light_rdot {
    background: url("/assets/img/index_banner/school_music_light_rdot.png") top center no-repeat;
}

.banner-music .main_bg {
    background: url("/assets/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("/assets/img/index_banner/school_dance_light_l.png");
}

.banner-dance .light_r {
    background-image: url("/assets/img/index_banner/school_dance_light_r.png");
}

.banner-dance .light_rdot {
    background: url("/assets/img/index_banner/school_dance_light_rdot.png") top center no-repeat;
}

.banner-dance .main_bg {
    /*background: url("/assets/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("/assets/img/index_banner/school_drama_light_l.png");
}

.banner-drama .light_r {
    background-image: url("/assets/img/index_banner/school_drama_light_r.png");
}

.banner-drama .light_rdot {
    background: url("/assets/img/index_banner/school_music_light_rdot.png") top center no-repeat;
}

.banner-drama .main_bg {
    background: url("/assets/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("/assets/img/index_banner/school_ftv_light_l.png");
}

.banner-ftv .light_r {
    background-image: url("/assets/img/index_banner/school_ftv_light_r.png");
}

.banner-ftv .light_rdot {
    background: url("/assets/img/index_banner/school_ftv_light_rdot.png") top center no-repeat;
}

.banner-ftv .main_bg {
    background: url("/assets/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("/assets/img/index_banner/school_tea_light_l.png");
}

.banner-tea .light_r {
    background-image: url("/assets/img/index_banner/school_tea_light_r.png");
}

.banner-tea .light_rdot {
    background: url("/assets/img/index_banner/school_tea_light_rdot.png") top center no-repeat;
}

.banner-tea .main_bg {
    background: url("/assets/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("/assets/img/index_banner/banner_30/30_transfrom_mask.jpg");
}

.anni_30_type_1 .main_bg {
    background: url("/assets/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("/assets/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("/assets/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("/assets/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("/assets/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("/assets/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("/assets/img/index_banner/banner_30/tch/title_transform.png");
}

.lang-sch .anni_30_type_1 .text_container {
    background: url("/assets/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("/assets/img/index_banner/banner_30/tch/title_transform_desc.png");
}

.lang-sch .anni_30_type_1 .desc_container {
    background: url("/assets/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("/assets/img/index_banner/banner_30/30_create_mask.jpg");
}

.anni_30_type_2 .main_bg {
    background: url("/assets/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("/assets/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("/assets/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("/assets/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("/assets/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("/assets/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("/assets/img/index_banner/banner_30/tch/title_create.png");
}

.lang-sch .anni_30_type_2 .text_container {
    background: url("/assets/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("/assets/img/index_banner/banner_30/tch/title_create_desc.png");
}

.lang-sch .anni_30_type_2 .desc_container {
    background: url("/assets/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("/assets/img/index_banner/banner_30/30_innovate_mask.jpg");
}

.anni_30_type_3 .main_bg {
    background: url("/assets/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("/assets/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("/assets/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("/assets/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("/assets/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("/assets/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("/assets/img/index_banner/banner_30/tch/title_innovate.png");
}

.lang-sch .anni_30_type_3 .text_container {
    background: url("/assets/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("/assets/img/index_banner/banner_30/tch/title_innovate_desc.png");
}

.lang-sch .anni_30_type_3 .desc_container {
    background: url("/assets/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;
    }

.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("/assets/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-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("/assets/img/index_menu_bg.png") top right repeat-y;
    }

    .index_pro_nav li.menu {
        cursor: pointer;
        padding-top: 1px;
        background: url("/assets/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("/assets/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("/assets/img/header_right_arrow_on.png");
    }

    .index_pro_nav li.menu.feature.select > a {
        background-image: url("/assets/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("/assets/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("/assets/img/quote-begin.jpg");
}

.cb-quote-end {
    right: -22px;
    bottom: 3px;
    background: url("/assets/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("/assets/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("/assets/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("/assets/img/icon-calendar.png") center right no-repeat #cf138b;
    float: right;
}

/*.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;}*/
#key_dates:hover #key_dates_menu, #key_dates.show #key_dates_menu {
    top: 38px;
    right: 0px;
    visibility: visible;
}

#key_dates:hover > 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("/assets/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("/assets/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("/assets/img/perform_white_block.png") top left;
        padding: 10px 20px 20px;
    }

    .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("/assets/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("/assets/img/dots.png") -27px -71px no-repeat #6a6a6a;
    }

    .perform_white .bx-prev {
        width: 32px;
        height: 35px;
        background: url("/assets/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("/assets/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;
        top: 0;
        left: 0;
    }

.oneSlide.perform_white [class*=bx-pager] .active, .slider [class*=bx-pager] a:hover {
    cursor: default;
    background: url("/assets/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("/assets/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("/assets/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("/assets/img/dots.png") -74px -5px no-repeat #fff;
}

.perform_black .bx-prev {
    width: 32px;
    height: 35px;
    background: url("/assets/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("/assets/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;
    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("/assets/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("/assets/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("/assets/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(/assets/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("/assets/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("/assets/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("/assets/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%;
}

/*login block*/
.login_section {
    float: left;
    background: url("/assets/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("/assets/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("/assets/img/icon-ppl.png");
    background-position: 6px 8px;
    float: left;
}

.login_pw {
    width: 176px;
    background-image: url("/assets/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("/assets/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("/assets/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("/assets/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("/assets/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("/assets/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("/assets/img/seach_box_bg.png") top center repeat-y;
}

    .seach_cate_box .tab_content {
        padding: 22px 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: 315px;
        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: 51px;
}

.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("/assets/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("/assets/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("/assets/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("/assets/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("/assets/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("/assets/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("/assets/img/play_thumb.png") center center no-repeat;
    }

    .why_share_box .imgWrapper a:hover .play_mask {
        background-image: url("/assets/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("/assets/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("/assets/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("/assets/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("/assets/img/play_thumb.png") center center no-repeat;
    }

    .why_apa_share_detail .video-link:hover .play_mask {
        background-image: url("/assets/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("/assets/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("/assets/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("/assets/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("/assets/img/arrow-gallery-control_grey.png");
    }

        .why_img_slider .bx-prev.disable:hover, .why_img_slider .bx-next.disable:hover {
            background-image: url("/assets/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("/assets/img/icon_location.png") 0 0 no-repeat;
    }

    .contact_title.c_tel {
        background: url("/assets/img/icon_phone.png") 0 3px no-repeat;
    }

    .contact_title.c_mail {
        background: url("/assets/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("/assets/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("/assets/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("/assets/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("/assets/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("/assets/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;
}

.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("/assets/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("/assets/img/grab.png") 8 8, move;
    }

    .touchcarousel .grabbing-cursor {
        cursor: url("/assets/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("/assets/css/fonts/vjs.eot");
    src: url("/assets/css//assets/css/fonts/vjs.eot-") format('embedded-opentype'), url("/assets/css/fonts/vjs.woff") format('woff'), url("/assets/css/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(/assets/css/"../img/selectbox_arrow.png" /*tpa=https:/www.hkapa.edu/assets/img/selectbox_arrow.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/loading_background.png" /*tpa=https:/www.hkapa.edu/assets/img/loading_background.png*/ /*tpa=https:/www.hkapa.edu/assets/img/loading_background.png*/ ) no-repeat center center;
}

#cboxLoadingGraphic {
    background: url(/assets/css/"../img/loading.gif" /*tpa=https:/www.hkapa.edu/assets/img/loading.gif*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/box-controls.png" /*tpa=https:/www.hkapa.edu/assets/img/box-controls.png*/ /*tpa=https:/www.hkapa.edu/assets/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(/assets/css/"../img/box-controls.png" /*tpa=https:/www.hkapa.edu/assets/img/box-controls.png*/ /*tpa=https:/www.hkapa.edu/assets/img/box-controls.png*/ ) no-repeat - 35 px 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("/assets/img/cross.png" /*tpa=https://www.hkapa.edu/assets/img/cross.png*/ /*tpa=https://www.hkapa.edu/assets/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(/assets/css/"prettyCheckable/prettyCheckable-blue.png" /*tpa=https:/www.hkapa.edu/assets/css/prettyCheckable/prettyCheckable-blue.png*/ /*tpa=https:/www.hkapa.edu/assets/css/prettyCheckable/prettyCheckable-blue.png*/ ) - 6 px - 6 px no-repeat;
        display: block;
        float: left;
        cursor: pointer;
        margin: 0;
    }

    .prettycheckbox.green a, .prettyradio.green a {
        background-image: url(/assets/css/"prettyCheckable/prettyCheckable-green.png" /*tpa=https:/www.hkapa.edu/assets/css/prettyCheckable/prettyCheckable-green.png*/ /*tpa=https:/www.hkapa.edu/assets/css/prettyCheckable/prettyCheckable-green.png*/ );
    }

    .prettycheckbox.red a, .prettyradio.red a {
        background-image: url(/assets/css/"prettyCheckable/prettyCheckable-red.png" /*tpa=https:/www.hkapa.edu/assets/css/prettyCheckable/prettyCheckable-red.png*/ /*tpa=https:/www.hkapa.edu/assets/css/prettyCheckable/prettyCheckable-red.png*/ );
    }

    .prettycheckbox.yellow a, .prettyradio.yellow a {
        background-image: url(/assets/css/"prettyCheckable/prettyCheckable-yellow.png" /*tpa=https:/www.hkapa.edu/assets/css/prettyCheckable/prettyCheckable-yellow.png*/ /*tpa=https:/www.hkapa.edu/assets/css/prettyCheckable/prettyCheckable-yellow.png*/ );
    }

    .prettycheckbox.gray a, .prettyradio.gray a {
        background-image: url(/assets/css/"prettyCheckable/prettyCheckable-gray.png" /*tpa=https:/www.hkapa.edu/assets/css/prettyCheckable/prettyCheckable-gray.png*/ /*tpa=https:/www.hkapa.edu/assets/css/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(/assets/css/"fonts/ico.eot-duuozt" /*tpa=https:/www.hkapa.edu/assets/css/fonts/ico.eot?duuozt*/ );
    src: url(/assets/css/"fonts/ico.eot-duuozt ) format("embedded-opentype"),url(/assets/css/"fonts/icomoon/ico.woff" /*tpa=https:/www.hkapa.edu/assets/css/fonts/icomoon/ico.woff*/ /*tpa=https:/www.hkapa.edu/assets/css/fonts/icomoon/ico.woff*/ ) format("woff"),url(/assets/css/"fonts/icomoon/ico.ttf" /*tpa=https:/www.hkapa.edu/assets/css/fonts/icomoon/ico.ttf*/ /*tpa=https:/www.hkapa.edu/assets/css/fonts/icomoon/ico.ttf*/ ) format("truetype"),url(/assets/css/"fonts/icomoon/ico.svg ) 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-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: .6s;
    -o-transition-duration: .6s;
    -webkit-transition-duration: .6s;
    transition-duration: .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__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;
    }

.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(/assets/css/"../img/mobile-idx-pro-border.png" /*tpa=https:/www.hkapa.edu/assets/img/mobile-idx-pro-border.png*/ /*tpa=https:/www.hkapa.edu/assets/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: .5em;
        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(/assets/css/"../img/search-2x.png-1513928274.png" /*tpa=https:/www.hkapa.edu/assets/img/search-2x.png?1513928274*/ ) center 15 px 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: .6s;
            -o-transition-duration: .6s;
            -webkit-transition-duration: .6s;
            transition-duration: .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;
        padding: 8px 0 0 15px;
    }

        .top-header-logo img {
            height: 29px;
        }

    .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;
        }

        .pro_nav li.menu {
            position: relative;
            display: table-cell;
            float: none;
            width: 1%;
            height: auto;
            vertical-align: middle;
        }

            .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%);
    }
}

@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(/assets/css/"../img/icon-calendar-2x.png-1513928274.png" /*tpa=https:/www.hkapa.edu/assets/img/icon-calendar-2x.png?1513928274*/ );
        background-size: 24px auto;
        background-position: calc(100% - 7px) center;
    }
}

@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 {
        display: block;
        float: none;
        margin: auto;
    }
}

@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 ~ .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;
    }
}

@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%;
        -moz-transform: scale(0.86);
        -ms-transform: scale(0.86);
        -webkit-transform: scale(0.86);
        transform: scale(0.86);
    }

    .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 {
        overflow: hidden;
        clear: both;
        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;
        }
}

@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 (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 (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: 10px;
            margin-bottom: 10px;
        }
}

@media screen and (max-width: 767px) {
    .index_banner_border {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    #video-popup .youtubewrapper {
        max-width: 92vw;
    }
}

@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(/assets/css/"../img/share_btn-2x.png-1513928274.png" /*tpa=https:/www.hkapa.edu/assets/img/share_btn-2x.png?1513928274*/ );
        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(/assets/css/"../img/quote-begin-2x.jpg-1513928274.jpg" /*tpa=https:/www.hkapa.edu/assets/img/quote-begin-2x.jpg?1513928274*/ );
    }

    .cb-quote-end {
        background-image: url(/assets/css/"../img/quote-end-2x.jpg-1513928274.jpg" /*tpa=https:/www.hkapa.edu/assets/img/quote-end-2x.jpg?1513928274*/ );
    }
}

@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(/assets/css/"../img/bg-common1.jpg" /*tpa=https:/www.hkapa.edu/assets/img/bg-common1.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/bg-common1.jpg*/ ) repeat center top fixed;
            background-size: cover;
        }

        #content.bgCom2 {
            background: url(/assets/css/"../img/bg-common2.jpg" /*tpa=https:/www.hkapa.edu/assets/img/bg-common2.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/bg-common2.jpg*/ ) repeat center top fixed;
            background-size: cover;
        }

        #content.bgCom3 {
            background: url(/assets/css/"../img/bg-common3.jpg" /*tpa=https:/www.hkapa.edu/assets/img/bg-common3.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/bg-common3.jpg*/ ) repeat center top fixed;
            background-size: cover;
        }

        #content.bgCom4 {
            background: url(/assets/css/"../img/bg-common4.jpg" /*tpa=https:/www.hkapa.edu/assets/img/bg-common4.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/bg-common4.jpg*/ ) repeat center top fixed;
            background-size: cover;
        }

        #content.bgCom5 {
            background: url(/assets/css/"../img/bg-common5.jpg" /*tpa=https:/www.hkapa.edu/assets/img/bg-common5.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/bg-common5.jpg*/ ) repeat center top fixed;
            background-size: cover;
        }

        #content.unit-dance {
            background: url(/assets/css/"../img/bg-gallery.jpg" /*tpa=https:/www.hkapa.edu/assets/img/bg-gallery.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/bg-gallery.jpg*/ ) repeat center top fixed;
            background-size: cover;
        }

        #content.unit-music {
            background: url(/assets/css/"../img/bg-inner-music.jpg" /*tpa=https:/www.hkapa.edu/assets/img/bg-inner-music.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/bg-inner-music.jpg*/ ) repeat center top fixed;
            background-size: cover;
        }

        #content.unit-co {
            background: url(/assets/css/"../img/bg-inner-co.jpg" /*tpa=https:/www.hkapa.edu/assets/img/bg-inner-co.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/bg-inner-co.jpg*/ ) repeat center top fixed;
            background-size: cover;
        }

        #content.unit-tea {
            background: url(/assets/css/"../img/bg-tea.jpg" /*tpa=https:/www.hkapa.edu/assets/img/bg-tea.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/bg-tea.jpg*/ ) repeat center top fixed;
            background-size: cover;
        }

        #content.unit-ftv {
            background: url(/assets/css/"../img/bg-film.jpg" /*tpa=https:/www.hkapa.edu/assets/img/bg-film.jpg*/ /*tpa=https:/www.hkapa.edu/assets/img/bg-film.jpg*/ ) repeat center top fixed;
            background-size: cover;
        }

        #content.unit-drama {
            background: url(/assets/css/"../img/bg-drama.jpg" /*tpa=https:/www.hkapa.edu/assets/img/bg-drama.jpg*/ /*tpa=https:/www.hkapa.edu/assets/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;
    }

    .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;
    }

    .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("/assets/img/dot_img.png" /*tpa=https://www.hkapa.edu/assets/img/dot_img.png*/ /*tpa=https://www.hkapa.edu/assets/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: .6s;
            -o-transition-duration: .6s;
            -webkit-transition-duration: .6s;
            transition-duration: .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: .6s;
                -o-transition-duration: .6s;
                -webkit-transition-duration: .6s;
                transition-duration: .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: .6s;
        -o-transition-duration: .6s;
        -webkit-transition-duration: .6s;
        transition-duration: .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-top: -30vw;
        margin-right: 0;
        margin-right: -5px;
        margin-left: -15px;
        padding: 30vw 15px 15px;
    }

    .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("/assets/img/arrow-gallery-control_grey.png" /*tpa=https://www.hkapa.edu/assets/img/arrow-gallery-control_grey.png*/ /*tpa=https://www.hkapa.edu/assets/img/arrow-gallery-control_grey.png*/ ) center top #313131;
        }

        .why_apa_section_list .slick-arrow.slick-next {
            right: 0;
            background: url("/assets/img/arrow-gallery-control_grey.png" /*tpa=https://www.hkapa.edu/assets/img/arrow-gallery-control_grey.png*/ /*tpa=https://www.hkapa.edu/assets/img/arrow-gallery-control_grey.png*/ ) center - 33 px #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 {
    padding: 89.00524% 0 0;
    position: relative;
}

.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_section, .reg_section, .main_content_full .login_section, .main_content_full .reg_section {
        height: auto;
        width: calc(50% - 1px);
        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 {
        padding-top: 0;
        margin-left: 165px;
        margin-top: -5px;
        display: block;
    }

    .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 {
            width: 150px;
            clear: both;
            display: block;
        }

    .reg_field ul.row > li.left_label-clear {
        display: block;
        clear: both;
        height: 1px;
        background: #f3f3f3;
        margin: 0 0 0;
        padding: 0;
    }
}

@media screen and (max-width: 767px) {
    .login_section, .reg_section, .main_content_full .login_section, .main_content_full .reg_section {
        height: auto;
        width: 100%;
        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 {
        width: auto;
        display: block;
        padding-left: 0;
        margin-bottom: -10px;
        padding-bottom: 2px;
    }

    .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 {
        margin-left: 0;
        display: block;
    }

    .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;
}

@media screen and (max-width: 991px) {
    .seach_cate_box {
        margin-top: 25px;
    }
}

@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: 45px;
        margin-bottom: 15px;
        background-size: cover;
    }

        .unit-library .seach_cate_box input[type="text"] {
            width: calc(100% - 144px);
        }

        .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;
        }

    .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(/assets/css/"../img/plus-alumni-box.png" /*tpa=https:/www.hkapa.edu/assets/img/plus-alumni-box.png*/ /*tpa=https:/www.hkapa.edu/assets/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;
            }
}

@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 */