/* CSS Default */
*{ padding:0px; margin:0px;}
*:focus{ outline:none;}
body{ font-family:Verdana; font-size:11px; color:#222;}
a{ font-family:Verdana; color:#222; cursor:pointer; border:none;}
a:hover{ text-decoration:none;}
img{ font-size:0px; border:none; overflow:hidden;}
input{ font-family:Verdana; font-size:11px; padding:2px 3px 1px;}
select{ font-family:Verdana; font-size:11px; padding:1px 1px 1px 1px;}
textarea{ font-family:Verdana; font-size:11px; padding:1px 1px 1px 3px; overflow:auto;}
h1,h2,h3,h4,h5,h6{ font-family:Verdana; font-size:100%;}
td{ padding:5px 5px 4px;}

/* CSS Common */
.clear{ clear:both; font-size:0px;}
.fLeft{ float:left;}
.fRight{ float:right;}
.aLeft{ text-align:left;}
.aRight{ text-align:right;}
.aCenter{ text-align:center;}

.wrapper{ width:970px; margin:0 auto;}
.ln_end{ height:15px; background:url(../images/ln_gray.gif) left 8px repeat-x;}

.chk_box{ width:14px; height:14px; vertical-align:middle;}

.w_300{ width:300px;}
.w_310{ width:302px; *width:304px; _width:304px;}

.h_100{ height:100px;}

.padT_5{ padding-top:5px;}
.padT_7{ padding-top:7px;}
.padT_10{ padding-top:10px;}
.padB_10{ padding-bottom:10px;}

.txt_10{ font-size:10px;}
.txt_11{ font-size:11px;}
.txt_12{ font-size:12px;}

.txt_gray{ color:#CCCCCC;}
.txt_blue{ color:#0000FF;}
.txt_orange{ color:#FF6600;}
.txt_fosup{ color:#bca632; text-transform:uppercase; font-weight:bold;}


.lk_underline_none a{ text-decoration:underline;}
	.lk_underline_none a:hover{ text-decoration:none;}
.lk_none_underline a{ text-decoration:none;}
	.lk_none_underline a:hover{ text-decoration:underline;}
.lk_none_none a{ text-decoration:none;}
	.lk_none_none a:hover{ text-decoration:none;}
.lk_underline_underline a{ text-decoration:underline;}
	.lk_underline_underline a:hover{ text-decoration:underline;}

.pages{ width:95%; font-family:Verdana; font-size:11px; font-weight:bold; text-align:center; padding:15px 0 5px;}
	.pages a{ color:#fff; background:#bca632; border:1px #bca632 solid; margin:0 3px; padding:1px 5px; text-decoration:none;}
	.pages a:hover{ color:#999; background:#fff; border:1px #999 solid; text-decoration:none;}
	.pages .del{ font-weight:normal;}
		.pages .del a{ background:none; border:none; color:#bca632; padding:0 5px;}
		.pages .del a:hover{ background:none; border:none; color:#222;}
	.pages .selected{ color:#bca632; background:#fff; border:1px #bca632 solid; margin:0 3px; padding:1px 5px;}

.btn_contact{}
	.btn_contact a{ float:left; color:#fff; font-weight:bold; padding:4px 8px; background:#bca632; text-decoration:none; margin-right:5px;}
.btn_back{}
	.btn_back a{ float:right; font-weight:bold; text-decoration:none; background:url(../images/btn_projects_prev.gif) left top no-repeat; padding:2px 0 3px 25px; margin-top:10px;}
/* CSS Header */
.header{ width:970px; background:#fafcfc; position:relative;}
	.header .logo{ padding:5px 0 0 10px;}
	.header .logo_vhp{ position:absolute; right:0px; top:0px;}
	.header .ls_language{ position:absolute; right:100px; top:25px;}
		.header .ls_language li{ list-style-type:none; display:inline; padding-right:2px;}
	.header .lk_top{ width:750px; height:34px; text-transform:lowercase; position:absolute; right:0px; top:51px; background:#b4a031 url(../images/bg_nav_top_left.gif) left top no-repeat;}
		.lk_top .slogan{ float:left; width:250px; color:#fff; padding:11px 10px 0 15px;}
		.lk_top .box_search{ float:right; width:192px; padding-right:8px; padding-top:7px;}
			.lk_top .box_search input{ width:160px; border:1px #a7a207 solid; background:#e7e7e7; margin-right:2px; vertical-align:middle;}
			.lk_top .box_search img{ vertical-align:middle;}
		.lk_top .ls_link{ float:left; width:275px;}
			.lk_top .ls_link li{ float:left; list-style-type:none; padding:11px 10px 0 15px;}
				.lk_top .ls_link li.ico_home{ background:url(../images/ico_home.gif) left 11px no-repeat;}
				.lk_top .ls_link li.ico_sitemap{ background:url(../images/ico_sitemap.gif) left 12px no-repeat;}
				.lk_top .ls_link li.ico_feedback{ background:url(../images/ico_feedback.gif) left 12px no-repeat;}
			.lk_top .ls_link a{ color:#fff; text-decoration:none;}
			.lk_top .ls_link a:hover{ text-decoration:underline;}
			
	.header .nav{ width:970px; padding-top:4px;}
		.header .nav .ls_nav{ width:970px; height:30px; font-size:13px; color:#002951; font-weight:bold; text-transform:lowercase; background:#e6ebef url(../images/bg_nav.gif) left top repeat-x;}
			.header .nav .ls_nav li{ float:left; list-style-type:none;}
			.header .nav .ls_nav a{ float:left; height:21px; color:#002951; text-decoration:none; padding:6px 8px 0; margin-top:1px;}
			.header .nav .ls_nav a:hover{ color:#c9b136;/* background:#b4a031;*/}
			.header .nav .ls_nav .selected a{ color:#c9b136;}
		.header .nav .ls_nav_lv_1{ float:left; width:970px; height:30px; font-size:12px; color:#002951; text-transform:lowercase; background:url(../images/bg_nav_lv_1.gif) left top repeat-x;}
			.header .nav .ls_nav_lv_1 li{ float:left; list-style-type:none; padding:6px 10px 0;}
			.header .nav .ls_nav_lv_1 a{ float:left; height:22px; color:#002951; text-decoration:none;}
			.header .nav .ls_nav_lv_1 a:hover{ color:#c9b136;/* background:#b4a031;*/}
			.header .nav .ls_nav_lv_1 .selected a{ color:#c9b136;}
		.header .nav .ls_nav_lv_2{ float:left; width:970px; height:27px; font-size:11px; color:#002951; text-transform:lowercase; background:#e6ebef;}
			.header .nav .ls_nav_lv_2 li{ float:left; list-style-type:none; padding:6px 10px 0;}
			.header .nav .ls_nav_lv_2 a{ float:left; height:19px; color:#002951; text-decoration:none;}
			.header .nav .ls_nav_lv_2 a:hover{ color:#c9b136;/* background:#b4a031;*/}
			.header .nav .ls_nav_lv_2 .selected a{ color:#c9b136;}
			
/* CSS Content */
.content{ width:970px; min-height:415px; _height:415px; background:url(../images/bg_content.gif) left top repeat-x; padding-top:15px;}
	.content .projects{ width:906px; background:#fff; margin:0 auto; padding:7px; position:relative;}
	.projects .slide_project{ width:906px; text-align:right; position:absolute; left:7px; top:7px;}
		.slide_project dl{ float:right;}
		.slide_project dt{ float:left; width:38px;}
		.slide_project dd{ float:left; width:390px; height:388px; text-align:left; background:url(../images/bg_projects.png) left top no-repeat;}
			.slide_project .crollbar{ width:375px; height:368px; padding:10px 5px 10px 10px;}
			.slide_project .infomation{ width:370px; height:368px; overflow:auto; position:relative; padding-right:5px;}
				.slide_project .infomation h3{ font-size:14px; color:#bca632;}
				.slide_project .infomation .detail{ padding-top:10px; line-height:16px;}
				.slide_project .infomation  li{ float:left; width:56px; height:56px; overflow:hidden; border:1px #ccc solid; margin-right:12px; margin-top:8px;}
	.content .bg_ls_projects{ width:970px; height:80px; overflow:hidden; background:url(../images/bg_projects_fill.gif) left top repeat-x; margin-top:15px;}
		.bg_ls_projects .bg_ls_projects_left{ float:left; width:20px; height:80px; background:url(../images/bg_projects_left.gif) left top no-repeat;}
		.bg_ls_projects .bg_ls_projects_right{ float:right; width:20px; height:80px; background:url(../images/bg_projects_right.gif) right top no-repeat;}
		
		.bg_ls_projects .ls_projects{ float:left; width:870px; height:80px; overflow:hidden;}
			.ls_projects ul{ float:left;}
			.ls_projects li{ float:left; width:110px; height:80px; text-align:center; list-style-type:none;}
			.ls_projects li p{ width:110px; height:80px; background:url(../images/bg_projects_thumb.gif) left top no-repeat; padding-top:12px;}
			.ls_projects .selected{ background:url(../images/bg_projects_thumb_act.gif) left top no-repeat;}
	.content .introduction{ width:910px; height:400px; overflow:auto; font-size:12px; line-height:18px; margin:0 auto; padding-right:10px;}
    
    .content .introduction .status_box {
        padding:5px;
        margin-bottom: 5px;
        margin-top: 5px;
        background:#FFF bottom center repeat-x;
        border:1px solid;
        white-space:normal;
    }
    .content .introduction .status_box h6 {
        text-align:left;
        font-size:1.0em;
        font-weight:bold;
        margin: 5px auto 5px 5px;
    }
    .content .introduction .status_box ul {
        text-align:left;
        margin: 0;
        padding-left: 30px;
        color: #000;
    }
    .content .introduction .status_box ul li { list-style:disc; }
    .content .introduction .status_box.info {
        border-color: #33CCFF;
        background-image:url('../images/bg_info.gif');
    }
    .content .introduction .status_box.info h6 { color: #33CCFF; background: url(../icons/information.png) no-repeat 0px 50%; padding-left: 25px; }
    .content .introduction .status_box.success {
        border-color: #00CC00;
        background-image:url('../images/bg_success.gif');
    }
    .content .introduction .status_box.success h6 { color: #00CC00; background: url(../icons/accept.png) no-repeat 0px 50%; padding-left: 25px; }
    .content .introduction .status_box.warning {
        border-color: #FF6600;
        background-image:url('../images/bg_warning.gif');
    }
    .content .introduction .status_box.warning h6 { color: #FF6600; background: url(../icons/error.png) no-repeat 0px 50%; padding-left: 25px; }
    .content .introduction .status_box.error {
        border-color: #FF0000;
        background-image:url('../images/bg_error.gif');
    }
    .content .introduction .status_box.error h6 { color: #FF0000; background: url(../icons/exclamation.png) no-repeat 0px 50%; padding-left: 25px; }
    
    
		.introduction .img{ float:left; margin-right:10px; margin-bottom:5px;}
        .introduction .members{ float:left; width:770px; height:58px; overflow:hidden; font-size:0px;}
            .members ul{ float:left;}
                .members li{ float:left; width:70px; height:56px; list-style-type:none; text-align:center;}		
        
        .introduction .members1{ float:left; width:770px; height:58px; overflow:hidden; font-size:0px;}
			.members1 ul{ float:left;}
				.members1 li{ float:left; width:70px; height:56px; list-style-type:none; text-align:center;}
                
		.introduction .ls_news{}
			.ls_news li{ float:left; width:870px; list-style-type:none; padding:10px 0; border-bottom:1px #ddd solid;}
			.ls_news a{ color:#bca632;}
			.ls_news a:hover{ color:#222; text-decoration:underline;}
			.ls_news .img{ float:left; width:80px; height:80px; font-size:0px; overflow:hidden; margin:0 10px 0 0;}
			.ls_news .info{ float:left; width:780px;}
				.ls_news .info h4{ line-height:normal; padding-bottom:5px;}
				.ls_news .info p{ line-height:normal;}
                
        .introduction .ls_realeast{}
            .ls_realeast li{ float:left; width:425px; height:90px; overflow:hidden; list-style-type:none; padding:10px 5px 5px;/* border-bottom:1px #ddd solid;*/}
            .ls_realeast a{ color:#bca632;}
            .ls_realeast a:hover{ color:#222; text-decoration:underline;}
            .ls_realeast .img{ float:left; width:80px; height:80px; font-size:0px; overflow:hidden; margin:0 10px 0 0;}
            .ls_realeast .info{ float:left; width:335px;}
                .ls_realeast .info h4{ line-height:normal; padding-bottom:5px;}
                .ls_realeast .info p{ line-height:normal;}                
		
		.introduction h3{ font-size:16px; padding-bottom:10px;}
		.introduction h5{ font-size:13px; border-top:1px #ddd solid; padding-top:10px; margin-top:15px;}
		.introduction h6{ font-size:13px; background:#ddd; padding:5px 10px 4px;}
		
		.introduction .ls_news_others{ float:left; width:890px;}
			.ls_news_others li{ float:left; width:875px; background:url(../images/ico_point.gif) left 16px no-repeat; padding:8px 0 0 15px;}
			.ls_news_others a{ color:#bca632;}
			.ls_news_others a:hover{ color:#222; text-decoration:underline;}
		.introduction .ls_career{ border-left:1px #fff solid; border-top:1px #fff solid;}
			.ls_career td{ text-transform:lowercase; border-right:1px #fff solid; border-bottom:1px #fff solid;}
			.ls_career tr{ background:#fafafa;}
			.ls_career .title{ color:#fff; font-weight:bold; background:#999;}
			.ls_career a{ color:#b4a031;}
		.introduction .ls_career_detail{ width:880px; padding-bottom:15px;}
			.ls_career_detail li{ list-style-type:none;}
			.ls_career_detail .col_left{ float:left; width:280px; color:#999; font-weight:bold; text-align:right; padding:10px 20px 0 0;}
			.ls_career_detail .col_right{ float:left; width:580px; padding-top:10px;}
		
		
				
	    .content .btn_projects_prev{ float:left; width:30px; height:50px; padding-top:30px;}
	    .content .btn_projects_next{ float:left; width:30px; height:50px; padding-top:30px; text-align:right;}
	    .content .bg_photos{ width:830px; height:66px; overflow:hidden; padding:10px 10px 0; border:1px #ccc solid; margin-top:15px;}
		    .bg_photos .btn_projects_prev, .bg_photos .btn_projects_next{ height:48px; padding-top:18px;}
		    
	    .content .contact{ width:910px; height:400px; overflow:auto; line-height:18px; margin:0 auto; padding-right:10px;}
        
        .content .contact .status_box {
                                            padding:5px;
                                            margin-bottom: 5px;
                                            margin-top: 5px;
                                            background:#FFF bottom center repeat-x;
                                            border:1px solid;
                                            white-space:normal;
                                        }
        .content .contact .status_box h6 {
                                            text-align:left;
                                            font-size:1.0em;
                                            font-weight:bold;
                                            margin: 5px auto 5px 5px;
                                        }
        .content .contact .status_box ul {
                                            text-align:left;
                                            margin: 0;
                                            padding-left: 30px;
                                            color: #000;
                                        }
        .content .contact .status_box ul li { list-style:disc; }
        .content .contact .status_box.info {
                                            border-color: #33CCFF;
                                            background-image:url('../images/bg_info.gif');
                                        }
        .content .contact .status_box.info h6 { color: #33CCFF; background: url(../icons/information.png) no-repeat 0px 50%; padding-left: 25px; }
        .content .contact .status_box.success {
                                            border-color: #00CC00;
                                            background-image:url('../images/bg_success.gif');
                                        }
        .content .contact .status_box.success h6 { color: #00CC00; background: url(../icons/accept.png) no-repeat 0px 50%; padding-left: 25px; }
        .content .contact .status_box.warning {
                                            border-color: #FF6600;
                                            background-image:url('../images/bg_warning.gif');
                                        }
        .content .contact .status_box.warning h6 { color: #FF6600; background: url(../icons/error.png) no-repeat 0px 50%; padding-left: 25px; }
        .content .contact .status_box.error {
                                            border-color: #FF0000;
                                            background-image:url('../images/bg_error.gif');
                                        }
        .content .contact .status_box.error h6 { color: #FF0000; background: url(../icons/exclamation.png) no-repeat 0px 50%; padding-left: 25px; }

        
    
		.contact .txt_fosup{ font-size:13px; padding-bottom:5px;}
		.contact .col_info{ float:left; width:450px;}
		.contact .col_form{ float:right; width:450px;}
		.contact .ls_form{ display:block; width:450px;}
				.contact .ls_form li{ float:left; list-style-type:none;}
					.contact .ls_form .col_left{ width:120px; font-weight:bold; padding-top:12px;}
					.contact .ls_form .col_right{ width:330px; padding-top:10px;}
						.contact .ls_form .col_right input{ float:left;}
						.contact .ls_form .col_right textarea{ float:left;}
						.contact .ls_form .col_right select{ float:left; width:310px; padding:2px 1px; *margin-top:2px;}

/* CSS for library hide */
.ls_photos_hide{ display:block; text-align:center; padding-top:5px;}
	.ls_photos_hide li{ list-style-type:none;}
	.ls_photos_hide .hide{ display:none;}


/* CSS Footer */
.footer{ width:100%; height:28px; background-color:#dce3e8; margin-top:10px;}
	.footer .info{ width:970px; color:#b4a031; margin:0 auto; text-align:center; position:relative;}
	.footer .info a{ color:#b4a031;}
	.footer .info .visitors{ width:150px; color:#222; position:absolute; left:0px; top:7px; text-align:left;}
		.footer .info .visitors strong{ color:#b4a031;}
	.footer .info .lk_web{ position:absolute; right:0px; top:5px;}
		.footer .info .lk_web select{ width:150px;}