@charset "utf-8";
/* CSS Document */


.main-title {
height:30px;
background:url(../../images/common/img-main-title-bg.gif) no-repeat;
margin:10px 0;
}

.main-title h1 {
color:#fff;
font-size:16px;
font-weight:bold;
letter-spacing:0.1em;
float:left;
padding:8px 0 0 15px;
}

.main-title span {
float:right;
color:#fff;
padding:7px 15px 5px;
}

.main-title span a {
color:#fff;
text-decoration:underline;
}

.main-title span a:hover {
color:#fff;
text-decoration:none;
}

.pic {
background:#fff;
border:1px solid #ccc;
float:left;
margin:0 5px;
padding:3px;
}

.page-select {
color:#666;
letter-spacing:0.2em;
font-size:10px;
background:#f6f6f6;
border:1px solid #e5e5e5;
clear:both;
margin:5px 0;
}

.page-select td {
padding:2px 10px;
}

.t-content-block-a {
margin-top:10px;
background:url(../../images/common/t-content-block-a-bg.gif) repeat-x 0 22px;
border-bottom:1px dashed #ccc;
clear:both;
}

.t-content-block-s {
background:url(../../images/common/t-content-block-a-bg.gif) repeat-x 0 22px;
clear:both;
}

.t-content-block-s ol {
padding-left:15px;
margin:0;
}

.t-content-block-s ol li {
margin-bottom:1em;
}

.t-content-block-s li {
padding:0;
}

div.post-answer {
border-bottom:1px dashed #ccc;
padding:5px 15px;
}

h3.question {
border-bottom:1px dashed #ccc;
padding:3px 15px;
}

h3.question img {
float:left;
padding:3px 5px 0 0;
}

.support {
background:url(../../images/common/t-content-block-a-bg.gif) repeat-x 0 2px;
border-bottom:1px dashed #ccc;
border-top:1px solid #ccc;
clear:both;
}

.support .post {
padding:10px 15px;
}

.support .post img {
float:left;
padding:5px 10px 5px 0;
}

.table-contact-data .phone {
width:220px;
}

.table-contact-data .question {
text-align:center;
}

.table-contact-data th {
background:#4ca7ba;
color:#fff;
padding:4px;
}

.table-contact-data td {
background:#fff;
border-collapse:collapse;
border:1px solid #4ca7ba;
line-height:1.3;
padding:4px 5px;
}

.table-download-data {
width:100%;
color:#369;
text-align:center;
}

.table-download-data th {
border-bottom:1px solid #ccc;
padding:4px;
}

.table-download-data th.list {
padding-left:15px;
text-align:left;
}

.table-download-data td {
border-collapse:collapse;
border-bottom:1px dashed #ccc;
text-align:center;
padding:4px 5px;
}

.table-download-data td.list {
text-align:left;
padding-left:25px;
background:url(../../images/common/bullet-green-arrow.gif) no-repeat 10px 8px;
}

.tab-service {
height:32px;
background:url(../../images/common/bg-tab-inner.gif) repeat-x bottom;
display:block;
color:#369;
}

.tab-branch {
margin-bottom:10px;
height:32px;
background:url(../../images/common/bg-tab-inner-b.gif) repeat-x bottom;
display:block;
color:#369;
}

.t-free-format-post {
margin-top:5px;
margin-bottom:5px;
clear:both;
padding:5px 15px;
}

.t-free-format-post-bg {
background:url(../../images/common/t-content-block-a-bg.gif) repeat-x 0 1px;
clear:both;
padding:10px 15px;
}

ul.content-nav {
list-style:none;
padding-left:0;
margin:0 0 10px;
}

.content-nav li {
padding-left:20px;
background:url(../../images/common/bullet-blue-arrow-cr.gif) no-repeat 0 3px;
border-bottom:1px dashed #ccc;
padding-top:3px;
}

.map-area {
width:400px;
height:300px;
dislplay:block;
float:right;
clear:right;
margin-top:10px;
}

.branch-selecter {
width:330px;
float:left;
}

.branch-selecter-emap {
width:450px;
float:left;
}

.area-selecter {
width:180px;
float:left;
}

.area-selecter ul {
list-style:none;
margin:0;
padding:0 50px 0 10px;
}

.area-selecter li {
border-bottom:1px solid #ccc;
padding-left:15px;
letter-spacing:0.5em;
}

.local-branch-info {
width:550px;
height:220px;
display:block;
border:1px solid #9cc;
overflow:auto;
}

.local-branch-info-table {
width:480px;
}

.local-branch-info-table th {
text-align:left;
padding:5px 10px;
}

.local-branch-info-table td {
padding-left:10px;
}

.table-trade-index td {
width:33%;
background:#fff;
border-collapse:collapse;
border:1px solid #4ca7ba;
vertical-align:top;
}

.table-trade-index td h3 {
color:#fff;
font-size:13px;
height:22px;
display:block;
background:url(../../images/common/bg-trade-title.gif) repeat-x;
padding:5px 0 0 15px;
}

.table-trade-index td ul {
display:block;
margin:0;
padding:0;
}

.table-trade-index td li {
display:block;
color:#069;
margin-bottom:1px;
text-indent:15px;
font-size:12px;
font-weight:bold;
}

.table-trade-index td span.sub-title {
height:21px;
display:block;
padding-top:5px;
background:url(../../images/common/bg-trade-title2.gif) repeat-x;
}

.table-trade-index td li li {
height:22px;
border-bottom:1px dashed #ccc;
font-size:12px;
font-weight:normal;
background:#fff url(../../images/common/bullet-green-arrow.gif) no-repeat 10px 5px;
padding-left:10px;
display:block;
margin:0 10px;
}

.content-block-news {
margin-top:0;
background:url(../../images/common/t-content-block-a-bg.gif) repeat-x 0 1px;
border-bottom:1px solid #ccc;
clear:both;
height:1%;
}

.content-block-news:after {
content:".";
height:0;
font:1px Arial, Helvetica, sans-serif;
display:block;
visibility:hidden;
clear:both;
}

h2.news-title {
background:url(../../images/common/bullet-orange.gif) no-repeat left bottom;
color:#369;
font-size:13px;
font-weight:bold;
border-bottom:1px solid #dcdcdc;
padding:4px 0 2px 18px;
}

.content-block-news h3 {
margin-bottom:5px;
color:#369;
font-size:12px;
font-weight:bold;
border-bottom:1px dashed #dcdcdc;
display:block;
padding:12px 0 4px 18px;
}

.content-block-news h3 span {
color:#666;
font-size:12px;
font-weight:normal;
padding-right:10px;
}

.content-block-news ul {
padding-left:40px;
margin-left:110px;
list-style:none;
margin-top:10px;
}

.content-block-news li {
padding-left:20px;
background:url(../../images/common/bullet-blue-arrow-cr.gif) no-repeat;
border-bottom:1px dashed #dcdcdc;
}

.content-block-news .pic {
background:#fff;
border:1px solid #ccc;
float:left;
clear:both;
margin:5px 10px 20px 5px;
padding:3px;
}

.emap {
background:url(../../images/group/img-e-map.gif) no-repeat right top;
}

.service-center-left {
width:515px;
float:left;
}

.service-center-right {
width:245px;
float:right;
}

.table-e-service ul {
margin:0;
padding:0;
}

.table-e-service li {
background:url(../../images/common/bullet-green-arrow.gif) no-repeat 5px 5px;
border-bottom:1px dashed #ccc;
padding-left:20px;
}

.block-register {
border-bottom:3px solid #39c;
border-top:3px solid #39c;
background:url(../../images/common/img-service-block-bg.gif) repeat-x 0 1px;
margin-bottom:15px;
padding:10px;
}

.table-service-item {
width:100%;
margin:15px 0;
}

.table-service-item th {
text-align:left;
color:#369;
font-weight:normal;
background:url(../../images/group/icon-arrowline.gif) no-repeat;
width:33%;
padding:3px 0 0 16px;
}

.table-service-item td {
vertical-align:top;
line-height:1.5;
}

.table-service-item .c1 {
background:url(../../images/group/bg-item-qa.gif) no-repeat;
padding:0 3px 0 75px;
}

.table-service-item .c2 {
background:url(../../images/group/bg-item-contact.gif) no-repeat;
padding:0 3px 0 75px;
}

.table-service-item .c3 {
background:url(../../images/group/bg-item-download.gif) no-repeat;
padding:0 3px 0 75px;
}

#col-right-channel {
margin-top:10px;
width:245px;
float:right;
}

.right-block-channel {
width:235px;
background-color:#f0f6fa;
border:1px solid #ccc;
margin-top:10px;
vertical-align:top;
text-align:left;
font-size:12px;
clear:both;
}

.right-block-channel .content {
text-align:left;
width:95%;
margin:5px auto;
padding:2px 5px;
}

.right-block-channel .content .table-login td {
padding:2px;
}

.customerfuntion {
background:url(../../images/group/img-customerfuntion.gif) no-repeat 5px 10px;
text-align:left;
padding-left:30px;
border-top:1px dotted #ccc;
}

.customerfuntion ul {
list-style:none;
padding-left:40px;
margin:0;
}

.customerfuntion li {
background:url(../../images/common/bullet-bule-arrow.gif) no-repeat 0 5px;
padding-left:15px;
}

.right-block-channel .content ul li {
background:url(../../images/common/bullet-green-arrow.gif) no-repeat;
background-position:0 4px;
padding-left:12px;
border-bottom:1px dashed #ccc;
margin:5px 0;
}

.right-block-channel .content ul li a {
color:#666;
}

.right-block-channel img {
display:block;
}

.right-block-channel img.pic {
border:1px solid #ccc;
margin:2px 5px 5px;
}

.right-block-channel .title {
height:22px;
background:url(../../images/common/img-right-block-top.gif) no-repeat top;
color:#fff;
font-size:13px;
padding-top:3px;
text-indent:10px;
font-weight:bold;
float:left;
}

.right-block-channel .title-green {
height:22px;
background:url(../../images/common/img-right-block-top-g.gif) repeat-x top;
color:#fff;
font-size:13px;
padding-top:3px;
padding-left:10px;
font-weight:bold;
}

.right-block-channel .title-blue {
height:22px;
background:url(../../images/common/img-right-block-top.gif) repeat-x top;
color:#fff;
font-size:13px;
padding-top:3px;
padding-left:10px;
font-weight:bold;
}

.right-block-channel h1 {
font-size:13px;
font-weight:bold;
float:left;
}

.right-block-channel td {
vertical-align:top;
}

.t-content-block-a h2,.t-content-block-s h2 {
margin-bottom:5px;
color:#369;
font-size:13px;
font-weight:bold;
border-bottom:1px solid #dcdcdc;
background:url(../../images/common/bullet-orange.gif) no-repeat left bottom;
padding:0 0 2px 18px;
}

.t-content-block-a .post,.t-content-block-s .post,.content-block-news .post {
padding:5px 15px;
}

.t-content-block-a ul,.branch-selecter ul,.branch-selecter-emap ul {
list-style:none;
}

.t-content-block-s ul,.right-block-channel .content ul {
list-style:none;
margin:0;
padding:0;
}

.table-contact-data,.table-trade-index {
width:100%;
border-collapse:collapse;
border:1px solid #4ca7ba;
}

.table-contact-data .dept,.table-download-data .dept {
width:130px;
}

.tab-service ul,.tab-branch ul {
margin:0 0 0 10px;
padding:0;
}

.tab-service li,.tab-branch li {
text-align:center;
width:88px;
height:20px;
margin-top:7px;
margin-left:2px;
padding-top:5px;
display:block;
float:left;
background:url(../../images/common/bg-tab-4w.gif) no-repeat;
}

.tab-service li.on,.tab-branch li.on {
background:url(../../images/common/bg-tab-4w-on.gif) no-repeat;
font-weight:bold;
}

.table-e-service,.right-block-channel .content .table-login,.right-block-channel .content span {
width:100%;
}

.right-block-channel .title span,.right-block-channel .title-green span,.right-block-channel .title-blue span {
float:right;
padding-right:5px;
}

.right-block-channel .title span a,.right-block-channel .title-green span a,.right-block-channel .title-blue span a {
font-size:12px;
color:#fff;
}