@charset "utf-8";
/*#DefaultNav{background:url(../images/Default.jpg) left top no-repeat; width:780px; height:479px; margin:50px auto 0 auto;}*/
#DefaultNav{background:url(../images/Default.jpg) left top no-repeat; width:1004px; height:605px; margin:0px auto 0 auto;}
#DefaultNav .LanguageTW{
	position:absolute;
	width:80px;
	height:47px;
	left: 26px;
	top: 523px;
}
#DefaultNav .LanguageCN{
	position:absolute;
	width:80px;
	height:47px;
	left: 112px;
	top: 521px;
}
#DefaultNav .LanguageEN{
	position:absolute;
	width:80px;
	height:47px;
	left: 287px;
	top: 521px;
}
#DefaultNav .LanguageJA{
	position:absolute;
	width:80px;
	height:47px;
	left: 197px;
	top: 520px;
}



#Head { background:url(../images/HeaderBottomBG.jpg) left bottom repeat-x; padding-bottom:8px; /*height:147px;*/ overflow:auto; zoom:1;}
#Head #toolBar{ background:#edf4fa; text-align:right; height:23px; line-height:23px; color:#10387b; padding:0 10px;}
#Head #toolBar a{color:#10387b;}
#Head #toolBar a:hover{color:#f50;}
#Head #HeadImage{ background:url(../images/HeaderBG.jpg) left top no-repeat; height:138px; width:951px; overflow:hidden; border:#cad5db solid 1px; border-bottom:0px;}


/*#Head #Menu{ background:url(../images/MenuBG.jpg) left top repeat-x; height:29px; line-height:29px; border:#a4b1bb solid 1px; text-align:left; padding:0 15px;}
#Head #Menu li{ display:inline; list-style:none; padding:0 5px 0 10px; background:url(../images/MenuGeBG.jpg) right center no-repeat;}
#Head #Menu li a{ color:#4a60bc;}
#Head #Menu li a:hover{color:#FFFFFF; background:#778a98; padding:4px 8px 2px;}
#Head #Menu li a.hover{color:#FFFFFF; background:#778a98; padding:4px 8px 2px;}*/


#Head #Menu{ background:url(../images/MenuBG.jpg) left top repeat-x; height:29px; line-height:29px; border:#a4b1bb solid 1px; text-align:left; padding:0 15px;}
#Head #Menu li{/* display:inline;*/ display:block; float:left; list-style:none; padding:0 15px 0 25px; background: url(../images/ico_1.gif) left 5px no-repeat; height:29px; line-height:29px;}
#Head #Menu li a{ color:#4a60bc;}
#Head #Menu li a:hover{color:#FFFFFF; background:#778a98; padding:4px 8px 2px;}
#Head #Menu li a.hover{color:#FFFFFF; background:#778a98; padding:4px 8px 2px;}

#Head #Menu li.style02{background:url(../images/ico_2.gif) left 5px no-repeat;}
#Head #Menu li.style03{background:url(../images/ico_3.gif) left 5px no-repeat;}
#Head #Menu li.style04{background:url(../images/ico_4.gif) left 5px no-repeat;}
#Head #Menu li.style05{background:url(../images/ico_5.gif) left 5px no-repeat;}
#Head #Menu li.style06{background:url(../images/ico_6.gif) left 5px no-repeat;}
#Head #Menu li.style07{background:url(../images/ico_7.gif) left 5px no-repeat;}
#Head #Menu li.style08{background:url(../images/ico_8.gif) left 5px no-repeat;}
#Head #Menu li.style09{background:url(../images/ico_9.gif) left 5px no-repeat;}


#Foot {background:#005b8b url(../images/FootBG.gif) right top repeat-y; height:28px; line-height:28px; text-align:center; color:#FFFFFF; margin-top:7px;}


#M_Company_Nav{ float:left; display:inline; width:624px; height:160px; margin-right:20px; _margin-right:0px;}
#M_Company_Nav h2{background:url(../images/M_CompanyH2_BG.jpg) left top no-repeat; width:642px; height:26px; line-height:26px; margin-bottom:4px;}
#M_Company_Nav h2 span.title{ float:left; margin-left:20px; color:#226097; font-size:13px; font-weight:bold;}
#M_Company_Nav #M_Company_Center{ background:url(../images/M_Company_CenterBg.jpg) left top repeat-x; height:127px; overflow:hidden;}
#M_Company_Center a.companyLink{line-height:23px; color:#5277a7; padding:10px; display:block; text-indent:2em;}
#M_Company_Center a.companyLink:hover{color:#000000;}


#M_CPJS_Nav{float:left; display:inline; width:306px; /*height:160px;*/ height:210px;}
#M_CPJS_Nav h2{background:url(../images/M_CPJSH2_BG.jpg) left top no-repeat; width:306px; height:27px; line-height:27px; margin-bottom:4px;}
#M_CPJS_Nav h2 Span.title{ float:left; margin-left:20px; color:#226097; font-size:13px; font-weight:bold;}
#M_CPJS_Nav h2 span.more{float:right; }
#M_CPJS_Nav h2 span.more a{display:block; width:50px; height:26px;}


#M_CPJS_Nav #M_CPJS_Center{ margin-left:7px; margin-top:7px;}
#M_CPJS_Nav #M_CPJS_Center li{ list-style:none; line-height:19px; height:19px;}
#M_CPJS_Center li a{background:url(../images/M_Point_1.jpg) left center no-repeat; padding-left:10px; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; width:280px; display:block; color:#5d5d5d;}
#M_CPJS_Center li a:hover{color:#000000;}

#M_News_Nav{float:left; display:inline; background:url(../images/M_News_BG.jpg) left top no-repeat; width:338px; height:228px; margin-top:-50px;}
#M_News_Nav #M_News_Top{ height:60px; width:338px;}
#M_News_Nav #M_News_Top a.more{float:right; display:block; width:50px; height:60px;}

#M_News_Nav #M_News_Center{ margin-left:20px; margin-top:5px;}
#M_News_Nav #M_News_Center li{ line-height:17px; height:17px; overflow:hidden;}
#M_News_Nav #M_News_Center li a{ cursor:pointer; display:block; width:300px; background:url(../images/M_News_Point.jpg) left center no-repeat; padding-left:15px; color:#5d5d5d;}
#M_News_Nav #M_News_Center li a:hover{color:#000000;}
#M_News_Nav #M_News_Center li a span.NewsTitle{ float: left; display:inline; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; width:213px;}
#M_News_Nav #M_News_Center li a span.NewsTime{float: right; display:inline; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; width:80px;}

#M_MSN_Nav{ background:url(../images/M_EMSN_BG.jpg) left top no-repeat; width:261px; height:50px; float:left; display:inline; margin-left:17px; margin-right:30px; display:none;}
#M_MSN_Nav a{ display:block; width:261px; height:50px;}

#M_LSPHUB_Nav{ background:url(../images/M_ELSPHUB_BG.jpg) left top no-repeat; /*width:261px; height:50px; float:left; display:inline;*/ width:261px; height:50px; float:left; display:inline; margin-left:17px; margin-right:30px;  margin-top:-50px;}
#M_LSPHUB_Nav a{ display:block; width:301px; height:50px;}


#M_CustomerCenter_Nav{ background:url(../images/M_CC_BG.jpg) left top no-repeat; width:261px; height:172px; float:left; display:inline; margin-left:17px; margin-right:30px; margin-bottom:5px; position:relative;}
#M_CustomerCenter_Nav .InfoStyle01{
	position:absolute;
	width:187px;
	height:33px;
	line-height:14px;
	/*color:#8a8a8a;*/
	color:#5277a7;
	left: 7px;
	top: 19px;
}
#M_CustomerCenter_Nav .InfoStyle02{
	position:absolute;
	width:157px;
	height:47px;
	line-height:20px;
	/*color:#003f9c;*/
	color:#5277a7;
	left: 7px;
	top: 72px;
}
#M_CustomerCenter_Nav .InfoStyle02 a{color:#5277a7;}

#M_CustomerCenter_Nav .InfoStyle03{
	position:absolute;
	width:158px;
	height:39px;
	color:#003f9c;
	left: 1px;
	top: 128px;
	font-weight:bold;
}
#M_CustomerCenter_Nav .InfoStyle03 a{ padding-left:50px; width:106px; height:39px; line-height:39px; font-size:12px;}


#M_Success_Nav{ float:left; display:inline; background:url(../images/M_Success_BG.jpg) left top no-repeat; width:305px; height:161px; margin-top:12px;}

#M_Success_Nav h2{width:305px; height:40px; line-height:40px; margin-bottom:4px;}
#M_Success_Nav h2 Span.title{ float:left; margin-left:20px; color:#226097; font-size:13px; font-weight:bold;}
#M_Success_Nav h2 span.more{float:right; }
#M_Success_Nav h2 span.more a{display:block; width:50px; height:40px;}


#M_Success_Nav #M_Success_Center{ margin-left:17px; margin-top:7px;}
#M_Success_Nav #M_Success_Center li{ list-style:none; line-height:19px; height:19px; width:280px; overflow:hidden; float:left; display:inline;}
#M_Success_Center li a{background:url(../images/M_Point_1.jpg) left center no-repeat; padding-left:10px; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; width:270px; display:block; color:#5d5d5d;}
#M_Success_Center li a:hover{color:#000000;}


#M_PTFWZQ_Nav{float:left; display:inline; width:628px; background:url(../images/M_PTFWZQ_CenterBG.jpg) left top repeat-y; height:302px;}
#M_PTFWZQ_Nav #M_PTFWZQ_Top{background:url(../images/M_PTFWZQ_TopBG.jpg) left top no-repeat; height:36px; width:628px;}
#M_PTFWZQ_Nav #M_PTFWZQ_Top h2{ color:#10387b; font-size:14px; font-weight:bold; padding-top:15px; padding-left:45px;}
#M_PTFWZQ_Nav #M_PTFWZQ_Top h2 a.more{float:right; margin-top:-15px; font-size:12px; font-weight:normal; margin-right:16px; padding-left:12px; background:url(../images/M_PTFWZQ_MoreItem.jpg) left 1px no-repeat;}
#M_PTFWZQ_Nav #M_PTFWZQ_Bottom{background:url(../images/M_PTFWZQ_BottomBG.jpg) left top no-repeat; height:5px; width:628px; font-size:0px;}
#M_PTFWZQ_Nav #M_PTFWZQ_Center{ height:261px; margin-left:15px; width:613px; overflow:hidden;}

#M_PTFWZQ_Nav #M_PTFWZQ_Center .Item{float:left; display:inline; width:145px; height:130px; margin-right:6px; margin-top:2px;}
#M_PTFWZQ_Nav #M_PTFWZQ_Center .Item img{ width:125px; height:90px; padding:7px; border:#dbdbdb solid 1px;}
#M_PTFWZQ_Nav #M_PTFWZQ_Center .Item img:hover{ width:125px; height:90px; padding:7px; border:#dbdbdb solid 1px; background:#ececec;}

#M_PTFWZQ_Nav #M_PTFWZQ_Center .Item h2{width:145px; font-size:12px; font-weight:normal; text-align:center; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; color:#666666;}
#M_PTFWZQ_Nav #M_PTFWZQ_Center .Item h2 a{color:#666666;}
#M_PTFWZQ_Nav #M_PTFWZQ_Center .Item h2 a:hover{color:#f50;}

#M_Epaper_Nav{float:left; display:inline; width:314px; height:300px; border:#bac6ce solid 1px; margin-left:8px; background:#f1f4f6; text-align:left;}
#M_Epaper_Nav h2{background:url(../images/M_Epaper_h2BG.jpg) left top repeat-x; height:27px; line-height:27px; font-size:12px; font-weight:bold; color:#10387b; padding:0 15px;}
#M_Epaper_Nav h2 a.more{ float:right; margin-top:-26px; font-weight:normal; color:#10387b;}
#M_Epaper_Nav h2 a:hover.more{color:#f50;}

#M_Epaper_Nav ul{ padding:5px 15px 0; height:241px;}
#M_Epaper_Nav ul li{ height:22px; line-height:22px; text-align:left;}
#M_Epaper_Nav ul li a{ display:block; background:url(../images/PointItem.jpg) left center no-repeat; padding-left:10px; width:210px; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; color:#10387b; text-align:left;}
#M_Epaper_Nav ul li a:hover{color:#f50;}
#M_Epaper_Nav ul li span{float:right; margin-top:-24px; color:#c6c5c5;}

#M_Epaper_Nav .M_Page_Nav{ background:#f7faff; border-top:#95a6b6 solid 1px; color:#0e387a; height:25px; line-height:25px;}
#M_Epaper_Nav .M_Page_Nav .M_Page_Left{ float:left; display:inline; width:70px;  padding:0 10px;}
#M_Epaper_Nav .M_Page_Nav .M_Page_Left span{color:#fe0000;}
#M_Epaper_Nav .M_Page_Nav .M_Page_Right{ float:right; display:inline; width:215px; text-align:right; padding:0 5px 0 0;}
#M_Epaper_Nav .M_Page_Nav .M_Page_Right a{ color:#0e387a;}
#M_Epaper_Nav .M_Page_Nav .M_Page_Right a:hover{color:#f50;}

#M_Customer_Nav{float: left;  width: 953px;  height: 86px;  margin: 5px 0;  position: relative; display:none;}


#M_Customer_Nav .previous_button {
  float:left;  
  width: 8px;
  height: 86px;
  background:url(../images/Previous_buttom.jpg) left center no-repeat;
  z-index: 100;
  cursor: pointer;
}

#M_Customer_Nav .previous_button_over {
  background: url(../images/Previous_buttom.jpg);
}

#M_Customer_Nav .previous_button_disabled {
  background: url(../images/Previous_buttom.jpg);
  cursor: default;
}

#M_Customer_Nav .next_button {
  float:left;  
  width: 8px;
  height: 86px;
  background:url(../images/Next_Buttom.jpg) left center no-repeat;
  z-index: 100;
  cursor: pointer;
}

#M_Customer_Nav .next_button_over {
  background: url(../images/Next_Buttom.jpg);
}

#M_Customer_Nav .next_button_disabled {
  background: url(../images/Next_Buttom.jpg);
  cursor: default;
}

#M_Customer_Nav .container {
  float: left;
  width: 937px;
  height: 86px;
  position: relative;    
  overflow: hidden;
}

#M_Customer_Nav ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 86px;
}                      

#M_Customer_Nav ul li {
  padding-top:5px;
  margin-top:10px;
  margin-left:16px;
  background:url(../images/M_CItem_BG.jpg) center top no-repeat;
  width: 116px;
  height: 72px;
  text-align: center; 
  list-style:none;   
  float:left;
  display:inline;
}
