﻿/*

*/

/*Reset*/
*{ padding:0; margin:0}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{
	margin:0;
	padding:0;
	border:0;
	font-size:12px;
	font-weight:normal;
}
img{border:none}
object{ display:block;}
ul,ul li{ list-style:none;} 
a{text-decoration:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
a:link{ color:#000;}
a:hover,li a:hover,h2 a:hover{color:#ff8400}
a:visited{color:#000} 
.hover{display:block;}
.hidden{display:none;}
.play{ display:none;} 
select,input{ vertical-align:middle;font-size:12px;}  

/*basic*/ 
body{margin:0px; padding:0px;font-family:"新細明體", Arial, Helvetica, sans-serif; font-size:12px;color:#000; background:url(../images/bg_body.jpg) center top no-repeat; background-color:#f2f2f2;}  

/*wrap*/
#wrap{
	width:700px;
	margin:0 auto;
	position:relative;
}


/*head*/
.head{width:975px; height:148px; position:relative; z-index:3;}
.top{ width:508px; height:28px; position:absolute; right:0; background:url(../images/bg_top.jpg) no-repeat;}
.leftsearch{ padding-top:10px; width:193px; float:left; height:18px; padding-left:13px;}
.btnseaarch{width:19px; height:17px; border:0; cursor:pointer; background:url(../images/btnsearch.jpg) no-repeat; float:right;}
.txtsearch{ width:160px; border:0; background:none;}
.home{ float:right; padding-right:39px; padding-top:6px;}
.top .home a{ background:url(../images/jiao.jpg) 0 3px no-repeat; padding-left:10px; color:#f5fcff;}

.flash{ width:946px; height:235px;background:url(../images/bg_flash.jpg) no-repeat; padding:28px 0 0 29px;}



/*banner*/


/*main*/
.main{width:975px; float:left;}
.ptop1{ padding-top:31px;}

/*left*/
.leftflash{ width:416px; height:217px; float:left; overflow:hidden;}
.left2{ width:325px; float:left; padding-left:12px; position:relative; z-index:99;}
.conbox{ position:absolute; top:0; width:313px; padding-left:12px;}
.boxlist li{ float:left; width:85px; margin-right:4px; display:inline; text-align:center; background:url(../images/tab2.jpg) no-repeat; line-height:33px; font-weight:bold;}
.boxlist li.hover{background:url(../images/tab1.jpg) no-repeat;}
.conbox .boxlist li a{ display:block;}
.box{ width:325px; height:166px; overflow:hidden; float:left; margin-top:31px; background:url(../images/bg_tab.jpg) no-repeat; padding:10px 0px;}
.newslist li{ float:left; line-height:24px; width:308px; padding-left:17px;}

.left3{ float:left; width:205px; padding-left:17px; overflow:hidden; padding-top:31px;}
.piclinks{ float:left; margin-bottom:5px;}
.bgpiclinks{ float:left; margin-left:1px; display:inline; width:190px; background:url(../images/piclikns03.jpg) no-repeat; height:34px; overflow:hidden; padding:32px 0 0 13px;}
 
 

 
 
/*m_left*/
.mleft{ width:210px; float:left; overflow:hidden;}
.lefttop{width:210px; float:left; background:url(../images/bg_mlefttop.jpg) no-repeat; height:158px; overflow:hidden;}
.mleft h1{ width:200px; float:left; height:40px; overflow:hidden; padding:4px 0 0 5px;}
.mleft h1 img{ width:200px; height:40px; display:block;}
.mleft h2{ padding-top:12px; float:left; padding-left:19px; width:180px;}
.mleft h2 img{ width:164px; height:82px; display:block; border:1px solid #eeefef; background:#fafafa; padding:3px;}
.leftcon{ float:left; width:193px; background:url(../images/bg_mleftline.jpg) repeat-y; padding-left:17px; padding-bottom:20px;}
.leftlist li{ width:145px; line-height:35px; background:url(../images/line.jpg) 0 bottom no-repeat; padding-left:25px;}
.leftlist li a{ padding-left:17px; background:url(../images/jiao1.jpg) 0 3px no-repeat;}
.mleft .leftlist li.qq a{ color:#4184a1}
.mleft .leftlist li a:hover{ color:#4184a1}
.mleft .leftlist li.hover a{ color:#4184a1}
.mleft .leftlist li.hover a:hover{ color:#4184a1}
.leftlist li ul li{ background:none; line-height:24px;}
.mleft .leftlist li ul li a{}
.mleft .leftlist li.hover ul li a{color:#000;}




.leftbottom{ width:210px; float:left; background:url(../images/bg_mleftbottom.jpg) no-repeat; height:7px; overflow:hidden;}
.mleft2{ float:left; width:205px; padding-left:2px; overflow:hidden; padding-top:15px;}

/*m_right*/
.mright{ float:right; width:749px; overflow:hidden;}
.curr{ width:726px; float:left; height:20px; padding-top:24px; padding-left:23px; background:url(../images/home.jpg) 5px 23px no-repeat;}
.rtencon{ width:749px; float:left;}
.rtencon .rtop{ float:left; width:749px; height:10px; background:url(../images/right_top.jpg) no-repeat; overflow:hidden;}
.rtencon .rbottom{ float:left; width:749px; height:10px; background:url(../images/right_bottom.jpg) no-repeat; overflow:hidden;}
.rtencon .rcon{
	float:left;
	width:749px;
	background:url(../images/right_con.jpg) repeat-y;
	min-height:464px;
	_height:464px;
}
.pt20{ padding:20px 0 30px 0; min-height:450px;_height:450px;}
.pl20{ padding:0 20px;}
.psl40{ padding:0 30px 0 40px; width:679px;}
/*about*/
.about{float:left; line-height:28px;}
.aboutlist li{ float:left; width:222px; margin-left:20px; display:inline; margin-bottom:20px;}
.aboutlist li img{ display:block; width:220px; height:165px; border:1px solid #d8d8d8;}

/*link*/
.link li{ float:left; width:92px;display:inline; margin-bottom:20px; margin-left:28px; }
.link li img{ display:block; width:88px; height:31px; border:1px solid #d8d8d8;}
.link1 li{ float:left;margin-left:25px; display:inline; margin-bottom:20px; line-height:18px;}

/*mapsite*/
.mapsite{ width:690px; padding-top:10px; float:left; padding-bottom:20px; padding:0 20px;}
.maptitle{ width:690px; border:1px solid #e9e9e9; float:left;  height:39px; overflow:hidden; margin-bottom:2px; text-align:center;}
.maptitle img{ margin:0 auto;}
.mapsitelist{ width:690px; border:1px solid #e9e9e9; float:left; height:23px; overflow:hidden; margin-bottom:2px; padding-left:22px; line-height:23px;}
.mapsitelist a{ margin:0 3px;}


/*merchants*/
.mertitle{ font-size:14px; font-weight:bold; padding-left:15px; background:url(../images/yuan1.jpg) 0 0 no-repeat;}
.meryuan{ padding-left:17px; background:url(../images/yuan1.jpg) 0 3px no-repeat;}
.daili{ width:694px; padding: 0 26px 0 29px;}
.daili h1{ font-size:14px; font-weight:bold; text-align:center; height:30px; width:694px; float:left;}
.daili h2{height:18px; width:667px; float:left; padding-left:27px; background:url(../images/dailine.jpg) 0 bottom no-repeat;}
.daili h3{ float:left; width:694px; padding-top:10px;}
.dailitable td{ height:30px; padding:3px 0; line-height:26px}
.dailitable td.tdright{ text-align:right; padding-right:7px;}
.txtdaili1{ background:url(../images/txtbg.jpg) repeat-x; height:14px; border:1px solid #c0c0c0; width:237px; padding:5px 0 3px 5px}
.txtdaili2{ background:url(../images/txtbg.jpg) repeat-x; height:14px; border:1px solid #c0c0c0; width:310px; padding:5px 0 3px 5px}
.txtdaili3{ background:url(../images/txtbg.jpg) repeat-x; height:14px; border:1px solid #c0c0c0; width:480px; padding:5px 0 3px 5px}
.txtar1{ width:387px; height:120px;background:url(../images/txtbg.jpg) repeat-x;border:1px solid #c0c0c0; background-color:#fff;}

/*customer*/
.cus{
	float:left;
	padding-left:20px;
	font-family: "細明體_HKSCS-ExtB";
	font-size: 14px;
}

/*recruitment*/
.join{ line-height:28px; padding:0 20px; width:709px; float:left;}
.jointable{border-bottom:1px solid #dadada;border-left:1px solid #dadada;}
.jointable td{ text-align:center; border:1px solid #dadada; border-bottom:0; border-left:0}
.ptop35{ padding-top:35px;}
.next{ text-align:center;}
.txtnext{ width:38px; padding:1px; text-align:center; background:none; border:1px solid #c5c5c5;}
.join h1{ width:704px; padding-left:5px; height:27px; border-bottom:1px solid #dadada; font-size:14px; font-weight:bold; float:left}

.join h2{ width:704px; padding-left:5px; float:left; padding-top:10px; line-height:30px; position:relative; padding-bottom:80px;}

.btnfanhui{ width:107px; height:22px;cursor:pointer; background:none; border:1px solid #c4c4c4; color:#f56b0e; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

/*news*/
.news{ width:680px; float:left; padding:0 0 18px 0; border-bottom:1px dashed #b2b2b2; margin-left:35px; display:inline;}
.newslist2 li{ float:left;width:620px; margin-bottom:20px; background:url(../images/jiao2.jpg) 5px 2px no-repeat; padding-left:19px; line-height:14px;}
.ptop20{ padding-top:20px;}

.newsdetail{ width:709px; float:left; margin:0 20px; display:inline; line-height:28px;}
.newstitle{ width:100%; text-align:center; border-bottom:1px dashed #b2b2b2; float:left;}
.newstext{ width:100%; padding:20px 0 40px 0; float:left; border-bottom:1px solid #dadada;}
.newsabot{ width:100%; padding-top:5px;float:left;}
.newsabot h1{ font-weight:bold;width:100%; float:left;}
.newsabot h2{ position:relative; width:100%; float:left; padding-bottom:20px;}
.newslist3 li{float:left;width:620px;line-height:24px; padding-left:16px; background:url(../images/jiao3.jpg) 5px 9px no-repeat;}

/*pro*/
.pro{ width:696px; float:left; margin-left:20px; display:inline;}
.prolist{ float:left; width:696px;}
.procon{width:332px;padding:0 8px; /*border-bottom:1px dashed #797979;*/ padding-bottom:25px; margin-bottom:20px; float:left; }
.procon .l{ float:left; width:188px; overflow:hidden}
.procon .l img{ width:164px; height:131px; display:block; background:#fff; padding:5px; border:2px solid #eee;}
.procon .r{ float:left; width:144px; padding-top:15px; overflow:hidden}
.protable td{ height:30px;}


.fanhui{ position:absolute; right:0; bottom:0;}
.mtopfoot{ margin-top:22px;}

/*foot*/
.foot{ width:100%; height:88px; background:url(../images/bg_foot.jpg) repeat-x; float:left; padding-top:12px;}
.footcon{ width:975px; margin:0 auto;}
.footlogo{ width:250px; height:88px; background:url(../images/bg_foot1.jpg) right 0 no-repeat; float:left;}
.footright{ float:left; padding:16px 0 0 16px; line-height:19px;}
.footright p{ color:#666;}
.foot .footcon .footright a{color:#666;}
 
 
 
 
/*text*/
.b{ font-weight:bold;}
.fs9r{ font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#db0000;}
.f10{ font-size:10px;}
.f11{ font-size:11px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f14{ font-size:15px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.pr10{ padding-right:10px;}
.pr5{ padding-right:5px;}
.f_l{ float:left;}
.f_r{ float:right;}
.em{ text-indent:2em;}
.hei{ color:#666;}
.red{ color:#ff0000;}
.bgbtn{ width:97px; height:31px; border:0; cursor:pointer; background:url(../images/bg_btn.jpg)}
.txt{ width:0px; height:0px;} 
.Arial{ font-family:"Arial", Helvetica, sans-serif;}
.bgbtn1{ width:82px; height:24px; display:inline-block; border:0; cursor:pointer; background:url(../images/bgbtn1.jpg) no-repeat;}
.btngo{ width:32px; height:19px; border:0; cursor:pointer; background:url(../images/btngo.jpg)} 
 
/*dumascroll*/
.cll{width:663px; height:440px;overflow:hidden;line-height:30px; float:left;}

.dumascroll {}		
.dumascroll_area {
	height:430px;
	overflow:hidden;
}
.dumascroll_bar,.dumascroll_handle,.dumascroll_handle_a,.dumascroll_arrow_up,.dumascroll_arrow_up_a,.dumascroll_arrow_down,.dumascroll_arrow_down_a {

}
.dumascroll_bar {
	position:absolute;
	top:0;
	right:0;
	z-index:9;
	width:12px;
	height:100%;
	cursor:default;
	-moz-user-select:none;
	-khtml-user-select:none;
	-user-select:none;
	background:url(../images/bg_scrtab.jpg) center center repeat-y;
	float:left;


}
.dumascroll_arrow_up,.dumascroll_arrow_up_a,.dumascroll_handle,.dumascroll_handle_a,.dumascroll_arrow_down,.dumascroll_arrow_down_a {
	position:absolute;
	left:0;
}
.dumascroll_arrow_up,.dumascroll_arrow_up_a,.dumascroll_arrow_down,.dumascroll_arrow_down_a {
	width:100%;
	height:0;
	color:#f0e0c9;
	text-align:center;
}
.dumascroll_arrow_up,.dumascroll_arrow_up_a { top:0;}
.dumascroll_arrow_down,.dumascroll_arrow_down_a { bottom:0; }
.dumascroll_handle,.dumascroll_handle_a { width:100%;}
.dumascroll_arrow_up { background:url(../images/tabtop.jpg) 0 0 no-repeat;  width:12px; height:12px; }
.dumascroll_arrow_up_a {background:url(../images/tabtop.jpg) 0 0 no-repeat; }
.dumascroll_handle { background:url(../images/scrtab.jpg) 2px top no-repeat;}
.dumascroll_handle_a {background:url(../images/scrtab.jpg) 2px top no-repeat;}
.dumascroll_arrow_down { background:url(../images/tabbottom.jpg) 0 0 no-repeat; width:12px; height:12px; }
.dumascroll_arrow_down_a { background:url(../images/tabbottom.jpg) 0 0 no-repeat; } 
 
 
 /* 分頁 */
.pager { height: 30px; margin: 0px; padding: 0px; list-style: none; }
.pager li { float: left; margin: 3px; }
.pager li a { display: block;}
.pager li a:hover { }
.pager li span { display: block; padding: 0px 5px; font-weight:bold; color:#FF8400; } 
table.jointable .pager li{  line-height:12px;}

table.jointable tfoot ul{ margin:8px 0 0 8px;}



/*留言*/
.mes_com{float:left;width:692px;border:#ddd 1px solid;}
.tab_mes_com{float:left;width:692px;border-bottom:#ddd 1px solid;padding-top:2px;height:26px;}
.tab_mes_com ul{float:left;position:relative;top:3px;}
.tab_mes_com ul li{float:left;display:inline;border:#ddd 1px solid;margin-left:4px;padding:0px 5px;background:url(../images/bg_tab_news.jpg) left repeat-x;line-height:22px;}
.tab_mes_com ul li.hover{border-bottom:#fff 1px solid;background:none;}
.tab_mes_com ul li a{display:block;}

.mesbox{width:682px;border-bottom:#ddd 1px solid;padding:10px 0px 5px 10px;line-height:22px;margin-bottom:5px;}
.mesbox .reply{padding-right:20px;text-align:right;margin:10px 0px;}
.mesbox .reply a{text-decoration:underline;}

.mesbox .mesbox_question{padding:10px 20px;}
.mesbox .mesbox_answer{padding:10px 30px;}

.area_info{width:650px;height:100px;border:#eee 1px solid;}
.btn_submit{margin:10px 0px 0px 570px;}

.table_message{margin:0 auto;width:680px;}
.table_message tr td{padding:5px 0px;}
.txt_name{width:105px;height:18px;border:#ddd 1px solid;margin-right:30px;}
.txt_check{width:80px;height:18px;border:#ddd 1px solid;margin-right:10px;}
.area_mess{width:680px;height:136px;border:#ddd 1px solid;}
.btn_submit{width:64px;height:22px;background:url(../images/btn_query.jpg) no-repeat;border:none;cursor:pointer;}
/*
Powered By www.toprand.com

*/
#wrap .main.ptop1 .mright .rtencon .rcon.pt20 .cus table tr td table tr td .w10p .f strong {
	color: #ec008c;
}
#wrap .main.ptop1 .mright .rtencon .rcon.pt20 .cus table tr td {
	color: #333;
	font-size: 16px;
}
#wrap .main.ptop1 .mright .rtencon .rcon.pt20 .cus table tr td .w10p {
	color: #333;
}
#wrap .main.ptop1 .mright .rtencon .rcon.pt20 .cus table tr td table tr td table .w10p .u .u {
	font-size: 16px;
}
#wrap .main.ptop1 .mright .rtencon .rcon.pt20 .cus table tr td table tr td table .w10p td .style5 strong {
	font-size: 16px;
}
#wrap .main.ptop1 .mright .rtencon .rcon.pt20 .cus table tr td table tr .w10p .style5 strong {
	font-size: 16px;
}
.k {
	font-size: 16px;
}
.zz {
	font-family: "細明體_HKSCS-ExtB";
	font-size: 16px;
}
