/* CSS Document */

html, body, form{margin:0; padding:0;}
img,a img{border: 0 none; vertical-align: top;}
body{background:url(../images/in_bj1.gif) repeat-x 0 0;background-size: 3px 225px;font-family:Tahoma; color:#333; font-size:13px}
ul, li{margin:0; padding:0; list-style-type:none}
a{color:#999; text-decoration:underline;}
a:hover{color:#000; text-decoration:underline}
input, textara { font-size:12px; color:#333; font-family:Arial, Helvetica, sans-serif;background:transparent; border:none;}

.clear{clear:both;font-size:0;line-height:0;height:0;}
.m{width:1180px;padding-top:3px; margin:auto; text-align:center}
hr{border-top:dashed 1px #CCC; }

/* TOP內容 */
.login{ font-size:12px; text-align:right; line-height:20px}
.login a{color:#F00; text-decoration:none}
.login a span{color:#0f94e3; text-decoration:none}

.logo{}
.logo_l{float:left}
.logo_r{ width:400px; float:right}

.menu{ padding-top:5px}
.menu_l{float:left}
.menu_l a { display:block;background:url(../images/in_menu1.gif) no-repeat 0 0; width:100px; color:#000; text-decoration:none;margin-left:3px;float:left;  text-align:center;line-height:30px; font-size:14px}
.menu_l a:hover, .menu_l a.h {background:url(../images/in_menu2.gif) no-repeat 0 0; margin-left:3px;color:#000;text-decoration:none; font-weight:bold }
.menu_r{ float:right; width:240px; font-size:12px; padding-top:27px}

.search{ line-height:42px;height:42px; color:#fff;}
.search_l{float:left; width:580px;font-size:14px; font-weight:bold; color:#8feaff; padding-left:10px}
.search_r{width:360px; float:right;font-size:12px; text-align:left; line-height:40px;height:40px;overflow:hidden}
.search a{ color:#8feaff; text-decoration:underline}
.search a:hover{ color:#FFF; text-decoration:none}
.input1{ border:solid 1px #000 ; width:260px; background:#fff; line-height:20px;height:20px;}

/* MAIN內容部分 */
.main{width:1180px; margin:50px auto 0; text-align:center;}

/* MAIN右側 */
.main_r{ width:270px; float:right;}
.main_r1{ border:solid 1px #a3c3e6;background: url(../images/in_l_bj.gif) repeat-x 0 0; margin-bottom:6px}
.r_t{ padding:0 20px; line-height:36px}
.r_t strong{color:#1f376d; font-size:14px; float:left; display:block; width:100px;text-align:left}
.r_t span a{ color:#0143bd; font-size:12px; float:right; display:block; width:50px; text-align:right}
.r_m{ padding:5px 5px 10px; font-size:12px; color:#005ab3}
.r_m td{padding-top:5px; text-align:left}
.r_m td a{ color:#005ab3; text-decoration:none;}
.r_m td a:hover{text-decoration:underline}


/*公開及內訓*/
.main_l{width:1180px; float:left;overflow:hidden}
.ban{ padding-bottom:5px}
.l_0{width:1178px;}
.l_m{ border:solid 1px #a3c3e6;background: url(../images/ico02.gif) repeat-x 0 0; margin:0 8px 0 0; width:1178px; margin-right:8px; float:left}
.l_m_t{ background:url(../images/ico01.gif) no-repeat 15px center; padding:0 20px 0 35px; line-height:30px;}
.l_m_t strong{color:#1f376d; font-size:14px; float:left; display:block; width:150px;text-align:left}
.l_m_t span a{ color:#0143bd; font-size:12px; float:right; display:block; width:80px; text-align:right}
.l_m_m{ display: flex; align-items:center; padding:10px; font-size:13px; text-align:left; min-height: 345px;
        }
.l_m_m ul{ padding:10px; width:1170px;}
.l_m_m li{ width:30%; padding-right:16px; padding-left:16px; float:left; margin-bottom:5px}
.l_m_m a{ color:#005ab3; text-decoration:none;}
.l_m_m a:hover{text-decoration:underline; color:#000}
.l_m_m a span{color:#14647d}
.l_m_m a b{ color:#f88000; font-weight:normal}

/* 講師介紹 */
.l_js{ border:solid 1px #a3c3e6;background: url(../images/ico02.gif) repeat-x 0 0; margin:6px 0; width:1178px;overflow:hidden; float:left}
.l_js ul{ padding:10px; width:1170px}
.l_js li{ width:22%; padding-right:16px; padding-left:16px; float:left}
.l_js li div{ padding-top:7px; font-size:12px}

/* 推薦視頻 */
.l_mov{ border:solid 1px #a3c3e6;background: url(../images/ico02.gif) repeat-x 0 0; margin:6px 0; width:1178px; font-size:12px; color:#666; float:left;overflow:hidden}
.l_mov ul{ padding:12px; width:1178px}
.l_mov li{ width:125px; margin-right:12px; float:left}
.l_mov ul td{padding-top:5px; text-align:left}

/* 推薦視頻-右側廣告 */
.r_xxk{ width:270px; float:right; padding-top:6px}

/* 友情鏈接 */
.links{ border:solid 1px #a3c3e6;background: url(../images/in_l_bj01.gif) repeat-x 0 0; margin:10px 0 5px; width:1178px;}
.links_t{line-height:30px; padding:0 20px}
.links_t strong{color:#1f376d; font-size:14px; float:left; display:block; width:100px;text-align:left}
.links_t span a{ color:#0143bd; font-size:12px; float:right; display:block; width:50px; text-align:right}
.links_m{ font-size:12px; color:#666; padding-top:20px; text-align:left}
.links_m td{ text-align:center}
.links_m a{ text-decoration:none}
.links_m a:hover{text-decoration:underline; color:#000}

/* 聯系方式 */
.bom{background:#2991ce;margin:auto; text-align:center; padding:10px 20px; color:#fff; font-size:12px; line-height:20px}
.bom span{color:#65bff3; padding-bottom:10px; display:block; font-size:14px}
.bom span a{color:#7ed0ff;}
.bom span a:hover{color:#fff; text-decoration:none}

/* 登錄頁面 */
.dq{ border:solid 1px #a3c3e6; background:#ddf4fb; margin:5px 0; width:1158px; line-height:30px; font-size:12px; text-align:left; padding-left:20px}
.dq span{color:#0a76c7}
.m_m{border:solid 1px #cecece; padding:10px;}
.log{ background:url(../images/login_01.gif) no-repeat 0 0; width:1067px; height:392px; margin:auto}
.log_r{width:300px; float:right}
.log h1{ display:block; text-align:left; font-size:14px; padding:40px 0 20px; margin:0}
.log td{ line-height:40px; text-align:left; font-size:14px}
.input2{ border:solid 1px #cecece ; width:180px; background:#fff; line-height:26px;height:26px;}
.input3{border:solid 1px #cecece ; width:60px; background:#fff; line-height:26px;height:26px;}
.input4{border:solid 1px #cecece ; width:505px; background:#fff; line-height:26px;height:26px;}

.log_b{ padding-top:40px}
.log_b a{font-size:12px;}

.zc_r{width:240px;border:solid 1px #cecece; float:right; padding-bottom:20px}
.zc_r td{padding:10px;}

.zc_l{width:950px;border:solid 1px #cecece; float:left; padding:20px; margin-bottom:10px}
.zc_td{line-height:40px; text-align:right; font-size:14px}
.zc_td2{background:#f0f0f0; color:#000; text-align:center;line-height:30px;}

.zc_l_d1{background:url(../images/zc_ico02.gif) no-repeat 5px 5px #fff2f2;border:solid 1px #ff8080;  margin:5px; font-size:12px; line-height:20px; text-align:left; padding-left:30px;line-height:26px}
.zc_l_d2{background:url(../images/zc_ico03.gif) no-repeat 5px 5px #e5f5ff;border:solid 1px #40b3ff;}
.zc_l_d3{background:url(../images/zc_ico01.gif) no-repeat 5px 5px; border:solid 1px #4aa307; }
.zc_l_m{ background:url(../images/zc_ico04.gif) no-repeat center top;padding:100px 0}
.zc_l_m1{ font-size:24px; color:#F60; padding-bottom:20px; font-weight:bold}
.zc_l_m2 a{color:#0d7e00}
.zc_l_t{ text-align:left; padding-bottom:20px}
.zc_l_t span{ font-size:18px; color:#369; font-family:"微軟雅黑"; padding-left:300px}

/* 內容頁面 */

.nr_l{ float:left; width:900px;}
.nr_l_t{ width:1168px; border:solid 1px #a3c3e6; text-align:center}
.nr_l_t h1{width:1150px; font-size:20px; color:#005ab3; padding:30px 0 0px}

.td1 td{padding:5px; text-align:left; font-size:12px}
.td1 span{color:#F60}
.td1 strong{ font-size:24px; color:#F00}

.nr_l_nr span{ width:1070px; text-align:left; margin:10px auto; line-height:30px; font-size:14px; display:block}
.nr_l_nr h2{width:1070px; border:solid 1px #e3e3e3; background:#f7f7f7; display:block; padding:5px 20px; color:#012874; margin:30px auto 0; text-align:left; font-size:14px}

.nr_bm{ text-align:center; padding:50px 0}

.nr_l_m{ border:solid 1px #a3c3e6;background: url(../images/ico02.gif) repeat-x 0 0; width:698px; margin:10px 0 0}
/*日期控件風格*/
input.datepicker
{
    background-position: right bottom;
    display: block;
  border:solid 1px #cecece ; width:180px; background:#fff; line-height:26px;height:26px;
    background: #fff url(/../images/datepicker.gif) no-repeat right bottom;
    cursor: pointer;
}
/*按鈕*/
.btn02
{
    background-repeat:no-repeat;
    background-image: url(/../images/button.png);
	border:0px; text-align:center; cursor:pointer; 
	color:#fff; 
	padding:0px;
	width:90px;
	height:28px;
}
.btnblue
{
    background-repeat:no-repeat;
    background-image: url(/../images/bluebutton.gif);
	border:0px; text-align:center; cursor:pointer; 
	color:#fff; 
	padding:0px;
	width:76px;
	height:25px;
}
/*必填*/
.spanMust
{
    color:Red;
}
/*分頁控件*/
.pager ul.pages {
   line-height:15px;
	float:right; width:540px; margin:50px 30px; 
}

.pager ul.pages li {
    list-style:none;
    float:left;
    border:1px solid #ccc;
    text-decoration:none;
    padding:4px;
	margin:0 2px;
    line-height:14px;
}

.pager ul.pages li:hover {
   color:#fff;
	background:#000;
	border:solid 1px #000;
}

.pager ul.pages li.pgEmpty {
    border:1px solid #eee;
    color:#eee;
}

.pager ul.pages li.pgCurrent {
   	color:#fff;
	background:#f20000;
	border:solid 1px #f20000;
	font-weight:bolder
}
/*頁碼樣式------------->所有的間距和外側顏色*/
.page {	line-height:15px;
	float:right; width:540px; margin:50px 30px; 
}
.page b {
	float:left;
	padding:4px;
	margin:0 2px;
}
.page a, .pagenum span {
	float:left;
	color:#999;
	font-size:14px;
	padding:4px;
	margin:0 2px; text-decoration:none
}
.page a:hover {
	color:#e84127; text-decoration:underline
}
/*數字*/
.pagenum a, .pagenum span {
	color:#000;
	background:#fefefe;
	border:solid 1px #dcdcdc;
	float:left;
	padding:1px 4px;
}
.pagenum a:hover {
	color:#fff;
	background:#000;
	border:solid 1px #000;
}
/*當前*/
.pagenum span {
	color:#fff;
	background:#f20000;
	border:solid 1px #f20000;
	font-weight:bolder
}
/*列表頁*/
/*--------------------列表部分--------------------*/
.n_l{width:1070px; margin:auto}
.n_l_d{font-size:12px; color:#0092ba; text-align:center; margin-bottom:40px;}
.n_l_m{ font-size:16px; line-height:26px; text-align:left }

/*新聞列表*/
.n_ll{ line-height:22px; text-align:left;}
.n_l_z{color:#999; padding-bottom:5px}

/*普通和鼠標劃上時邊框的兩種狀態*/
.n_ll li { padding:10px ;font-size:12px; margin-top:15px}
.n_ll li:hover{ border:solid 1px #a3c3e6; padding:9px; background:#f2f9fe;}

/*標題兩種狀態*/
.n_l_l{ background:url(../images/in_ico04.gif) no-repeat 0 -2px; padding-left:30px}
.n_l_l a{color:#ff0000; font-size:11px}
.n_l_l a:hover{color:#ff6600}
.n_l_l a.t{ display:block; font-size:14px; color:#005ab3; font-weight:bold; text-decoration:none}
.n_l_l a.t:hover{color:#f60}
.n_l_l a.t2{ display:block; font-size:14px; color:#FF0000; font-weight:bold; text-decoration:none}
.n_l_l a.t2:hover{color:#f60}

.n_ll li:hover a.t{color:#005ab3; text-decoration:underline}
.n_ll li:hover a.t:hover{color:#e20000}

/*列表--------------結束*/
/*審核--------------右側導航*/
.sh_m a{display:block;  width:200px; text-decoration:none; padding:5px; margin-bottom:5px; font-size:14px; color:#2977c2; border:solid 1px #a2c3e6;}
.sh_m a:hover, .sh_m a.h { color:#000; background:#a2c3e6; color:#FFF}

/*審核--------------學員審核*/
.sh_xy table{ border-left:solid 1px #e6ecfa; border-top:solid 1px #e6ecfa; text-align:center; font-size:14px}
.sh_xy td{ padding:5px;  border-right:solid 1px #e6ecfa; border-bottom:solid 1px #e6ecfa;}
.tr1{ background:#f5f8fd; font-weight:bold}
.sh_xy a{ text-decoration:underline; color:#069}
.sh_xy a:hover{text-decoration:underline; color:#000}

.sh_sear{ padding-bottom:15px;
          text-align:left;
           font-size:14px;
          
          }
.sh_t{background: url(../images/sh_bj0.gif) repeat-x 0 bottom; margin-bottom:20px}
.sh_t a { display:block;background:url(../images/sh_bj2.gif) no-repeat 0 0; width:116px; color:#000; text-decoration:none;margin-left:6px;float:left;  text-align:center;line-height:30px; font-size:14px; font-weight:bold}
.sh_t a:hover{text-decoration:none; }


.sh_t a.a2{background:url(../images/sh_bj1.gif) no-repeat 0 0; margin-left:6px;color:#000;text-decoration:none; font-weight:bold }
.sh_t a.a2:hover{text-decoration:none; }

.main-left{ position:relative; float:left; margin:0px 0px 0 0; width:1178px; height:400px; overflow:hidden; }
/*幻燈片樣式*/
.focusbox-box{ position:relative; float:left; margin:0px 0px 0 0; width:1178px;  overflow:hidden; }
.focusbox{ position:absolute; top:0; right:0; bottom:0; left:0; border:2px solid #f7f7f7; overflow:hidden; _position:relative; }
	.focusbox .slides{ position:relative; display:block; width:100%; height:100%; zoom:1; overflow:hidden; }
	.focusbox .slides:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.focusbox .slides li{ width:100%; height:100%; overflow:hidden; }
	.focusbox .slides li img{ min-width:100%; min-height:100%; _width:100%; _height:100%;}
	.focusbox .slides li .note-bg{ position:absolute; left:0; right:0; bottom:0; width:100%; height:125px; background:url(../images/pic-bg.png) 0 bottom repeat-x; _height:50px; _background:url(none) 0 0 repeat #000; }
	.focusbox .slides li .note-txt{ position:absolute; left:0; right:0; bottom:0; display:block; padding:10px; height:24px; line-height:24px; color:#fff; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	
	.focusbox .flex-control-nav{ position:absolute; right:5px; bottom:18px; display:block; z-index:4; }
	.focusbox .flex-control-nav li{ margin:0 5px 0 0; display:inline-block; zoom:1; *display:inline; }
	.focusbox .flex-control-nav li a{ display:block; width:8px; height:8px; text-indent:-9999px; border:1px solid #999; border-radius:8px; cursor:pointer; overflow:hidden; }
	.focusbox .flex-control-paging li a:hover { background:#333; }
	.focusbox .flex-control-paging li a.flex-active { background:#f90; border-color:#f90; cursor:default; }

.jrul{ width:100%; display:block;}
.jrul li{ padding:3px 3px; float:left; width:80px; *+width:80px; height:120px; display:block;}
.jrul li .jr_img_bj{ width:77px; height:77px; background:url(../Image/Portal/jr_img_bj.png) none; margin-left:0px; display:block; }
.jr_img_bj img{ height:77px; width:77px; border:1px solid #ccc; border-radius:93px; margin-left:0px; margin-top:0px;}
.jr_name{ width:107px; height:30px; line-height:30px; display:block; text-align:center; margin-left:5px; color:#3273ce; font-weight:bold;}
.page-box{ margin-top:15px; color:#999; font-size:14px; }

.navbar1 {
  overflow: hidden;
  background-color: #fff;
}

/* Navigation links */
.navbar1 a {
  float: left;
  font-size: 14px;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* The subnavigation menu */
.subnav {
  float: left;
  overflow: hidden;
}

/* Subnav button */
.subnav .subnavbtn {
  font-size: 14px;
  border: none;
  outline: none;
  color: #000;
  padding: 0px 0px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

/* Add a red background color to navigation links on hover */
.navbar1 a:hover, .subnav:hover .subnavbtn {
  background-color: white;
}

/* Style the subnav content - positioned absolute */
.subnav-content {
  display: none;
  position: absolute;
  left: 0;
  background-color: white;
  width: 100%;
  z-index: 3;
}

/* Style the subnav links */
.subnav-content a {
  float: left;
  color: #000;
  text-decoration: none;
}

/* Add a grey background color on hover */
.subnav-content a:hover {
  background-color: #eee;
  color: black;
}

/* When you move the mouse over the subnav container, open the subnav content */
.subnav:hover .subnav-content {
  display: block;
}


.navbar1 a:hover, .subnav:hover .subnavbtn {
  background-color: yellow;
}

.dropbtn {
  background-color: white;
  color: white;
  padding: 0px;
  font-size: 14px;
  border: none;
  cursor: pointer;
}

.dropdown {
  float: left;
  display: block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 99;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  background-color: #f1f1f1;
  color: red;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #fff;
}