/* global ==================================================== */
BODY { margin: 0px; text-align:center; font-size: 8pt; color: #424D55; line-height:20px; font-family: Verdana; }
td { font-size: 8pt; color: #000000; }
ul, li { padding: 0px; margin: 0px; list-style-type: none; }
form { margin: 0px; padding: 0px; }
pre { word-wrap:break-word;word-break:break-all;}
.center { margin-left: auto; margin-right: auto; }
/* header =================================================== */
#header { margin: 0px auto; width: 760px; height: 80px; text-align: left; }
#header .logo { float: left; display:inline; width: 170px; height: 48px; margin: 15px 0px 5px 12px; }
#header .login { float: right; display:inline; height: 24px; margin: 12px 10px 5px 0px; width: 70%; }
#header .login div { float: right; padding-left: 10px; line-height: 16px; }
#header .login div a { color: #ff0000; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#header .login div img { padding: 1px 0px 0px 8px; }
/* menu ===================================================== */
#ChildNav { float: left; width: 100%; display: inline; text-align: center; background:url("../images/dnp_r2_c2.jpg")/*tpa=http://www.dnparking.com/english/images/dnp_r2_c2.jpg*/; }
#ChildNav .bg { margin: 0px auto; width: 760px; }
#ChildNav .bg ul {width: 100%; }
#ChildNav .bg ul li { float: left; margin: 0px; }
#ChildNav .bg .menu { float: left; display: inline; margin: 0px; width: 112px; height: 38px; }
#ChildNav .bg .menu a { font-size: 9pt; color: #ffffff; line-height: 38px; text-decoration:none; }
#ChildNav .bg .menu2 { float: left; display: inline; width: 180px; height: 38px; }
#ChildNav .bg .menu2 a { font-size: 9pt; color: #ffffff; line-height: 38px; text-decoration:none; }
#ChildNav .bg .bai_bg { float: left; width: 4px; height: 38px; background:url("../images/dnp_r2_c6.jpg")/*tpa=http://www.dnparking.com/english/images/dnp_r2_c6.jpg*/ no-repeat; }
/* main ===================================================== */
#main { margin: 0 auto; width: 760px; }
#main .left { float: left; display: inline; width: 186px; margin: 15px 24px 0px 0px; }
#main .left .login { float: left; display: inline; width: 100%; height: 200px; background-color: #6A7B89; }
#main .left .login dl { float: left; display: inline; width: 170px; margin: 10px 8px 10px 8px; }
#main .left .login dl dt { float: left; display: inline; width: 100%; height: 26px; margin-bottom: 4px; border-bottom: 1px dashed #D3D8DC; font-size: 9pt; color: #ffffff; font-weight: bold; text-align: left; }
#main .left .login dl dd { float: left; display: inline; width: 140px; height: 20px; margin: 5px 0px 0px 15px; text-align: left; color: #ffffff; }
#main .left .login .input1 { float: left; display: inline; width: 140px; height: 18px; margin: 0px; background-color: #ffffff; border: 1px solid #ffffff; color: #424D55; }
#main .left .login p { float: left; display: inline; width: 100%; height: 20px; margin: 10px 0px 0px 0px; text-align: center; }
#main .left .banner { float: left; display: inline; width: 100%; margin: 10px 0px 0px 0px; }
#main .right { float: right; display: inline; width: 550px; margin: 15px 0px 0px 0px; }
#main .right .banner { float: left; display: inline; width: 100%; height: 80px; margin: 0px; }
#main .right dl { float: left; display: inline; width: 100%; margin-top: 10px; }
#main .right dl dt { float: right; display: inline; width: 100%; height: 26px; text-align: left; margin: 4px 0px 8px 0px; font-size:10pt; font-weight: bold; border-bottom: 1px solid #E0E3E7; }
#main .right dl dd { float: right; display: inline; width: 99%; text-align: left; margin: 0px; }
.dian { float: left; width: 20px; height: 14px; margin: 0px; background:url("../images/dian.jpg")/*tpa=http://www.dnparking.com/english/images/dian.jpg*/ no-repeat; }
/* about ===================================================== */
#main .about { float: left; display: inline; width: 100%; margin: 15px 0px 0px 0px; padding-bottom: 10px; text-align: left; }
#main .about .title { float: right; display: inline; width: 100%; height: 26px; text-align: left; margin: 0px 0px 10px 0px; font-size: 10pt; line-height: 26px; font-weight: bold; border: 1px solid #E0E3E7; }
#main .about .comment { float: right; display: inline; width: 750px; text-align: left; margin: 0px 5px 0px 5px; }
#main .about .comment dl { float: left; display: inline; width: 100%; margin-top: 2px; }
#main .about .comment dl dt { float: left; display: inline; width: 100%; text-align: left; margin: 0px 0px 2px 0px; font-size: 8pt; color: #2875A0; font-weight: bold; }
#main .about .comment dl dd { float: left; display: inline; width: auto; text-align: left; margin: 0px 0px 0px 15px; }
#main .about .comment p { float: left; display: inline; width: 400px; line-height: 22px; margin: 2px 0px 2px 0px; padding: 0px; }
#main .about .comment ul { float: left; display: inline; width: 100%; margin: 0px; }
#main .about .comment ul li { float: left; margin: 0px; }
#main .about .comment .left1 { width: 110px; height: 28px; margin-left: 16px; line-height: 28px; display:inline; }
#main .about .comment .right1 { width: 430px; margin: 6px 0px 0px 20px; display:inline; }
#main .about .comment .left2 { width: 110px; height: 124px; margin-left: 16px; line-height: 28px; display:inline; }
#main .about .comment .right2 { width: 430px; height: 124px; margin: 6px 0px 0px 30px; display:inline; }
#main .about .comment .left3 { width: 200px; height: 28px; margin-left: 16px; line-height: 28px; display:inline; }
#main .about .comment .right3 { width: 240px; margin: 6px 0px 0px 20px; display:inline; }
#main .about .comment .button { float: left; width: 500px; height: 26px; margin-top: 6px; text-align: center; display:inline; }
#main .about .comment .input1 { width: 200px; height: 18px; border: 1px solid #cccccc; margin-right: 15px; }
#main .about .comment .input2 { width: 350px; height: 100px; border: 1px solid #cccccc; }
/* lish ===================================================== */
/* 1 */
#main2 { float: left; display: inline; width: 100%; margin: 0px; text-align: center; }
#main2 .title1 { margin: 10 auto; width: 96%; height: 26px; text-align: left; line-height: 26px; font-weight: bold; border: 1px solid #A4AFB7; }
#main2 .title2 { margin: 10 auto; width: 96%; height: 26px; text-align: left; color: #000000; display: block; line-height: 26px; }
#main2 .title2 ul { float: left; display: inline; width: 100%; margin: 0; }
#main2 .title2 ul li { float: left; display: inline; margin-right: 60px; }
#main2 .title2 .right { float: right; display: inline; margin-right: 0px; }
#main2 .title2 dl { float: left; display: inline; width: 96%; margin: 0px 0px 10px 20px; }
#main2 .title2 dl dt { float: left; display: inline; width: 100%; height: 20px; margin: 6px 0px 4px 0px; color: #6A7B89; font-weight: bold; }
#main2 .title2 dl dd { float: left; display: inline; width: 80%; line-height: 22px; margin: 2px 0px 2px 20px; }
#main2 .title2 .font1 { float: left; display: inline; padding-left: 20px; }
#main2 .title2 p { float: left; display: inline; width: 100%; line-height: 22px; text-align: left; margin: 6px 0px 4px 0px; word-wrap:break-word; }

#main2 .comment { margin: 10 auto; width: 96%; height: auto; border-top: 1px solid #444F57; }
#main2 .comment p { float: left; display: inline; line-height: 22px; margin: 2px 0px 2px 0px; padding: 0px; }
#main2 .comment .bg1 { background-color: #6A7B89; color: #ffffff; }
#main2 .comment .bg1 a { color: #ffffff; }
#main2 .comment .bg2 { background-color: #EFF2F5; }
#main2 .comment .bg3 { background-color: #FFFFFF; }
#main2 .comment .bg4 { width: 60%; background-color: #ffffff; color: #424D55; }
#main2 .comment .bg4 a { color: #424D55; }
#main2 .comment ul { float: left; display: inline; width: 100%; border-bottom: 1px solid #444F57; border-left: 1px solid #444F57; border-right: 1px solid #444F57; }
#main2 .comment ul li { margin: 0px; border-right: 1px solid #444F57; }
#main2 .comment .font0 { float: right; display: inline; width: auto; height: 28px; line-height: 28px; padding: 0px 5px 0px 0px; text-align: right; }
#main2 .comment .font1 { float: left; display: inline; width: 13%; height: 28px; line-height: 28px; padding: 0px 5px 0px 0px; text-align: right; }
#main2 .comment .font2 { float: right; display: inline; width: 16%; height: 28px; line-height: 28px; padding: 0px 5px 0px 0px; text-align: right; }
#main2 .comment .font3 { float: right; display: inline; width: 98%; height: 28px; line-height: 28px; padding: 0px 0px 0px 5px; text-align: left; }
#main2 .comment .font4 { float: left; display: inline; width: 25%; height: 28px; line-height: 28px; padding: 0px 5px 0px 0px; text-align: right; }
#main2 .comment .font5 { float: left; display: inline; width: 18%; height: 28px; line-height: 28px; padding: 0px 5px 0px 0px; text-align: right; }
#main2 .comment .font6 { float: left; display: inline; width: 16%; height: 28px; line-height: 28px; padding: 0px 5px 0px 0px; text-align: right; }
#main2 .comment .font7 { float: right; display: inline; width: 14%; height: 28px; line-height: 28px; padding: 0px; text-align: center; }
#main2 .comment .font8 { float: right; display: inline; width: 10%; height: 28px; line-height: 28px; padding: 0px 5px 0px 0px; text-align: right; }
#main2 .comment .font01 { float: left; display: inline; width: 35px; height: 28px; line-height: 28px; text-align: center; }
#main2 .comment .font02 { float: left; display: inline; width: 28%; height: 28px; line-height: 28px; padding: 0px 0px 0px 5px; text-align: left; }
#main2 .comment .font03 { float: left; display: inline; width: 11%; height: 28px; line-height: 28px; text-align: center; }
#main2 .comment .font04 { float: left; display: inline; width: 11%; height: 28px; line-height: 28px; padding: 0px 5px 0px 0px; text-align: right; }
#main2 .comment .font05 { float: left; display: inline; width: 28%; height: 28px; line-height: 28px; padding: 0px 5px; text-align: right; }
#main2 .comment .font11 { float: left; display: inline; width: 16%; height: 28px; line-height: 28px; padding: 0px; text-align: center; }
#main2 .comment .font12 { float: right; display: inline; width: 82%; height: 28px; line-height: 28px;padding: 0px 0px 0px 5px; text-align: left; word-wrap:break-word; }
/* Announcement */
#main2 .comment3 { margin: 10 auto; width: 96%; height: auto; }
#main2 .comment3 .bg { width: 60%; background-color: #ffffff; color: #424D55; }
#main2 .comment3 .bg a { color: #424D55; }
#main2 .comment3 ul { float: left; display: inline; width: 100%; }
#main2 .comment3 ul li { margin: 0px; }
#main2 .comment3 .font { float: right; display: inline; width: 98%; height: 22px; line-height: 22px; padding-right: 5px; text-align: left; }

/* 2 */ 
#main2 .comment2 { margin: 10 auto; width: 96%; height: auto; }
#main2 .comment2 ul { float: left; display: inline; width: 100%; }
#main2 .comment2 ul li { margin: 0px; }
#main2 .comment2 .font11 { float: left; display: inline; width: 2%; height: 20px; margin: 8px 0px 6px 0px; }
#main2 .comment2 .font12 { float: left; display: inline; width: 10%; height: 20px; line-height: 20px; margin: 8px 0px 6px 0px; text-align: left; }
#main2 .comment2 .font13 { float: left; display: inline; width: 45%; height: 20px; line-height: 20px; margin: 8px 0px 6px 30px; text-align: left; }
#main2 .comment2 .font21 { float: left; display: inline; width: 26%; margin: 8px 0px 6px 0px; }
#main2 .comment2 .font22 { float: left; display: inline; width: 10%; line-height: 20px; margin: 8px 0px 6px 0px; text-align: left; }
#main2 .comment2 .font23 { float: left; display: inline; width: auto; line-height: 20px; margin: 8px 0px 6px 30px; text-align: left; }
#main2 .comment2 .font24 { float: left; display: inline; width: 14%; height: 20px; line-height: 20px; margin: 8px 0px 6px 0px; text-align: left; }
#main2 .comment2 .button1 { float: left; display: inline; width: 22%; height: 30px; text-align: right; line-height: 22px; margin: 12px 0px 0px 0px; padding: 0px; }
#main2 .comment2 .button2 { float: left; display: inline; width: 32%; height: 30px; text-align: right; line-height: 22px; margin: 12px 0px 0px 0px; padding: 0px; }

/* bottom =================================================== */
#footer { margin: 0 auto; width: 96%; text-align: center; }
#footer2 { margin: 0 auto; width: 760px; text-align: center; }
#bottom { float: left; display: inline; width: 100%; height: 40px; margin-top: 10px; text-align: center; color: #6A7B89; line-height: 40px; border-top: 1px solid #A3AEB8; }
#bottom a { color: #6A7B89; }

/* input */
.input1 { border: 1px solid #C0C8CD; margin: 0px 10px 0px 10px; vertical-align: middle; }
.input2 { width: 200px; height: 20px; border: 1px solid #C0C8CD; margin: 0px 10px 0px 10px; vertical-align: middle; }
.input3 { width: 160px; height: 20px; border: 1px solid #C0C8CD; margin: 0px 10px 0px 10px; vertical-align: middle; }
.input4 { width: 120px; height: 20px; border: 1px solid #C0C8CD; margin: 0px 10px 0px 10px; vertical-align: middle; }
.input5 { width: 80px; height: 20px; border: 1px solid #C0C8CD; margin: 0px 10px 0px 10px; vertical-align: middle; }

.input0 { width: 400px; height: 120px; border: 1px solid #768693; background-color: #EEF0F2; color: #6A7B89; padding-left: 5px; }
.input01 { width: 400px; height: 20px; border: 1px solid #768693; background-color: #EEF0F2; color: #6A7B89; padding-left: 5px; }
.input02 { width: 260px; height: 20px; border: 1px solid #768693; background-color: #EEF0F2; color: #6A7B89; padding-left: 5px; }
.input03 { width: 200px; height: 20px; border: 1px solid #768693; background-color: #EEF0F2; color: #6A7B89; padding-left: 5px; }
.input04 { width: 150px; height: 20px; border: 1px solid #768693; background-color: #EEF0F2; color: #6A7B89; padding-left: 5px; }

/* other */
#Modify .title2 { margin: 10 auto; width: 96%; height: 26px; text-align: left; color: #000000; display: block; line-height: 26px; }


/* button */
.search { width: 66px; height: 22px; border: 0px; cursor: hand; margin: 0px; background: url("../images/search.gif")/*tpa=http://www.dnparking.com/english/images/search.gif*/; vertical-align: middle; }
.xuanze { width: 80px; height: 22px; border: 0px; cursor: hand; margin: 0px; background: url("../images/xuanze2.gif")/*tpa=http://www.dnparking.com/english/images/xuanze2.gif*/; vertical-align: middle; }
.go { width: 40px; height: 20px; border: 0px; cursor: hand; margin: 0px; background: url("../images/dnp_r4_c5.jpg")/*tpa=http://www.dnparking.com/english/images/dnp_r4_c5.jpg*/; }
.add { width: 52px; height: 19px; border: 0px; cursor: hand; margin: 0px; background: url("../images/add.gif")/*tpa=http://www.dnparking.com/english/images/add.gif*/; vertical-align: middle; }
.next { width: 66px; height: 22px; border: 0px; cursor: hand; margin: 0px; background: url("../images/next.gif")/*tpa=http://www.dnparking.com/english/images/next.gif*/; vertical-align: middle; }
.modify { width: 66px; height: 22px; border: 0px; cursor: hand; margin: 0px; background: url("../images/modify.gif")/*tpa=http://www.dnparking.com/english/images/modify.gif*/; vertical-align: middle; }
.submit { width: 66px; height: 22px; border: 0px; cursor: hand; margin: 0px; background: url("../images/tj2.gif")/*tpa=http://www.dnparking.com/english/images/tj2.gif*/; vertical-align: middle; }
.deldn { width: 66px; height: 22px; border: 0px; cursor: hand; margin: 0px; background: url("../images/deldn2.gif")/*tpa=http://www.dnparking.com/english/images/deldn2.gif*/; vertical-align: middle; }
.generator { width: 80px; height: 22px; border: 0px; cursor: hand; margin: 0px; background: url("../images/generator.gif")/*tpa=http://www.dnparking.com/english/images/generator.gif*/; vertical-align: middle; }
.edit { width: 66px; height: 22px; border: 0px; cursor: hand; margin: 0px; background: url("../images/edit.gif")/*tpa=http://www.dnparking.com/english/images/edit.gif*/; vertical-align: middle; }
.referral { width: 136px; height: 22px; border: 0px; cursor: hand; margin: 0px; background: url("../images/referral.gif")/*tpa=http://www.dnparking.com/english/images/referral.gif*/; vertical-align: middle; }


/* font ===================================================== */
.hong { color: #ff0000; }
.cheng { color: #ff6600; }
.bai { color: #ffffff; }

A:link { COLOR: #6A7B89; TEXT-DECORATION: none; }
A:visited { COLOR: #6A7B89; TEXT-DECORATION: none; }
A:hover { COLOR: #6A7B89; TEXT-DECORATION: underline; }

.bai:link { COLOR: #ffffff; TEXT-DECORATION: underline; }
.bai:visited { COLOR: #ffffff; TEXT-DECORATION: underline; }
.bai:hover { COLOR: #ffffff; TEXT-DECORATION: none; }

.cheng:link { COLOR: #ff6600; TEXT-DECORATION: none; }
.cheng:visited { COLOR: #ff6600; TEXT-DECORATION: none; }
.cheng:hover { COLOR: #ff6600; TEXT-DECORATION: underline; }