@charset "utf-8";
/*
* Create time: 2009年6月1日 16:45:50 星期一
* Create user: King.Js
* 交行澳门分行 基本.公共类  总体调用　
* 
*/

/********基本类**********/
* {margin:0;padding:0;-moz-box-sizing:border-box;/**统一浏览器padding**/} 
BODY{MARGIN: 0px;padding: 0px;background: #fff; -webkit-text-size-adjust:none; }
td {color: #666666;font:  verdana,Arial,sans-serif,宋体;}
div {font: 12px Arial,sans-serif,宋体;margin-right: auto;margin-left: auto;text-align: left;}
img{border:0px}
form{margin:0px;}
input{font-family: 'Lucida Grande',verdana,Arial,'宋体','新宋体',sans-serif;font-size:0.75em;}
h2{font-size:0.875em;}
h3{font-size:0.8125em;}
hr{border:#000000 0px solid;border-top: #E5EDEF 1px solid;height: 0px;}


/********常用公共类**********/

.TXWhite{color:#fff!important;}
.TXblack{color: #000!important;}
.TXblue{color: #009fe1!important;}
.TXgreen{color: #1fa400 !important;}
.TXred{color: #f00!important;}
.TXhui{ color:#9c9c9c!important; }
.TXyel{color: #f50!important;}
.TX11{font-size: 0.6875em!important;}
.TX12{font-size: 0.75em!important;}
.TX14{font-size: 0.875em!important;}
.TX16{font-size: 1em!important;}
.TX18{font-size: 1.125em;}
.hackbox{height:1px;clear:both; overflow:hidden;}
.none{display: none!important;}
.fl{ float:left; }
.fr{ float:right; }
.hackbox{height:0;overflow:hidden;clear:left;}

/********顶部开始**********/
#TopT{clear:both;width:100%;height:75px; background:url(../img/i/topbg.gif) #d6eaff bottom right no-repeat;}
#TopT h1{ float:left; margin:15px 0 0 15px;_margin-left:7px; width:294px; height:45px; background:url(../img/i/jt/dot01.gif) top left no-repeat; overflow:hidden;}
#TopT h1 a{ display:none; }

#TopT ul{ float:right; list-style:none; margin:55px 20px 0 0;_margin-right:10px;  }
#TopT ul li{ display:inline; }
#TopT ul li a{filter: Alpha(opacity=70);-moz-opacity:.7;opacity:0.7; float:left; margin-left:5px; padding:1px 5px 1px 13px; *padding:5px 4px 4px 12px; color:#1b5680; text-decoration:none; background:url(../img/i/jt/dot01.gif) #eaf9ff no-repeat; background-position:1px -52px ;*background-position:1px -50px; }
#TopT ul li a:hover{filter: Alpha(opacity=100);-moz-opacity:1;opacity:1; background:url(../img/i/jt/dot01.gif) #eaf9ff no-repeat; background-position:1px -82px; *background-position:1px -80px;}

/********导航开始**********/
#TopNav{clear:both; margin-top:-3px; width:100%;height:34px;*height:31px;border-bottom:solid #c8e3ee 3px; background:url(../img/i/jt/dot01.gif)  left -111px repeat-x; text-align:center; }

#TopNav ul{ list-style:none; margin:0 auto; display:block; width:720px; }
#TopNav ul li{ display:inline; }
#TopNav ul li a{ display:block; float:left; margin:0 2px; width:95px; height:31px; background:url(../img/i/jt/Nav.gif);}
#TopNav ul li a:hover{ background-position:left -42px; }
#TopNav ul li a strong{ display:none; }

.Nv1C{ background-position:left -42px!important; }
A.Nv2{background-position:-100px 0!important;}
A.Nv2:hover,.Nv2C{background-position:-100px -42px!important;}
A.Nv3{background-position:-200px 0!important;}
A.Nv3:hover,.Nv3C{background-position:-200px -42px!important;}
A.Nv4{background-position:-300px 0!important;}
A.Nv4:hover,.Nv4C{background-position:-300px -42px!important;}
A.Nv5{background-position:-400px 0!important;}
A.Nv5:hover,.Nv5C{background-position:-400px -42px!important;}
A.Nv6{background-position:-500px 0!important;}
A.Nv6:hover,.Nv6C{background-position:-500px -42px!important;}
A.Nv7{background-position:-600px 0!important;}
A.Nv7:hover,.Nv7C{background-position:-600px -42px!important;}

/********主區開始**********/
#MainB{ width:990px; padding:7px 0; background:#fff; display:block; clear:both; overflow:hidden; margin-left:auto; margin-right:auto; }
.Lmain{ float:left; margin:0 10px; _margin:0 5px; width:250px;}
.Rmain{ float:right; margin:0 10px; _margin:0 5px; width:250px; }
.Cmain{ float:left; width:450px; }
.Prmain{ float:left; width:715px; margin-right:5px; overflow:hidden; }

		/********左區開始**********/
		.loginL{ margin-bottom:8px; padding:10px 0; border-top:solid 3px #eaf9fe;border-left:solid 3px #eaf9fe; background:url(../img/i/jt/dot01.gif) bottom right no-repeat; text-align:center; overflow:hidden; }
		.loginL h3{ margin:0 auto; width:132px; height:21px; background:url(../img/i/jt/dot01.gif) left -206px no-repeat; font-size:0; color:#D6F4FF; }
		.loginL div { margin:10px 0 15px 10px; clear:both; }
		.loginL div em{display:block; float:left; margin:4px 0 10px 0;  }
		.loginL div em label{ width:115px; height:20px;display:block; background:url(../img/i/jt/dot01.gif) no-repeat; }
		.loginL div em label span{ display:none; }
		 #Loginn1{ background-position:20px -239px!important; }
		 #Loginn2{ background-position:20px -263px!important; }
		 #Loginn3{ background-position:20px -287px!important; }
		 
		 #loginSUB{ width:75px; height:26px; background:url(../img/i/jt/dot01.gif) left -316px no-repeat; border:none;  }
		 #loginElp{ width:75px; height:26px; background:url(../img/i/jt/dot01.gif) -75px -316px no-repeat; border:none;  }
		 .loginSUB1{ background:url(../img/i/jt/dot01.gif) left -343px no-repeat!important;  }
		 .loginElp1{ background:url(../img/i/jt/dot01.gif) -75px -343px no-repeat!important;  }

		.onlineSev A{ display:none; clear:both; margin:5px 0; width:246px; height:83px; background:url(../img/i/jt/dot01.gif) left -650px; font-size:0; color:#fff; text-align:right; }/**在线客服**/

		/********中部**********/
		.InT01{ float:left; display: block; margin:0 2px 6px 2px; width:145px; }
		#new2{overflow:hidden;height:150px;line-height:1.4;}
		
		/********常用標題**********/
		.title01{margin:5px 0; *height:15px; clear:both; padding-bottom:3px; background:url(../img/i/jt/dot01.gif) left -154px repeat-x; border-bottom:solid 1px #0469AD; overflow:hidden;}
		.title01 u{ float:right; overflow:hidden; width:20px; height:13px; background:url(../img/i/jt/dot01.gif) #fff 4px -184px no-repeat;  }
		.title01 h2{ float:left; display:block; width:70px; height:15px;  background:url(../img/i/jt/dot01.gif) #fff no-repeat; }
		.title01 h2 span{ display:none; }
		.title01 a{ display:block; float:right; background:#fff; padding:0 10px; text-decoration:none; color:#000;}
		.title01 a:hover{ color:#0368AE; text-decoration:underline; }
		/**左側標題欄**/
		.tit01{ background-position:left -373px!important; }/**精彩活動**/
		.tit02{ background-position:left -389px!important; }/**交行新聞**/
		.tit03{ background-position:left -407px!important; }/**最新消息**/
		.tit04{ background-position:left -425px!important; }/**新品推薦**/
		.tit05{ background-position:left -445px!important; width:75px!important; }/**理财计算器**/
		.tit06{ background-position:left -464px!important; }/**业务介绍**/
		.tit07{ background-position:left -483px!important; width:75px!important;  }/**利率和汇率**/
		.tit08{ background-position:left -504px!important; width:95px!important;  }/**个人金融业务**/
		.tit09{ background-position:left -539px!important; width:95px!important;  }/**电子银行业务**/
		.tit10{ background-position:left -521px!important; width:95px!important;  }/**公司金融业务**/
		.tit11{ background-position:-114px -374px!important; }/**關於我們**/
		
		.tit007 {background:none;}
		.tit007 span { display:block!important; background:#fff!important; color:#053FAD; font-size:0.875em; white-space:nowrap;}
				
		/*****新聞列表*****/
		ol.ListNews1,ol.ListNews2,ol.ListNews3,ol.ListNews4,dl.ListNews5,.photolist ul{ list-style:none;}
		ol.ListNews1 li A,.photolist li A{ text-decoration:none;color:#007901; line-height:1.5;background:url(../img/i/jt/dot01.gif) -241px -192px no-repeat;}
		ol.ListNews1 li A:hover,.photolist li A:hover{ background-position:-240px -429px; color:#ff3800; text-decoration:underline; }
		ol.ListNews1 li A span,.photolist li A span{padding-left:12px;font-weight:bolder;  }
		ol.ListNews1 li A p,.photolist li A p{ margin-bottom:5px; display:block; text-decoration:none!important;color:#535353; }
		ol.ListNews1 li A p:hover,.photolist li A p:hover{text-decoration:none!important;}
		.photolist li{clear:both;}
		.photolist li A p{width:200px;cursor:pointer;}		
		.photolist li A span{ display:block; width:200px;cursor:pointer;}

		ol.ListNews2 li span{ float:right; color:#a2a2a2; line-height:1.5;*line-height:1.5; white-space:nowrap;}
		ol.ListNews2 li A{ display:block; float:left; padding-left:15px; line-height:1.5; background:url(../img/i/jt/dot01.gif) -238px -48px no-repeat;*background:url(../img/i/jt/dot01.gif) -238px -50px no-repeat;color:#535353;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
		ol.ListNews2 li A:hover{ text-decoration:underline;background:url(../img/i/jt/dot01.gif) -238px -80px no-repeat;*background:url(../img/i/jt/dot01.gif) -238px -82px no-repeat;}
		
		ol.ListNews3{ padding:5px; }
		ol.ListNews3 li{clear:both; float:left; width:240px;}
		ol.ListNews3 li A{padding:2px 0 3px 10px; display:block; text-decoration:none; color:#000; background:url(../img/i/jt/dot01.gif) -241px -192px no-repeat; }
		ol.ListNews3 li A:hover{ text-decoration:underline; }
		
		ol.ListNews4 li{ display: inline;  }
		ol.ListNews4 li A{ display:block;letter-spacing:4px; margin:2px 15px 2px 0; padding:1px; float:left;word-break:keep-all; text-decoration:none; color:#555;  }
		ol.ListNews4 li A:hover{ text-decoration:underline; color:#0669ad; }
		
		dl.ListNews5 dt A{ display:block; margin:6px 0 6px 4px; padding-left:20px; width:205px; height:18px;background:url(../img/i/jt/dot01.gif) #f1fafd -234px -192px no-repeat;border: solid 1px #e2f1f6; line-height:1; vertical-align:middle; text-decoration:none; color:#2a6d7f; letter-spacing:8px;}
		dl.ListNews5 dt A:hover{background:url(../img/i/jt/dot01.gif) -238px -429px no-repeat; border: solid 1px #e3f5fb; color:#225968; }
		.ListNews5C{background:url(../img/i/jt/dot01.gif) -238px -429px #fff7df no-repeat!important; border: solid 1px #ffeac0!important; color:#8b6300!important; }
		dl.ListNews5 dd A{ display:block; margin:3px 0 3px 15px; padding-left:13px; background:url(../img/i/jt/dot01.gif) -240px -466px no-repeat; color:#555; letter-spacing:2px; text-decoration:none;  }
		dl.ListNews5 dd A:hover{ color:#000; text-decoration:underline; background-position:-240px -490px;}
		.ListNews5Cin{color:#000!important;background-position:-240px -490px!important;}
		
		
		dl.ListNews6{ list-style:none; margin:5px 0 0 5px; }
		dl.ListNews6 dt A{ display:block; margin:3px 0; color:#0669ad; font-weight:bolder;  }
		dl.ListNews6 dt A:hover{ text-decoration:none; }
		dl.ListNews6 dd A{display:block;margin:5px 7px 5px 0; float:left; color:#000; text-decoration:none; word-break:keep-all;  }
		dl.ListNews6 dd A:hover{ color:#0669ad; text-decoration:underline; }
		
		ol.ListNews2 li a{width:348px;}

/*****二级页面滚动公告******/
.scrollList_100 {position: relative;margin:0 auto;height:80px;overflow:hidden;}
.scrollList_100 .photolist {position: relative;overflow: visible;height:10000px;}
.scrollList_100 .photolist ul{float:left;margin:0px; margin-top:-5px; padding:0px;}
.scrollList_100 .photolist li {float:left;margin:0;height:80px;padding:4px 0 13px; }
.scrollList_100 .photolist li a,.scrollList_100 .photolist li a:hover{line-height:1; }

	
/*****二级页面當前位置******/						
.Nowloca{height:28px; background:url(../img/i/jt/dot01.gif) left -599px repeat-x; overflow:hidden; border-bottom:solid 3px #06518f; color:#0669ad; }
.Nowloca em{float:left; margin:8px 0 0 8px; padding-left:14px; background:url(../img/i/jt/dot01.gif) -281px -720px no-repeat; font-style:normal;}
.Nowloca em A{color:#0669ad; text-decoration:none;}
.Nowloca em A:hover{text-decoration:underline;}
.Nowloca p{float:right}
.Nowloca p select{ color:#6a6a6a;}
.Nowlocatx{ margin-right:5px; height:19px; background:#fff;border-bottom:solid 1px #e2ebf9;border-right:solid 1px #e2ebf9;border-top:solid 1px #bad0f1;border-left:solid 1px #bad0f1;}
.Nowlocabut{background:url(../img/i/jt/dot01.gif) -251px -693px no-repeat;border-left:solid 1px #f0f0f0;border-top:solid 1px #f0f0f0;border-right:solid 1px #d4d4d4;border-bottom:solid 1px #d4d4d4; color:#6a6a6a; }
.Nowlocatx:hover,.Nowlocabut:hover,fieldset.rate03 input:hover{border: solid 1px #00FF33;}

/*****二级页面標題列表******/	
.Ptitle01{ margin-top:5px; border-bottom:solid 1px #d0e3f0; overflow:hidden; height:22px;}
.Ptitle01 h2,.Ptitle02 h3{float:left; margin-bottom:1px;padding:3px 7px 3px 7px;background:url(../img/i/jt/dot01.gif) left -575px repeat-x; }
.Ptitle01 h2 A,.Ptitle02 h3 A{ padding-left:12px; background:url(../img/i/jt/dot01.gif) -240px -429px no-repeat; color:#1b6275; text-decoration:none;}
.Ptitle01 h2 A:hover,.Ptitle02 h3 A:hover{text-decoration:underline;}
.Ptitle01 P{float:right; padding:3px 20px 0 0; background:url(../img/i/jt/dot01.gif) right -555px no-repeat;}
.Ptitle01 P A{color:#2a6d7f; padding:0 8px; border-right:solid 1px #2a6d7f;}
.Ptitle01 P A:hover{text-decoration:none;}

.Ptitle02 h3 A{font-size:0.75em;}

ol.PListnew1{float:left;width:630px;margin:8px 0 0 5px;list-style:none;}
ol.PListnew1 li{line-height:1.5;}
ol.PListnew1 li span{float:right; color:#bebebe; font-size:0.6875em;}
ol.PListnew1 li A{ padding-left:8px; background:url(../img/i/jt/dot01.gif) -298px -682px no-repeat; font-weight:bold; color:#3987b1; text-decoration:none;}
ol.PListnew1 li A:hover{color:#206285; background:url(../img/i/jt/dot01.gif) -298px -658px no-repeat; text-decoration:underline;}
ol.PListnew1 li p{ padding:3px 0 3px 5px; border-top: solid 1px #f0f0f0; line-height:1.5; color:#8f8f8f;}


		.Pad01{float:left; width:250px; margin-top:10px; text-align:center;}
		.Pad01 A{display:block; margin:8px;}
		
				.Pad01 em,.buad02 em{display:block; margin-left:10px; padding-left:10px; background:url(../img/i/rdot01.gif) -240px -432px no-repeat; text-align:left; font-style:normal; font-weight:bold; color:#053fad;}
		
		/****個人金融卡類****/
		.Pund01{ clear:both; border-top:solid 1px #d6eaff;}
		
		
		.Pcard01{ width:50%; float:right; padding:3px 0 0 10px; border-left:solid 1px #d6eaff;}
		.Pcard01 div,.Psev01 div{clear:both;}
		.Pcard01 p{float:left; width:105px; margin:1px; text-align:center;}
		.Pcard01 p A{display:block; padding:5px 0; color:#2a6d7f; text-decoration:none;}
		.Pcard01 p A:hover{ color:#184855; text-decoration:underline;}
		
		.Psev01{width:45%;float:left;padding-top:3px; }
		.Psev01 p{ clear:both; color:#515151; padding:2px 0 0 5px; line-height:1.5;}
		.Psev01 p A{display:block; float:left; margin:1px 25px 0 0; text-decoration:none; color:#515151;}
		.Psev01 p A:hover{ color:#000;text-decoration:underline;}
		/****電子銀行內容上部****/
		.buList,.buList01{ margin:8px; padding:3px 0;}
		.buList img{ float:left; margin:0 10px; }
		.buList dl,.buList01 dl{float:left; width:300px;}
		.buList dl dt A,.buList01 dl dt A{color:#f00; text-decoration:none;}
		.buList dl dt A:hover,.buList01 dl dt A:hover{text-decoration:underline;}
		.buList dl dd A,.buList01 dl dd A{ display:block;float:left;padding:5px; color:#515151; text-decoration:none;word-break:keep-all;}
		.buList dl dd A:hover,.buList01 dl dd A:hover{color:#000; text-decoration:underline;}

		.buad01{clear:both; padding:5px 0; margin:5px 0; border-top:solid 2px #d6eaff; text-align:center;}
		.buad02{float:right; text-align:center;  width:200px; overflow:hidden;}
		.buad02 A{clear:both; display:block; margin:10px 0;}

		.buexp div{clear:both;}
		.buexp{float:left; width:68%;}
		.buexp p{clear:both; color:#515151; line-height:2; text-indent:24px;}
		
		/**公司金融**/
		.buList01 dl{width:220px;}
		.buList01 dl dt{margin-bottom:5px;}
		.buad03,.Links01{clear:both; padding:3px 0; margin:5px 0; border-top:solid 2px #d6eaff; border-bottom:solid 2px #d6eaff; text-align:center;}
		.Links01{padding:10px 5px; overflow:hidden; zoom:1;}
		.Links01 A{ display:block; float:left; color:#00506b; text-decoration:none; padding:10px 5px;word-break:keep-all; }
		.Links01 A:hover{ color:#000; text-decoration:underline;}
		.Links01 div{clear:both; width:99%; display:block;}
		.buad03 img{margin:2px 25px;}
		
		/**利率匯率**/
		ul.rate01{ list-style:none}
		ul.rate01 li{display:inline;}
		ul.rate01 li A{float:left;display:block; margin:5px;padding:2px 3px; *padding:3px 3px 1px 3px;color:#f00; text-decoration:none;}
		ul.rate01 li A:hover,.rate01C{color:#fff!important; background:#f00!important;}
		.rate02{clear:both;width:90%; color:#0d5d81;}
		.rate02 p{ margin:5px; padding:5px; }
		
		.rate02 table{border-left: solid 1px #2489b6;border-top: solid 1px #2489b6;}
		.rate02 table td,.rate02 table th{height:22px; text-align:center; border-bottom: solid 1px #2489b6;border-right: solid 1px #2489b6;}
		.rate02bg{ background:#d5eaf3;}
		
		/**理財試算**/
		fieldset.rate03{ margin:20px 10px 10px 10px; padding:10px; position:relative; width:90%; background:#f1fafd; border: solid 1px #e0f0f5; line-height:1.5; display:block; }
		fieldset.rate03 legend{ float:left; position: absolute; top:-10px; margin-left:80%; padding:3px; border: solid 1px #b8deea; background:url(../img/i/jt/dot01.gif) left -575px repeat-x; font-weight:bold;color:#2a6d7f; line-height:1;}
		.rate03but{background:url(../img/i/jt/dot01.gif) -251px -693px no-repeat;border-left:solid 1px #f0f0f0;border-top:solid 1px #f0f0f0;border-right:solid 1px #d4d4d4;border-bottom:solid 1px #d4d4d4; padding:2px 5px;*padding:3px 5px 1px 5px;}
		fieldset.rate03 p{line-height:2; color:#00506b;}
		
		/**頁面跳轉**/
		.num{clear: both;margin-top:8px;padding: 5px; background:#f1f5fe; border-top:solid 2px #d6eaff; color: #146987;text-align: right; overflow:hidden; zoom:1;}
		.num A,.num A:visited{margin: 0 3px;padding: 3px 6px;background: #b9d3fe;color: #146987; text-decoration:none;}
		.num A:hover,A.numc{background: #2699db!important;color: #fff!important;}
		
		
		/**三級頁面內容**/
		#cont,#cont div{padding: 10px; line-height: 2;text-align: left;}
		#cont h1{font-size: 0.875em;font-weight: bold;margin:5px 0;padding: 0;text-align: center;color: #f00;letter-spacing:1px;}
		#cont p{margin: 0 ;padding: 0;color: #545454}
		#cont u{display: block;color: #002d64;text-align: center;text-decoration: none;background: #f3fbfc;font-size:0.75em;padding:2px;margin:7px 0;}
		#cont u A{color:#146987}
		#cont u A:hover{color:#f00; text-decoration:none;}
		#cont strong{color: #000;}
		
		.xgLink{ margin:3px 0; padding:5px; border-top:solid 2px #d6eaff;}
		.xgLink strong{color:#146987;}
		.xgLink A{ padding:0 5px;color:#555; }
		.xgLink A:hover{text-decoration:none; color:#000;}
		
		.seabg{border-bottom: solid 1px #e4edf9;border-top: solid 1px #e4edf9;padding:6px 5px;margin:5px 0 10px 5px;background: #F2FAFF;}
		.seabg ul{list-style: none;}

		/********联系我们**********/
		.lxwm01{margin:5px 0 0 10px;display: block; clear:both; zoom:1; overflow:hidden;}
		.lxwm01 strong{display: block;margin-top:4px; float:left;  padding:3px 0 3px 22px; background:url(../img/i/72.gif) left 4px no-repeat; font-size:0.75em; color:#146987;}
		.lxwm01 A{display:block; float:right; width:130px; height:30px;background:url(../img/i/99.gif) no-repeat; text-align: center; line-height:2; vertical-align: middle; color:#fff; text-decoration:none; font-weight: bold;letter-spacing:8px;   }
		.lxwm01 A:hover{ color:#104f63;}

		dl.lxwm02 {clear:both; list-style:none; margin:0 15px; padding:5px; border-bottom: solid 2px #e4edf9;zoom:1; overflow:hidden; color:#999;}
		dl.lxwm02 dt {clear:both; display: block; padding:6px 0; zoom:1; overflow:hidden;}
		dl.lxwm02 dt strong{float:left; display: block ;padding:3px 0 3px 35px; background:url(../img/i/013.png) no-repeat; color:#5a9104;  }
		dl.lxwm02 dt span{float:right; color:#ffc71c; font-weight: bold;}
		dl.lxwm02 dd {clear:both; padding:3px 0; line-height:1.2;}
		dl.lxwm02 dd em{ width:79px; height:24px; padding:4px 0 0 22px; background:url(../img/i/39.gif) no-repeat;font-style:normal; font-weight: bold; zoom:1; overflow:hidden; line-height:1; color:#555;}
		dl.lxwm02 dd span{color:#ffc71c; font-weight: bold;}
		dl.lxwm02 dd p{clear:both; padding:5px 0 0 0;  }

		.lxwm03{ clear:both;margin:8px 15px; padding:5px; background:#f1fafd; border:solid 1px #b8deea; zoom:1; overflow:hidden; }
		.lxwm03 p{ margin-bottom:8px; padding:5px; background:#fff; line-height:2; color:#5a9104;}
		.lxwm03 div{margin:5px 0 5px 45px;  }
		.lxwm03 div textarea{clear:both;}

/****下载链接******/
span.downloadlink{padding:0px; margin:0px; border-bottom:0.5px solid blue; color:blue;}