@charset "utf-8";
body {
	margin: 0px;
	font-family: Arial, simsun, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 22px;
	font-weight: normal;
	background-color: #E1EDF0;
	height: 100%;
}
.indent_pt {
	margin-left: -25px;
}
.text_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}

.next_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003333;
}

.timetableBorder {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4B7889;
	border-right-color: #4B7889;
	border-bottom-color: #4B7889;
	border-left-color: #4B7889;
}
.timetableCell {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4B7889;
	background-color: #FFFFFF;
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}

.list1 {
	margin-right: 10px;
	margin-left: -15px;
	list-style-image: url(images/pt1.gif);
	line-height: 18px;
	margin-top: 10px;
}
.listUL {
	width: 197px;
}
.list2 {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.heading {
	font-weight: bold;
	background-image: url(images/heading.gif);
	background-position: center;
	font-size: 16px;
}
a:link {
	color: #136584;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #136584;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	position: relative;
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
}
a:active {
	color: #136584;
	font-weight: bold;
	text-decoration: none;
}
a   div {
	display: none;
}
a:hover   div {
	position: absolute;
	padding:5px;
	display:block;
	width: 150px;
	left:-11px;
	top: 18px;
	border: 1px solid #4B7889;
	background-color: rgb(228,246,255);
	z-index:999;
	white-space: normal;
}
div#menu a:link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.left_table {
position:relative;
bottom:0;
}


div#menu a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
div#menu a:hover {
	position: relative;
	color: #FFFF66;
	font-weight: bold;
	text-decoration: none;
}

div#menu a:active {
	color: #FFFF66;
	font-weight: bold;
	text-decoration: none;
}
div#one_p_one a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}
div#one_p_one a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}
div#one_p_one a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
	font-weight: normal;
	text-decoration: underline;
}
div#one_p_one a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
	font-weight: bold;
	text-decoration: underline;
}

#highlightItem {
	font-weight: bold;
	color: #000000;
	background-color: #FFFF33;
	list-style-image: url(images/pt_arrow.gif);
}

.centralBorder {
	border-left-width: thin;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	background-image: url(images/background5.gif);
	background-repeat: repeat-x;
}
.btn1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	border: thin solid #666666;
	color: #003333;
}
.btn1:disabled {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #DDDDDD;
	border: thin solid #999999;
	color: #999999;
}
.menuLink:hover {
	color: #4B7889;
}
.menuLink {
	color: #FFFFFF;
}
form {
	margin-bottom: 0px;
}
.specialtableBorder {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #4B7889;
	border-bottom-color: #4B7889;
	border-left-color: #4B7889;
}
.specialtableCell {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #4B7889;
}
.specialtableLeftHeading {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #4B7889;
	background-color: #DCE9ED;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4B7889;
}
#timetable {
	position:absolute;
	left:145px;
	top:105px;
	width:184px;
	height:421px;
	z-index:1;
	visibility: hidden;
}
#exam_detail {
	position:absolute;
	left:245px;
	top:105px;
	width:151px;
	height:79px;
	z-index:2;
	visibility: hidden;
}
#seminar {
	position:absolute;
	left:500px;
	top:105px;
	width:151px;
	height:79px;
	z-index:3;
	visibility: hidden;
}
.subheading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003333;
}

#service {
	position:absolute;
	left:542px;
	top:105px;
	width:165px;
	height:79px;
	z-index:4;
	visibility: hidden;
}
#intro {
	position:absolute;
	left:604px;
	top:105px;
	width:88px;
	height:79px;
	z-index:5;
	visibility: hidden;
}
.subheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #006699;
}
.leftBG {
	background-color: #FFFFFF;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
}
.normal_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}
.onePoneCell {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4B7889;
}
.list3 {
	margin-right: 0px;
	margin-left: -30px;
	list-style-image: url(images/pt2.gif);
	line-height: 18px;
	margin-top: 10px;
}
.centralBorderIndex {
	border-left-width: thin;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	background-repeat: repeat;
}
.indexBottom {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	background-color: #FFFFFF;
}
.accordionPanel {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.headingBig {
	font-weight: bold;
	background-image: url(images/heading4.gif);
	background-position: center;
	font-size: 16px;
}
.wrap_text
{
	TABLE-LAYOUT: fixed;
	width:730px;
 
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.wrap_text td
{
 
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.specialtableTopHeading {
	background-color: #DCE9ED;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4B7889;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #4B7889;
}
.specialtableBorder2 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4B7889;
	border-right-color: #4B7889;
	border-bottom-color: #4B7889;
	border-left-color: #4B7889;
}
.specialtableTopHeading2 {
	background-color: #DCE9ED;
	font-weight: bold;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #4B7889;
}
.specialtableBorder2 {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #4B7889;
}
.specialtableCell2 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #4B7889;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4B7889;
}
.specialtableBorder3 {
	border: 1px solid #4B7889;
}
.videotableCell {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4B7889;
	background-color: #FFFFCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #4B7889;
	padding-right: 3px;
	padding-left: 3px;
}
.videotableCell2 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4B7889;
	background-color: #FFFFCC;
}
.timetableCell2 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4B7889;
	background-color: #FFFFFF;
	padding-right: 2px;
	padding-left: 2px;
}
.timetableCell_topDot {
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #999999;
	background-color: #FFFFFF;
}
.hr {
	border: thin dotted #5a92a6;
	margin-top: 4px;
	margin-bottom: 4px;
}
div#menuSmall a:link {
	color: #5a92a6;
	font-weight: bold;
	text-decoration: none;
}
div#menuSmall a:visited {
	color: #5a92a6;
	font-weight: bold;
	text-decoration: none;
}
div#menuSmall a:hover {
	position: relative;
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
}
div#menuSmall a:active {
	color: #5a92a6;
	font-weight: bold;
	text-decoration: none;
}
#left_menu_special  {
	color: #000000;
}
#left_menu_special:hover {
	color: #FF6600;
}
h1 {
	font-weight: bold;
	font-size: 16px;
	padding: 5px;
	width: 660px;
	background-position: center;
	text-align: center;
	background-image: url(images/heading4.gif);
}
.rightBG {
	background-color: #FFFFFF;
	background-image: url(edu/images/background.jpg);
	background-repeat: no-repeat;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
}
.banner_icon {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.banner_icon_cursor {
	cursor: pointer;
}
.indent1 {
	padding-left: 20px;
}
.indent2 {
	padding-left: 40px;
}
.indent3 {
	padding-left: 60px;
}.specialtableCell3 {
	border: 1px solid #4B7889;
}
.francohighlightclass
{
    border-style: none;
    border-width: inherit;
    margin: 5px 0px 5px 0px;
    padding: 5px 0px 5px 0px;
    font-size: x-large;
    font-weight: bold;
    font-style: normal;
    color: #000000;
    background-color: #FFFF00;
    white-space: normal;
    word-spacing: normal;
    letter-spacing: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: normal;
    vertical-align: inherit;
    text-align: left;
}
#francocoursedetailpage a
{
    color: #000000;
    font-weight: normal;
}
.francocoursedetailpage a
{
    color: #000000;
    font-weight: normal;
}
/* Header & right column */
.head {}
.head div {
	float:left;
	margin-left: -30px;
}
.head .logo {width:175px; height:90px}
.head .top {width:775px; height:24px; margin-bottom:8px}
.head .main {height:54px}
.head .right {width:240px; height:60px}
.head .menu {float:right; width:158px; height:16px; padding:4px 4px 4px 8px; background:#4B7889 url(../images/topmenu_l.gif) no-repeat; color:#FFFFFF; text-align:right; white-space:nowrap}
.head .menu a {color:#FFF}
.head .menu a:hover {color:#4B7889}
.head .menu span {margin:0 4px}
#head_login {width:100%; height:24px; text-align:right}
#head_login img {vertical-align:middle}
.head .lang {float:right; width:65px; height:15px; color:#999999; display:none; text-align:right}
.head .search {position:relative; left:0px; top:10px; width:330px; padding:10px; vertical-align:bottom;z-index:50}
.head .search .cat {width:120px; height:24px; text-align:right}
.head .search .box {
	left:98px;
	top:9px;
	position: absolute;
}
.head .search .button {width:99px; height:24px; text-align:left}
.head .search .hotwords {width:430px; height:16px; overflow:hidden}
.head .search .submit {
	background-color:rgb(228,246,255);
	border:1px solid #4B7889;
	height:22px;
	padding: 3px;
}
.head .tb {width:950px; height:110px}
.head .tl {width:950px; height:33px; padding:0 111px}

/* Livesearch */
#searchg {height:20px}
#searchq {float:left; width:167px; height:16px; margin-left:2px; font-family:Arial, Helvetica, sans-serif}
/*#searchres {position:fixed; left:185px; top:54px; width:300px; display:none;z-index:50}*/
#searchres {position:absolute; left:100px; top:31px; width:300px; display:none}
.ls_outer {width:100%; background-color:#4B7889}
.ls_outer td {padding:1px}
.ls_inner {width:100%; background-color:#FFFFFF; cursor:default}
.ls_inner td {padding:1px 3px; white-space:nowrap}
.ls_inner_tr {background-color:#FFFFFF}
.ls_inner_tr_movr {background-color:#4B7889; color:#FFFFFF}
.ls_inner_tr span {color:#FF3333; font-weight:bold}
.ls_inner_tr_movr span {color:#FFFFFF; font-weight:bold}.specialtableCell4 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4B7889;
}
.fbli {
	font-weight:bold;
	font-size:12px !important;
}
.fbli a{
	font-weight:normal;
	font-style:italic;
	font-size:10px
}

/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.img_container {
	display: flex;
   margin-bottom: 40px;
}
.img_container .img_inner {
	width: 50%;
}
.leftBG .AccordionPanelTab {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.leftBG .AccordionPanelTab:before {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPHN2ZyB2ZXJzaW9uPSIxLjEiDQogICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIiByb2xlPSJwcmVzZW50YXRpb24iIGNsYXNzPSJpY29uIj48cGF0aCBkPSJNMjAgOC41IDEyLjUgMTYgNSA4LjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgZmlsbD0ibm9uZSI+PC9wYXRoPjwvc3ZnPg==");
    margin-left: 4px;
	margin-right: 6px;
    opacity: .8;
}
.leftBG .AccordionPanelOpen .AccordionPanelTab:before {
    transition: auto;
    transform: rotate(180deg);
}
body > table {
    margin-left: auto;
    margin-right: auto;
    border-left: solid 1px #000;
    position: relative;
}
table[width="990"] {
    width: 1020px;
}
.rightBG img[width="206"] {
    width: 176px;
}
.special_notice {
    display: flex;
    justify-content: space-between;
}
.ccnp_equipment tr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.ccnp_equipment td {
    margin-bottom: 10px;
}
.lang a:hover img {
    filter: brightness(1.2);
    transition: filter 0.2s ease;
}
body > table > tbody > tr > td {
    vertical-align: top;
}