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

body { margin:0; padding:0; font-family:微軟正黑體,Microsoft JhengHei, Arial, Helvetica, sans-serif; font-size:14px; }
/**/
body a { text-decoration:none;}
img { border:none;}
.clean_flat { clear:both;}

/**/
.header ,.main ,.footer { width:960px; margin:0 auto 0 auto;}

.footer {
	width: 960px;
	left: 50%;
	margin-left: -480px;
	position: fixed;
	bottom: 0;
	z-index:-20;
}
.footer { background:url(../images/footer_bg.png) no-repeat center 0;}
.footer2 { width:960px; left:50%; margin-left:-480px; position:relative; }
.footer2 { background:url(../images/footer_bg.png) no-repeat center 0;}

.footer_infoBox { height:208px; border-bottom:#d7d7d7 solid 1px; position:relative;}
.footer_text { position:absolute; top:60px; left:130px; line-height:24px; font-size:13px;}

.mainBox { width:1200px; padding:10px; margin:0 auto 0 auto;}

.in_box { width:910px; margin:0 25px;}
.in_box3 { width:830px; margin:0 25px;}
.in_box2 { width:1024px; margin:0 25px;}
.top_logoBox ,.top_titleBox { float:left; margin:15px 0px;}
.top_logoBox { width:61px; height:61px; margin-left:75px;}
.top_titleBox { width:764px; padding:10px 0 0 10px; color:#565656;}
.top_titleUp { font-size:18px;}
.top_titleDn { font-size:12px;}
.in_box p { margin:0; padding:0;}

.menu_box { text-align:center; border-bottom:#d7d7d7 solid 1px; border-top:#d7d7d7 solid 0px; padding:1px 0 0 0; position:relative; height:42px;}
.menu { margin:0; padding:0; display:inline-block;}
.menu li { list-style:none; line-height:52px; float:left; margin-left:10px; position:relative; width:120px;}
.menu a { font-size:18px; display:block;}
.menu p { margin:0; padding:0;}
.menu_btnA ,.menu_btnB ,.menu_btnC ,.menu_btnD ,.menu_btnE,.menu_btnF,.menu_btnG { width:35px; height:52px; position:absolute; left:0px;}
.menu_btnA { background:url(../images/btn_a.png) left no-repeat;}
.menu_btnB { background:url(../images/btn_b.png) left no-repeat;}
.menu_btnC { background:url(../images/btn_c.png) left no-repeat;}
.menu_btnD { background:url(../images/btn_d.png) left no-repeat;}
.menu_btnE { background:url(../images/btn_e.png) left no-repeat;}
.menu_btnF { background:url(../images/btn_001.png) left no-repeat;}
.menu_btnG { background:url(../images/btn_g.png) left no-repeat;}

.menu li ul { margin:0; padding:0; position:absolute; border-left:#afafaf solid 1px; border-right:#afafaf solid 1px; box-shadow:0px 1px 16px #ddd; z-index:99; background:#fff;}
.menu li ul li { margin:0; padding:0; border-bottom:#afafaf solid 1px; line-height:35px;}
.menu li ul li a { font-size:13px; display:block; color:#000;}
.menu li ul li a:hover { background:url(../images/btn_hover.png) repeat-x; border-radius:0;}

.menu li a:hover { background:url(../images/menu_bg.png) repeat-x center 0; border-radius:10px;}
.menu_btn { color:#565656;}
.menu_btn:hover { color:#fff;}
.menu_this { background:url(../images/menu_bg.png) repeat-x center 0; border-radius:10px; color:#fff;}

.menu_wdPoint { color:#ff4e4e; font-weight:bold;}

/*login*/
.login_box { width:330px; margin-left:50%; margin:90px auto 90px auto;}
.login_title p { margin:0; padding:0;}
.login_titleTw ,.login_titleEn {
	line-height: 23px;
	text-align: center;
	font-weight: bold;
}
.login_titleTw { font-size:18px;}
.login_titleEn { font-size:11px;}

/*btn*/
.login_send { background:url(../images/btn_send_bg.png) repeat-x ; height:28px; color:#fff; cursor:pointer; width:85px; border:#10a6e9 solid 1px; border-radius:5px;font-size:16px;}
.login_send:hover { background:url(../images/btn_send_bg_.png) repeat-x ; border-radius:5px;}
.login_send2 { background:url(../images/btn_send_bg2.png) repeat-x ; height:28px; color:#fff; cursor:pointer; width:85px; border:#10a6e9 solid 1px; border-radius:5px;font-size:16px;}
.login_send2:hover { background:url(../images/btn_send_bg2_.png) repeat-x ; border-radius:5px;}

.login_text_form { width:220px; height:28px; line-height:28px; font-size:15px; border:#e5e5e8 solid 1px; border-radius:5px; padding:0 5px;}
.login_text_num { width:60px; height:28px; line-height:28px; font-size:15px; border:#e5e5e8 solid 1px; border-radius:5px; padding:0 5px;}
.login_text_num2 {  height:30px; line-height:30px; font-size:12px; width:40px; padding:0 5px 0 0px; }

.login_text_id { background:url(../images/login_id.png) no-repeat; background-position:left; padding:0 10px 0 30px;}
.login_text_pw { background:url(../images/login_pw.png) no-repeat; background-position:left; padding:0 10px 0 30px;}
.login_text_pw2 { background:url(../images/login_pw2.png) no-repeat; background-position:left; padding:0 10px 0 30px;}
.login_text_pw3 { background:url(../images/login_pw3.png) no-repeat; background-position:left; padding:0 10px 0 30px;}
.login_text_mail { background:url(../images/login_mail.png) no-repeat; background-position:left; padding:0 10px 0 30px;}

/*bg*/
.info_bg { background:url(../images/info_bg.png) no-repeat center 0;}

/**/
.ex_btnBox { text-align:center;}
.ex a { display:block;}
.ex { margin:20px 0 10px 0; padding:0; display:inline-block;}
.ex li { list-style:none; float:left; width:135px; margin:10px 10px; cursor:pointer;} 
.ex p { margin:0; padding:0;}
.ex h3 { margin:0; padding:0; font-weight:normal; height:83px; background:#ececec; border-radius:10px; padding:5px 5px; color:#666;}


.ex_picBox { width:128px; height:70px; border:#fff solid 1px; background:#ddd; position:relative;}
.ex_picIcon { position:absolute; width:35px; height:35px; left:55px; top:-10px;}
.ex_picBox:hover { border:#afafaf solid 1px;}
.ex_shadow { height:14px; background:url(../images/shadow.png) no-repeat;}

.ex_picTxt { position:absolute; bottom:20px; left:0; width:100%; font-size:16px;}
.ex_a { background:#fff;}
.ex_a:hover { background:url(../images/ex_a_.png) no-repeat; color:#000;}
.ex_this { background:url(../images/ex_a_.png) no-repeat; color:#FFF ;}

.ex_infoBox { border-top:#d7d7d7 solid 1px; background:url(../images/ex_infobox_bg.png) no-repeat center 0;}
.ex_info { width:830px; border:#d7d7d7 solid 1px; box-shadow:0px 1px 16px #ddd; margin:20px auto; border-radius:10px; padding:15px; line-height:23px;} 

.ex_txtBox { width:100%; height:78px; overflow:auto; overflow-x:none;}
.ex_txtBox_info { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:#ddd dashed 1px;}

.ex_btnBox { text-align:center;}
.ex a { display:block;}
.ex { margin:10px 0 10px 0; padding:0; display:inline-block;}
.ex li { list-style:none; float:left; width:140px; margin:10px 10px; cursor:pointer;} 
.ex p { margin:0; padding:0;}
.ex h3 { margin:0; padding:0; font-weight:normal; height:70px; background:#ececec; border-radius:10px; padding:5px 5px; color:#666;}


.ex_picBox { width:128px; height:70px; border:#fff solid 1px; background:#ddd; position:relative;}
.ex_picIcon {
	position: absolute;
	width: 35px;
	height: 35px;
	left: 45px;
	top: 5px;
}
.ex_picBox:hover { border:#afafaf solid 1px;}
.ex_shadow { height:14px; background:url(../images/shadow.png) no-repeat;}
.ex_picTxt { position:absolute; bottom:10px; left:0; width:100%; font-size:16px;}
.ex_a { background:#fff;}
.ex_a:hover { background:url(../images/ex_a_.png) no-repeat; color:#fff;}
.ex_this { background:url(../images/ex_a_.png) no-repeat; color::#fff;}

.ex_infoBox { border-top:#d7d7d7 solid 1px; background:url(../images/ex_infobox_bg.png) no-repeat center 0;}
.ex_info { width:780px; border:#d7d7d7 solid 1px; box-shadow:0px 1px 16px #ddd; margin:20px auto; border-radius:10px; padding:15px; line-height:23px;} 

.ex_txtBox { width:100%; height:350px; overflow:auto; overflow-x:none;}
.ex_txtBox_info { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:#ddd dashed 1px;}


.ex2_btnBox { text-align:left;}
.ex2 a { display:block;}
.ex2 { margin:0px 0 0px 0; padding:0; display:inline-block;}
.ex2 li { list-style:none; float:left;  margin:5px 5px; cursor:pointer;} 
.ex2 p { margin:0; padding:0;}
.ex2 h3 { margin:0; padding:0; font-weight:normal; height:40px; background:#ececec; border-radius:10px; padding:5px 5px; color:#666;}


.ex2_picBox { width:163px; height:38px; border:#fff solid 1px; background:#ddd; position:relative;}
.ex2_picIcon { position:absolute; width:53px; height:20px; left:55px; top:5px;}
.ex2_picBox:hover { border:#afafaf solid 1px;}
.ex2_shadow { height:14px; background:url(../images/shadow.png) no-repeat;}
.ex2_picTxt { position:absolute; bottom:5px; left:0; width:100%; font-size:18px;}
.ex2_a { background:#fff;}
.ex2_a:hover { background:url(../images/ex_a_2.png) no-repeat; color:#fff;}
.ex2_this { background:url(../images/ex_a_2.png) no-repeat; color:#00F;}

.ex2_infoBox { border-top:#d7d7d7 solid 1px; background:url(../images/ex_infobox_bg.png) no-repeat center 0;}
.ex2_info { width:830px; border:#d7d7d7 solid 1px; box-shadow:0px 1px 16px #ddd; margin:20px auto; border-radius:10px; padding:15px; line-height:23px;} 

.ex2_txtBox { width:100%; height:140px; overflow:auto; overflow-x:none;}
.ex2_txtBox_info { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:#ddd dashed 1px;}

.arrw_box { position:relative;}
.arrw_a ,.arrw_b ,.arrw_c ,.arrw_d { position:absolute; width:30px; height:38px; z-index:2; background:url(../images/arrw.png) no-repeat; top:70px;}
.arrw_a { left:245px;}
.arrw_b { left:440px;}
.arrw_c { left:635px;}

/*ebook*/
.ebook_box { position:relative; height:250px; overflow:auto; width:612px; margin:0 0 0 148px; overflow-x:hidden;}
.ebook { margin:50px 0 0 0; padding:0; position:absolute; width:9999px;}
.ebook li { list-style:none; float:left; width:80px; padding:5px 5px; border:#eaeaea solid 1px; border-radius:5px; box-shadow:0px 1px 5px #ddd; float:left; margin:0 5px;}
.ebook h3 ,.ebook h4 { margin:0; padding:0; font-weight:normal;}
.ebook p { margin:0; padding:0;}
.ebook h3  { height:120px;}
.ebook h4 { position:absolute; bottom:-25px; width:90px; text-align:center; font-size:12px; line-height:25px; background:url(../images/ebook_shadow.png) no-repeat center 0;}
.ebook a { display:block; color:#000;}
.ebook a:hover { color:#acacac;}

.ebook_allBox { position:relative;}
.ebook_btnL,.ebook_btnR { width:23px; height:39px; position:absolute; z-index:32; top:95px;}
.ebook_btnL { left:110px;}
.ebook_btnR { right:110px;}


/*table*/
.table_box tr td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #2aaceb;
	border-bottom-color: #2aaceb;
}
.table_outside {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #2aaceb;
	border-left-color: #2aaceb;
}

.surcmplist_box_form { height:28px; line-height:28px; font-size:15px; border:#e5e5e8 solid 1px; border-radius:5px; padding:0 5px;}
.surcmplist_box_bg { background:#e8fffe;}

.surcmplist_box { line-height:35px;}

.surcmplist_edit { background:url(../images/btn_send_bg.png) repeat-x ; height:28px; color:#fff; cursor:pointer; border:#10a6e9 solid 1px; border-radius:5px; margin:0 3px;}
.surcmplist_edit:hover { background:url(../images/btn_send_bg_.png) repeat-x ; border-radius:5px;}
.surcmplist_title_box { background:#2aaceb; color:#fff;}

.surquery_box { margin:10px 0 0 0;}
.surquery_box_l ,.surquery_box_r { float:left;}
.surquery_box_l { width:300px;}
.surquery_box_r { width:520px; margin:0 0 0 10px;}
.surquery_boxTitle { background:url(../images/btn_send_bg.png) repeat-x; line-height:28px; color:#fff; text-align:center;}

.surquery_l { margin:0; padding:0;}
.surquery_l li { list-style:none;}
.surquery_l li ul { margin:0; padding:0; background:#ddd}
.surquery_l li ul li { border-bottom:#999 dashed 1px;}
.surquery_l a { color:#2aaceb; display:block;}
.surquery_l a:hover { color:#000;}

.font_f00 { color:#f00; margin:0 0 0 10px;}
.surquery_l_font { margin:0 0 0 20px;}

.surquery_box_rInfoBox { height:240px; overflow:auto; overflow-x:hidden;}
.surquery_r { margin:0; padding:0;}
.surquery_r li { list-style:none; border-bottom:dashed #999 1px; padding:0 0 0 6px;}

.surquery_allBox { margin:10px 0 10px 10px}
.surquery_allBox_box { width:198px; margin:0 5px 0 0; float:left; border:#2aaceb solid 1px;}
.surquery_boxInfio { height:200px; overflow:auto; overflow-x:hidden;}


.mainBoxInfo { overflow:auto; overflow-x:hidden; height:350px; margin:10px 0; border:#2aaceb solid 1px;} 
.mainBoxInfo_tltle { background:#2aaceb; color:#fff;}

.surcmplist_edit_0F13AA { background:#0F13AA;}

/********/
::-webkit-scrollbar {width:5px;}
::-webkit-scrollbar-track { background:#eee;border: thin solid lightgray; box-shadow: 0px 0px 3px #dfdfdf inset;}
::-webkit-scrollbar-thumb { background:#999; border: thin solid gray;}
::-webkit-scrollbar-thumb:hover { background:#7d7d7d;}

.numcls {
	text-align:right
}
.numlock {
	background-colora:#FFC;
}


.lockcls { 
	background-color:#FFFFDF;
	cursor:not-allowed;
 }
 .focusCls {
	background-color: #DFBFFF;
 }
 .MouseCls {
	background-color:#DBFFDB;
 }