@charset "utf-8";

@import url("reset.css");
@import url("base.css");
@import url("public.css");


/*------------------------------------------
*FileName		Css.css
*Description	Global Css
*Copyright		www.rovenleung.com
*Version		1.003(2010-02-22)
------------------------------------------*/



/*	$__Header
-----------------------------------------*/
.outframe_header {}

.headerBanner img { vertical-align:top;}
.banner { float:left; width:958px; height:162px; border:1px solid #126488; border-top:0 none; border-bottom:0 none;}
#banner { height:286px;}
.banner img { display:block;}


/*	$_Body
-----------------------------------------*/
.outframe_main { float:left; width:958px; padding-bottom:14px; border:1px solid #126488; border-top:0 none; background:#011836 url(../images/mainContentBg.jpg) no-repeat center 0;}
.main { float:left; width:958px; padding-top:14px;}
.contbox_span1, .contbox_span2, .contbox_span3, .contbox_span4, .contbox_span5 { overflow:hidden; display:inline; float:left; margin-left:14px; border:1px solid #0057c3; background:#fff;}
.main h2 { height:35px; margin-bottom:8px; padding-left:15px; color:#003d87; font-size:18px; font-weight:normal; line-height:35px;}
.contbox_span1 { width:360px; height:455px; margin-bottom:14px; color:#003d87;}
.contbox_span1 h2 { background:url(../images/title_01.jpg) no-repeat center bottom;}
.contbox_span1 p { margin-bottom:9px; padding:0 10px 0 15px;}
.text1 p {}
.text2 p { color:#136a8e;}
.contbox_span1 h3 { margin-bottom:10px; padding:0 15px; color:#003d87;}
.contbox_span1 ul { padding:0 21px;}
.contbox_span1 li { margin-bottom:7px; padding-left:7px; background:url(../images/arr.jpg) no-repeat 0 5px;}

.contbox_span2 { width:552px; height:455px; margin-bottom:14px;}
.contbox_span2 h2 { padding-left:21px; background:url(../images/title_02.jpg) no-repeat center bottom;}
.contbox_span2 p { margin-bottom:26px; padding:0 21px; color:#003d87;}
.span2_left { display:inline; float:left; width:310px; margin-left:21px;}
.span2_left li { float:left; width:268px; height:26px; margin-bottom:4px; padding-top:10px; padding-left:50px; background-repeat:no-repeat; background-position:0 0;}
.span2_left .li_01 { background-image:url(../images/li_img_01.jpg);}
.span2_left .li_02 { background-image:url(../images/li_img_02.jpg);}
.span2_left .li_03 { background-image:url(../images/li_img_03.jpg);}
.span2_left .li_04 { background-image:url(../images/li_img_04.jpg);}
.span2_left .li_05 { background-image:url(../images/li_img_05.jpg);}
.span2_left .li_06 { background-image:url(../images/li_img_06.jpg);}
.span2_left .li_07 { background-image:url(../images/li_img_07.jpg);}
.span2_left .li_08 { background-image:url(../images/li_img_08.jpg);}
.span2_left li a { color:#003d87;}
.span2_left a { display:inline-block; padding-left:7px; padding-right:7px; padding-bottom:4px; border-bottom:1px solid #e5ebf3;}
.span2_right { display:inline; float:left; width:150px; padding-left:40px;}
.span2_right .text { margin-bottom:16px; color:#003d87;}
.span2_right .text li { line-height:20px;}
.contbox_span2 .formTitle { margin-bottom:14px; color:#136a8e;}
.contbox_span2 .form { float:left;}
.contbox_span2 .form li { width:147px; float:left; height:16px; margin-bottom:3px; color:#666; line-height:16px;}
.contbox_span2 .form li span { display:inline; float:left; width:41px; color:#003d87; font-weight:700;}
.contbox_span2 .form li input { display:inline; float:left; width:102px; height:16px; border:0 none; background:url(../images/formHome.jpg) no-repeat right 0; line-height:16px;}
.contbox_span2 .form li.Enquiry { height:77px;}
.contbox_span2 .form li textarea { overflow:auto; width:143px; height:55px; border:0 none; background:url(../images/formHome.jpg) no-repeat 0 -43px; vertical-align:top;}
.contbox_span2 .form li.btns {}
.contbox_span2 .form li.btns input { cursor:pointer; width:41px; height:14px; margin-left:100px; background:url(../images/home-form.jpg) no-repeat right bottom; text-align:right;}
.contbox_span2 .form li.btns input:hover { background:url(../images/formHome.jpg) no-repeat 0 bottom;}


.contbox_span3 { width:528px; height:240px;}
.contbox_span3 h2 { padding-left:21px; background:url(../images/title_03.jpg) no-repeat center bottom;}
.contbox_span3 ul { padding:0 21px 7px; color:#003d87;}
.contbox_span3 li { margin-bottom:11px;}
.contbox_span3 h3 { margin-bottom:2px; font-size:12px;}
.more { margin-top:9px; text-align:right;}
.more a { display:inline-block; height:14px; padding:0 12px; background:#003d87; color:#fff; font-size:11px;}
.more a:hover { background:#001e42; color:#fff; text-decoration:none;}


.contbox_span4 { width:384px; height:240px; background:#fff url(../images/pdf.jpg) no-repeat center 150px;}
.contbox_span4 h2 { padding-left:21px; background:url(../images/title_04.jpg) no-repeat center bottom;}
.contbox_span4 p { padding:0 50px 0 21px; color:#136a8e;}
.contbox_span4 ul { margin-left:114px;}
.contbox_span4 li { margin-bottom:4px;}
.contbox_span4 a { display:block; width:190px; height:29px; border:1px solid #136a8e; background:#042854; color:#fff; text-align:center; font-weight:700; line-height:29px;}
.contbox_span4 a:hover { color:#fff; text-decoration:none; background:#021832;}
.contbox_span4 .lang a { width:100px; padding-left:90px; background:#042854 url(../images/flag.jpg) no-repeat 23px center; text-align:left;}
.contbox_span4 .lang a:hover { background:#021832 url(../images/flag.jpg) no-repeat 23px center;}




.fMenu { width:944px; margin:14px 0 0; padding-left:14px; border-top:1px solid #126488;}
.fMenu .fMenuTitle { width:925px; height:32px; padding-left:11px; background:url(../images/menuBotTitle.jpg) no-repeat 0 0; color:#fff; font-size:16px; font-weight:600; line-height:32px;}
.fMenu .fMenuContent { float:left; background:url(../images/menuBot.jpg) no-repeat 0 0;}
.fMenu .fMenuBox { display:inline; float:left; width:225px; height:300px; margin-right:10px; background:url(../images/sublink_bg.jpg) no-repeat 0 0;}
.fMenuBox .fMenuSubtitle { margin-bottom:5px; padding-left:14px; color:#003d87; font-size:14px; font-weight:600; line-height:27px;}
.fMenuBox li { margin-bottom:4px; padding-left:14px;}
.fMenuBox a { color:#003d87; font-size:12px; line-height:14px;}
.fMenuBox a:hover { color:#333;}
.fMenuImg img { display:block; vertical-align:top;}




/*	$__Sub page
-----------------------------------------*/
.sub { overflow:hidden; width:958px;}
.tips { height:20px; margin-left:15px; margin-bottom:9px; color:#fff; line-height:20px;}
.tips a { color:#fff;}
.sidebarL { display:inline; float:left; width:223px; margin-left:15px; margin-bottom:-32767px; padding-bottom:32767px; border:1px solid #e6e9ed; background:#fff;}
.sidebarR { display:inline; float:right; width:223px; margin-right:14px; margin-bottom:-32767px; padding-bottom:32767px; border:1px solid #e6e9ec; background:#fff;}
.maincontent { display:inline; float:left; width:456px; margin-left:11px; border:1px solid #0056c1; background:#fff;}


.sidebarL h2 { height:34x; padding-left:14px; background:url(../images/subtitle_01.jpg) no-repeat 0 0; color:#003d87; font-size:17px; line-height:34px;}
.maincontent h1 { height:33px; padding-left:22px; background:url(../images/subtitle_02.jpg) no-repeat 0 0; color:#003d87; font-size:18px; font-weight:normal; line-height:33px;}
.maincontent .text { padding:14px 22px 19px; color:#333;}
.text p { margin-bottom:21px; line-height:18px;}
.sidebarL h2.lh { padding-left:5px;}

	.text { padding-bottom:20px;}
.text ul { margin-left:20px; margin-top:15px; margin-bottom:15px;}
.text ul li { list-style-type:disc;}



.sidebarR h2 { height:33px; padding-left:14px; background:url(../images/subtitle_03.jpg) no-repeat 0 0; color:#003d87; font-size:18px; font-weight:normal; line-height:33px;}
.sidebarR .speak { color:#665248; margin-bottom:14px; margin-left:14px;}
.sidebarR .speak li { margin-bottom:7px; font-weight:900;}
.sidebarR .formTitle { margin-left:14px; margin-bottom:11px; color:#003d87; font-weight:700;}
.sidebarR .form { display:inline; float:left; margin-left:14px;}
.sidebarR .form li { float:left; width:147px; height:16px; margin-bottom:6px; color:#003d87; line-height:18px; font-weight:700;}
.sidebarR .form li span { display:inline; float:left; width:38px; padding-right:3px;}
.sidebarR .form li input { display:inline; float:left; width:102px; height:16px; border:0 none; background:url(../images/formSub.jpg) no-repeat right 0; vertical-align:middle;}
.sidebarR .form li.Enquiry { height:80px;}
.sidebarR .form li.Enquiry span { width:120px; text-align:left;}

.sidebarR .form li textarea { overflow:auto; width:143px; height:55px; border:0 none; background:url(../images/formSub.jpg) no-repeat 0 -43px; vertical-align:top;}
.sidebarR .form li.btns {}
.sidebarR .form li.btns input { cursor:pointer; width:40px; height:18px; margin-top:0; margin-left:100px; background:url(../images/formSub.jpg) no-repeat right bottom;}
.sidebarR .form li.btns input:hover { background:url(../images/formSub.jpg) no-repeat 0 bottom;}


/*	$__Footer
-----------------------------------------*/
.outframe_footer { width:958px; margin-bottom:30px; padding:19px 0; border:1px solid #126488; border-top:0 none; color:#fff; font-size:12px; font-weight:600; vertical-align:bottom;}
.outframe_footer ul { padding-left:11px;}
.outframe_footer li { height:20px; margin:0 3px; line-height:18px;}
.outframe_footer a { height:18px; padding:0 2px; color:#fff; font-size:12px; font-weight:600; line-height:18px;}
.outframe_footer a:hover { background:#eee; color:#000; text-decoration:none;}
.copyright { margin-right:12px;}
