/*DEFAULTS*/
/*
* {margin:0; padding:0;}
html, body {height:100%;}
*/


* {margin:0 auto; padding:0;}
html, body {height:100%; width: 1254px;}
table {font-size:100%; border-collapse:collapse;}
table, img {border:0;}
body {font-family:Tahoma, Arial, Helvetica, sans-serif; color:#444; background:#FFF; font-size:12px;}
a {color:#1E579F; text-decoration:underline;}
a:hover {text-decoration:none;}
p {margin:0 0 15px; line-height:150%;}
h1,h2,h3,h4 {font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; margin:0 0 15px;}
h1 {font-size:15px; font-weight:bold;}
h2 {font-size:13px;}
h3 {font-size:16px;}
h4 {font-size:12px; color:#FF7F00;}
ul {padding:0; margin:0 0 5px;}
ul li {list-style-type:none; padding:0 0 10px 12px; background:url(/img/ico/li.gif) no-repeat 0 5px;}
h1 a {color:#FF7F00;}
h2 a {color:#FF7F00;}

/*MAIN*/
#mw {min-width:990px; position:relative; min-height:100%; background:url(/img/bcg/bcg.gif) no-repeat 100% 100%;}
* html #mw {width:expression((document.documentElement.clientWidth||document.body.clientWidth)<990?'990px':'100%'); height:100%;}

.common {width:100%;}
.ots {margin:0 0 15px;}
.ots2 {margin:0 0 30px;}
.link {color:#1E579F; font-size:11px;}
input, select, option, textarea {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px;}

/*ALL*/
#header {position:relative; height:158px; background:url(/img/bcg/head-bcg.jpg) no-repeat 0 0;}
#header2 {position:relative; height:158px; background:url(/img/bcg/head-bcg2.jpg) no-repeat 100% 100%;}
#header img {display:block;}
#head {width:258px;}
#head2 {position:relative; width:258px; height:158px;}
#logo {position:absolute; top:37px; left:75px;}
#lang {position:absolute; top:31px; left:0; width:20px; height:91px; background:#47AAE1 url(/img/bcg/lang-bcg.gif); font-size:11px;}
#lang div {height:15px; overflow:hidden;}
#lang a {display:block; padding:5px 3px; color:#1B559E;}
#lang .on {color:#FFF; text-decoration:none;}

.pl {height:7px; overflow:hidden;}
#hd1 .pl {background:url(/img/bcg/pl1.gif) no-repeat 39px 0;}
#hd2 .pl {background:url(/img/bcg/pl2.gif) no-repeat 39px 0;}
#hd3 .pl {background:url(/img/bcg/pl3.gif) no-repeat 39px 0; width:293px;}
#hd1 {width:33%;}
#hd2 {width:33%;}
#hd3 {width:293px; background:url(/img/bcg/top-bord.gif) no-repeat 0 29px;}

#sb {padding:10px 0 0;}
#sb1 {width:140px; height:19px; background:url(/img/bcg/sb-bcg.gif); float:left;}
#sb1 span {display:block; padding:2px 0 0 7px;}
#sb1 input {background:#FFF; border:0; font-size:11px; width:130px;}
#sb2 {float:left; padding:0 0 0 5px;}
#sb input {display:block;}

#header dl {padding:19px 0 0;}
#header dt {padding:0 0 0 44px; background:url(/img/ico/li.gif) no-repeat 35px 8px; clear:both; height:18px; margin:0 0 5px;}
#header dt a {display:block; float:left; padding:1px 5px 3px;}
#header dt a:hover {background:#1E579F; color:#FFF; text-decoration:none;}

#signIn {padding:17px 0 10px 78px; background:url(/img/ico/ico-key.gif) no-repeat 35px 17px;}
#signIn p {margin:0; font-size:11px;}
#signIn div {padding:2px 0;}
#dopLogo {padding:20px 0 0 72px;}

#top {position:relative; height:252px;}
#top table {height:252px;}
#top1 {background:#3884C8 url(/img/bcg/top1-bcg.gif);}
#top2 {width:263px; background:url(/img/bcg/top2-bcg.gif) no-repeat 0 0;}
#top3 {width:31px; background:#3484BA url(/img/bcg/top3-bcg.jpg);}
#top4 {width:293px; background:#4CB4E9 url(/img/bcg/top4-bcg.jpg);}
#top4 div {padding:14px 0 0 40px;}
#top4 div div {padding:0; width:185px;}
#top4 h1 {color:#FFF;}
#top #top4 table {height:auto;}
.inpName {white-space:nowrap; padding:0 0 10px;}
.inpSel {width:110px; text-align:right; padding:0 0 10px;}
.inpSel select {width:99%; margin:0 0 0 auto; display:block; font-size:12px;}
#top4 p {margin:0; text-align:right;}

#topFlash {position:relative; height:252px; background:url(/img/bcg/top1-bcg4.jpg) no-repeat 100% 6px;}
#topFlash2 {position:absolute; top:0; left:0; width:100%; height:252px; background:url(/img/bcg/top1-bcg5.jpg) no-repeat 100% 0;}
#topFlash3 {position:absolute; top:0; left:0; width:100%; height:252px; background:url(/img/bcg/top1-bcg6.gif) no-repeat 0 0;}
#flash {position:absolute; top:0; left:0; width:100%; height:252px; overflow:hidden; text-align:center;}
#flash img, #flash object, #flash embed {display:block; margin:0 auto;}
#flash p {padding:97px 0 0; text-align:center; margin:0;}
#flash a {color:#FFF;}
#flashCont {position:relative; padding:0 0 0 21px;}
#flashCont #flash {top:-10px; left:auto;}

#ill {position:absolute; top:0; left:0; width:100%; height:231px; text-align:right;}
#ill img {display:block; margin:0 0 0 auto;}
#brand {position:absolute; top:42px; left:11px; width:264px; height:117px; background:url(/img/bcg/logo-bcg.png);}
* html #brand {background:url(/img/bcg/logo-bcg.gif);}
#brand div {padding:7px 0 0 10px;}
#brand table {width:249px; height:107px;}
#brand td {text-align:center;}
#brand img {display:block; margin:0 auto;}

#top2cont {width:263px; height:252px; overflow:hidden;}
#topCont {padding:10px 20px 0 37px;}
#topCont p {line-height:normal;}

.main {height:300px;}
#mLeft {width:289px; background:url(/img/bcg/ml-bcg.gif) no-repeat 0 0; padding:0 0 187px;}
#mLeft2 {width:255px; background:url(/img/bcg/ml-bcg.gif) no-repeat 0 0; padding:0 0 187px;}
#mRight {padding:0 18px 10px 0; background:url(/img/bcg/mr-bcg.gif) no-repeat 100% 0;}

#ml01 {width:20px; background:#FFCF86 url(/img/bcg/ml-bcg2.gif) no-repeat 0 100%;}
#ml01 div {width:20px;}
#mlCont {padding:0 10px 0 40px;}

.titLeft {padding:0 0 15px;}
.titLeft h1 {margin:0;}
.titRight {width:1%; padding:0 0 15px;}
.titRight img {display:block;}

.newHead {width:185px;}
.newDate {color:#8B8B8B; font-size:11px; padding:0 0 10px;}
.newDate b {background:#000; color:#FFF; font-weight:normal;}
.newBrand {width:1%; padding:0 0 10px 0;}
.newBrand img {display:block;}
.newCont {width:185px; padding:0 0 15px; margin:0 0 15px; background:url(/img/bcg/bord-bot.gif) repeat-x 0 100%;}
.newCont h4 {margin:0 0 2px; font-size:11px;}
.newCont p {margin:0; font-size:11px; line-height:130%;}
.nobord {background:none; padding:0;}
.mlLink {margin:0; padding:0; text-align:right; width:185px;}

.newsHead {width:100%;}
.newsDate {color:#8B8B8B; font-size:11px; padding:0 20px 10px 0; width:1%; white-space:nowrap;}
.newsDate b {background:#000; color:#FFF; font-weight:normal;}
.newsBrand {padding:0 15px 10px 0; width:1%;}
.newsBrand img {display:block;}
.newsCont {padding:0;}
.newsCont h4 {margin:0 0 2px; font-size:12px;}
.newsCont p {margin:0;}
.news {width:100%;}
.newsTxt {background:url(/img/bcg/bord-bot.gif) repeat-x 0 100%; padding:15px 20px 15px 0;}
.newsPic {background:url(/img/bcg/bord-bot.gif) repeat-x 0 100%; padding:15px 0;}
.newsPic img {display:block; border:1px solid #7094C1;}
.nobord td {background:none; padding:0;}

.cat {position:relative; background:#FFFAEC url(/img/bcg/cat-bcg.jpg) no-repeat 100% 0; border-top:1px solid #FFE2D0; border-right:1px solid #FFE2D0;}
.cat2 {position:relative; background:url(/img/bcg/cat-bcg2.gif) repeat-y 0 0;}
.cat3 {position:relative; background:url(/img/bcg/cat-bcg3.gif) no-repeat 0 100%; min-height:600px; padding:0 11px 0 12px;}
* html .cat3 {height:600px;}
.catSp {height:12px; clear:both; overflow:hidden;}
.catCont {padding:0 10px 0 32px;}
.catTit {padding:19px 0 23px; background:url(/img/bcg/ctit-bcg.gif) no-repeat 0 0; width:1%; white-space:nowrap;}
.catTit h1 {margin:0;}
.catIco {padding:15px 0 10px; text-align:right;}
.catIco img {display:block; margin:0 0 0 auto;}

.nav {position:relative; background:#FFFAEC url(/img/bcg/cat-bcg.jpg) no-repeat 100% 0; border-top:1px solid #FFE2D0; border-right:1px solid #FFE2D0;}
.nav2 {position:relative; background:url(/img/bcg/cat-bcg2.gif) repeat-y 0 0;}
.nav3 {position:relative; background:url(/img/bcg/nav-bcg3.gif) no-repeat 0 100%; padding:0 11px 0 12px;}
.navCont {padding:0 10px 0 32px;}
.navCont p {margin:0; padding:10px 0 15px; font-size:11px;}
.navCont .catTit {padding:19px 0 5px;}
.navSp {height:12px; clear:both; overflow:hidden;}
.nav dl {padding:20px 0 0;}
.nav dt {padding:0 0 10px;}
.nav select, .nav input, .nav span {vertical-align:middle; font-size:12px; font-family:Tahoma, Arial, Helvetica, sans-serif;}
.nav span {margin:0 5px;}
.nav .brand {width:139px; margin:0 20px 0 0;}
.nav .day {width:45px;}
.nav .month {width:80px;}

#midBanner {position:relative; height:152px; background:#FFE7C1 url(/img/bcg/mid-ban-bcg.gif) no-repeat 0 100%;}
#mb {position:relative; padding:9px 9px 0;}
#mb2 {position:relative; background:#E58700; height:134px; width:100%; overflow:hidden;}
#mbMask {position:absolute; top:123px; left:9px; width:20px; height:20px; background:url(/img/bcg/mb-mask.gif);}
#mb2 p {text-align:center; padding:48px 0 0;}
#mb2 img, #mb2 object, #mb2 embed {display:block; margin:0 auto;}

.elements {width:98%;}
.elem {width:155px;}
.elem div {position:relative; width:155px; height:113px; background:url(/img/bcg/el-bcg1.gif);}
.elem div div {padding:1px 1px 5px 5px; width:auto; height:auto; background:none;}
.elem span {display:block; width:149px; height:107px; background-repeat:no-repeat; background-position:50% 50%;}
.elem img {display:block;}
.elem a {display:block; position:absolute; top:0; left:0; width:155px; height:113px;}
.elem a img {display:block; width:155px; height:133px;}
.elem em {display:block; position:absolute; top:4px; right:2px;}
.elem b {display:block; position:absolute; top:72px; left:135px;}
.eBord {width:25%; background:url(/img/bcg/ebord.gif) repeat-y 50% 0;}
.eSp {height:49px;}

#content {padding:15px 60px 0 45px;}
.pic {display:block; border:1px solid #678DBC;}
.left {float:left; margin:0 10px 5px 0;}
.right {float:right; margin:0 0 5px 10px;}

.rNew {width:185px; padding:30px 0 0;}
.rNew .link {padding:8px 0 0;}
.rNew h1 {margin:0;}
#adv {padding:20px 30px 0 0;}
#adv #midBanner {background:#FFE7C1 url(/img/bcg/mid-ban-bcg2.gif) no-repeat 0 100%;}

.menu {padding:0 0 0 9px;}
.dMenu .menu {padding:0 0 0 28px;}
.menu2 {width:220px; background:#FF8000 url(/img/bcg/menu-bcg1.gif) repeat-y;}
.dMenu .menu2 {width:196px;}
.menu2 div {background:url(/img/bcg/menu-bcg2.gif) no-repeat 0 100%;}
.menu2 div div {background:url(/img/bcg/menu-bcg3.gif) no-repeat 100% 0; padding:10px 0 0;}
.dMenu .menu2 div div {background:url(/img/zero.gif) no-repeat 100% 0; padding:10px 0 0;}
.menu2 div div div {background:none; padding:0; height:20px; overflow:hidden;}
.menu a {display:block; width:100%; font-size:13px; text-decoration:none; color:#FFF;}
.menu span {display:block; padding:7px 10px 9px 32px; background:url(/img/bcg/menu-arr1.gif) no-repeat 3px 4px;}
.menu a:hover {text-decoration:underline;}
.menu b {font-weight:normal;}
.menu .on b {border-bottom:1px dashed #FFF;}
.menu .on:hover {text-decoration:none;}
.menu .on span {background:url(/img/bcg/menu-arr2.gif) no-repeat 2px 4px;}
.menu em {display:block; font-style:normal; background:#123E75 url(/img/bcg/menu-dop.gif); padding:0 32px 0 26px;}
.dMenu .menu em {padding:0 26px 0 26px;}
.menu em a {background:url(/img/bcg/menu-dop2.gif) no-repeat 0 100%; color:#49ADE2;}
.menu em span {padding:7px 10px 9px 22px; background:url(/img/bcg/menu-arr-dop2.gif) no-repeat 5px 12px;}
.menu em .nobord {background:none;}
.menu em .on {color:#FFF; text-decoration:none;}
.menu em .on span {background:url(/img/bcg/menu-arr-dop1.gif) no-repeat 6px 13px;}
.menu strong {display:block; background:#4CB4E9; font-size:11px; font-weight:normal;}
.menu strong a {font-size:11px; background:url(/img/bcg/menu-dop3.gif) repeat-x 0 100%;}
.menu strong span {background:url(/img/bcg/menu-arr3.gif) no-repeat 30px 5px; padding:7px 10px 9px 51px;}
.menu strong .nobord {background:none;}
.menu ul {margin:0; background:#4CB4E9; font-size:11px; font-weight:normal;}
.menu li {background:none; padding:0;}
.menu li a {font-size:11px;}
.menu li span {background:url(/img/bcg/menu-arr4.gif) no-repeat 40px 5px; padding:7px 10px 9px 61px;}

.side {width:33%;}
.sideSp {width:40px;}
.sideSp div {width:40px;}
.info dt {color:#FF7F00; padding:8px 0;}
.info dd {padding:8px 0 8px 10px;}
.bTop {background:url(/img/bcg/dash.gif) repeat-x 0 0;}
.bBot {background:url(/img/bcg/dash.gif) repeat-x 0 100%;}
.side .form {margin:0 0 5px;}
.side p {margin:0; padding:15px 0 0;}
.side .form input {width:97%; color:#959595;}

.ordInp {width:220px;}
.form {margin:0 0 15px;}
.form dt {padding:0 0 3px 3px;}
.form input {width:99%;}
.form select {width:99%;}
.form textarea {width:99%; height:100px; overflow:auto;}
.ordDate {padding:0 0 0 20px;}
.ordDate b {font-weight:normal; color:#4CB4E9;}

.calendar img {vertical-align:middle;}
.calendar em {vertical-align:middle; font-style:normal;}
.calendar th {font-weight:normal; text-align:center; padding:0 0 5px;}
.calendar .cYear {color:#6490B7; font-size:11px; text-align:right;}
.calendar .cMonth {color:#000; font-weight:bold; font-size:10px; text-align:right;}
.calendar .cDays th {font-size:10px; font-style:italic; color:#3473A8; background:url(/img/bcg/dot-bord.gif) repeat-x 0 100%;}
.calendar td {width:15px; font-size:10px;}
.calendar td a {display:block; width:17px; height:15px; color:#454545; text-decoration:none;}
.calendar td a:hover {background:#454545; text-decoration:none; color:#FFF;}
.calendar td a span {display:block; text-align:center; padding:1px 0 0;}
.calendar .hd {color:#DD5C00 !important;}
.calendar .hd a {color:#DD5C00;}
.calendar .hd a:hover {background:#DD5C00; color:#FFF;}

.orange {color:#DD5C00;}

.pager {height:20px; padding:30px 0 0;}
.pager a {display:block; height:18px; float:left; font-size:11px; color:#3E88BA;}
.pager a:hover {background:#FF8206; color:#FFF; text-decoration:none;}
.pager span {display:block; padding:1px 5px 0;}
.pager .on {background:#1B559E; text-decoration:none; color:#FFF;}
.pager .on:hover {background:#1B559E; text-decoration:none; color:#FFF;}

.ord td {width:70px; padding:15px 10px 15px 0; font-size:11px; background:url(/img/bcg/dot-bord.gif) repeat-x 0 100%;}
.ord .form {margin:0;}
.ord .ordName {width:auto; font-size:12px;}
.ord input {width:60px; text-align:center;}

.group {width:80%; border:1px dashed #B2B2B2; margin:0 0 20px;}
.group h2 {padding:5px 0 10px 17px; margin:0; background:url(/img/dot.gif) no-repeat 8px 13px;}
.group p {margin:0; padding:0 0 10px 17px;}
.group b {color:#3E88BA; font-weight:normal;}
.gCont {width:10%; white-space:nowrap; text-align:right; padding:34px 17px 10px 0; line-height:140%;}
.group img {margin:0 10px 0 0;}

.job {width:100%;}
.job td {padding:10px 0 12px; background:url(/img/bcg/light-dots.gif) repeat-x 0 100%;}
.job .jobDot {width:10px; background:url(/img/dot.gif) no-repeat 0 17px; font-size:1px; line-height:1px;}
.jobDot div {width:10px;}

.fTop {background:url(/img/bcg/dash.gif) repeat-x 0 0; padding:10px 0 0; color:#FF9919;}
.fBot {background:url(/img/bcg/dash.gif) repeat-x 0 100%; padding:0 0 15px; color:#FF9919;}

.inContent {padding:0;}
.inContent strong {color:#3A8FC4; font-weight:normal;}
#inNav {position:relative; height:10px; font-size:1px; line-height:1px;}
#inNav div {position:absolute; top:-12px; left:40px; white-space:nowrap; overflow:visible; font-size:11px; line-height:13px;}

#wtb {font-size:16px; padding:15px 0 15px 90px; background:url(/img/ico/ico-q.gif) no-repeat 47px 10px;}
#catSp {height:100px; clear:both;}

.catalog {width:100%;}
.catDop {width:50px; background:url(/img/bcg/cat-bord.gif) repeat-x 0 100%;}
.catDop div {width:50px;}
.catPic {width:100px; padding:15px 0; background:url(/img/bcg/cat-bord.gif) repeat-x 0 100%;}
.catPic div {width:100px; text-align:center;}
.catPic img {display:block; margin:0 auto;}
.catTxt {width:49%; padding:15px; background:url(/img/bcg/cat-bord.gif) repeat-x 0 100%;}
.catTxt2 {width:99%; padding:15px; background:url(/img/bcg/cat-bord.gif) repeat-x 0 100%;}
.catBuy {width:170px; padding:15px 0; background:url(/img/bcg/cat-bord.gif) repeat-x 0 100%;}
.catBuy div {width:170px;}
.catBuy input, .catBuy img {display:block;}
.catBuy .num {width:70px; display:block; margin:0 0 0 auto; text-align:center;}
.catBuy td {padding:2px 0; font-size:11px;}
.cbr {text-align:right;}
.noBcg td {background:none;}

.rNew2 {padding:0; width:215px;}
.rNew2 .newHead {width:215px;}
.rNew2 .newDate {padding-left:30px;}
.rNew2 .newCont {padding-left:30px;}
.rNew2 .link {padding-left:30px;}
.rNew2 .line {padding:0 0 0 30px;}

.order {position:relative; height:125px;}
.order2 {position:absolute; top:0; left:0; width:260px; background:#FFFAEC url(/img/bcg/ord-bcg.gif) no-repeat 0 100%; border-top:1px solid #FFEBDC; border-right:1px solid #FFEBDC;}
.order3 {padding:0 30px;}
.order3 .catTit {padding-bottom:5px;}
.order3 dl {font-size:11px; font-weight:bold;}
.order3 dd {padding:10px 0 0;}

#pict {width:321px;}
#picCont {position:relative; width:321px; height:267px; background:#DEDEDE;}
#picCont2 {position:absolute; top:1px; left:1px; width:319px; height:265px; background:#FFF; overflow:hidden;}
#picCont3 {position:absolute; top:0; left:0; width:199px; height:265px; overflow:hidden; background-repeat:no-repeat; background-position:50% 50%;}
#picCont3 a {display:block; width:199px; height:265px; text-decoration:none; color:#111;}
#picCont3 span {display:block; padding:7px 0 0 10px;}
#picCont3 a:hover {color:#000;}
#picCont3 a:hover span {padding:6px 0 0 10px;}
#scroll {position:absolute; top:0; left:199px; width:120px; height:265px; background:#D5EDFF;}
.sArr {position:absolute; width:120px; height:18px; background-repeat:no-repeat; background-position:0 0;}
.sArr:hover {background-position:0 -18px;}
.saTop {top:0; background-image:url(/img/btn/btn-top.gif);}
.saBot {top:247px; background-image:url(/img/btn/btn-bot.gif);}
#scrollCont {position:absolute; top:18px; left:0; width:120px; height:229px; overflow:hidden;}
#scrollCont div {position:absolute; width:120px; text-align:center;}
#scrollCont a {display:block; width:95px; height:90px; border:1px solid #A9ACAE; background:#FFF; margin:0 auto; background-repeat:no-repeat; background-position:50% 50%;}
#scrollCont a:hover {border:1px solid #0260C5;}
#scrollCont a.on {border:2px solid #0260C5;}
#scrollCont a.on:hover {border:2px solid #0260C5;}
#scrollCont b {display:block; height:6px; overflow:hidden;}

#buy {font-size:11px; padding:0 0 0 12px;}
#buy .num {width:66px; display:block; text-align:center;}
#buy dt {padding:0 0 2px 4px;}
#buy dl {padding:0 0 3px;}

.line {height:20px; clear:both}
.line div {height:10px; background:url(/img/bcg/cat-bord.gif) repeat-x 0 50%; overflow:hidden;}

.sIco {width:1%; padding:0 0 10px;}
.sName {padding:0 20px 10px; color:#838F92;}
.sInf {width:1%; white-space:nowrap; padding:0 20px 10px 0;}

.spec {padding:0 0 0 30px;}
.spec h1 {margin:0 0 15px;}

/*FOOTER*/
#fw {height:88px; clear:both;}
#footer {min-width:990px; height:88px; margin:-88px 0 0; position:relative; font-size:11px;}
* html #footer {width:expression((document.documentElement.clientWidth||document.body.clientWidth)<990?'990px':'100%');}
#footIll {position:absolute; top:-187px; left:0;}
#footer table {height:88px;}
#foot1 {width:289px;}
.pol {height:8px; overflow:hidden;}
#foot1 .pol {background:#FF7F00;}
#foot1 p {text-align:center; padding:30px 30px 0 0; margin:0;}
#foot2 {background:url(/img/bcg/foot-bcg3.jpg) no-repeat 100% 8px;}
#foot2 .pol {background:url(/img/bcg/foot-bcg1.gif) repeat-x 100% 0;}
#foot2 .pol div {width:301px; height:8px; overflow:hidden; float:right; background:url(/img/bcg/foot-bcg2.gif);}
#fCont {position:relative; height:72px;}
#botPol {height:8px; background:#000; overflow:hidden;}
#fTel {float:left; padding:16px 0 0 20px;}
#fTel div {padding:2px 0 0 51px; height:50px; background:url(/img/ico/ico-tel.gif) no-repeat 0 0; line-height:140%; float:left;}
#fTel b {font-weight:normal; color:#1E579F;}
#iqb {float:right; padding:10px 72px 0 0;}
#mb2 img
{
        display: block;
        float: left;
        border: 0px;
}