@charset "utf-8";
/* CSS Document */

html, body {
  margin:0px;
  padding:0px;
  font-family:"Microsoft YaHei", "微软雅黑", SimSun, "宋体", PMingLiU, "新细明体", MingLiU, "细明体", Arial, "Arial Unicode MS", sans-serif;
  color:#454545;
  font-size:14px;
  line-height:28px;
}

.font_en {
  font-family:Arial, Helvetica, sans-serif;
}
.font_b5 {
  font-family:"Microsoft JhengHei", "微軟正黑體", PMingLiU, "新細明體", MingLiu, "細明體", Arial, "Arial Unicode MS", sans-serif;
}
.font_gb {
  font-family:"Microsoft YaHei", "微软雅黑", SimSun, "宋体", PMingLiU, "新细明体", MingLiU, "细明体", Arial, "Arial Unicode MS", sans-serif;
}
.font_num {
  font-family:Geneva, Arial, Helvetica, sans-serif;
}

.ican_logo {
  background:url(../images/ICAN_black.jpg) no-repeat center center;
  width:62px;
  height:16px;
  display:inline-block;
}

#container {
  width:100%;
  min-width:1000px;
  margin:auto;
}

#header_top {
  height:100px;
  padding:0px 15px 0px;
}

/* top menubar setting Start */
#bg_top_menubar {
  height:40px;
  background:url(../images/top_menubar/top_menu_bg.jpg) repeat-x;
  margin:0px;
  padding:0px;
}

#top_menubar {
  margin:0px;
  padding:0px;
  list-style:none;  
}

#top_menubar li {
  margin:0px 24px 0px;
  float:left;
  position:relative;
  z-index:1000;
  cursor:pointer;
}

#top_menubar li ul {
  background-color:#f8d4d8;
  margin:0px;
  padding:0px;
  list-style:none;
  position:absolute;
  top:100%;
  left:0px;
  z-index:1000;
  display:none;
}

#top_menubar li ul li {
  border:1px #FFFFFF solid;
  background-color:#f8d4d8;
  margin:0px;
}

#top_menubar li ul li:hover {
  background-color:#FFFFFF;
}

#top_menubar li ul li a {
  color:#af3939;
  text-decoration:none;
}

#top_menubar li ul li a:hover {
  color:#af3939;
  font-weight:bold;
  text-decoration:none;
}

.btn_top_menu {
  height:40px;
  cursor:pointer;
}

#btn_top_menu_1 {
  background:url(../images/top_menubar/btn_top_menu_1.png) no-repeat center center;
  width:54px;
}
#btn_top_menu_1:hover {
  background:url(../images/top_menubar/btn_top_menu_1_o.png) no-repeat center center;
}
#btn_top_menu_2 {
  background:url(../images/top_menubar/btn_top_menu_2.png) no-repeat center center;
  width:168px;
}
#btn_top_menu_2:hover {
  background:url(../images/top_menubar/btn_top_menu_2_o.png) no-repeat center center;
}
#btn_top_menu_3 {
  background:url(../images/top_menubar/btn_top_menu_3.png) no-repeat center center;
  width:89px;
}
#btn_top_menu_3:hover {
  background:url(../images/top_menubar/btn_top_menu_3_o.png) no-repeat center center;
}
#btn_top_menu_4 {
  background:url(../images/top_menubar/btn_top_menu_4.png) no-repeat center center;
  width:54px;
}
#btn_top_menu_4:hover {
  background:url(../images/top_menubar/btn_top_menu_4_o.png) no-repeat center center;
}
#btn_top_menu_5 {
  background:url(../images/top_menubar/btn_top_menu_5.png) no-repeat center center;
  width:71px;
}
#btn_top_menu_5:hover {
  background:url(../images/top_menubar/btn_top_menu_5_o.png) no-repeat center center;
}
#btn_top_menu_6 {
  background:url(../images/top_menubar/btn_top_menu_6.png) no-repeat center center;
  width:89px;
}
#btn_top_menu_6:hover {
  background:url(../images/top_menubar/btn_top_menu_6_o.png) no-repeat center center;
}
#btn_top_menu_7 {
  background:url(../images/top_menubar/btn_top_menu_7.png) no-repeat center center;
  width:89px;
}
#btn_top_menu_7:hover {
  background:url(../images/top_menubar/btn_top_menu_7_o.png) no-repeat center center;
}
/* top menubar setting End */

/* left menubar setting start */
.left_menubar_title {
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  border:2px #FFFFFF solid;
  background-color:#9231b0;
  height:30px;
}

.left_menubar_content {
  -webkit-border-bottom-right-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-bottomleft:5px;
  border-bottom-right-radius:5px;
  border-bottom-left-radius:5px;
  border:2px #FFFFFF solid;
  border-top:0px;
  background-color:#f5d4e9;
  padding-bottom:15px;
}

.list_leftmenu, .list_leftmenu2 {
  margin:0px;
  padding:0px;
  list-style:none;
}

.list_leftmenu_lv2, .list_leftmenu_lv3 {
  display:none;
}

.list_leftmenu li {
  background-color:#f5d4e9;
  cursor:pointer;
}

.list_leftmenu li:hover {
  background-color:#FFFFFF;
}
/* left menubar setting End */

#main {
  min-height:450px;
  background:url(../images/index_content_bg.jpg) repeat-x top left;
}

/* Content Page setting Start */
#content {
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  background-color:#FFFFFF;
  width:730px;
  min-height:400px;
  padding:10px 10px 50px;
}

.page_path {
  font-size:14px;
}
/* Content Page setting End */

#index_images_bg {
  background:url(../images/index_img_bg.png) no-repeat center center;
  width:500px;
  height:400px;
  margin:auto;
}

.index_video_bg {
  /*background:url(../images/index_video_bg.png) no-repeat center center;*/
  width:250px;
  height:182px;
  margin:auto;
  text-align:center;
}

.btn_getafp {
  width:244px;
  height:176px;
  background:url(../images/getafp.jpg) no-repeat center center #000000;
}

/* index news box setting Start */
.index_news_box {
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  border:1px #669933 solid;
  padding:10px 10px 10px;
}

.index_news_box_title {
  border-bottom:1px #669933 solid;
  padding:0px;
}

.index_news_box ul {
  margin:0px;
  padding:0px;
  list-style:none;
}

.index_news_box ul a {
  color:#454545;
  font-family:"Microsoft YaHei", "微软雅黑", SimSun, "宋体", PMingLiU, "新细明体", MingLiU, "细明体", Arial, "Arial Unicode MS", sans-serif;
  font-size:14px;
  line-height:24px;
  text-decoration:none;
}

.index_news_box ul li {
  border-bottom:1px #669933 dashed;
  padding:4px 7px 4px;
}

.index_news_box ul li:hover {
  background-color:#e5ffca;
}
/* index news box setting End */

#btn_index_join_school {
  background:url(../images/btn_index_join_school.png) no-repeat center center;
  width:230px;
  height:76px;
  margin:auto;
  margin-bottom:15px;
  cursor:pointer;
}
#btn_index_join_teacher {
  background:url(../images/btn_index_join_teacher.png) no-repeat center center;
  width:230px;
  height:76px;
  margin:auto;
  margin-bottom:15px;
  cursor:pointer;
}
#btn_index_certlist {
  background:url(../cert/icon2.png) no-repeat center center;
  width:230px;
  height:50px;
  margin:auto;
  margin-bottom:15px;
  cursor:pointer;
}
#btn_index_outstanding_t {
  background:url(../outstanding/T/icon.png) no-repeat center center;
  width:230px;
  height:50px;
  margin:auto;
  margin-bottom:15px;
  cursor:pointer;
}
#btn_index_outstanding_s {
  background:url(../outstanding/S/icon.png) no-repeat center center;
  width:230px;
  height:50px;
  margin:auto;
  margin-bottom:15px;
  cursor:pointer;
}
#btn_index_excellent {
  background:url(../excellent/icon.png) no-repeat center center;
  width:230px;
  height:50px;
  margin:auto;
  margin-bottom:15px;
  cursor:pointer;
}

#index_images_1 {
  background:url(../images/photo/index/001.jpg) no-repeat center center;
  width:500px;
  height:400px;
  position:absolute;
  display:none;
}
#index_images_2 {
  background:url(../images/photo/index/002.jpg) no-repeat center center;
  width:500px;
  height:400px;
  position:absolute;
  display:none;
}
#index_images_3 {
  background:url(../images/photo/index/003.jpg) no-repeat center center;
  width:500px;
  height:400px;
  position:absolute;
  display:none;
}
#index_images_4 {
  background:url(../images/photo/index/004.jpg) no-repeat center center;
  width:500px;
  height:400px;
  position:absolute;
  display:none;
}
#index_images_5 {
  background:url(../images/photo/index/005.jpg) no-repeat center center;
  width:500px;
  height:400px;
  position:absolute;
  display:none;
}
#index_images_6 {
  background:url(../images/photo/index/006.jpg) no-repeat center center;
  width:500px;
  height:400px;
  position:absolute;
  display:none;
}
#index_images_7 {
  background:url(../images/photo/index/007.jpg) no-repeat center center;
  width:500px;
  height:400px;
  position:absolute;
  display:none;
}

/*#menu a {
  float: left;
  height: 25px;
  color: #af3939;
  text-transform: uppercase;
  font: bold 12px/25px Arial, Helvetica;
  text-decoration: none;
}

#menu li:hover > a {
  color: #fbf2f0;
}

*html #menu li a:hover {
  color: #fbf2f0;
}

#menu li:hover > ul {
  display: block;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;    
  display: none;
  position: absolute;
  top: 35px;
  left: 0;
  z-index: 99999;    
  background: #f8d4d8;
  border:1px #e2a3c9 solid;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#menu ul ul {
  top: 0;
  left:100%;
}

#menu ul li {
  float: none;
  margin: 0;
  padding: 0;
  display: block;
  border-bottom:1px #e2a3c9 solid;
}

#menu ul li:last-child {
  border-bottom:0px;
}

#menu ul a {    
  padding: 10px 20px 10px;
  height: 10px;
  height: auto;
  line-height: 1;
  display: block;
  white-space: nowrap;
  float: none;
  text-transform: none;
}

*html #menu ul a {
  height: 10px;
}

*:first-child+html #menu ul a {
  height: 10px;
}

#menu ul a:hover {
  background: #e5a79c;
}

#menu ul li:first-child > a {
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

#menu ul li:first-child > a:after {
  content: '';
  position: absolute;
  left: 30px;
  top: -8px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid #ffcccc;
}

#menu ul ul li:first-child a:after {
  left: -8px;
  top: 12px;
  width: 0;
  height: 0;
  border-left: 0;	
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  border-right: 8px solid #ffcccc;
}

#menu ul li:first-child a:hover:after {
  border-bottom-color: #e5a79c; 
}

#menu ul ul li:first-child a:hover:after {
  border-right-color: #e5a79c; 
  border-bottom-color: transparent; 	
}

#menu ul li:last-child > a {
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

#menu:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html #menu             { zoom: 1; }
*:first-child+html #menu { zoom: 1; }
*/

.left_menu_btn_c {
  border:1px #e2a3c9 solid;
  background-color:#f8d4d8;
  display:block;
  text-align:center;
  vertical-align:middle;
  cursor:pointer;
  font-family:SimSun, "宋体", SimHei, "黑体", PMingLiU, "新细明体", MingLiU, "细明体", Arial, "Arial Unicode MS", sans-serif;
  font-size:14px;
  font-weight:bold;
  text-decoration: none;
  height:auto;
}

#left_menu_list_1 a {
  color:#af3939;
  text-decoration: none;
}

#left_menu_list_3 a {
  color:#af3939;
  text-decoration: none;
}

#left_menu_list_4 a {
  color:#af3939;
  text-decoration: none;
}

#left_menu_list_7 a {
  color:#af3939;
  text-decoration: none;
}

#left_menu_list_10 a {
  color:#af3939;
  text-decoration: none;
}

.left_menu_btn_c:hover {
  background-color:#e5a79c;
  color:#FFFFFF;
}