@charset "utf-8";

/* CSS Document */

.clear {

clear: both;

height: 0px;

line-height: 0px;

font-size: 0px;

overflow: hidden;

}

#tabwrap{margin: 0px;

padding: 0px;

list-style-type: none;

font: 12px Arial,Helvetica,sans-serif;

text-align: left;

color: #636363;

font: 12px Arial,Helvetica,sans-serif;

line-height: 180%;

outline: none; width:760px;}

#tabwrap p, #tabwrap li, #tabwrap ul, #tabwrap div, #tabwrap span, #tabwrap h1, #tabwrap h2, #tabwrap h3, #tabwrap h4, #tabwrap h5, #tabwrap td {

margin: 0px;

padding: 0px;

list-style-type: none;

font: 12px Arial,Helvetica,sans-serif;

text-align: left;

color: #636363;

font: 12px Arial,Helvetica,sans-serif;

line-height: 180%;

outline: none;

}

#tab {

padding-left: 3px;

}

#tab li {

float: left;

background: url(../images/list_tab_bg_en.gif) no-repeat 0 -27px;

padding-left: 18px;

height: 27px;

line-height: 30px;

margin-right: 1px;

padding-bottom: 0;

cursor: pointer;

}

#tab li.hover {

background: url(../images/list_tab_bg_en.gif) no-repeat 0 0;

cursor: pointer;

}

#list_top li span, #tab li span {

display: block;

background: url(../images/list_tab_bg_en.gif) no-repeat right -27px;

padding-right: 18px;

height: 27px;

line-height: 30px;

color: #444;

cursor: pointer;

}

#list_top li.hover span, #tab li.hover span {

background: url(../images/list_tab_bg_en.gif) no-repeat right 0;

color: white;

cursor: pointer;

}

#tab_div {

border: 1px solid #CCC;

border-top: 2px solid #BF1A06;

width: 738px;

}

.info {

padding: 3px 0;

}

#colorChart {

margin: 0 auto;

position: relative;

}

#colorChart .colorW {

margin: 20px auto;

position: relative;

width: 680px;

}

#colorChart h2 {

font-size: 18px;

height: 30px;

position: relative;

}

#colorChart .left {

float: left;

width: 180px;

}

#colorChart .left div {

background: url("../images/loading_img.gif") no-repeat scroll center center transparent;

border: 1px solid #DDD;

height: 157px;

padding: 10px;

}

#colorChart .left p {

color: #333;

text-align: center;

}

#colorChart .right {

float: right;

position: relative;

width: 475px;

}

#colorChart .right div {

cursor: pointer;

display: block;

height: 36px;

position: absolute;

width: 36px;

z-index: 10;

}

#tabwrap h5 {

font-size: 12px;

font-weight: bold;

}

#tabwrap .img {

width: 235px;

height: 390px;

background: red;

float: right;

}

#tabwrap .guide {

padding-left: 30px;

}

#tabwrap h3 {

font-size: 17px;

font-weight: bolder;

color: #FE7200;

margin-top: 15px;

padding-left: 30px;

}