@import url("/usr/css/20160804_594285512487383.css");
/* layout */
#quickWrap {position:absolute; z-index:10; margin-top:149px; right:0; width:8px;}
#topFlash {position:absolute; left:0; z-index:20; width:100%; height:29px; text-align:center;}
#container {margin:0 auto; width:947px; height:100%;}
#headWrap {width:100%;}
div.topWrap {padding-top:29px;}
div.topWrap div.dbLogin {position:absolute; margin:8px 0 0 707px; width:240px;}
div.topWrap div.dbLogin div.title {width:100%; height:15px; text-align:right;}
div.topWrap div.dbLogin div.title span.txt {float:left; padding-top:2px;}
div.topWrap div.dbLogin dl {width:100%; height:29px; border-bottom:1px solid #DDD;}
div.topWrap div.dbLogin dl dt {float:right; padding-left:1px;}
div.topWrap div.dbLogin dl dd {float:left; padding:1px 13px; width:75px; height:18px; background:url(/images/common/top_login_bg.gif) no-repeat left top;}
div.topWrap div.dbLogin dl dd input {#margin:-1px 0; padding:2px 0 0; width:75px; height:13px; border:0; color:#A3A3A3; background:none;}

div.topWrap div.dbLogin div.loginId {padding-top:2px; width:100%; height:15px; color:#807D79; font-weight:bold;}
div.topWrap div.dbLogin div.logOn {position:relative; width:100%; height:29px; border-bottom:1px solid #DDD;}
div.topWrap div.dbLogin div.logOn div.choice {display:none; position:absolute; margin-top:17px; width:185px; background:url(/images/common/select_box_btm.gif) no-repeat left bottom;}
div.topWrap div.dbLogin div.logOn div.choice ul {padding:4px 13px 2px; background:url(/images/common/select_box_top.gif) no-repeat left top;}
div.topWrap div.dbLogin div.logOn div.choice ul li {padding-top:2px;}
div.topWrap div.dbLogin div.logOn div.box {width:100%; height:18px; text-align:right;}
div.topWrap div.dbLogin div.logOn div.box div.txt {float:left; padding:4px 0 0 13px; width:172px; height:14px; text-align:left; background:url(/images/common/select_bg.gif) no-repeat left top;}
div.topWrap div.dbLogin div.logOn a, div.topWrap div.dbLogin div.logOn a:link, div.topWrap div.dbLogin div.logOn a:visited {color:#ADADAD;}
div.topWrap div.dbLogin div.logOn a:hover, div.topWrap div.dbLogin div.logOn a:active {color:#5A5A5A;}

#smartdb {width:100%; height:296px;}

#contents {clear:both; width:100%; overflow:hidden; margin:18px 0 0;}

/* left */
div.leftWrap {float:left; width:210px;}
div.lftList {clear:both; width:100%;}
div.lftList h3 {margin:0; padding:5px 0 0; width:100%; height:14px; text-align:right; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
div.lftList h3 a {margin-top:2px;}
div.lftList ul {clear:both; margin:0; padding:7px 0 11px; width:100%;}
div.lftList ul li {padding:3px 0 0 7px; background:url(/images/icon/icon_bullet_01.gif) no-repeat left 7px;}

p.bannerA {margin:0; padding:0 0 27px 0;}

div.weekSearch {clear:both; width:100%;}
div.weekSearch h3 {margin:0; padding:5px 0 0; width:100%; height:14px; text-align:right; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
div.weekSearch h3 a {margin-top:2px;}
div.weekSearch ul {clear:both; margin:0; padding:6px 0 24px; width:100%;}
div.weekSearch ul li {padding:4px 0 0 0;}
div.weekSearch ul li img {margin-bottom:-3px; padding-right:7px;}

dl.mainBanner {width:100%; height:209px;}
dl.mainBanner dd {padding-top:2px; height:40px;}
dl.mainBanner dd img {vertical-align:top;}

dl.joinSite {margin-top:19px; width:100%;}
dl.joinSite dt {float:right;}
dl.joinSite dd {float:left; width:114px; padding:4px 0; border-bottom:1px solid #E4E4E4; font:0/0 arial;}
dl.joinSite dd.fir {padding-top:0;}
dl.joinSite dd.end {padding-bottom:0; border-bottom:none;}

/* right */
div.rightWrap {float:left; margin-left:29px; width:708px;}
div.wrapA {width:100%; height:158px;}
div.wrapB {width:100%; height:137px;}
div.wrapC {width:100%; height:188px;}
div.wrapD {width:100%; height:141px;}
div.part {float:left; width:338px;}

h2.subTitle {clear:both; margin:0; padding-top:2px; width:100%; height:18px; background:url(/images/icon/h_line_05.gif) repeat-x left bottom;}
h2.subTitle img.tit {float:left; padding-bottom:5px; background:url(/images/icon/h_line_06.gif) repeat-x left bottom;}

dl.tabWrap {clear:both; width:100%; height:20px; background:url(/images/icon/icon_bar_02.gif) repeat-x left bottom;}
dl.tabWrap dt {float:left; padding-top:2px; font:0/0 arial;}
dl.tabWrap dt.bg img {padding-bottom:4px; border-bottom:1px solid #E44015;}
dl.tabWrap dd {float:right; padding-left:1px; font:0/0 arial;}

dl.listA {margin-top:10px; width:100%;}
dl.listA dt {float:left; padding-right:12px; width:95px; height:100%; text-align:center;}
dl.listA dt img {margin-bottom:9px; padding:1px; width:91px; height:59px; border:1px solid #DDD;}
dl.listA dd {float:left; padding:0 0 5px 7px; width:224px; background:url(/images/icon/icon_bullet_01.gif) no-repeat left 4px;}

div.listB {padding-top:10px; width:100%;}
div.listB dl {overflow:hidden; clear:both; padding-bottom:5px; width:100%;}
div.listB dl dd {float:left;}
div.listB dl dd.titA {padding:0 0 0 7px; width:209px; background:url(/images/icon/icon_bullet_01.gif) no-repeat left 4px;}
div.listB dl dd.titB {padding:0 0 0 7px; width:283px; background:url(/images/icon/icon_bullet_01.gif) no-repeat left 4px;}
div.listB dl dd.endA {float:right;}
div.listB dl dd.endB {float:right; text-align:center; width:45px;}

dl.listC {margin-top:10px; width:100%; height:111px;}
dl.listC dt {float:left; width:141px;}
dl.listC dt img {padding:1px; width:122px; height:100px; border:1px solid #DDD;}
dl.listC dd {float:left; width:197px;}
dl.listC dd h4 {margin:0; padding-bottom:4px; color:#5A5A5A; font-size:11px;}
dl.listC dd p.cont {margin:0; padding:0; line-height:16px;}
dl.listC dd p.link {margin:0; padding:7px 0 0;}

dl.listD {clear:both; margin-top:10px; width:100%;}
dl.listD dd {padding:0 0 5px 7px; background:url(/images/icon/icon_bullet_01.gif) no-repeat left 4px;}

dl.listE {margin-top:10px; width:100%; height:73px; background:url(/images/icon/h_line_15.gif) repeat-x left bottom;}
dl.listE dt {float:left; width:107px;}
dl.listE dt img {padding:1px; width:91px; height:59px; border:1px solid #DDD;}
dl.listE dd {float:left; width:231px;}
dl.listE dd h4 {margin:0; padding:0 0 7px 0; font-size:11px; color:#636363;}
dl.listE dd p {margin:0; padding:0;}

ul.listF {padding-top:4px; width:100%;}
ul.listF li {padding:3px 0 2px 8px; background:url(/images/icon/icon_bullet_01.gif) no-repeat left 7px;}

div.boxA {padding:0 10px; width:318px; height:106px; background:url(/images/main/box_01.gif) no-repeat left 4px;}
div.boxA h2 {margin:0; padding:0 0 9px 0;}
div.boxA p.cont {overflow:hidden; margin:0; padding:0 6px; height:44px; color:#7B7B7B; line-height:14px;}
div.boxA p.btn {margin:0; padding:5px 0 0; text-align:right;}

div.mainQucikBanner {width:100%; height:80px;}

/* footer */
#footerWrap {clear:both; position:relative; margin-top:28px; width:100%; padding-bottom:40px; border-top:1px solid #DDD;}
#footerWrap h2.footLogo {float:left; margin:0; padding:24px 0 0 0; width:143px;}
#footerWrap div.footer {float:left; padding-top:19px; width:628px;}
div.footer ul {width:100%; height:21px;}
div.footer ul li {float:left; padding-left:18px; font:0/0 arial; background:url(/images/icon/icon_bar_05.gif) no-repeat 10px top;}
div.footer ul li.fir {padding-left:0; background:none;}
div.footer div.footCopy {clear:both; width:502px; height:21px; text-indent:-1500px; background:url(/images/common/copyright.gif) no-repeat left top;}
#footerWrap div.family {position:absolute; top:27px; right:0;}
#footerWrap div.family ul {display:none; position:absolute;  bottom:15px; #bottom:19px; padding-bottom:2px; border:1px solid #DDD; width:174px; background:#FFF;}
#footerWrap div.family ul li {padding:5px 10px 0;}