*{padding:0;margin:0}
img{border:0}
html{overflow-y:scroll}
body{background:#666}
.page{width:920px;margin:15px auto;padding:275px 20px 20px;background:#fff;border-radius:0px}
#main{width:700px;float:right}
.main{width:480px;float:left}
.side{float:right;width:300px;background:#fff;padding:0 0 10px 10px}
img.side{margin:0 0 10px 10px}
#menu{width:200px}
#foot{text-align:right;clear:both;padding-top:20px}
.footT{border-top:1px solid #aaa;background:#ccc;height:3px;margin-bottom:10px}
#foot a{text-decoration:none;color:#666}
#foot a:hover{text-decoration:underline}
#head{width:920px;position:absolute;top:25px}
#logo{position:absolute;padding:0 15px;top:5px}
#nav1{padding-top:30px;height:32px;text-align:right;overflow:hidden}
#nav1>a{padding:10px 18px;border:2px solid #fff;border-radius:0px}
#nav1>a:hover{border-color:#9b2}
#nav1>a,#nav2 a{text-decoration:none;color:#666;font-size:11px;font-weight:bold;text-transform:uppercase;line-height:14px}
#nav2{line-height:16px}
#flag{border:1px solid #ccc;border-radius:0px;padding:2px 12px 2px 2px;background:url(arrD.png) no-repeat 26px;vertical-align:middle;cursor:pointer}
#flagSH,#prodSH{background:#fff;z-index:3;text-align:left;line-height:150%;position:absolute}
#flagSH img{vertical-align:middle}
#nav2{width:200px;text-align:right;height:177px;overflow:hidden}
#nav2 p{border-top:1px solid #ccc;padding:7px 0;margin:0}
#nav2 a{padding-right:15px;background:url(arr.png) no-repeat right}
#bann{width:700px;float:right;height:195px;background:url(bg-bann.png) repeat-x;border-radius:0px;overflow:hidden}
#bann .pbox{padding:0 19px 0 9px;float:left}
#bann .tbox{margin:40px 0 5px}
.bannTR{background:url(bg-bann2.png) no-repeat top right}

body,td,input,select,textarea{font-family:Tahoma,arial,helvetica,code2000,sans-serif;font-size:12px;color:#222;line-height:180%}
p,h1,h2,h3,table,ol,ul,.p,.box{margin-bottom:15px}
ul,ol{margin-left:18px}
h1{font-size:1.1em;border:1px solid #ccc;border-radius:0px;padding:10px;background:#eee url(trw.png) repeat-x}
h1.buy{font-size:1.1em;border:1px solid #ccc;padding:10px;margin-bottom:0;border-bottom:0;border-radius:0}
h2{font-size:1.1em}
h3{font-size:1.1em}
a{color:#38a}

.box{border:1px solid #ccc;border-radius:0px;padding:10px}
.box :last-child{margin-bottom:0}
table.box,img.box{padding:4px}
.bar{border-bottom:1px solid #bbb;background:#e5e5e5;padding:7px 7px 7px 10px;font-weight:bold;margin:0 0 12px}
.btn{border-radius:0px;padding:4px 9px;text-decoration:none}

.clear{clear:both}
.ar{text-align:right}
.ac{text-align:center}
.al{text-align:left}
.vm{vertical-align:middle}
.vt{vertical-align:top}
.ml120{margin-left:120px}
.ml40{margin-left:40px}
.mr{margin-right:5px}
.mr8{margin-right:8px}
.mr15{margin-right:15px}
.mb{margin-bottom:5px}
.fr{float:right}
.fl{float:left}

.hide,.hideC{display:none}
.show,.showC,.hand{cursor:pointer}
.line,.line td{border-bottom:1px solid #ddd;padding:5px 0;margin:0}
.dot,.dot td{background:url(dot.png) repeat-x bottom;padding:5px 0;margin:0}
.dotv{background:url(dotv.png) repeat-y center !important;margin:0;padding:0 5px}
.q{background:url(q.gif) no-repeat;padding-left:32px;font-style:italic}
.b{font-weight:bold}
.i{font-style:italic}
.pre{white-space:pre-line}
.small{font-size:.9em}

.help{cursor:help;border-bottom:1px dotted #666}
.wait{background:url(wait.gif) center no-repeat}
.err{background:url(err.png) no-repeat;color:#c00;padding-left:30px}
.ok{background:url(ok.png) no-repeat;color:#090;padding-left:30px}
.grey{color:#888}
.green{color:#060}
.blue{color:#069}
.red{color:#b00}
.bg{background:#eee url(trw.png) repeat-x}
.bg1{background:#ab8 url(trw.png) repeat-x}
.bg2{background:#b82 url(trb.png) repeat-x;color:#fff}
.bg3{background:#4ae url(trb.png) repeat-x;color:#fff}
.bg4{background:#9b3 url(trb.png) repeat-x;color:#fff}
.bg5{background:#666 url(trw.png) repeat-x;color:#fff}
.bg2 a,.bg3 a,.bg4 a,.bg5 a{color:#ff7}
.bg2 td,.bg3 td,.bg4 td,.bg5 td{color:#fff}
.bg2:hover,.bg3:hover,.bg4:hover{background-image:none;color:#ff7}

.Hpop{cursor:pointer}
.pop{background:#fff;border:1px solid #666;box-shadow:5px 5px 5px #333;border-radius:5px;display:none;padding:12px;position:fixed;top:70px;left:70px;z-index:9}
.xpop{background:url(close.png);cursor:pointer;float:right;height:30px;margin:-25px -25px 0 0;width:30px}
.Htree{background:#fea url(arr1.gif) no-repeat 5px !important;border:2px solid #fc6 !important;border-radius:5px;cursor:pointer;color:#c60;font-weight:bold;margin:0 0 2px;padding:5px 5px 5px 20px !important}
.Htree.Open{background-image:url(arrdw.gif) !important}
.tree{display:none;padding:10px 0 10px 20px}

.tabs{background:#fff;border:1px solid #ab8;border-radius:0 0 5px 5px;border-top:none;padding:10px}
.tabs>div{display:none}
.tabs .On{display:block}

.icon48{min-height:48px}
.icon48 img{padding-right:5px}

.pg,.pgOn,.pgOff{border:solid 1px #bcc;border-radius:3px;color:#566;cursor:pointer;padding:2px 4px}
.pg{background:#eff}
.pgOn{background:#566;color:#fff;font-weight:bold}
.pgOff{opacity:.5}
a.pg,a.pgOn,a.pgOff{padding:2px 6px;text-decoration:none}
/*
@media(max-width:980px){
.page{width:auto;margin:0;padding:275px 10px 10px;border-radius:0}
#head{top:10px;width:98%}
#logo{background:#fff}
#bann{width:auto;padding-left:210px;float:none}
#nav2{margin-top:-195px}
#nav2 a{color:#fff}
#nav2 p:first-child{border:0}
#main{width:73%}
#main iframe{width:97%}
#menu{float:left;width:25%}
#menu img{max-width:95%;height:auto}
}
@media(max-width:800px){
#head{width:97%}
#bann .tbox{max-width:50%}
}
@media(max-width:700px){
#main{float:none;width:auto}
#menu{float:none;width:auto}
.main{width:auto;float:none}
}
@media(max-width:650px){
#head{width:96%}
.tbox{display:none}
}*/