@charset "utf-8";
html, body, blockquote, caption, dd, div, dl, dt, fieldset, form, frame, h1, h2, h3, h4, h5, h6, hr, iframe, input, legend, li, object, ol, p, pre, q, select, table, textarea, tr, td, ul {
margin: 0;
padding: 0;
}
/* ------------------------------------------ */
/* ---------------- RESPONSIVE -------------- */
/* ------------------------------------------ */
.modal-body ol, .ui-dialog-content ol {
list-style: normal;
}
a.read_more_disclaimer {
font-weight: bold;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
-webkit-appearance: none !important; 
margin: 0 !important; 
}
input[type=number] {
-moz-appearance:textfield !important;
}
.desktopView#kia .a_next .back, .tabView#kia .a_next .back {
background-image: none;
}
body.iframe.smartMobile .CorporateWrap {
width: 100%;
}
html {
overflow-y: scroll;
}
html, body, form {
height: 100%;
width: 100%;
}
body {
color: #333333;
font: 12px/1.2 "Tahoma", Dotum, sans-serif;
}
body.iframe .CorporateWrap {
width: 100%;
float: left;
margin: 0;
padding: 10px 0 0 0;
}
body.iframe .Wrap320 .CorporateWrap {
width: 320px;
}
body.iframe {
width: auto;
overflow: hidden !important;
height: auto;
}
ol li {
list-style: normal;
margin-bottom: 5px;
}
.mobile .noMobile {
display: none !important;
}
.col-sm-5 {
width: 41%;
float: left;
}
.col-sm-7 {
width: 58%;
float: left;
}
.work-hours {
text-align: right;
}
fieldset, img {
border: 0 none;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'KIA-Light', Arial, sans-serif;
font-style: normal;
}
hr {
display: none;
}
ol, ul {
list-style: none outside none;
}
table {
border: 0 none;
border-collapse: collapse;
empty-cells: show;
}
textarea {
resize: none;
}
a, object, embed { 
outline: 0;
}
a {
text-decoration: none;
}
p {
padding-bottom: 10px;
}
dfn, em, address {
font-style: normal;
}
html {
overflow-x: hidden;
}
legend, #skip, caption, .hidden {
display: none;
}
input, label {
vertical-align: middle;
}
input[type="text"], input[type="password"], input[type="number"] {
border: 1px solid #C0C0C0;
color: #000000;
font: 12px/18px "Tahoma",Dotum;
height: 18px;
margin: 0;
padding: 0 5px;
}
input[type="checkbox"] {
height: 16px;
width: 16px;
}
select {
font: 12px/20px "Tahoma";
height: 20px;
vertical-align: middle;
}
textarea {
border: 1px solid #C0C0C0;
font: 12px/18px "Tahoma";
}
a {
color: #444444;
}
a:hover {
color: #21409A;
}
table {
table-layout: fixed;
width: 100%;
}
.Wrap {
height: 100%;
width: 100%;
}
.Wrap640 {
height: 100%;
width: 100%;
}
.Wrap320 {
height: 100%;
width: 100%;
}
.Wrap320 .formholder .shortRepresentativeData, .Wrap320 .formholder .step_fields .choosenRepresentativeData {
display: none !important;
}
.iframe .Wrap320 {
float: left;
width: 320px;
}
.headerWrap {
background: url("../img/common/bg-header.png") repeat-x scroll 0 0 transparent;
height: 82px;
position: relative;
width: 100%;
z-index: 100;
}
.header {
margin: 0 auto;
position: relative;
width: 980px;
}
.Logo {
left: 39px;
position: absolute;
top: 21px;
}
.Country {
position: absolute;
font-family: 'Kia-Medium', Tahoma, sans-serif;
left: 187px;
top: 10px;
color: #A8AAAC;	
font-size: 11px;
height: 28px;
vertical-align: middle;
}
.Flag {
margin-top: 5px;
position: absolute;
left: 150px;
}
.Util {
position: absolute;
right: 0;
top: 5px;
}
.Util li {
color: #A8AAAC;
display: inline;
float: left;
font-family: 'Kia-Medium', Tahoma, sans-serif;
font-size: 11px;
height: 18px;
line-height: 18px;
margin-left: 20px;
padding-top: 1px;
}
.Util li a {
color: #A8AAAC;
display: inline-block;
height: 18px;
padding-left: 20px;
vertical-align: middle;
}
.Util li.search a {
height: auto;
margin: 0;
padding: 0;
float: right;
}
.Util li:hover a {
color: #444444;
}
.Util li input {
background: url("../img/common/bg-search-bar.gif") no-repeat scroll 0 0 transparent;
border: 0 none;
display: inline-block;
height: 24px;
vertical-align: middle;
width: 169px;
}
.Util .search {
margin-left: 12px;
padding: 0;
}
.Util .search320 {
display: none;
}
.Gnb {
padding-left: 150px;
padding-top: 45px;
}
.Gnb:after {
clear: both;
content: "";
display: block;
}
.Gnb > li {
font-family: 'Kia-Medium',Verdana;
font-size: 14px;
}
.Gnb li {
display: inline;
float: left;
margin-right: 30px;
text-align: center;
}
.Gnb .on a {
background: url("../img/common/bg-Gnb-select.gif") no-repeat scroll center bottom transparent;
display: inline-block;
height: 28px;
}
.Gnb li a {
display: inline-block;
height: 28px;
min-width: 74px;
}
.Gnb li .Gnb-2deps {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: -moz-use-text-color #D9D9D9 #D9D9D9;
border-style: none solid solid;
border-width: 0 2px 2px;
left: 0;
position: absolute;
top: 76px;
width: 980px;
z-index: 150;
}
.Gnb li .Gnb-2deps .Ab-Models {
bottom: 15px;
position: absolute;
right: 15px;
}
.Gnb li .Gnb-2deps a {
height: auto;
width: auto;
}
.Gnb li .Gnb-2deps li {
height: auto;
text-align: left;
width: auto;
}
.Gnb li .Gnb-2deps .line-box {
border-bottom: 1px solid #D9D9D9;
overflow: hidden;
padding-bottom: 20px;
padding-left: 18px;
}
.Gnb li .Gnb-2deps .line-box h3 {
background: url("../img/common/bg-cars-line.gif") no-repeat scroll 0 28px transparent;
float: left;
font-family: 'KIA-Light', Arial, sans-serif;
font-size: 14px;
padding-top: 44px;
text-align: left;
width: 106px;
}
.Gnb li .Gnb-2deps .line-box ul {
float: right;
padding-right: 11px;
position: relative;
width: 845px;
}
.Gnb li .Gnb-2deps .line-box ul li {
border: 1px solid transparent;
border-radius: 5px 5px 5px 5px;
height: 125px;
margin: 10px 30px 5px 0;
overflow: hidden;
padding: 0 0 10px;
width: 175px;
}
.Wrap640 .Gnb li .Gnb-2deps .line-box ul li {
margin-right: 0;
}
.Gnb li .Gnb-2deps .line-box ul li:hover {
background-color: #EAEBEC;
border: 1px solid #D7D9DA;
}
.Gnb li .Gnb-2deps .line-box ul li:hover a h4 {
color: #333333;
}
.Gnb li .Gnb-2deps .line-box ul li img {
position: relative;
z-index: 55;
}
.Gnb li .Gnb-2deps .line-box:after {
clear: both;
content: "";
display: block;
}
.Gnb li .Gnb-2deps .line-box img {
max-width: 175px;
}
.Gnb li .Gnb-2deps .line-box .bg-box {
background: url("../img/common/bg-gnb-detail.gif") no-repeat scroll 0 0 transparent;
height: 220px;
left: 0;
padding: 10px 445px 0 21px;
position: absolute;
top: 115px;
width: 375px;
z-index: 53;
}
.Gnb li .Gnb-2deps .line-box .bg-box p {
color: #575757;
font-size: 11px;
line-height: 14px;
margin-top: 22px;
}
.Gnb li .Gnb-2deps .line-box .bg-box h4 {
color: #000000;
font-family: 'KIA-Medium';
font-size: 24px;
line-height: 18px;
}
.Gnb li .Gnb-2deps .line-box .bg-box h4 strong {
margin-left: 20px;
}
.Gnb li .Gnb-2deps .line-box .bg-box .btn-area {
margin-top: 20px;
}
.Gnb li .Gnb-2deps .line-box .bg-box .btn-area div {
margin-top: 5px;
}
.Gnb li .Gnb-2deps .line-box .bg-box .btn-area .img-box {
left: 410px;
position: absolute;
top: 10px;
}
.Gnb li .Gnb-2deps .line-box .bg-box .one-top {
display: block;
margin-bottom: 5px;
}
.Gnb li .Gnb-2deps .line-box .bg-box .btn-area a {
background: none repeat scroll 0 0 transparent;
}
.Gnb li .Gnb-2deps .line-box .bg-box .btn-area .ico-box {
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 139px;
}
.Gnb li .Gnb-2deps .line-box .bg-box .btn-area .ico-box li {
border-top: 1px solid #C5C8CA;
display: block;
float: none;
}
.Gnb li .Gnb-2deps .line-box .bg-box .btn-area .ico-box li:first-child {
border-top: 0 none;
}
.Gnb li li {
margin-right: 0;
}
.Gnb li.dropdown {
position: relative;
}
.Gnb li.dropdown ul {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: #BB162B #D9D9D9 #D9D9D9;
border-style: solid;
border-width: 3px 2px 2px;
display: none;
font-family: 'Kia-Medium',Verdana;
font-size: 14px;
left: 0;
min-width: 140px;
position: absolute;
top: 28px;
z-index: 160;
}
.Wrap640 .headerWrap {
z-index: 1000;
}
.Wrap640 .Gnb li.dropdown ul {
top: 25px;
}
.Gnb li.dropdown ul li ul {
border: 1px solid #CCCCCC;
list-style: none outside none;
margin: 0;
padding: 0;
position: absolute;
right: -147px;
top: -1px;
width: 145px;
}
.Gnb li.dropdown ul li, .Gnb li.dropdown ul li ul li {
margin: 0;
padding-bottom: 0;
padding-right: 0;
padding-top: 0;
text-align: left;
}
.Gnb li.dropdown ul li a {
background-color: #FFFFFF;
border-bottom: 1px solid #CCCCCC;
color: #666666;
display: block;
font-size: 13px;
height: 20px;
min-width: 160px;
padding: 5px 0 5px 10px;
text-decoration: none;
}
.Gnb li.dropdown ul li a:hover {
background-color: #333333;
border-bottom: 1px solid #CC0000;
color: #FFFFFF;
}
.Gnb .on ul li a {
background-image: none;
}
.Btn-Menu {
display: none;
}
.Btn-Menu2 {
display: none;
}
.contentWrap {
margin: 0 auto;
position: relative;
top: -6px;
z-index: 99;
}
.contentWrap .notop {
padding-top: 0;
}
.contentWrap .content {
margin: 0 auto;
width: 980px;
}
.main-visual {
height: 524px;
margin: 0 auto;
position: relative;
}
.main-visual ul {
position: relative;
text-align: center;
z-index: 15;
}
.main-visual ul li {
display: inline;
margin: 0 2px;
vertical-align: top;
}
.main-visual ul li a {
display: inline-block;
padding-top: 25px;
}
.main-visual ul .on a {
display: inline-block;
padding-top: 0;
}
.main-visual .Video {
display: none;
}
.page-areatop {
bottom: 1px;
left: 0;
position: absolute;
width: 100%;
}
#example {
height: 570px;
}
#slides {
height: 570px;
left: 50%;
margin-left: -640px;
position: absolute;
top: 0;
width: 1280px;
}
.pagination {
overflow: hidden;
position: relative;
text-align: center;
width: auto;
z-index: 15;
}
.pagination li {
display: inline;
margin: 0 2px;
vertical-align: top;
}
.pagination li a {
display: inline-block;
height: 90px;
padding-top: 0;
position: relative;
width: 93px;
}
.pagination li a span {
left: 0;
position: absolute;
top: 25px;
}
.pagination li a img {
display: inline-block;
vertical-align: middle;
}
.pagination .current a {
display: inline-block;
padding-top: 0;
}
.pagination .current a span {
left: 0;
top: 0;
}
.pagination .current a img {
display: inline-block;
margin-top: 0;
}
.Example320 {
display: none;
}
.Wrap640 #example {
height: 367px;
}
.Wrap640 #slides {
height: 367px;
left: 50%;
margin-left: -320px;
position: absolute;
top: 0;
width: 640px;
}
.Wrap640 .slides_control {
height: 570px;
left: 50%;
margin-left: -320px;
position: absolute;
top: 0;
width: 640px;
}
.Wrap640 .main-visual {
height: 320px;
margin: 0 auto;
position: relative;
}
.Wrap320 .Example320 {
display: block;
}
.Wrap320 #example {
height: 192px;
}
.Wrap320 #slides {
height: 192px;
left: 50%;
margin-left: -160px;
position: absolute;
top: 0;
width: 320px;
}
.Wrap320 .slides_control {
height: 192px;
left: 50%;
margin-left: -160px;
position: absolute;
top: 0;
width: 320px;
}
.Wrap320 .Example320 {
height: 192px;
margin: 0 auto;
position: relative;
}
.Wrap320 .main-visual .Video {
display: block;
}
.Wrap320 .main-visual .flash_video {
display: none;
}
.main-banner {
margin: 0 auto 40px;
position: relative;
text-align: center;
width: 980px;
}
.main-banner .banner-area {
position: relative;
width: 100%;
}
.main-banner .prev {
left: 0;
margin-top: -50px;
position: absolute;
top: 50%;
z-index: 10000;
}
.main-banner .next {
margin-top: -50px;
position: absolute;
right: 0;
top: 50%;
z-index: 10000;
}
.main-banner .banner-box {
height: 140px;
margin: 0 20px;
overflow: hidden;
position: relative;
}
.main-banner .banner-Ul {
left: 0;
overflow: hidden;
position: absolute;
text-align: center;
top: 0;
width: 10000px;
}
.main-banner .banner-Ul:after {
clear: both;
content: "";
display: block;
}
.main-banner .banner-Ul li {
float: left;
width: 960px;
}
.main-banner .banner-Ul li a {
background: url("../img/main/bg-banner-bar.gif") no-repeat scroll left bottom transparent;
float: left;
padding-bottom: 4px;
text-align: left;
width: 240px;
}
.main-banner .page-area {
position: relative;
}
.main-banner .page-area ul {
margin-top: 20px;
position: relative;
text-align: center;
z-index: 15;
}
.main-banner .page-area ul li {
display: inline;
margin: 0 2px;
vertical-align: top;
}
.main-banner .page-area ul li a {
display: inline-block;
}
.Wrap640 .main-banner {
width: 640px;
}
.Wrap640 .banner-box {
height: 310px;
margin: 0 80px;
}
.Wrap640 .banner-box {
height: 310px;
margin: 0 80px;
}
.Wrap640 .prev {
display: block;
}
.Wrap640 .next {
display: block;
}
.Wrap640 .banner-Ul {
width: 526px;
}
.Wrap640 .banner-Ul li {
width: 526px;
}
.Wrap640 .banner-Ul li a {
margin-bottom: 20px;
width: 258px;
}
.Wrap320 .main-banner {
width: 320px;
}
.Wrap320 .main-banner .prev {
display: none;
}
.Wrap320 .main-banner .next {
display: none;
}
.Wrap320 .banner-box {
height: 604px;
margin: 0 50px;
}
.Wrap320 .banner-Ul {
padding-top: 20px;
width: 220px;
}
.Wrap320 .banner-Ul li {
width: 220px;
}
.Wrap320 .banner-Ul li a {
margin-bottom: 8px;
width: 220px;
}
.Lnb {
float: left;
width: 170px;
}
.Lnb h2 {
border-bottom: 2px solid #676767;
color: #333333;
font-family: 'KIA-Light', Arial, sans-serif;
font-size: 17px;
height: 27px;
}
.Lnb .lnb-ul {
padding-left: 10px;
padding-top: 15px;
}
.Lnb .lnb-ul li {
margin-top: 2px;
overflow: hidden;
}
.Lnb .lnb-ul li a {
color: #58595B;
display: block;
font: 12px/22px Tahoma, Helvetica;
height: 22px;
padding-left: 10px;
}
.Lnb .lnb-ul .on a {
background: none repeat scroll 0 0 #BB162B;
color: #FFFFFF;
font-weight: bold;
}
.Lnb .lnb-ul .on ul {
display: block;
}
.Lnb .lnb-ul .on li a {
background: url("../img/common/bg-lnb-off.gif") no-repeat scroll 0 9px transparent;
color: #58595B;
font: 11px/20px Tahoma, Helvetica;
height: 20px;
padding-left: 10px;
}
.Lnb .lnb-ul .on .on a {
background: url("../img/common/bg-lnb-on.gif") no-repeat scroll 0 9px transparent;
color: #BB162B;
font-weight: bold;
}
.Lnb .lnb-ul li ul {
display: none;
margin-top: 10px;
padding-bottom: 10px;
padding-left: 0;
}
.Lnb .lnb-ul li ul li {
margin-top: 0;
padding-left: 10px;
}
.Lnb .lnb-ul li ul li a {
background: url("../img/common/bg-lnb-off.gif") no-repeat scroll 0 9px transparent;
color: #58595B;
font: 11px/20px Tahoma, Helvetica;
height: 20px;
padding-left: 10px;
}
.footerWrap {
background: url("../img/common/bg-footerWrap.gif") repeat-x scroll 0 0 #E4E5E6;
clear: both;
margin-bottom: 30px;
margin-top: 50px;
position: relative;
width: 100%;
z-index: 10;
}
.footer {
margin: 0 auto;
padding-bottom: 20px;
position: relative;
width: 980px;
}
.ico-area {
padding-top: 13px;
}
.ico-area:after {
clear: both;
content: "";
display: block;
}
.ico-area li {
display: inline;
margin: 0 10px 0 2px;
vertical-align: middle;
}
.ico-area li a {
display: inline-block;
margin-right: 0;
vertical-align: middle;
}
.ico-area li.first a {
display: inline-block;
margin-left: 10px;
vertical-align: middle;
}
.ico-area li.first a.first {
margin-left: 0;
vertical-align: middle;
}
.ico-area .mic {
position: relative;
}
.ico-area .mic select {
background-color: #8E8E8E;
border: 1px solid #6F6F6F;
border-radius: 3px 3px 3px 3px;
color: #FFFFFF;
font-family: 'KIA-Medium',Arial;
font-size: 10px;
height: 24px;
line-height: 10px;
padding-bottom: 2px;
padding-top: 4px;
text-align: left;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
}
.ico-area .mic .mic-select {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #F6F6F6;
border-color: #C5C5C5 #C5C5C5 -moz-use-text-color;
border-style: solid solid none;
border-width: 1px 1px 0;
display: none;
left: 0;
position: absolute;
top: -57px;
width: 124px;
}
.ico-area .mic .mic-select li {
display: block;
height: 14px;
padding: 2px 0;
}
.ico-area .mic .mic-select a {
display: inline-block;
font-size: 11px;
height: 14px;
line-height: 14px;
margin-left: 5px;
vertical-align: middle;
}
.footer .logo {
bottom: -34px;
position: absolute;
right: 0;
}
.footer p {
margin-top: 8px;
font-size: 11px !important;
}
.footer-sitemap {
margin-top: 30px;
padding-bottom: 0px;
padding-top: 20px;
color: #666666;
}
.footer-sitemap:after {
clear: both;
content: "";
display: block;
}
.footer-sitemap ul {
float: left;
margin-right: 75px;
min-width: 120px;
}
.footer-sitemap .last {
float: left;
margin-right: 0;
}
.footer-sitemap li {
font-size: 12px;
line-height: 14px;
}
.footer-sitemap > ul > li > a > strong {
background: url("//www.kmag.net/sharedcakephp/kia/images/navi_arrow_right_red.png") no-repeat scroll left center transparent;
margin-left: -12px;
padding: 0 0 0 12px;
font-size: 18px;
color: #666666;
}
.footer-sitemap li ul {
float: none;
margin-right: 0;
padding-top: 10px;
}
.footer-sitemap li ul li {
font-size: 12px;
line-height: 14px;
margin-top: 4px;
}
.mat20 {
margin-top: 20px;
}
.mat10 {
margin-top: 10px;
}
.mat15 {
margin-top: 15px;
}
.mat25 {
margin-top: 25px;
}
.mat30 {
margin-top: 30px;
}
.mat35 {
margin-top: 35px;
}
.mat50 {
margin-top: 50px;
}
.mat250 {
margin-top: 250px;
}
.mal5 {
margin-left: 5px;
}
.txt-c {
text-align: center;
}
.txt-l {
text-align: left;
}
.txt-r {
text-align: right;
}
.Wrap640 {
border-top: 1px solid #D5D8DC;
}
.Wrap640 .headerWrap {
background: url("../img/common/bg-header640.png") repeat-x scroll 0 0 transparent;
height: 74px;
}
.Wrap640 .Logo {
left: 25px;
top: 2px;
}
.Wrap640 .Logo img {
height: 30px;
width: 55px;
}
.Wrap640 .Gnb {
padding-left: 20px;
padding-top: 41px;
}
.Wrap640 .Gnb li {
margin-right: 0;
padding-right: 20px;
}
.Wrap640 .Gnb .on a {
height: 25px;
}
.Wrap640 .Gnb li a {
display: inline-block;
height: 28px;
min-width: 55px;
}
.Wrap640 .Gnb li .Gnb-2deps {
background: none repeat scroll 0 0 #FFFFFF;
left: 0;
position: absolute;
top: 69px;
width: 640px;
z-index: 150;
}
.Wrap640 .Gnb li .Gnb-2deps .Ab-Models {
bottom: 15px;
position: absolute;
right: 15px;
}
.Wrap640 .Gnb li .Gnb-2deps a {
height: auto;
width: auto;
}
.Wrap640 .Gnb li .Gnb-2deps li {
height: auto;
margin-right: 0;
text-align: left;
width: auto;
}
.Wrap640 .Gnb li .Gnb-2deps .line-box {
border-bottom: 1px solid #D9D9D9;
padding-left: 10px;
padding-right: 10px;
}
.Wrap640 .Gnb li .Gnb-2deps .line-box h3 {
background: url("../img/common/bg-cars-line.gif") no-repeat scroll 0 28px transparent;
float: left;
padding-top: 44px;
width: 60px;
}
.Wrap640 .Gnb li .Gnb-2deps .line-box ul {
float: right;
padding-right: 0;
width: 560px;
}
.Wrap640 .Gnb li .Gnb-2deps .line-box ul li img {
position: relative;
z-index: 55;
}
.Wrap640 .Gnb li .Gnb-2deps .line-box ul .on {
height: 346px;
}
.Wrap640 .Gnb li .Gnb-2deps .line-box:after {
clear: both;
content: "";
display: block;
}
.Wrap640 .Gnb li .Gnb-2deps .line-box .bg-box {
background: url("../img/common/bg-gnb-detail640.gif") no-repeat scroll 0 0 transparent;
height: 221px;
left: 0;
padding: 10px 268px 0 20px;
position: absolute;
top: 115px;
width: 272px;
z-index: 53;
}
.Wrap640 .Gnb li .Gnb-2deps .line-box .bg-box .ico-box {
display: none;
}
.Wrap640 .Gnb li .Gnb-2deps .line-box .bg-box p {
color: #575757;
font-size: 11px;
line-height: 14px;
margin-top: 22px;
}
.Wrap640 .Gnb li .Gnb-2deps .line-box .bg-box h4 {
font-size: 16px;
line-height: 18px;
}
.Wrap640 .Gnb li .Gnb-2deps .line-box .bg-box h4 strong {
margin-left: 20px;
}
.Wrap640 .Gnb li .Gnb-2deps .line-box .bg-box .btn-area {
margin-top: 20px;
}
.Wrap640 .Gnb li .Gnb-2deps .line-box .bg-box .btn-area div {
margin-top: 5px;
}
.Wrap640 .Gnb li .Gnb-2deps .line-box .bg-box .one-top {
display: inline;
}
.Wrap640 .Gnb li .Gnb-2deps .line-box .bg-box .btn-area .img-box {
left: 265px;
position: absolute;
top: 10px;
}
.Wrap640 .Gnb li .Gnb-2deps .line-box .bg-box .btn-area .ico-box {
padding: 0;
position: absolute;
right: 0;
top: 18px;
width: 117px;
}
.Wrap640 .Gnb li .Gnb-2deps .line-box .bg-box .btn-area .ico-box li {
border-top: 1px solid #C5C8CA;
display: block;
float: none;
}
.Wrap640 .Gnb li .Gnb-2deps .line-box .bg-box .btn-area .ico-box li:first-child {
border-top: 0 none;
}
.Wrap640 .CorporateWrap {
margin: 0 auto;
padding-top: 0;
width: 640px;
}
.Wrap640 .Lnb {
clear: both;
float: none;
width: 100%;
}
.Wrap640 .Lnb:after {
clear: both;
content: "";
display: block;
}
.Wrap640 .Lnb h2 {
display: none;
}
.Wrap640 .Lnb .lnb-ul {
padding-left: 0;
padding-top: 0;
}
.Wrap640 .Lnb .lnb-ul li {
border-bottom: 1px solid #E0E1E2;
height: 30px;
margin: 0;
padding-left: 20px;
}
.Wrap640 .Lnb .lnb-ul li:after {
clear: both;
content: "";
display: block;
}
.Wrap640 .Lnb .lnb-ul li a {
color: #58595B;
display: inline-block;
float: left;
font: 12px/30px Tahoma, Helvetica;
height: 30px;
padding-left: 0;
width: 95px;
}
.Wrap640 .Lnb .lnb-ul .on {
background: none repeat scroll 0 0 #333333;
border-bottom: 0 none;
}
.Wrap640 .Lnb .lnb-ul .on a {
background: none repeat scroll 0 0 transparent;
color: #FFFFFF;
font-weight: bold;
}
.Wrap640 .Lnb .lnb-ul .on li a {
background: url("../img/common/bg-lnb640-off.gif") no-repeat scroll 0 12px transparent;
color: #88898B;
font: 11px Tahoma, Helvetica;
padding-left: 10px;
}
.Wrap640 .Lnb .lnb-ul .on .on a {
background: url("../img/common/bg-lnb640-on.gif") no-repeat scroll 0 12px transparent;
color: #D10B24;
font-weight: bold;
}
.Wrap640 .Lnb .lnb-ul li ul {
float: left;
margin: 0;
padding-bottom: 0;
}
.Wrap640 .Lnb .lnb-ul li ul li {
border-bottom: 0 none;
display: inline;
float: left;
margin-right: 30px;
margin-top: 0;
padding-left: 0;
}
.Wrap640 .Lnb .lnb-ul li ul li a {
background: url("../img/common/bg-lnb640-off.gif") no-repeat scroll 0 12px transparent;
color: #58595B;
font: 11px/16px Tahoma, Helvetica;
height: 16px;
padding: 7px 0;
vertical-align: middle;
width: auto;
}
.Wrap640 .ProductWrap {
margin: 0 auto;
position: relative;
width: 640px;
}
.Wrap640 .footer .logo {
position: absolute;
right: 30px;
}
.Wrap320 #example {
display: none;
}
.Wrap320 .Gnb {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #DDDDDD -moz-use-text-color -moz-use-text-color #DDDDDD;
border-style: solid none none solid;
border-width: 1px 0 0 1px;
display: none;
margin-bottom: 6px;
margin-top: 3px;
padding-left: 1px;
padding-top: 0;
}
.Wrap320 .Gnb li {
border-bottom: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
display: inline;
float: left;
height: 20px;
margin-right: 0;
padding-top: 10px;
text-align: center;
width: 158px;
}
.Wrap320 .Gnb li .Gnb-2deps {
visibility: hidden;
}
.Wrap320 .footer-sitemap ul {
margin-right: 30px;
}
.Wrap320 .footer-sitemap ul:nth-child(2n) {
margin-right: 0;
}
.Wrap640 .header {
margin: 0 auto;
position: relative;
width: 640px;
}
.Wrap640 .footer {
margin: 0 auto;
padding-bottom: 20px;
position: relative;
width: 640px;
}
.Wrap640 .footer-sitemap ul {
float: left;
margin-right: 61px;
}
.Wrap640 .footer-sitemap ul {
margin-right: 10px;
}
.Wrap640 .footer-sitemap ul:nth-child(4n) {
margin-right: 0;
}
.Wrap640 .footer-sitemap .last {
float: left;
margin-right: 0;
}
.Wrap640 .footer-sitemap li ul {
float: none;
margin-right: 0;
padding-top: 10px;
}
.Wrap320 {
border-top: 1px solid #D5D8DC;
margin: 0 auto;
}
.Wrap320 .headerWrap {
background: url("../img/common/bg-header320.gif") repeat-x scroll 0 0 transparent;
height: auto;
}
.Wrap320 .header {
margin: 0 auto;
width: 320px;
}
.Wrap320 .contentWrap {
margin: 0 auto;
width: 320px;
}
.iframe .Wrap320 .contentWrap {
float: left;
}
.Wrap320 .Logo {
left: 10px;
top: 30px;
}
.Wrap320 .Logo img {
height: 30px;
width: 55px;
}
.Wrap320 .footerWrap {
margin-bottom: 0;
}
.Wrap320 .footerWrap .logo {
display: none;
}
.Wrap320 .ico-area li {
display: none;
}
.Wrap320 .ico-area .mic-select li {
display: block;
}
.Wrap320 .ico-area:after {
clear: both;
content: "";
display: block;
}
.Wrap320 .ico-area .mic {
display: block;
float: left;
margin-left: 10px;
}
.Wrap320 .ico-area .sns-ico {
display: block;
float: right;
}
.Wrap320 .footer p {
text-align: center;
}
.Wrap320 .header {
margin: 0 auto;
position: relative;
width: 320px;
}
.Wrap320 .footer {
margin: 0 auto;
padding-bottom: 20px;
position: relative;
width: 320px;
}
.Wrap320 .Gnb {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #DDDDDD -moz-use-text-color -moz-use-text-color #DDDDDD;
border-style: solid none none solid;
border-width: 1px 0 0 1px;
display: none;
margin-bottom: 6px;
margin-top: 0;
padding-left: 1px;
padding-top: 0;
}
.Wrap320 .Util {
padding-top: 2px;
right: 5px;
}
.Wrap320 .Util .search {
display: none;
}
.Wrap320 .Util .search input {
width: 99px;
}
.Wrap320 .Util .search320 {
display: block;
margin-top: -4px;
}
.Wrap320 .Gnb-2deps {
display: none;
}
.Wrap320 .Gnb li {
border-bottom: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
display: inline;
float: left;
font-size: 12px;
height: 20px;
margin-right: 0;
padding-top: 10px;
text-align: center;
width: 158px;
}
.Wrap320 .Gnb li.dropdown ul {
margin-left: -2px;
margin-top: 2px;
overflow: hidden;
width: 158px;
}
.Wrap320 .Gnb li.dropdown ul li {
height: 30px;
}
.Wrap320 .Gnb li .Gnb-2deps {
visibility: hidden;
}
.Wrap320 .Gnb li a {
display: inline-block;
height: auto;
width: 85px;
}
.Wrap320 .Gnb li.on a {
background: none repeat scroll 0 0 transparent;
}
.Wrap320 .Btn-Menu {
display: block;
padding: 34px 5px 3px 0;
text-align: right;
}
.Wrap320 .Btn-Menu2 {
display: block;
padding: 34px 5px 3px 0;
text-align: right;
}
.Wrap320 .CorporateWrap {
margin: 0 auto;
padding-top: 0;
width: 320px;
}
.Wrap320 .Lnb {
clear: both;
float: none;
width: 100%;
}
.Wrap320 .Lnb:after {
clear: both;
content: "";
display: block;
}
.Wrap320 .Lnb h2 {
display: none;
}
.Wrap320 .Lnb {
background: url("../img/common/bg-320lnb.gif") repeat-x scroll left bottom transparent;
padding-bottom: 5px;
}
.Wrap320 .Lnb .lnb-ul {
margin-top: 5px;
padding-left: 0;
padding-top: 0;
}
.Wrap320 .Lnb .lnb-ul li {
border-bottom: 1px solid #E0E1E2;
margin: 0;
padding-left: 0;
}
.Wrap320 .Lnb .lnb-ul li:after {
clear: both;
content: "";
display: block;
}
.Wrap320 .Lnb .lnb-ul li a {
color: #58595B;
display: block;
float: none;
font: 12px/30px Tahoma, Helvetica;
height: 30px;
padding-left: 10px;
width: auto;
}
.Wrap320 .Lnb .lnb-ul .on {
border-bottom: 1px solid #E0E1E2;
}
.Wrap320 .Lnb .lnb-ul .on a {
background: none repeat scroll 0 0 #333333;
color: #FFFFFF;
font-weight: bold;
}
.Wrap320 .Lnb .lnb-ul .on li a {
background: url("../img/common/bg-lnb-off.gif") no-repeat scroll 0 9px transparent;
color: #58595B;
font: 11px Tahoma, Helvetica;
padding-left: 10px;
}
.Wrap320 .Lnb .lnb-ul .on .on a {
background: url("../img/common/bg-lnb-on.gif") no-repeat scroll 0 9px transparent;
color: #D10B24;
font-weight: bold;
}
.Wrap320 .Lnb .lnb-ul .on .on {
border: medium none;
}
.Wrap320 .Lnb .lnb-ul li ul {
float: none;
margin-top: 6px;
padding-bottom: 0;
padding-left: 10px;
}
.Wrap320 .Lnb .lnb-ul li ul li {
border-bottom: 0 none;
float: none;
margin-right: 0;
margin-top: 0;
padding-left: 0;
}
.Wrap320 .Lnb .lnb-ul li ul li a {
background: url("../img/common/bg-lnb-off.gif") no-repeat scroll 0 9px transparent;
color: #58595B;
font: 11px/16px Tahoma, Helvetica;
height: 16px;
padding: 4px 0;
vertical-align: middle;
width: auto;
}
.Find-more {
position: relative;
}
.Find-more a {
position: absolute;
right: 16px;
top: 14px;
}
.IWrap320 .Find-more {
position: relative;
}
.IWrap320 .Find-more a {
position: absolute;
right: 182px;
top: 59px;
}
.content-head {
border-bottom: 2px solid #676767;
height: 27px;
position: relative;
}
.mobile .content-head {
padding-top: 5px;
}
.content-head ul {
position: absolute;
right: 2px;
top: 4px;
}
.content-head ul.location .last {
  display: none;
}
.content-head ul.location {
  margin-right: -10px;
}
#kia[data-url="news"] .content-head ul.location,
#kia[data-url="news/"] .content-head ul.location,
#kia[data-url="press_news"] .content-head ul.location,
#kia[data-url="press_news/"] .content-head ul.location {
  margin-right: 0px;
}
#kia[data-url="news"] .content-head ul.location .last,
#kia[data-url="news/"] .content-head ul.location .last,
#kia[data-url="press_news"] .content-head ul.location .last,
#kia[data-url="press_news/"] .content-head ul.location .last {
  display: inline-block;
}
.content-head ul li:first-child {
background: url("../img/common/ico-home.gif") no-repeat scroll 0 3px transparent;
padding-left: 16px;
}
.content-head ul li {
background: url("../img/common/ico-1depth.gif") no-repeat scroll 0 6px transparent;
float: left;
margin-right: 10px;
padding-left: 11px;
}
.content-head ul .last {
background: url("../img/common/ico-2depth.gif") no-repeat scroll 0 6px transparent;
margin-right: 0;
}
.content-head ul .last a {
color: #949494;
}
.content-head ul li a {
color: #949494;
font: 11px/14px Tahoma, Helvetica;
}
.ProductWrap {
margin: 0 auto;
padding-top: 30px;
width: 980px;
}
.Car-main p {
font: 14px/20px Roboto, Tahoma, Helvetica;
width: 400px;
color: #fff;
}
.Car-main img {
  padding-bottom: 20px;
}
.Car-index {
position: relative;
}
.Car-index .car-info {
border-bottom: 1px solid #E4E4E4;
padding-top: 20px;
position: relative;
width: 100%;
}
.Car-index .car-info p {
line-height: 17px;
margin-top: 20px;
width: 420px;
}
.Car-index .car-info .money {
color: #555555;
font: 24px/26px Tahoma, Helvetica;
margin-top: 25px;
}
.Car-index .car-info ul {
margin-top: 20px;
overflow: hidden;
}
.Car-index .car-info ul:after {
clear: both;
content: "";
display: block;
}
.Car-index .car-info ul li {
background: url("../img/Product/bg-carindex-ico.gif") no-repeat scroll right center transparent;
float: left;
padding-right: 1px;
}
.Car-index .car-info ul li.last {
background: none repeat scroll 0 0 transparent;
padding-right: 0;
}
.Car-index .car-info .car-img {
bottom: 0;
position: absolute;
right: 0;
}
.Car-index .car-info .award {
position: absolute;
right: 0;
top: 30px;
}
.Car-index .Hotspot {
display: block;
height: 25px;
position: absolute;
right: 350px;
top: 175px;
width: 25px;
}
.Car-index .Hotspot-box {
position: absolute;
right: 62px;
top: -40px;
}
.Car-index .Hotspot-box a {
position: absolute;
right: 18px;
top: 7px;
}
.car-Btn {
padding-top: 24px;
position: relative;
z-index: 9999;
}
.car-Btn:after {
clear: both;
content: "";
display: block;
}
.car-Btn .btn-area {
float: left;
}
.car-Btn .select-area {
float: right;
position: relative;
}
.car-Btn .select-area .Qr-code {
display: none;
left: -3px;
position: absolute;
top: -132px;
}
.car-Btn .select-area select {
display: inline-block;
vertical-align: middle;
}
.car-Btn .select-area a {
display: inline-block;
vertical-align: middle;
}
.car-ad-banner {
margin-top: 10px;
}
.car-banner {
margin-top: 20px;
overflow: hidden;
width: 100%;
}
.car-banner:after {
clear: both;
content: "";
display: block;
}
.ProductWrap .banner-box {
float: left;
position: relative;
width: 292px;
}
.ProductWrap .banner-box ul {
position: absolute;
right: 20px;
top: 5px;
}
.ProductWrap .banner-box ul li {
float: left;
margin: 0 2px;
}
.star-box {
border: 1px solid #D5D5D5;
float: left;
height: 77px;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
position: relative;
width: 270px;
}
.star-box h3 {
color: #3F3F3F;
font-size: 13px;
margin: 8px 0 15px;
}
.star-box p {
margin-top: 6px;
}
.star-box a {
bottom: 6px;
position: absolute;
right: 9px;
}
.buzz-box {
border: 1px solid #D5D5D5;
float: right;
height: 77px;
padding-left: 10px;
position: relative;
width: 354px;
}
.buzz-box h3 {
border-bottom: 1px solid #E8E8E8;
color: #3F3F3F;
font-size: 13px;
margin-top: 8px;
padding-bottom: 7px;
}
.buzz-box ul {
margin-top: 5px;
}
.buzz-box li {
background: url("../img/Product/bg-buzzlist.gif") no-repeat scroll left center transparent;
font: 11px/14px Tahoma, Helvetica;
padding-left: 7px;
}
.buzz-box li a {
font: 11px/14px Tahoma, Helvetica;
}
.buzz-box .more {
position: absolute;
right: 12px;
top: 12px;
}
.Car-detail {
}
.detail-head {
background: url("../img/Product/bg-Nav.gif") repeat-x scroll 0 0 transparent;
border-bottom: 1px solid #E2E2E2;
height: 94px;
margin: 40px 10px 0;
padding-left: 31px;
position: relative;
}
.detail-head:after {
clear: both;
content: "";
display: block;
}
.detail-head h2 {
float: left;
font-family: 'KIA-Medium';
font-size: 28px;
height: 38px;
padding-top: 10px;
}
.detail-head h3 {
height: 26px;
}
.detail-head .just-top {
margin-right: -531px;
position: absolute;
right: 50%;
top: 126px;
}
.detail-head .detail-Nav {
font-family: 'KIA-Bold';
font-size: 13px;
}
.detail-head .detail-Nav .Right-A {
display: none;
}
.detail-head .detail-Nav .Left-A {
display: none;
}
.D-Fix {
left: 50%;
margin-left: -480px;
margin-top: 0;
position: fixed;
top: 0;
width: 929px;
z-index: 999;
}
.detail-Nav {
float: right;
padding-right: 10px;
padding-top: 9px;
}
.detail-Nav li {
float: left;
height: 31px;
margin-left: 2px;
padding: 14px 25px 0;
}
.detail-Nav #lpp1 {
margin-left: 0;
}
.detail-Nav #lpp1 ul {
left: 403px;
}
.detail-Nav #lpp2 ul {
left: 498px;
}
.detail-Nav #lpp3 ul {
left: 425px;
}
.detail-Nav #lpp5 ul {
left: 634px;
}
.detail-Nav .on {
background: none repeat scroll 0 0 #FFFFFF;
}
.detail-Nav .on div {
background: none repeat scroll 0 0 #FFFFFF;
display: block;
}
.detail-Nav div {
background: none repeat scroll 0 0 #FFFFFF;
display: none;
height: 26px;
left: 0;
padding: 14px 0 0 31px;
position: absolute;
top: 54px;
width: 949px;
}
.detail-Nav div ul {
position: absolute;
top: 15px;
}
.detail-Nav div ul li {
float: left;
height: 14px;
margin-left: 22px;
padding: 0 3px;
}
.detail-Nav div ul li a {
display: inline-block;
font-family: 'KIA-Medium';
height: 12px;
}
.detail-Nav div ul .on a {
color: #BB162B;
}
.detail-Nav div ul .on {
border-bottom: 2px solid #BB162B;
}
.Share-box {
background: url("../img/Product/bg-Share.gif") no-repeat scroll 0 0 transparent;
height: 20px;
margin-top: 10px;
padding: 6px 0 0 19px;
}
.board-cont .Share-box {
background: url("../img/Board/bg-share.gif") no-repeat scroll 0 8px transparent;
border-bottom: 1px solid #DDDDDD;
height: auto;
margin-top: 0;
padding: 8px 0;
}
.board-cont .Share-box a.first {
margin-right: 10px;
}
.Share-box a.first {
margin-right: 31px;
}
.Share-box a {
display: inline-block;
margin-right: 16px;
vertical-align: middle;
}
.Car-detail {
overflow: hidden;
position: relative;
}
.detail-body h3 {
color: #555555;
font-family: 'KIA-Light', Arial, sans-serif;
font-size: 18px;
height: 18px;
padding: 10px 0 20px 30px;
}
.D-Gallery {
padding-left: 10px;
}
.D-Gallery ul {
overflow: hidden;
}
.D-Gallery ul:after {
clear: both;
content: "";
display: block;
}
.D-Gallery ul li {
border: 1px solid #E7E7E7;
float: left;
line-height: 0;
margin-right: 8px;
margin-top: 8px;
}
.D-360VR {
margin: 0 10px;
padding-top: 145px;
}
.D-360VR a {
cursor: pointer;
}
.D-360VR .chgImg {
text-align: center;
}
.D-360VR .chgImg img {
margin: 0 auto;
width: 680px;
}
.D-360VR .roll360VR {
position: relative;
}
.D-360VR .roll360VR .btnLt {
left: 130px;
position: absolute;
top: 160px;
}
.D-360VR .roll360VR .btnRt {
position: absolute;
right: 130px;
top: 152px;
}
#vr360 {
border-bottom: 1px solid #E4E4E4;
padding-bottom: 25px;
}
.car-position {
}
.car-position ul {
overflow: hidden;
}
.car-position ul:after {
clear: both;
content: "";
display: block;
}
.car-position ul li {
border-top: 2px solid #BEBEBE;
float: left;
font: 11px/14px Tahoma, Helvetica;
margin-right: 10px;
padding-top: 10px;
text-align: center;
width: 184px;
}
.car-position ul li.on {
border-top: 2px solid #BB162B;
}
.selColor span {
display: inline-block;
font-family: 'KIA-Medium';
font-size: 12px;
vertical-align: middle;
}
.selColor strong {
display: inline-block;
vertical-align: middle;
}
.selColor ul {
display: inline;
padding-left: 22px;
}
.selColor ul li {
display: inline;
margin: 0 4px;
}
.selColor ul li a {
display: inline-block;
}
.selColor ul li a span {
border: 1px solid #DBDBDB;
display: inline-block;
height: 21px;
vertical-align: middle;
width: 21px;
}
.selColor ul li a.on {
border: 2px solid #1F1F1F;
}
.vr-list {
margin-top: 20px;
padding-left: 117px;
}
.vr-list li {
background: url("../img/Product/bg-red-dot.gif") no-repeat scroll 0 8px transparent;
color: #333333;
font: 11px/16px Tahoma, Helvetica;
padding-left: 6px;
}
.D-Features {
margin: 0 10px;
padding-top: 145px;
}
.D-Features .Performance {
border-bottom: 1px solid #E4E4E4;
overflow: hidden;
}
.D-Features .Performance:after {
clear: both;
content: "";
display: block;
}
.D-Features .Performance div {
float: left;
}
.D-Features .Performance div.Wi-leng {
width: 500px;
}
.D-Features .Performance div h3 {
color: #333333;
font-family: 'KIA-Medium';
font-size: 15px;
padding: 83px 0 0;
}
.D-Features .Performance div p {
font: 11px/14px Tahoma, Helvetica;
margin: 20px 0 15px;
}
.D-Features .Safe {
border-bottom: 1px solid #E4E4E4;
overflow: hidden;
}
.D-Features .Safe:after {
clear: both;
content: "";
display: block;
}
.D-Features .Safe .right {
float: right;
}
.D-Features .Safe .left {
float: left;
padding-left: 30px;
}
.D-Features .Safe div h3 {
padding: 83px 0 0;
}
.D-Features .Safe div p {
font: 11px/14px Tahoma, Helvetica;
margin: 20px 0 15px;
}
.D-Features .thum-list {
border-bottom: 1px solid #E4E4E4;
padding: 20px 0;
text-align: center;
}
.D-Features .thum-list a {
display: inline-block;
vertical-align: middle;
}
.D-Features .thum-list .Thum-Real {
margin: 0 auto;
padding: 0 30px;
position: relative;
width: 504px;
}
.D-Features .thum-list .Rel-box {
margin: 0 auto;
overflow: hidden;
position: relative;
width: 504px;
}
.D-Features .thum-list .Prev {
left: 0;
position: absolute;
top: 15px;
}
.D-Features .thum-list .Next {
position: absolute;
right: 0;
top: 15px;
}
.D-Features .thum-list ul {
overflow: hidden;
position: relative;
width: 10000px;
}
.D-Features .thum-list ul:after {
clear: both;
content: "";
display: block;
}
.D-Features .thum-list ul li {
float: left;
padding: 0 1px;
}
.D-Features .thum-list ul li a {
border: 1px solid #D9D9D9;
display: inline-block;
vertical-align: middle;
}
.D-Features .thum-list ul li a img {
height: 48px;
width: 68px;
}
.D-Features .thum-list ul .on a {
border: 3px solid #BB162B;
display: inline-block;
}
.D-Features .thum-list ul .on a img {
height: 45px;
width: 64px;
}
.D-Specifications {
margin: 0 10px;
padding-top: 145px;
}
.table-area {
margin-top: 35px;
overflow: hidden;
}
.table-area:after {
clear: both;
content: "";
display: block;
}
.table-area .no-01 {
float: left;
width: 320px;
}
.table-area .no-01 table th span {
margin-left: 60px;
}
.table-area .no-01 table td span {
margin-left: 60px;
}
.table-area .no-02 {
float: left;
width: 320px;
}
.table-area .no-03 {
float: left;
width: 320px;
}
.table-area .no-03 table td.last {
border-right: 0 none;
}
.table-area .no-04 {
float: left;
width: 480px;
}
.table-area .no-05 {
float: left;
width: 480px;
}
.table-area .no-05 table td.last {
border-right: 0 none;
}
.Engine {
margin-top: 35px;
}
.Engine h3 {
padding-left: 30px;
}
.Engine .table-area {
margin-top: 20px;
}
.listTcomt {
background: url("../img/Product/bg-table-list.gif") no-repeat scroll 53px 6px transparent;
font: 11px/14px Tahoma, Helvetica;
margin-top: 10px;
padding-left: 60px;
}
.D-Specifications table {
border-top: 2px solid #2C2C2C;
}
.D-Specifications table th {
background: none repeat scroll 0 0 #D4D4D4;
font: 11px Tahoma, Helvetica;
height: 33px;
text-align: left;
vertical-align: middle;
}
.D-Specifications table th span {
margin-left: 30px;
}
.D-Specifications table td {
border-bottom: 1px solid #D6D6D6;
font: 11px Tahoma, Helvetica;
height: 33px;
text-align: left;
vertical-align: middle;
}
.D-Specifications table td span {
margin-left: 30px;
}
.D-Specifications table .last {
text-align: right;
}
.D-Specifications table td.last {
border-right: 1px solid #D6D6D6;
}
.D-Specifications table td.list ul {
padding: 15px 0 15px 15px;
}
.D-Specifications table td.list ul li {
background: url("../img/Product/bg-table-list.gif") no-repeat scroll 0 6px transparent;
font: 11px/18px Tahoma, Helvetica;
padding-left: 10px;
}
.D-Specifications table td.list ul li strong {
display: inline-block;
width: 120px;
}
.D-Specifications table .last span {
margin-left: 0;
margin-right: 13px;
}
.D-Specifications .Engine table th {
background: none repeat scroll 0 0 #D4D4D4;
font: bold 11px Tahoma, Helvetica;
height: 33px;
text-align: center;
vertical-align: middle;
}
.D-Specifications .Engine table td.last {
text-align: left;
}
.D-Accessories {
margin-left: 10px;
padding-top: 145px;
}
.D-Accessories .top-list {
border-bottom: 1px solid #E4E4E4;
margin-top: 10px;
padding-bottom: 30px;
position: relative;
width: 100%;
}
.D-Accessories .list-box {
height: 424px;
overflow: hidden;
position: relative;
}
.D-Accessories .list-ul {
margin-top: 10px;
overflow: hidden;
position: relative;
}
.D-Accessories .list-ul:after {
clear: both;
content: "";
display: block;
}
.D-Accessories .list-ul li {
float: left;
margin: 0 8px 20px 0;
}
.D-Accessories .list-ul li dt {
border: 1px solid #E7E7E7;
font-size: 0;
line-height: 0;
}
.D-Accessories .list-ul li dd {
margin-top: 10px;
text-align: center;
}
.D-Accessories .list-ul li dd p {
font: 11px/16px Tahoma, Helvetica;
}
.D-Accessories .list-ul li dd strong {
font: bold 13px/16px Tahoma, Helvetica;
}
.D-Accessories .page {
bottom: 20px;
left: 0;
position: absolute;
text-align: center;
width: 100%;
}
.D-Accessories .page li {
display: inline;
margin: 0 2px;
}
.D-Accessories .page li a {
display: inline-block;
margin: 0 1px;
}
.Wrap640 .contentWrap {
z-index: 999;
}
.Wrap640 .Car-index {
padding: 0 30px;
}
.Wrap640 .Car-index .Hotspot {
display: block;
height: 25px;
position: absolute;
right: 248px;
top: 127px;
width: 25px;
}
.Wrap640 .Car-index .Hotspot img {
width: 17px;
}
.Wrap640 .Car-index .Hotspot-box {
position: absolute;
right: -38px;
top: -96px;
}
.Wrap640 .Car-index .car-info ul {
margin-top: 20px;
overflow: hidden;
position: relative;
z-index: 999;
}
.Wrap640 .Car-index .car-info ul li {
background: url("../img/Product/bg-carindex-ico.gif") no-repeat scroll right center transparent;
float: left;
padding-right: 1px;
}
.Wrap640 .Car-index .car-info ul li img {
height: 65px;
}
.Wrap640 .Car-index .car-info ul li.last {
background: none repeat scroll 0 0 transparent;
}
.Wrap640 .Car-index .car-info p {
line-height: 14px;
margin-top: 20px;
width: 255px;
}
.Wrap640 .Car-index .car-info .money {
margin-top: 20px;
}
.Wrap640 .Car-index .car-info h2 img {
width: 182px;
}
.Wrap640 .Car-index .car-info .award img {
height: 31px;
}
.Wrap640 .detail-Nav li {
float: left;
height: 31px;
margin-left: 2px;
padding: 14px 18px 0;
}
.Wrap640 .detail-Nav div ul li {
float: left;
height: 14px;
margin-left: 22px;
padding: 0 3px;
}
.Wrap640 .D-Fix {
left: 50%;
margin-left: -310px;
margin-top: 0;
position: fixed;
top: 0;
width: 590px;
z-index: 999;
}
.Wrap640 .car-Btn {
}
.Wrap640 .car-Btn .btn-area {
float: none;
}
.Wrap640 .car-Btn .select-area {
float: none;
margin-top: 10px;
}
.Wrap640 .ProductWrap .banner-box {
height: auto;
margin: 0;
padding-right: 11px;
width: 180px;
}
.Wrap640 .ProductWrap .star-box {
height: 129px;
padding: 0;
text-align: center;
width: 173px;
}
.Wrap640 .ProductWrap .star-box h3 {
border-bottom: 1px solid #E8E8E8;
margin-bottom: 17px;
padding-bottom: 6px;
}
.Wrap640 .ProductWrap .star-box a {
bottom: 12px;
right: 19px;
}
.Wrap640 .ProductWrap .buzz-box {
height: 129px;
width: 192px;
}
.Wrap640 .ProductWrap .buzz-box li {
background-position: left 6px;
}
.Wrap640 .D-Gallery {
padding-left: 30px;
}
.Wrap640 .D-Gallery ul li {
border: 1px solid #E7E7E7;
float: left;
line-height: 0;
margin-right: 4px;
margin-top: 4px;
}
.Wrap640 .D-Gallery ul li img {
height: 89px;
width: 139px;
}
.Wrap640 .detail-Nav div {
width: 589px;
}
.Wrap640 .detail-Nav #lpp1 ul {
left: 123px;
}
.Wrap640 .detail-Nav #lpp2 ul {
left: 202px;
}
.Wrap640 .detail-Nav #lpp3 ul {
left: 100px;
}
.Wrap640 .detail-Nav #lpp5 ul {
left: 307px;
}
.Wrap640 .D-360VR {
padding-top: 85px;
}
.Wrap640 #vr360 {
margin: 0 auto;
width: 580px;
}
.Wrap640 .chgImg img {
width: 580px;
}
.Wrap640 .car-position ul li {
width: 108px;
}
.Wrap640 .vr-list {
margin-top: 20px;
padding-left: 125px;
}
.Wrap640 .D-Features .Performance div h3 {
padding: 20px 0 0;
}
.Wrap640 .ProductWrap .content-head {
margin: 0;
}
.Wrap640 .D-Features .Performance div.Wi-leng {
width: 299px;
}
.Wrap640 .D-Features {
margin: 0 30px;
padding-top: 85px;
}
.Wrap640 .D-Features .Safe div h3 {
padding: 7px 0 0;
}
.Wrap640 .D-Features .Safe .left {
width: 270px;
}
.Wrap640 .D-Specifications {
margin: 0 30px;
padding-top: 85px;
}
.Wrap640 .table-area .no-01 {
float: left;
width: 193px;
}
.Wrap640 .table-area .no-01 table th span {
margin-left: 60px;
}
.Wrap640 .table-area .no-01 table td span {
margin-left: 60px;
}
.Wrap640 .table-area .no-02 {
float: left;
width: 194px;
}
.Wrap640 .table-area .no-03 {
float: left;
width: 193px;
}
.Wrap640 .table-area .no-04 {
float: left;
width: 290px;
}
.Wrap640 .table-area .no-05 {
float: left;
width: 290px;
}
.Wrap640 .listTcomt {
background-position: 12px 6px;
padding-left: 18px;
}
.Wrap640 .D-Accessories {
margin-left: 30px;
padding-top: 85px;
}
.Wrap640 .D-Accessories .list-ul li dt img {
width: 142px;
}
.Wrap640 .D-Accessories .list-box {
height: 319px;
overflow: hidden;
position: relative;
}
.Wrap640 .D-360VR .roll360VR .btnLt {
left: 30px;
position: absolute;
top: 160px;
}
.Wrap640 .D-360VR .roll360VR .btnRt {
position: absolute;
right: 30px;
top: 152px;
}
.Wrap640 .detail-head .just-top {
display: none;
}
.Wrap320 .ProductWrap {
width: 320px;
}
.Wrap320 .Car-index {
padding: 0 10px;
}
.Wrap320 .Share-box {
margin-left: 26px;
}
.Wrap320 .ProductWrap .content-head {
margin: 0 10px;
}
.Wrap320 .Car-index .car-info p {
width: auto;
}
.Wrap320 .Car-index .car-info .money {
margin-top: 10px;
}
.Wrap320 .Car-index .car-info .money strong {
font: 16px/18px Tahoma, Helvetica;
width: auto;
}
.Wrap320 .Car-index .car-info .award img {
height: 25px;
}
.Wrap320 .Car-index .car-info ul li img {
width: 91px;
}
.Wrap320 .Car-index .Hotspot {
display: block;
height: 25px;
position: absolute;
right: 202px;
top: 154px;
width: 25px;
}
.Wrap320 .Car-index .Hotspot img {
height: 16px;
width: 16px;
}
.Wrap320 .Car-index .Hotspot-box {
position: absolute;
right: -10px;
top: 0;
}
.Wrap320 .car-info h2 {
margin-bottom: 180px;
}
.Wrap320 .Car-index .car-info .car-img {
bottom: auto;
position: absolute;
right: 0;
top: 95px;
}
.Wrap320 .Car-index .car-info ul {
margin-top: 5px;
overflow: hidden;
}
.Wrap320 .ProductWrap .banner-box {
float: none;
height: auto;
margin: 0;
position: relative;
width: 292px;
}
.Wrap320 .select-area .non-320 {
display: none;
}
.Wrap320 .select-area {
margin-top: 7px;
text-align: justify;
width: 300px;
}
.Wrap320 .Car-320 {
margin-left: 6px;
}
.Wrap320 .car-Btn {
padding-top: 3px;
}
.Wrap320 .car-Btn .btn-area a {
display: inline-block;
margin-top: 7px;
}
.Wrap320 .car-banner {
margin-top: 13px;
}
.Wrap320 .star-box {
border: 1px solid #D5D5D5;
float: none;
height: 88px;
margin-right: 0;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
position: relative;
width: 278px;
}
.Wrap320 .star-box h3 {
border-bottom: 1px solid #E8E8E8;
margin: 8px 0 10px;
padding-bottom: 5px;
}
.Wrap320 .buzz-box {
border: 1px solid #D5D5D5;
float: none;
height: auto;
margin-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
position: relative;
width: 288px;
}
.Wrap320 .ProductWrap .buzz-box li {
background-position: left 6px;
}
.Wrap320 .detail-head {
background: url("../img/Product/bg-Nav.gif") repeat-x scroll 0 0 #FFFFFF;
border-bottom: 1px solid #E2E2E2;
height: 94px;
margin: 40px 0 0;
padding-left: 16px;
position: relative;
}
.Wrap320 .detail-head h2 {
display: none;
}
.Wrap320 .detail-head .detail-Nav {
float: left;
padding-right: 10px;
padding-top: 9px;
position: relative;
width: 10000px;
}
.Wrap320 .detail-head .detail-Nav .Right-A {
display: block;
height: 45px;
padding: 0 0 0 7px;
}
.Wrap320 .detail-head .detail-Nav .Left-A {
display: block;
height: 45px;
padding: 0;
}
.Wrap320 .detail-Nav li {
float: left;
height: 31px;
margin-left: 2px;
padding: 14px 23px 0;
}
.Wrap320 .detail-body h3 {
display: none;
}
.Wrap320 .detail-Nav div ul li {
float: left;
height: 14px;
margin-left: 22px;
padding: 0 3px;
}
.Wrap320 .detail-Nav div ul .on {
border-bottom: 2px solid #BB162B;
}
.Wrap320 .detail-Nav #lpp1 ul {
left: 0;
}
.Wrap320 .detail-Nav #lpp2 ul {
left: 95px;
}
.Wrap320 .detail-Nav #lpp3 ul {
left: 50px;
width: 250px;
}
.Wrap320 .detail-Nav #lpp3 ul li {
margin-bottom: 8px;
margin-left: 7px;
margin-right: 7px;
padding-bottom: 2px;
}
.Wrap320 .detail-Nav #lpp3 ul li.on {
padding-bottom: 0;
}
.Wrap320 .detail-Nav #lpp5 ul {
left: 307px;
}
.Wrap320 .D-Fix {
left: 50%;
margin-left: -160px;
margin-top: 0;
overflow: hidden;
position: fixed;
top: 0;
width: 304px;
z-index: 999;
}
.Wrap320 .D-Gallery ul li {
border: 1px solid #E7E7E7;
float: left;
line-height: 0;
margin-right: 8px;
margin-top: 10px;
}
.Wrap320 .D-Gallery ul li img {
height: 96px;
width: 142px;
}
.Wrap320 .D-Gallery ul li img {
height: 96px;
width: 142px;
}
.Wrap320 .chgImg img {
width: 300px;
}
.Wrap320 .D-360VR .roll360VR .btnLt {
left: 7px;
position: absolute;
top: 60px;
}
.Wrap320 .D-360VR .roll360VR .btnRt {
position: absolute;
right: 7px;
top: 60px;
}
.Wrap320 .car-position ul li {
border-top: 7px solid #BEBEBE;
width: 52px;
}
.Wrap320 .car-position ul li.on {
border-top: 7px solid #BB162B;
}
.Wrap320 .selColor ul {
display: block;
margin-top: 10px;
padding-left: 0;
}
.Wrap320 .selColor ul li {
display: inline;
margin: 0 1px;
}
.Wrap320 .vr-list {
margin-top: 20px;
padding-left: 0;
}
.Wrap320 .D-Features .Performance div {
float: none;
}
.Wrap320 .D-Features .Performance div.Wi-leng {
display: block;
float: none;
padding-bottom: 20px;
width: auto;
}
.Wrap320 .D-Features .Performance div.Wi-leng h3 {
display: block;
padding-top: 0;
width: auto;
}
.Wrap320 .D-Features .Safe div h3 {
display: block;
padding-top: 0;
width: auto;
}
.Wrap320 .D-Features .Safe {
position: relative;
}
.Wrap320 .D-Features .Safe .left {
float: none;
padding-bottom: 15px;
padding-left: 0;
padding-top: 162px;
}
.Wrap320 .D-Features .Safe .left a {
display: inline-block;
margin-left: 69px;
}
.Wrap320 .D-Features .Safe .right {
position: absolute;
right: 0;
top: 0;
}
.Wrap320 .D-Features .Thum-Real {
width: 215px;
}
.Wrap320 .D-Features .thum-list .Rel-box {
width: 215px;
}
.Wrap320 .table-area {
margin-top: 0;
}
.Wrap320 .listTcomt {
background: url("../img/Product/bg-table-list.gif") no-repeat scroll 0 6px transparent;
font: 11px/14px Tahoma, Helvetica;
margin-top: 10px;
padding-left: 5px;
}
.Wrap320 .table-area .no-01 {
margin-top: 20px;
width: 300px;
}
.Wrap320 .table-area div .last {
border-right: 0 none;
}
.Wrap320 .table-area .no-02 {
margin-top: 20px;
width: 300px;
}
.Wrap320 .table-area .no-03 {
margin-top: 20px;
width: 300px;
}
.Wrap320 .table-area .no-04 {
margin-top: 10px;
width: 300px;
}
.Wrap320 .table-area .no-04 ul {
padding-left: 30px;
}
.Wrap320 .table-area .no-05 {
margin-top: 10px;
width: 300px;
}
.Wrap320 .table-area .no-05 ul {
padding-left: 30px;
}
.Wrap320 .Engine h3 {
display: block;
padding: 0;
}
.Wrap320 .D-Accessories .list-ul li dt {
border: 1px solid #E7E7E7;
font-size: 0;
line-height: 0;
}
.Wrap320 .D-Accessories .list-ul li dt img {
height: 94px;
width: 143px;
}
.Wrap320 .D-Accessories .list-box {
height: 640px;
overflow: hidden;
position: relative;
}
.Wrap320 .detail-head .just-top {
display: none;
}
.Wrap320 .Car-index .Hotspot-box a {
position: absolute;
right: 5px;
top: 6px;
}
.CorporateWrap {
margin: 0 auto;
padding-top: 30px;
width: 980px;
}
.CorporateWrap:after {
clear: both;
content: "";
display: block;
}
.CorporateWrap.notop > iframe {
overflow: hidden !important;
}
.Content770 {
float: right;
width: 770px;
}
.IWrap .content-head {
border-bottom: 2px solid #676767;
height: 34px;
position: relative;
}
.IWrap .content-head h1 {
color: #333333;
font-family: 'KIA-Light', Arial, sans-serif;
font-size: 17px;
padding-top: 5px;
}
.IWrap .content-head ul {
top: 10px;
}
.IWrap .content-body {
margin-top: 50px;
padding: 0 10px;
}
.content-body {
padding-top: 15px;
}
.content-body .job-intro {
border-bottom: 1px solid #676767; 
padding: 0 0 20px 10px;
}
.content-body .job-intro h2{
margin-bottom: 10px; 
color: #b20000; 
font-size: 26px;
}
.content-body .job-intro p{
line-height: 1,5;
}
.content-body p {
font: 14px/22px tahoma, sans-serif;
}
.C-Philosophy h3 {
margin-top: 40px;
}
.C-Philosophy .border-line {
border-bottom: 1px solid #E5E5E5;
padding-bottom: 29px;
}
.Corporate-icoarea {
overflow: hidden;
}
.Corporate-icoarea:after {
clear: both;
display: block;
}
.Corporate-icoarea div p {
font: 12px tahoma, sans-serif;
margin-top: 30px;
}
.Corporate-icoarea div {
float: left;
margin-left: 47px;
margin-top: 35px;
width: 110px;
}
.Corporate-icoarea div.first {
margin-left: 0;
}
.Non-lnbWrap {
margin: 0 auto;
padding-top: 30px;
width: 980px;
}
.Wrap640 .Non-lnbWrap {
margin: 0 auto;
padding-top: 30px;
width: 640px;
}
.Wrap320 .Non-lnbWrap {
margin: 15px auto 0;
padding: 0 10px;
width: 300px;
}
.Wrap320 .location {
display: none;
}
.Wrap640 .Content770 {
float: none;
margin: 10px auto 0;
width: 640px;
}
.IWrap640 .content-body {
margin-top: 30px;
padding: 0 30px;
}
.IWrap640 .Corporate-icoarea {
padding: 0 40px;
}
.IWrap640 .Corporate-icoarea div {
float: left;
margin-left: 75px;
margin-top: 35px;
width: 110px;
}
.IWrap640 .Corporate-icoarea div.first {
height: 300px;
margin-left: 0;
}
.IWrap640 .Corporate-icoarea div.no2 {
height: 300px;
}
.IWrap640 .Corporate-icoarea div.no3 {
height: 300px;
}
.IWrap640 .Corporate-icoarea .no4 {
float: left;
margin-left: 0;
margin-top: 35px;
width: 110px;
}
.Wrap320 .Content770 {
float: none;
margin: 10px auto 0;
width: 320px;
}
.IWrap320 .content-body {
margin-top: 30px;
padding: 0;
}
.IWrap320 .location {
display: none;
}
.IWrap320 .Corporate-icoarea {
padding: 0 10px 0 0;
}
.IWrap320 .Corporate-icoarea div {
float: left;
margin-left: 10px;
margin-top: 35px;
text-align: left;
width: 140px;
}
.IWrap320 .Corporate-icoarea div p {
text-align: left;
}
.IWrap320 .Corporate-icoarea div.first {
margin-left: 10px;
}
.IWrap320 .Corporate-icoarea .no4 {
float: left;
margin-left: 10px;
margin-top: 35px;
width: 130px;
}
.IWrap320 .Corporate-icoarea .no2 {
float: left;
margin-left: 10px;
margin-top: 35px;
width: 130px;
}
.IWrap320 .C-Philosophy .border-line {
border-bottom: 1px solid #E5E5E5;
padding-bottom: 19px;
}
.IWrap320 .C-Philosophy .border-line h3 {
margin-top: 20px;
text-align: center;
}
.IWrap320 .C-Philosophy .border-line h4 {
text-align: left;
}
.IWrap320 .C-Philosophy .border-line p {
text-align: center;
}
.IWrap320 .C-Philosophy .border-line .Corporate-icoarea p {
text-align: left;
}
.IWrap320 .C-Philosophy .border-line div {
text-align: center;
}
.IWrap320 .C-Philosophy div.txt-c {
text-align: center;
}
.Ceo-message {
}
.Message-area {
margin-top: 40px;
position: relative;
}
.Message-area .btn-open {
left: 0;
position: absolute;
top: 90px;
}
.Message-area .hidden-area {
display: none;
overflow: hidden;
padding-bottom: 60px;
}
.Message-area:after {
clear: both;
content: "";
display: block;
}
.Message-area .hidden-area:after {
clear: both;
content: "";
display: block;
}
.Message-area h2 {
margin-bottom: 85px;
}
.Message-area p {
font: 11px/14px tahoma, sans-serif;
}
.Message-area .no1 {
float: left;
padding-right: 15px;
width: 240px;
}
.Message-area .no1 div div {
margin-bottom: 10px;
margin-top: -5px;
text-align: center;
}
.Message-area .no2 {
float: left;
padding-right: 15px;
width: 240px;
}
.Message-area .no3 {
float: left;
padding-right: 0;
width: 240px;
}
.kia-buzz {
margin-top: 15px;
}
.kia-buzz .line-box {
border: 1px solid #E5E5E5;
margin-top: 10px;
}
.kia-buzz .line-box div {
margin: 0 19px;
padding: 19px 0;
}
.kia-buzz .line-box div.first {
background: url("../img/Corporate/bg-BUZZ-line.gif") repeat-x scroll left bottom transparent;
margin-bottom: 0;
padding-bottom: 20px;
}
.kia-buzz .line-box dl {
overflow: hidden;
position: relative;
}
.kia-buzz .line-box dl:after {
clear: both;
content: "";
display: block;
}
.kia-buzz .line-box dt {
float: left;
padding-right: 30px;
}
.kia-buzz .line-box dd {
float: left;
width: 475px;
}
.kia-buzz .line-box h3 {
color: #333333;
font: 16px/18px tahoma, sans-serif;
}
.kia-buzz .line-box .year {
color: #888888;
font: 11px/14px tahoma, sans-serif;
margin-top: 0;
}
.kia-buzz .line-box p {
color: #666666;
font: 11px/14px tahoma, sans-serif;
margin-top: 15px;
}
.IWrap640 .Message-area {
border-bottom: 1px solid #E5E5E5;
margin-top: 0;
padding-bottom: 20px;
padding-top: 85px;
}
.IWrap640 .Message-area .btn-open {
left: 0;
position: absolute;
top: 0;
}
.IWrap640 .Message-area .hidden-area {
display: block;
}
.IWrap640 .Message-area div h2 {
float: left;
width: 190px;
}
.IWrap640 .Message-area div .hidden-area {
float: left;
overflow: visible;
padding-bottom: 10px;
width: 375px;
}
.IWrap640 .Message-area div .hidden-area p {
padding-top: 30px;
}
.IWrap640 .Message-area div:after {
clear: both;
content: "";
display: block;
}
.IWrap640 .Message-area .no1 {
float: none;
position: relative;
width: auto;
}
.IWrap640 .Message-area .no1 .hidden-area div {
left: 0;
position: absolute;
top: 110px;
}
.IWrap640 .Message-area .no2 {
float: none;
position: relative;
width: auto;
}
.IWrap640 .Message-area .no2 .hidden-area div {
left: 0;
position: absolute;
top: 75px;
}
.IWrap640 .Message-area .no3 {
float: none;
width: auto;
}
.IWrap640 .kia-buzz .line-box dd {
float: left;
height: 175px;
width: 320px;
}
.IWrap640 .kia-buzz .line-box dd .read {
left: 108px;
position: absolute;
top: 145px;
}
.IWrap320 {
margin: 0 10px;
}
.IWrap320 .Message-area .btn-open {
display: none;
}
.IWrap320 .Message-area {
border-bottom: 1px solid #E5E5E5;
}
.IWrap320 .Message-area div {
padding-right: 0;
width: auto;
}
.IWrap320 .Message-area h2 {
margin-bottom: 5px;
}
.IWrap320 .Message-area .no1 {
float: none;
}
.IWrap320 .Message-area div .hidden-area div {
margin: 0;
padding: 5px 0;
text-align: center;
}
.IWrap320 .Message-area div .hidden-area {
padding-bottom: 20px;
}
.IWrap320 .Message-area .no2 {
float: none;
}
.IWrap320 .Message-area .no3 {
float: none;
}
.IWrap320 .kia-buzz .line-box div {
margin: 0 auto;
padding: 19px 15px;
width: 250px;
}
.IWrap320 .kia-buzz .line-box div.first {
background: url("../img/Corporate/bg-BUZZ-line.gif") repeat-x scroll left bottom transparent;
margin-bottom: 0;
padding-bottom: 20px;
}
.IWrap320 .kia-buzz .line-box dl {
overflow: hidden;
position: relative;
}
.IWrap320 .kia-buzz .line-box dl:after {
clear: both;
content: "";
display: block;
}
.IWrap320 .kia-buzz .line-box dt {
float: none;
padding-right: 0;
text-align: center;
}
.IWrap320 .kia-buzz .line-box dd {
float: none;
margin-top: 15px;
width: auto;
}
.IWrap320 .kia-buzz .line-box h3 {
color: #333333;
font: 16px/18px tahoma, sans-serif;
}
.IWrap320 .kia-buzz .line-box .year {
color: #888888;
font: 11px/14px tahoma, sans-serif;
margin-top: 0;
}
.IWrap320 .kia-buzz .line-box p {
color: #666666;
font: 11px/14px tahoma, sans-serif;
margin-bottom: 15px;
margin-top: 15px;
}
.CI .who-kia {
background: url("../img/Corporate/bg-Ci980-01.jpg") no-repeat scroll left bottom transparent;
margin-top: 40px;
padding-bottom: 265px;
}
.CI .who-kia h2 {
text-align: center;
}
.CI .who-kia p {
font: 11px/14px tahoma, sans-serif;
}
.CI .loho-area {
margin-top: 30px;
}
.CI .loho-area dl.first {
margin-bottom: 35px;
}
.CI .loho-area dl {
overflow: hidden;
}
.CI .loho-area dl:after {
clear: both;
content: "";
display: block;
}
.CI .loho-area dt {
float: left;
width: 250px;
}
.CI .loho-area dd {
float: left;
width: 500px;
}
.CI .loho-area dd .str-word {
color: #BB162B;
font: bold 11px/16px tahoma, sans-serif;
margin-top: 10px;
}
.CI .loho-area dd p {
color: #666666;
font: 11px/14px tahoma, sans-serif;
margin-top: 13px;
}
.IWrap640 .CI .who-kia {
background: url("../img/Corporate/bg-Ci640-01.jpg") no-repeat scroll left bottom transparent;
margin-top: 40px;
padding-bottom: 240px;
}
.IWrap640 .CI .loho-area dd {
float: left;
width: 330px;
}
.IWrap320 .CI .who-kia {
background: url("../img/Corporate/bg-Ci320-01.jpg") no-repeat scroll left bottom transparent;
margin-top: 40px;
padding-bottom: 125px;
}
.IWrap320 .CI .loho-area dt {
float: none;
width: auto;
}
.IWrap320 .CI .loho-area dd {
float: none;
margin-top: 20px;
padding: 0 10px;
width: auto;
}
.Design .Brand {
background: url("../img/Corporate/bg-Design980-01.jpg") no-repeat scroll right bottom transparent;
height: 300px;
padding-top: 50px;
}
.Design .Brand p {
font: 11px/14px tahoma, sans-serif;
margin-top: 40px;
width: 350px;
}
.Design .Brand .img-word {
margin-top: 15px;
}
.Design .Center {
overflow: hidden;
}
.Design .Center:after {
clear: both;
content: "";
display: block;
}
.Design .Center .center-img {
float: left;
width: 375px;
}
.Design .Center .center-content {
float: left;
width: 375px;
}
.Design .Center .center-content p {
font: 11px/14px tahoma, sans-serif;
margin-top: 40px;
}
.Design .Center .center-content .img-word {
margin-top: 20px;
}
.Design .Find-more {
margin-top: 50px;
position: relative;
}
.Design .Find-more a {
position: absolute;
right: 16px;
top: 14px;
}
.IWrap640 .Design .Brand {
background: url("../img/Corporate/bg-Design640-01.jpg") no-repeat scroll right bottom transparent;
height: 280px;
padding-top: 30px;
}
.IWrap640 .Design .Brand p {
font: 11px/14px tahoma, sans-serif;
margin-top: 20px;
width: 280px;
}
.IWrap640 .Design .Brand .img-word {
margin-top: 15px;
}
.IWrap640 .Design .Center .center-img {
float: left;
width: 295px;
}
.IWrap640 .Design .Center .center-content {
float: left;
width: 285px;
}
.IWrap640 .Design .Center .center-content p {
font: 11px/14px Tahoma, Helvetica;
margin-top: 25px;
}
.IWrap640 .Design .Center .center-content .img-word {
margin-top: 20px;
}
.IWrap640 .Design .Find-more {
margin-top: 20px;
position: relative;
}
.IWrap320 .Design .Brand {
background: url("../img/Corporate/bg-Design320-01.jpg") no-repeat scroll center bottom transparent;
height: auto;
margin-top: 30px;
padding-bottom: 255px;
padding-left: 10px;
padding-top: 0;
}
.IWrap320 .Design .Brand p {
font: 11px/14px tahoma, sans-serif;
margin-top: 20px;
width: 280px;
}
.IWrap320 .Design .Brand .img-word {
margin-top: 15px;
}
.IWrap320 .Design .Center {
margin-top: 30px;
padding-left: 10px;
}
.IWrap320 .Design .Center .center-img {
float: none;
width: auto;
}
.IWrap320 .Design .Center .center-content {
float: none;
margin-top: 20px;
width: auto;
}
.IWrap320 .Design .Center .center-content p {
font: 11px/14px tahoma, sans-serif;
margin-top: 20px;
}
.IWrap320 .Design .Center .center-content .img-word {
margin-top: 20px;
}
.IWrap320 .Design .Find-more {
margin-top: 20px;
position: relative;
}
.IWrap320 .Design .Find-more a {
position: absolute;
right: 182px;
top: 59px;
}
.Eco .Eco-content {
margin-top: 50px;
overflow: hidden;
}
.Eco .Eco-content:after {
clear: both;
content: "";
display: block;
}
.Eco .Eco-content p {
font: 11px/14px tahoma, sans-serif;
margin-top: 40px;
}
.Eco .Eco-content .HEV {
float: left;
padding-bottom: 165px;
padding-right: 15px;
position: relative;
width: 240px;
}
.Eco .Eco-content .HEV div {
bottom: 20px;
left: 0;
position: absolute;
}
.Eco .Eco-content .EV {
float: left;
padding-bottom: 165px;
padding-right: 15px;
position: relative;
width: 240px;
}
.Eco .Eco-content .EV div {
bottom: 20px;
left: 0;
position: absolute;
}
.Eco .Eco-content .FCEV {
float: left;
padding-bottom: 165px;
padding-right: 10px;
position: relative;
width: 230px;
}
.Eco .Eco-content .FCEV div {
bottom: 20px;
left: -20px;
position: absolute;
}
.IWrap640 .Eco .Eco-content {
margin-top: 0;
padding-top: 5px;
}
.IWrap640 .Eco .Eco-content h2 {
float: left;
padding-left: 20px;
width: 225px;
}
.IWrap640 .Eco .Eco-content div p {
float: left;
font: 11px/14px tahoma, sans-serif;
margin-top: 0;
width: 320px;
}
.IWrap640 .Eco .Eco-content div {
margin-top: 35px;
overflow: hidden;
}
.IWrap640 .Eco .Eco-content div:after {
clear: both;
content: "";
display: block;
}
.IWrap640 .Eco .Eco-content div div {
margin-top: 0;
}
.IWrap640 .Eco .Eco-content .HEV {
float: none;
padding-bottom: 0;
padding-right: 0;
position: relative;
width: auto;
}
.IWrap640 .Eco .Eco-content .HEV div {
bottom: auto;
left: 0;
position: absolute;
top: 80px;
}
.IWrap640 .Eco .Eco-content .EV {
float: none;
padding-bottom: 20px;
padding-right: 0;
position: relative;
width: auto;
}
.IWrap640 .Eco .Eco-content .EV div {
bottom: auto;
left: 0;
position: absolute;
top: 60px;
}
.IWrap640 .Eco .Eco-content .FCEV {
float: none;
padding-bottom: 0;
padding-right: 0;
position: relative;
width: auto;
}
.IWrap640 .Eco .Eco-content .FCEV div {
bottom: auto;
left: 0;
position: absolute;
top: 80px;
}
.IWrap320 .Eco .Eco-content {
margin-top: 0;
padding-top: 0;
}
.IWrap320 .Eco .Eco-content h2 {
float: left;
}
.IWrap320 .Eco .Eco-content div p {
float: left;
font: 11px/14px tahoma, sans-serif;
margin-top: 20px;
width: 320px;
}
.IWrap320 .Eco .Eco-content div {
margin-top: 20px;
}
.IWrap320 .Eco .Eco-content .HEV {
float: none;
margin-top: 15px;
padding-bottom: 0;
padding-right: 0;
position: relative;
width: auto;
}
.IWrap320 .Eco .Eco-content .HEV div {
bottom: auto;
left: auto;
position: relative;
}
.IWrap320 .Eco .Eco-content .EV {
float: none;
padding-bottom: 20px;
padding-right: 0;
position: relative;
width: auto;
}
.IWrap320 .Eco .Eco-content .EV div {
bottom: auto;
left: auto;
position: relative;
}
.IWrap320 .Eco .Eco-content .FCEV {
float: none;
padding-bottom: 0;
padding-right: 0;
position: relative;
width: auto;
}
.IWrap320 .Eco .Eco-content .FCEV div {
bottom: auto;
left: auto;
position: relative;
}
.Sustainability .Susta-content {
border-bottom: 1px solid #E5E5E5;
margin-top: 30px;
overflow: hidden;
padding-bottom: 30px;
}
.Sustainability .Susta-content:after {
clear: both;
content: "";
display: block;
}
.Sustainability .Susta-content div {
float: left;
margin-right: 15px;
}
.Sustainability .Susta-content div.last {
float: left;
margin-right: 0;
}
.Sustainability .Susta-content div ul {
padding-left: 10px;
}
.Sustainability .Susta-content div ul li {
margin-top: 50px;
}
.Sustainability .Susta-content div ul li.first {
margin-top: 30px;
}
.Sustainability .Susta-content div ul li p {
margin-top: 15px;
}
.Sustainability .CSR {
margin-top: 30px;
}
.Sustainability .CSR h2 {
text-align: center;
}
.Sustainability .CSR p {
margin-top: 30px;
padding-left: 10px;
}
.Sustainability .Find-more {
margin-top: 50px;
}
.IWrap640 .Sustainability .Top-Sus h2 {
text-align: center;
}
.IWrap640 .Sustainability .Top-Sus p {
text-align: center;
}
.IWrap640 .Sustainability .Susta-content div {
float: none;
margin-right: 0;
margin-top: 30px;
}
.IWrap640 .Sustainability .Susta-content div.EM {
margin-top: 0;
}
.IWrap640 .Sustainability .Susta-content div.Social {
float: none;
margin-right: 0;
}
.IWrap640 .Sustainability .Susta-content div ul {
padding-left: 10px;
}
.IWrap640 .Sustainability .Susta-content div ul:after {
clear: both;
content: "";
display: block;
}
.IWrap640 .Sustainability .Susta-content div ul li {
float: left;
margin-top: 20px;
width: 32%;
}
.IWrap640 .Sustainability .Susta-content div ul li.first {
float: left;
margin-top: 20px;
width: 36%;
}
.IWrap640 .Sustainability .Susta-content div ul li p {
margin-top: 15px;
}
.IWrap640 .Sustainability .Find-more {
margin-top: 20px;
}
.IWrap320 .Sustainability .Top-Sus h2 {
text-align: center;
}
.IWrap320 .Sustainability .Top-Sus p {
text-align: center;
}
.IWrap320 .Sustainability .Susta-content div {
float: none;
margin-right: 0;
margin-top: 30px;
}
.IWrap320 .Sustainability .Susta-content div.first {
margin-top: 0;
}
.IWrap320 .Sustainability .Susta-content div.last {
float: none;
margin-right: 0;
}
.IWrap320 .Sustainability .Susta-content div p {
text-align: center;
}
.IWrap320 .Sustainability .Susta-content div ul {
padding-left: 20px;
}
.IWrap320 .Sustainability .Susta-content div ul:after {
clear: both;
content: "";
display: block;
}
.IWrap320 .Sustainability .Susta-content div ul li {
float: none;
margin-top: 20px;
width: auto;
}
.IWrap320 .Sustainability .Susta-content div ul li.first {
margin-top: 10px;
}
.IWrap320 .Sustainability .Susta-content div ul li p {
margin-top: 5px;
text-align: left;
}
.IWrap320 .Sustainability .Find-more {
margin-top: 20px;
}
.IWrap320 .Sustainability .CSR {
margin-top: 20px;
}
.IWrap320 .Sustainability .CSR p {
margin-top: 15px;
}
.IWrap320 .Sustainability .CSR .mat30 {
margin-top: 20px;
}
.Technologu .bd-box {
border-bottom: 1px solid #E5E5E5;
margin-top: 50px;
padding-bottom: 30px;
}
.Technologu .img-box {
margin-top: 50px;
}
.Technologu .bd-box.first {
margin-top: 0;
}
.Technologu .bd-box.last {
border-bottom: 0 none;
}
.Technologu .Find-more {
margin-top: 50px;
}
.Technologu .tech-top {
margin-top: 50px;
overflow: hidden;
}
.Technologu .tech-top:after {
clear: both;
content: "";
display: block;
}
.Technologu .tech-top div {
float: left;
width: 365px;
}
.Technologu .tech-top div p {
font-size: 11px;
line-height: 14px;
margin-top: 30px;
width: 300px;
}
.Technologu .tech-top div.first {
width: 385px;
}
.Technologu .tech-mid {
margin-top: 50px;
overflow: hidden;
}
.Technologu .tech-mid:after {
clear: both;
content: "";
display: block;
}
.Technologu .tech-mid div {
display: inline;
float: left;
margin-left: 15px;
width: 240px;
}
.Technologu .tech-mid div p {
font-size: 11px;
line-height: 14px;
margin-top: 30px;
}
.Technologu .tech-mid div.first {
margin-left: 0;
}
.Technologu .tech-mid div div {
display: block;
float: none;
margin-top: 35px;
}
.Technologu .tech-bot {
margin-top: 50px;
overflow: hidden;
}
.Technologu .tech-bot h2 {
margin-top: 50px;
}
.Technologu .tech-bot h2.first {
margin-top: 0;
}
.Technologu .tech-bot .bg-box {
background: url("../img/Corporate/bg-Tech980-01.jpg") no-repeat scroll right top transparent;
height: 180px;
}
.Technologu .tech-bot .bg-box p {
width: 365px;
}
.Technologu .tech-bot:after {
clear: both;
content: "";
display: block;
}
.IWrap640 .Technologu .tech-top div {
float: right;
width: 300px;
}
.IWrap640 .Technologu .tech-top div p {
font-size: 11px;
line-height: 14px;
margin-top: 25px;
width: auto;
}
.IWrap640 .Technologu .tech-top div.first {
float: left;
width: 235px;
}
.IWrap640 .Technologu .tech-mid {
margin-top: 0;
overflow: hidden;
}
.IWrap640 .Technologu .tech-mid:after {
clear: both;
content: "";
display: block;
}
.IWrap640 .Technologu .tech-mid div {
display: block;
float: none;
margin-left: 0;
margin-top: 30px;
padding-left: 200px;
position: relative;
width: auto;
}
.IWrap640 .Technologu .tech-mid div p {
font-size: 11px;
line-height: 14px;
margin-top: 30px;
}
.IWrap640 .Technologu .tech-mid div.first {
margin-left: 0;
}
.IWrap640 .Technologu .tech-mid div div {
display: block;
float: none;
left: 0;
margin-top: 0;
padding-left: 0;
position: absolute;
top: 0;
}
.IWrap640 .Technologu .tech-bot .bg-box {
background: url("../img/Corporate/bg-Tech640-01.jpg") no-repeat scroll right 18px transparent;
height: 150px;
margin-top: 30px;
}
.IWrap640 .Technologu .tech-bot .bg-box p {
width: 320px;
}
.IWrap320 .Technologu .img-box {
margin-top: 20px;
}
.IWrap320 .Technologu .Find-more {
margin-top: 20px;
}
.IWrap320 .Technologu .tech-top {
margin-top: 0;
padding-left: 10px;
}
.IWrap320 .Technologu .tech-top div {
float: none;
margin-top: 20px;
width: auto;
}
.IWrap320 .Technologu .tech-top div p {
margin-top: 15px;
width: auto;
}
.IWrap320 .Technologu .bd-box {
margin-top: 20px;
width: auto;
}
.IWrap320 .Technologu .tech-mid {
margin-top: 20px;
padding-left: 10px;
}
.IWrap320 .Technologu .tech-mid div {
display: block;
float: none;
margin-left: 0;
margin-top: 20px;
width: auto;
}
.IWrap320 .Technologu .tech-mid div div {
margin: 20px 0 0;
}
.IWrap320 .Technologu .tech-mid div p {
margin: 10px 0 0;
}
.IWrap320 .Technologu .tech-bot {
padding-left: 10px;
}
.IWrap320 .Technologu .tech-bot .bg-box {
background: url("../img/Corporate/bg-Tech320-01.jpg") no-repeat scroll left bottom transparent;
height: auto;
margin-top: 30px;
padding-bottom: 160px;
}
.IWrap320 .Technologu .tech-bot .bg-box p {
width: auto;
}
.worldwide {
padding: 38px 10px 0;
position: relative;
}
.worldwide .no1 {
left: 39px;
position: absolute;
top: 237px;
}
.worldwide .no1 a {
display: block;
height: 13px;
width: 93px;
}
.worldwide .no2 {
left: 299px;
position: absolute;
top: 190px;
}
.worldwide .no2 a {
display: block;
height: 18px;
width: 91px;
}
.worldwide .no3 {
left: 389px;
position: absolute;
top: 254px;
}
.worldwide .no3 a {
display: block;
height: 18px;
width: 40px;
}
.worldwide .no4 {
left: 235px;
position: absolute;
top: 314px;
}
.worldwide .no4 a {
display: block;
height: 18px;
width: 75px;
}
.worldwide .no5 {
left: 150px;
position: absolute;
top: 373px;
}
.worldwide .no5 a {
display: block;
height: 18px;
width: 45px;
}
.worldwide .no6 {
left: 448px;
position: absolute;
top: 472px;
}
.worldwide .no6 a {
display: block;
height: 18px;
width: 50px;
}
.worldwide .no7 {
left: 656px;
position: absolute;
top: 272px;
}
.worldwide .no7 a {
display: block;
height: 18px;
width: 90px;
}
.worldwide .no8 {
left: 705px;
position: absolute;
top: 423px;
}
.worldwide .no8 a {
display: block;
height: 18px;
width: 132px;
}
.worldwide h2 {
height: 14px;
margin-top: 30px;
}
.map-share {
margin-top: 10px;
text-align: right;
}
.map-list {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #E4E5E6 -moz-use-text-color;
border-style: solid none;
border-width: 1px 0;
margin-top: 10px;
padding: 0 0 20px 30px;
}
.map-list ul {
overflow: hidden;
padding-top: 10px;
}
.map-list ul:after {
clear: both;
content: "";
display: block;
}
.map-list li {
float: left;
margin-top: 8px;
width: 25%;
}
.map-list li ul {
padding-left: 30px;
padding-top: 5px;
}
.map-list li li {
margin-right: 5px;
margin-top: 0;
width: auto;
}
.Wrap640 .worldwide {
padding: 20px 30px 0;
}
.Wrap640 .worldwide .no1 {
left: 0;
position: absolute;
top: 167px;
}
.Wrap640 .worldwide .no1 a {
display: block;
height: 13px;
width: 93px;
}
.Wrap640 .worldwide .no2 {
left: 220px;
position: absolute;
top: 128px;
}
.Wrap640 .worldwide .no2 a {
display: block;
height: 18px;
width: 91px;
}
.Wrap640 .worldwide .no3 {
left: 242px;
position: absolute;
top: 179px;
}
.Wrap640 .worldwide .no3 a {
display: block;
height: 18px;
width: 40px;
}
.Wrap640 .worldwide .no4 {
left: 150px;
position: absolute;
top: 210px;
}
.Wrap640 .worldwide .no4 a {
display: block;
height: 18px;
width: 75px;
}
.Wrap640 .worldwide .no5 {
left: 110px;
position: absolute;
top: 250px;
}
.Wrap640 .worldwide .no5 a {
display: block;
height: 18px;
width: 45px;
}
.Wrap640 .worldwide .no6 {
left: 281px;
position: absolute;
top: 297px;
}
.Wrap640 .worldwide .no6 a {
display: block;
height: 18px;
width: 50px;
}
.Wrap640 .worldwide .no7 {
left: 335px;
position: absolute;
top: 185px;
}
.Wrap640 .worldwide .no7 a {
display: block;
height: 18px;
width: 90px;
}
.Wrap640 .worldwide .no8 {
left: 362px;
position: absolute;
top: 279px;
}
.Wrap640 .worldwide .no8 a {
display: block;
height: 18px;
width: 132px;
}
.Wrap640 .map-list {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #E4E5E6 -moz-use-text-color;
border-style: solid none;
border-width: 1px 0;
margin-top: 10px;
padding: 0 0 20px 6%;
}
.Wrap640 .map-list li {
float: left;
margin-top: 8px;
width: 32%;
}
.Wrap640 .map-list li li {
float: left;
margin-top: 0;
width: auto;
}
.Wrap320 .worldwide {
padding: 20px 0 0;
}
.Wrap320 .worldwide .no1 {
left: 8px;
position: absolute;
top: 112px;
}
.Wrap320 .worldwide .no1 a {
display: block;
height: 13px;
width: 93px;
}
.Wrap320 .worldwide .no2 {
left: 110px;
position: absolute;
top: 77px;
}
.Wrap320 .worldwide .no2 a {
display: block;
height: 18px;
width: 91px;
}
.Wrap320 .worldwide .no3 {
left: 128px;
position: absolute;
top: 150px;
}
.Wrap320 .worldwide .no3 a {
display: block;
height: 18px;
width: 40px;
}
.Wrap320 .worldwide .no4 {
left: 36px;
position: absolute;
top: 169px;
}
.Wrap320 .worldwide .no4 a {
display: block;
height: 18px;
width: 75px;
}
.Wrap320 .worldwide .no5 {
left: 17px;
position: absolute;
top: 212px;
}
.Wrap320 .worldwide .no5 a {
display: block;
height: 18px;
width: 45px;
}
.Wrap320 .worldwide .no6 {
left: 86px;
position: absolute;
top: 219px;
}
.Wrap320 .worldwide .no6 a {
display: block;
height: 18px;
width: 50px;
}
.Wrap320 .worldwide .no7 {
left: 193px;
position: absolute;
top: 121px;
}
.Wrap320 .worldwide .no7 a {
display: block;
height: 18px;
width: 90px;
}
.Wrap320 .worldwide .no8 {
left: 156px;
position: absolute;
top: 212px;
}
.Wrap320 .worldwide .no8 a {
display: block;
height: 18px;
width: 132px;
}
.Wrap320 .map-list {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #E4E5E6 -moz-use-text-color;
border-style: solid none;
border-width: 1px 0;
margin-top: 10px;
padding: 0 0 20px 4%;
}
.Wrap320 .map-list li {
float: left;
margin-top: 8px;
width: 48%;
}
.Wrap320 .map-list li li {
margin-top: 0;
width: auto;
}
.kia-Apps {
padding: 20px 10px 0;
}
.kia-Apps .Tab-menu {
background: url("../img/App/bg-tabmenu-ul.gif") repeat-x scroll left bottom transparent;
height: 31px;
margin-top: 0;
position: relative;
}
.kia-Apps .Tab-menu .prev {
background: none repeat scroll 0 0 #FFFFFF;
cursor: pointer;
display: none;
left: 0;
padding-right: 1px;
position: absolute;
top: 0;
z-index: 999;
}
.kia-Apps .Tab-menu .next {
cursor: pointer;
display: none;
position: absolute;
right: 0;
top: 0;
z-index: 999;
}
.kia-Apps .Tab-menu .Tab-menuCont {
background: url("../img/App/bg-tabmenu-ul.gif") repeat-x scroll left bottom transparent;
height: 31px;
left: 0;
margin: 0;
overflow: hidden;
position: relative;
}
.kia-Apps .Tab-menu ul {
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 99999px;
}
.kia-Apps .Tab-menu ul:after {
clear: both;
content: "";
display: block;
}
.kia-Apps .Tab-menu li {
background: url("../img/App/bg-tabmenu.gif") no-repeat scroll 0 0 transparent;
display: inline;
float: left;
margin-right: 3px;
padding-bottom: 9px;
padding-top: 10px;
width: 135px;
}
.kia-Apps .Tab-menu li.on {
background: url("../img/App/bg-tabmenu-on.gif") no-repeat scroll 0 0 transparent;
}
.kia-Apps .Tab-menu li.on a img {
margin-top: -12px;
}
.kia-Apps .Tab-menu li a {
display: block;
font: bold 12px/14px tahome;
height: 12px;
overflow: hidden;
padding-top: 0;
text-align: center;
}
.kia-Apps .App-list ul {
padding-top: 20px;
}
.kia-Apps .App-list li {
border-bottom: 1px solid #E4E5E6;
margin-top: 30px;
padding-bottom: 22px;
position: relative;
}
.kia-Apps .App-list li dl {
overflow: hidden;
padding-left: 10px;
}
.kia-Apps .App-list li dl:after {
clear: both;
content: "";
display: block;
}
.kia-Apps .App-list li dt {
float: left;
padding-right: 45px;
}
.kia-Apps .App-list li dd {
float: left;
}
.kia-Apps .App-list li dd h2 {
padding-top: 5px;
}
.kia-Apps .App-list li dd p {
color: #888B90;
font: 11px/16px tahoma, sans-serif;
margin-top: 30px;
}
.kia-Apps .App-list li dd p span {
color: #BB162B;
display: block;
}
.kia-Apps .App-list li dd p span a {
color: #448AE8;
text-decoration: underline;
}
.kia-Apps .App-list li dd div {
margin-top: 20px;
}
.kia-Apps .App-list li .Qr-code {
position: absolute;
right: 25px;
top: 15px;
}
.Wrap640 .kia-Apps {
padding: 20px 0 0;
}
.Wrap640 .kia-Apps .Tab-menu .Tab-menuCont {
background: url("../img/App/bg-tabmenu-ul.gif") repeat-x scroll left bottom transparent;
height: 31px;
left: 0;
margin: 0;
overflow: hidden;
position: relative;
}
.Wrap640 .kia-Apps .Tab-menu ul {
left: 0;
overflow: hidden;
padding-left: 16px;
position: absolute;
top: 0;
width: 99999px;
}
.Wrap640 .kia-Apps .Tab-menu .prev {
display: block;
left: 0;
position: absolute;
top: 0;
}
.Wrap640 .kia-Apps .Tab-menu .next {
display: block;
position: absolute;
right: 0;
top: 0;
}
.Wrap640 .kia-Apps .App-list li .Qr-code {
display: none;
}
.Wrap640 .kia-Apps .App-list li dt {
float: left;
padding-right: 35px;
}
.Wrap640 .kia-Apps .App-list li dd {
float: left;
width: 425px;
}
.Wrap320 .Apps {
padding: 0 5px;
width: 310px;
}
.Wrap320 .kia-Apps {
padding: 20px 0 0;
}
.Wrap320 .kia-Apps .Tab-menu .Tab-menuCont {
background: url("../img/App/bg-tabmenu-ul.gif") repeat-x scroll left bottom transparent;
height: 31px;
left: 0;
margin: 0;
overflow: hidden;
position: relative;
}
.Wrap320 .kia-Apps .Tab-menu ul {
left: 0;
overflow: hidden;
padding-left: 18px;
position: absolute;
top: 0;
width: 99999px;
}
.Wrap320 .kia-Apps .Tab-menu .prev {
background: none repeat scroll 0 0 #FFFFFF;
display: block;
left: 0;
padding-right: 5px;
position: absolute;
top: 0;
}
.Wrap320 .kia-Apps .Tab-menu .next {
background: none repeat scroll 0 0 #FFFFFF;
display: block;
padding-left: 5px;
position: absolute;
right: 0;
top: 0;
}
.Wrap320 .kia-Apps .App-list li {
padding-bottom: 10px;
}
.Wrap320 .kia-Apps .App-list li .Qr-code {
display: none;
}
.Wrap320 .kia-Apps .App-list li dl {
overflow: hidden;
padding-left: 5px;
}
.Wrap320 .kia-Apps .App-list li dt {
float: left;
padding-right: 13px;
}
.Wrap320 .kia-Apps .App-list li dd {
float: left;
width: 185px;
}
.Wrap320 .kia-Apps .App-list li dd span a {
display: block;
}
.BoardWRap {
margin: 0 auto;
padding-top: 30px;
width: 980px;
}
.BoardWRap:after {
clear: both;
content: "";
display: block;
}
.BoardWRap .content-head {
border-bottom: 2px solid #676767;
height: 34px;
position: relative;
}
.BoardWRap .content-head h1 {
padding-top: 5px;
}
.BoardWRap .content-head ul {
top: 10px;
}
.BoardWRap .content-body {
margin-top: 20px;
padding: 0 10px;
}
.board-cont {
padding: 20px 10px 0;
}
.board-table th {
background: url("../img/Board/bg-th.gif") repeat-x scroll left bottom transparent;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
height: 30px;
padding: 0;
text-align: center;
vertical-align: middle;
}
.board-table th strong {
border-left: 1px solid #FAFAFA;
color: #646464;
display: block;
font: bold 11px/30px tahoma, sans-serif;
height: 29px;
}
.board-table th strong input {
margin-top: 8px;
}
.board-table th.last-child {
border-right: 1px solid #DDDDDD;
}
.board-table th.last-child strong {
border-right: 1px solid #FAFAFA;
}
.board-table td {
border-bottom: 1px solid #DDDDDD;
color: #B3B3B3;
padding: 10px 0;
text-align: center;
vertical-align: middle;
}
.board-table td.back {
background: none repeat scroll 0 0 #F9F9F9;
color: #646464;
}
.board-table td.txt-l {
text-align: left;
}
.board-table td.txt-l a {
color: #393636;
display: inline-block;
margin-left: 15px;
}
.board-table .bottom td {
border-bottom: 1px solid #C0C0C0;
color: #646464;
}
.board-table .bottom .txt-l a {
margin-left: 12px;
text-decoration: underline;
}
.board-table .txt-area {
padding: 20px 0 30px;
}
.board-table .txt-area div {
text-align: center;
}
.board-table .txt-area p {
color: #5C5C5C;
font: 11px/18px tahoma, sans-serif;
margin-top: 20px;
text-align: left;
}
.table-th {
background: url("../img/Board/bg-th.gif") repeat-x scroll left bottom transparent;
border-bottom: 1px solid #DDDDDD;
height: 30px;
overflow: hidden;
padding: 0;
}
.table-th:after {
clear: both;
content: "";
display: block;
}
.table-th li {
border-left: 1px solid #FAFAFA;
float: left;
line-height: 14px;
text-align: center;
vertical-align: middle;
}
.table-th li div {
border-left: 1px solid #DDDDDD;
height: 24px;
padding-top: 6px;
}
.board-table li.no01 {
width: 54px;
}
.board-table li.no02 {
width: 85px;
}
.board-table li.no03 {
width: 464px;
}
.board-table li.no04 {
width: 60px;
}
.board-table li.no05 {
border-right: 1px solid #DDDDDD;
width: 80px;
}
.table-td {
border-bottom: 1px solid #DDDDDD;
overflow: hidden;
}
.table-td:after {
clear: both;
content: "";
display: block;
}
.table-td li {
float: left;
height: 24px;
padding-top: 6px;
text-align: center;
}
.table-td li.no01 {
width: 55px;
}
.table-td li.no02 {
width: 86px;
}
.table-td li.no03 {
width: 465px;
}
.table-td li.no04 {
width: 61px;
}
.table-td li.no05 {
border-right: 0 none;
width: 81px;
}
.table-td li.no03 strong {
margin-left: 15px;
}
.table-Mix {
border-bottom: 1px solid #DDDDDD;
overflow: hidden;
}
.table-Mix:after {
clear: both;
content: "";
display: block;
}
.table-Mix li {
float: left;
height: 24px;
padding-top: 6px;
text-align: center;
}
.table-Mix li.no01 {
width: 55px;
}
.table-Mix li.no06 {
text-align: left;
width: 692px;
}
.table-Mix li.no06 a {
margin-left: 14px;
}
.word-area {
border-bottom: 1px solid #DDDDDD;
padding: 20px 0 30px;
}
.word-area div {
text-align: center;
}
.word-area p {
color: #5C5C5C;
font: 11px/18px tahoma, sans-serif;
margin-top: 20px;
text-align: left;
}
.dat-list {
border-top: 1px solid #D2DAE1;
margin-top: 10px;
position: relative;
}
.dat-list dt {
background: url("../img/Board/bg-dat-dt.gif") no-repeat scroll 18px bottom #F0F3F6;
border-top: 1px solid #D2DAE1;
color: #646464;
font: 11px/14px tahoma, sans-serif;
padding: 8px 0 8px 15px;
position: relative;
}
.dat-list dt span {
color: #B3B3B3;
font: 11px/14px tahoma, sans-serif;
position: absolute;
right: 16px;
top: 6px;
}
.dat-list dd {
border-bottom: 1px solid #D2DAE1;
color: #646464;
font: 11px/14px tahoma, sans-serif;
padding: 4px 0 4px 15px;
}
.dat-list dd p {
color: #646464;
font: 11px/18px tahoma, sans-serif;
}
.dat-list .last dd {
border-bottom: 0 none;
}
.number {
margin-top: 30px;
position: relative;
}
.number h3 {
color: #000000;
font: bold 12px/14px tahoma, sans-serif;
}
.number span {
background: url("../img/Board/bg-gray-line.gif") no-repeat scroll 80px center transparent;
position: absolute;
right: 0;
top: 0;
}
.number span a {
color: #A7A6A6;
font: 11px/14px tahoma, sans-serif;
margin-left: 25px;
}
.number span a.on {
color: #000000;
font: bold 11px/14px tahoma, sans-serif;
}
.list-table {
border-bottom: 1px solid #C0C0C0;
border-top: 1px solid #C0C0C0;
margin-top: 30px;
}
.list-table th {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #F2F2F2;
border-color: -moz-use-text-color #DDDDDD #DDDDDD;
border-style: none solid solid;
border-width: 0 1px 1px;
height: 29px;
text-align: center;
vertical-align: middle;
}
.list-table th img {
margin-left: 15px;
}
.list-table td {
border-bottom: 1px solid #DDDDDD;
text-align: left;
vertical-align: middle;
}
.list-table td a {
color: #393636;
margin-left: 15px;
}
.list-table .last th {
border-bottom: 0 none;
}
.list-table .last td {
border-bottom: 0 none;
}
.pagenation {
margin-top: 17px;
position: relative;
}
.pagenation ul {
text-align: center;
}
.pagenation li {
display: inline;
}
.pagenation .non-back a {
background: none repeat scroll 0 0 transparent;
}
.pagenation li a {
background: url("../img/Board/bg-page.gif") no-repeat scroll left center transparent;
display: inline-block;
font: 11px/15px tahoma, sans-serif;
padding: 0 9px 0 10px;
vertical-align: middle;
}
.pagenation li.first {
padding-right: 4px;
}
.pagenation li.first a {
background: none repeat scroll 0 0 transparent;
padding: 0;
}
.pagenation li.last {
padding-left: 5px;
}
.pagenation li.last a {
background: none repeat scroll 0 0 transparent;
padding: 0;
}
.pagenation .on a {
font-weight: bold;
}
.pagenation .btn-area {
position: absolute;
right: 0;
top: -7px;
}
.search-box {
background: none repeat scroll 0 0 #F4F4F4;
border: 1px solid #EEECEC;
margin-top: 35px;
}
.search-box div {
border: 1px solid #FFFFFF;
padding: 8px 0 10px;
text-align: center;
}
.search-box div select {
display: inline-block;
vertical-align: middle;
}
.search-box div input {
display: inline-block;
vertical-align: middle;
width: 228px;
}
.search-box div a {
display: inline-block;
vertical-align: middle;
}
.Wrap320 .pagenation {
padding-bottom: 35px;
}
.Wrap320 .pagenation li a {
background: url("../img/Board/bg-page.gif") no-repeat scroll left center transparent;
display: inline-block;
font: 11px/15px tahoma, sans-serif;
padding: 0 4px;
vertical-align: middle;
}
.Wrap320 .pagenation .non-back a {
background: none repeat scroll 0 0 transparent;
}
.Wrap320 .pagenation li.first {
padding-right: 4px;
}
.Wrap320 .pagenation li.first a {
background: none repeat scroll 0 0 transparent;
padding: 0;
}
.Wrap320 .pagenation li.last {
padding-left: 5px;
}
.Wrap320 .pagenation li.last a {
background: none repeat scroll 0 0 transparent;
padding: 0;
}
.Wrap320 .search-box div input {
display: inline-block;
vertical-align: middle;
width: 119px;
}
.Wrap640 .BoardWRap {
width: 640px;
}
.Wrap640 .BoardWRap .Content770 {
float: none;
}
.Wrap640 .BoardWRap .Lnb {
display: none;
}
.Wrap640 .BoardWRap .pagenation {
padding-top: 50px;
}
.Wrap320 .BoardWRap {
width: 320px;
}
.Wrap320 .BoardWRap .location {
display: none;
}
.Wrap320 .BoardWRap .Content770 {
float: none;
margin: auto;
width: 300px;
}
.Wrap320 .BoardWRap .Lnb {
display: none;
}
.Wrap320 .pagenation .btn-area {
position: absolute;
right: 0;
top: 25px;
}
.Wrap320 .BoardWRap .content-body {
padding: 0;
}
.Wrap320 .BoardWRap .search-box {
margin-top: 10px;
}
.btn-areano4 {
margin-top: 10px;
position: relative;
text-align: right;
}
.btn-areano4 span {
left: 0;
position: absolute;
top: 0;
}
.Comment-box {
margin-top: 65px;
}
.Comment-box .dat-write {
border: 1px solid #EEECEC;
margin-top: 10px;
}
.Comment-box .dat-write .line-W {
background: none repeat scroll 0 0 #F4F4F4;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}
.Comment-box .dat-write ul {
border-bottom: 1px solid #EEECEC;
border-top: 1px solid #FFFFFF;
overflow: hidden;
padding: 8px 0 8px 20px;
}
.Comment-box .dat-write ul:after {
clear: both;
content: "";
display: block;
}
.Comment-box .dat-write ul li {
float: left;
padding-right: 24px;
}
.Comment-box .dat-write ul li strong {
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
.Comment-box .dat-write ul li input {
display: inline-block;
margin-right: 0;
vertical-align: middle;
width: 242px;
}
.Comment-box .dat-write ul li.first input {
width: 115px;
}
.Comment-box .dat-write ul li.last {
padding: 0;
}
.Comment-box .dat-write ul li.last input {
width: 70px;
}
.Comment-box .dat-write .line-W div {
border-bottom: 1px solid #EEECEC;
border-top: 1px solid #FFFFFF;
padding: 8px 0 8px 20px;
}
.Comment-box .dat-write .line-W div textarea {
display: inline-block;
height: 40px;
line-height: 16px;
overflow-y: scroll;
vertical-align: middle;
width: 613px;
}
.Comment-box .dat-write .line-W div a {
display: inline-block;
vertical-align: middle;
}
.dat-Delete {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #EAEAEB;
display: none;
left: 50%;
margin-left: -170px;
padding: 8px;
position: absolute;
top: 100px;
}
.dat-Delete .bg-box {
background: none repeat scroll 0 0 #F1F1F1;
height: 157px;
padding: 27px 20px 0;
width: 287px;
}
.dat-Delete .input-box {
background: none repeat scroll 0 0 #E0E0E0;
margin-top: 20px;
padding: 10px 0 10px 15px;
}
.dat-Delete .input-box input {
display: inline-block;
vertical-align: middle;
width: 183px;
}
.dat-Delete .input-box span {
display: inline-block;
margin-right: 5px;
vertical-align: middle;
}
.dat-Delete .Dat-btn {
margin-top: 20px;
text-align: center;
}
.dat-Delete .datdel-x {
display: none;
position: absolute;
}
.Wrap640 .BoardWRap .board-cont {
padding: 0 30px;
}
.Wrap640 .Comment-box .dat-write ul li {
padding-right: 18px;
}
.Wrap640 .Comment-box .dat-write ul li input {
display: inline-block;
margin-right: 0;
vertical-align: middle;
width: 143px;
}
.Wrap640 .Comment-box .dat-write ul li.first input {
width: 85px;
}
.Wrap640 .Comment-box .dat-write ul li.last {
padding-right: 0;
}
.Wrap640 .Comment-box .dat-write ul li.last input {
width: 37px;
}
.Wrap640 .Comment-box .dat-write .line-W div textarea {
width: 435px;
}
.Wrap640 .table-th {
background: url("../img/Board/bg-th.gif") repeat-x scroll left bottom transparent;
border-bottom: 1px solid #DDDDDD;
height: 30px;
overflow: hidden;
padding: 0;
}
.Wrap640 .board-table li.no01 {
width: 47px;
}
.Wrap640 .board-table li.no02 {
width: 97px;
}
.Wrap640 .board-table li.no03 {
width: 348px;
}
.Wrap640 .board-table li.no04 {
display: none;
}
.Wrap640 .board-table li.no05 {
border-right: 1px solid #DDDDDD;
width: 83px;
}
.Wrap640 .table-td li.no01 {
width: 47px;
}
.Wrap640 .table-td li.no02 {
width: 97px;
}
.Wrap640 .table-td li.no03 {
width: 348px;
}
.Wrap640 .table-td li.no04 {
display: none;
}
.Wrap640 .table-td li.no05 {
border-right: 0 none;
width: 83px;
}
.Wrap640 .table-Mix li.no01 {
background: none repeat scroll 0 0 #F9F9F9;
width: 49px;
}
.Wrap640 .table-Mix li.no06 {
text-align: left;
width: 528px;
}
.Wrap640 .table-Mix li.no06 a {
margin-left: 17px;
}
.Wrap320 .board-table {
border-top: 1px solid #DDDDDD;
overflow: hidden;
width: 300px;
}
.Wrap320 .board-table:after {
clear: both;
content: "";
display: block;
}
.Wrap320 .table-th {
border-bottom: 0 none;
float: left;
height: auto;
padding: 0;
width: 89px;
}
.Wrap320 .table-th:after {
clear: both;
content: "";
display: block;
}
.Wrap320 .table-th li {
background: url("../img/Board/bg-th-320.gif") repeat-x scroll left 0 transparent;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
float: none;
line-height: 14px;
}
.Wrap320 .table-th li div {
border-left: 0 none;
height: 23px;
padding-top: 5px;
}
.Wrap320 .board-table li.no01 {
width: 87px;
}
.Wrap320 .board-table li.no02 {
width: 87px;
}
.Wrap320 .board-table li.no03 {
width: 87px;
}
.Wrap320 .board-table li.no04 {
width: 87px;
}
.Wrap320 .board-table li.no05 {
width: 87px;
}
.Wrap320 .table-td {
border-bottom: 0 none;
float: left;
overflow: hidden;
width: 211px;
}
.Wrap320 .table-td:after {
clear: both;
content: "";
display: block;
}
.Wrap320 .table-td li {
border-bottom: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
float: left;
height: 23px;
padding-top: 5px;
text-align: left;
}
.Wrap320 .table-td li.no01 {
width: 210px;
}
.Wrap320 .table-td li.no02 {
width: 210px;
}
.Wrap320 .table-td li.no03 {
width: 210px;
}
.Wrap320 .table-td li.no04 {
width: 210px;
}
.Wrap320 .table-td li.no05 {
width: 210px;
}
.Wrap320 .table-td li.no03 strong {
margin-left: 15px;
}
.Wrap320 .table-td span {
margin-left: 15px;
}
.Wrap320 .table-Mix {
border-bottom: 1px solid #DDDDDD;
float: left;
overflow: hidden;
}
.Wrap320 .table-Mix:after {
clear: both;
content: "";
display: block;
}
.Wrap320 .table-Mix li {
float: left;
height: 23px;
padding-top: 5px;
text-align: center;
}
.Wrap320 .table-Mix li.no01 {
background: url("../img/Board/bg-th-320.gif") repeat-x scroll left 0 transparent;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
height: 23px;
padding-top: 5px;
width: 87px;
}
.Wrap320 .table-Mix li.no06 {
border-right: 1px solid #DDDDDD;
text-align: left;
width: 210px;
}
.Wrap320 .table-Mix li.no06 a {
margin-left: 14px;
}
.Wrap320 .word-area {
border-bottom: 1px solid #DDDDDD;
padding: 20px 10px 30px;
}
.Wrap320 .Comment-box .dat-write ul {
border-bottom: 0 none;
border-top: 0 none;
overflow: hidden;
padding: 0;
}
.Wrap320 .Comment-box .dat-write ul:after {
clear: both;
content: "";
display: block;
}
.Wrap320 .Comment-box .dat-write ul li {
border-bottom: 1px solid #EEECEC;
border-top: 1px solid #FFFFFF;
float: none;
padding: 5px 0 5px 10px;
}
.Wrap320 .Comment-box .dat-write ul li strong {
display: inline-block;
margin-right: 10px;
vertical-align: middle;
width: 62px;
}
.Wrap320 .Comment-box .dat-write ul li input {
display: inline-block;
margin-right: 0;
vertical-align: middle;
width: 192px;
}
.Wrap320 .Comment-box .dat-write ul li.first input {
width: 115px;
}
.Wrap320 .Comment-box .dat-write ul li.last {
padding: 5px 0 5px 10px;
}
.Wrap320 .Comment-box .dat-write ul li.last input {
width: 115px;
}
.Wrap320 .Comment-box .dat-write .line-W div {
border-bottom: 1px solid #EEECEC;
border-top: 1px solid #FFFFFF;
padding: 5px 0 5px 10px;
}
.Wrap320 .Comment-box .dat-write .line-W div textarea {
display: inline-block;
height: 40px;
line-height: 16px;
overflow-y: scroll;
vertical-align: middle;
width: 190px;
}
.Wrap320 .dat-Delete .datdel-x {
display: block;
position: absolute;
right: 12px;
top: 8px;
}
.Wrap320 .dat-Delete {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #EAEAEB;
display: none;
left: 50%;
margin-left: -150px;
padding: 8px;
position: absolute;
top: 100px;
}
.Wrap320 .dat-Delete .bg-box {
background: none repeat scroll 0 0 #F1F1F1;
height: 134px;
padding: 20px 10px 0;
width: 261px;
}
.Wrap320 .dat-Delete .input-box {
background: none repeat scroll 0 0 #E0E0E0;
margin-top: 15px;
padding: 10px 0 10px 10px;
}
.Wrap320 .dat-Delete .input-box input {
width: 160px;
}
.Wrap320 .dat-Delete .Dat-btn {
margin-top: 10px;
text-align: center;
}
.table-box {
overflow: hidden;
}
.table-box:after {
clear: both;
content: "";
display: block;
}
.table-box ul {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #DDDDDD #DDDDDD -moz-use-text-color;
border-style: solid solid none;
border-width: 1px 1px 0;
float: left;
}
.table-box ul li {
border-bottom: 1px solid #DDDDDD;
overflow: hidden;
}
.table-box ul li:after {
clear: both;
content: "";
display: block;
}
.table-box ul li div {
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
float: left;
}
.table-box ul li div strong {
background: none repeat scroll 0 0 #F2F2F2;
display: block;
font: bold 11px/14px Tahoma, Helvetica;
height: 20px;
padding: 5px 0 0 15px;
}
.table-box .left-table .no1 {
border-right: 1px solid #DDDDDD;
width: 96px;
}
.table-box .left-table .no2 {
padding: 3px 0 0 10px;
width: 160px;
}
.table-box .right-table {
border-left: 0 none;
}
.table-box .right-table .no1 {
border-right: 1px solid #DDDDDD;
width: 96px;
}
.table-box .right-table .no2 {
padding: 3px 0 0 10px;
width: 369px;
}
.table-box .right-table .no2 input {
width: 350px;
}
.table-box .center-table .no1 {
border-right: 1px solid #DDDDDD;
width: 96px;
}
.table-box .center-table strong {
height: 22px;
}
.table-box .center-table .no2 {
overflow: hidden;
padding: 1px 0 0 10px;
width: 639px;
}
.table-box .center-table .no2:after {
clear: both;
content: "";
display: block;
}
.table-box .center-table .no2 div {
float: left;
}
.table-box .center-table .no2 .right {
float: right;
padding-top: 3px;
width: 74px;
}
.table-box .center-table .no2 input {
display: inline-block;
vertical-align: middle;
}
.table-box .center-table .no2 .input-text {
width: 370px;
}
.table-box .center-table .no2 a {
display: inline-block;
vertical-align: middle;
}
.table-box .center-table .no2 span {
display: inline-block;
font: 11px Tahoma, Helvetica;
margin-left: 5px;
vertical-align: middle;
}
.input-area {
margin-top: 10px;
}
.input-area textarea {
height: 390px;
padding: 10px;
width: 730px;
}
.Wrap640 .table-box .right-table .no2 {
width: 199px;
}
.Wrap640 .table-box .right-table .no2 input {
width: 179px;
}
.Wrap640 .input-area textarea {
height: 390px;
padding: 10px;
width: 558px;
}
.Wrap640 .table-box .center-table .no2 {
overflow: hidden;
padding: 1px 0 0 10px;
width: 469px;
}
.Wrap640 .table-box .center-table .no2 .input-text {
width: 290px;
}
.Wrap320 .table-box ul {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #DDDDDD #DDDDDD -moz-use-text-color;
border-style: solid solid none;
border-width: 1px 1px 0;
float: none;
}
.Wrap320 .table-box .right-table {
border-top: 0 none;
}
.Wrap320 .table-box .left-table .no2 {
padding: 3px 0 0 10px;
width: 189px;
}
.Wrap320 .table-box .right-table .no2 {
padding: 3px 0 0 10px;
width: 189px;
}
.Wrap320 .table-box .right-table .no2 input {
width: 169px;
}
.Wrap320 .table-box .center-table .no1 {
border-right: 1px solid #DDDDDD;
width: 96px;
}
.Wrap320 .table-box .center-table strong {
height: 47px;
}
.Wrap320 .table-box .center-table .no2 {
overflow: hidden;
padding: 3px 0 3px 10px;
width: 189px;
}
.Wrap320 .table-box .center-table .no2:after {
clear: both;
content: "";
display: block;
}
.Wrap320 .table-box .center-table .no2 div {
float: none;
}
.Wrap320 .table-box .center-table .no2 .right {
padding-top: 5px;
width: 74px;
}
.Wrap320 .table-box .center-table .no2 input {
display: inline-block;
vertical-align: middle;
}
.Wrap320 .table-box .center-table .no2 .input-text {
width: 105px;
}
.Wrap320 .table-box .center-table .no2 a {
display: inline-block;
vertical-align: middle;
}
.Wrap320 .table-box .center-table .no2 span {
display: inline-block;
font: 11px tahoma, sans-serif;
margin-left: 5px;
vertical-align: middle;
}
.Wrap320 .input-area {
margin-top: 10px;
}
.Wrap320 .input-area textarea {
height: 245px;
padding: 10px;
width: 278px;
}
.select-box {
background: none repeat scroll 0 0 #F2F2F2;
border: 1px solid #DDDDDD;
padding: 4px;
}
.select-box input {
display: inline-block;
vertical-align: middle;
}
.select-box span {
display: inline-block;
font: 11px/14px tahoma, sans-serif;
margin-left: 5px;
vertical-align: middle;
}
.photo-ul {
border-bottom: 1px solid #DDDDDD;
height: 684px;
overflow: hidden;
padding-top: 10px;
}
.photo-ul:after {
clear: both;
content: "";
display: block;
}
.photo-ul li {
float: left;
margin-right: 30px;
width: 165px;
}
.photo-ul li.last {
float: left;
margin-right: 0;
width: 165px;
}
.photo-ul li dt {
border: 1px solid #DDDDDD;
line-height: 0;
}
.photo-ul li dd {
margin-top: 5px;
padding-bottom: 40px;
}
.photo-ul li dd h4 {
font: 11px/14px tahoma, sans-serif;
margin-bottom: 1px;
}
.photo-ul li dd h4 input {
display: inline-block;
vertical-align: middle;
}
.photo-ul li dd h4 strong {
display: inline-block;
margin-left: 5px;
vertical-align: middle;
}
.photo-ul li dd span {
color: #A6A6A6;
font: 11px/14px tahoma, sans-serif;
margin-left: 19px;
}
.photo-ul li dd p {
color: #666666;
font: 11px/14px tahoma, sans-serif;
margin-top: 10px;
padding-left: 19px;
}
.Wrap640 .photo-ul {
border-bottom: 1px solid #DDDDDD;
height: 620px;
overflow: hidden;
padding: 20px 11px 0 14px;
}
.Wrap640 .photo-ul li dd {
margin-top: 5px;
padding-bottom: 20px;
}
.Wrap320 .photo-ul {
border-bottom: 1px solid #DDDDDD;
height: 400px;
overflow: hidden;
padding: 10px 0 0;
}
.Wrap320 .photo-ul li {
margin-right: 20px;
width: 140px;
}
.Wrap320 .photo-ul li dl {
height: 200px;
}
.Wrap320 .photo-ul li dt img {
height: 98px;
width: 138px;
}
.Wrap320 .photo-ul li dd {
margin-top: 5px;
padding-bottom: 20px;
}
.Wrap320 .photo-ul li.last {
margin-right: 0;
}
.input-red {
color: #BB162B;
font: bold 11px/14px tahoma, sans-serif;
}
.table-box .input-table .no1 {
border-right: 1px solid #DDDDDD;
width: 196px;
}
.table-box .input-table .textbox {
height: 130px;
overflow: auto;
padding: 10px;
width: 520px;
}
.table-box .input-table .text-st {
height: 155px;
}
.table-box .input-table strong {
height: 22px;
}
.table-box .input-table strong.point {
background: url("../img/Board/bg-table-th-point.gif") no-repeat scroll 5px 10px #F2F2F2;
}
.table-box .input-table .no2 {
padding: 3px 0 0 10px;
width: 539px;
}
.table-box .input-table .no2 span {
display: inline-block;
margin-right: 15px;
vertical-align: middle;
}
.table-box .input-table .no2 input {
display: inline-block;
vertical-align: middle;
}
.table-box .input-table .phone input {
display: inline-block;
vertical-align: middle;
width: 69px;
}
.Wrap640 .table-box .input-table .textbox {
height: 130px;
overflow: auto;
padding: 10px;
width: 340px;
}
.Wrap640 .table-box .input-table .text-st {
height: 155px;
}
.Wrap640 .table-box .input-table .no2 {
padding: 3px 0 0 10px;
width: 369px;
}
.Wrap320 .table-box .input-table li div {
display: block;
float: none;
width: auto;
}
.Wrap320 .table-box .input-table li .no1 {
border-right: 0 none;
}
.Wrap320 .table-box .input-table li .text-st {
height: 22px;
}
.Wrap320 .table-box .input-table li .no2 {
padding: 5px 0 5px 5px;
}
.Wrap320 .table-box .input-table .textbox {
height: 110px;
overflow: auto;
padding: 10px;
width: 260px;
}
.Search {
padding: 20px 10px 0;
}
.Search .Tab-menu {
background: url("../img/App/bg-tabmenu-ul.gif") repeat-x scroll left bottom transparent;
height: 31px;
margin-top: 20px;
position: relative;
}
.Search .Tab-menu .prev {
cursor: pointer;
display: none;
left: 0;
position: absolute;
top: 0;
}
.Search .Tab-menu .next {
cursor: pointer;
display: none;
position: absolute;
right: 0;
top: 0;
}
.Search .Tab-menu .Tab-menuCont {
height: 31px;
left: 0;
margin: 0;
overflow: hidden;
position: relative;
}
.Search .Tab-menu ul {
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 99999px;
}
.Search .Tab-menu ul:after {
clear: both;
content: "";
display: block;
}
.Search .Tab-menu li {
background: url("../img/App/bg-tabmenu.gif") no-repeat scroll 0 0 transparent;
display: inline;
float: left;
margin-right: 3px;
padding-bottom: 9px;
padding-top: 10px;
width: 135px;
}
.Search .Tab-menu li.on {
background: url("../img/App/bg-tabmenu-on.gif") no-repeat scroll 0 0 transparent;
}
.Search .Tab-menu li.on a img {
margin-top: -12px;
}
.Search .Tab-menu li a {
display: block;
font: bold 12px/14px tahome;
height: 12px;
overflow: hidden;
padding-top: 0;
text-align: center;
}
.Search .searchre-box {
height: 106px;
}
.Search .searchre-box .search-area {
padding: 22px 0 0 140px;
}
.Search .searchre-box .search-area select {
display: inline-block;
vertical-align: middle;
width: 143px;
}
.Search .searchre-box .search-area .text-st {
background: none repeat scroll 0 0 #FFFFFF;
border: 2px solid #BB162B;
display: inline-block;
height: 28px;
line-height: 28px;
vertical-align: middle;
width: 315px;
}
.Search .searchre-box .search-area .checkbox-st {
display: inline-block;
vertical-align: middle;
}
.Search .searchre-box .search-area a {
display: inline-block;
margin-right: 20px;
vertical-align: middle;
}
.Search .searchre-box .search-area span {
display: inline-block;
vertical-align: middle;
}
.Search .searchre-box .search-area div {
overflow: hidden;
padding: 13px 0 0 145px;
}
.Search .searchre-box .search-area div:after {
clear: both;
content: "";
display: block;
}
.Search .searchre-box .search-area div strong {
float: left;
height: 14px;
padding-right: 24px;
padding-top: 3px;
}
.Search .searchre-box .search-area div ul {
float: left;
}
.Search .searchre-box .search-area div li {
float: left;
line-height: 0;
padding: 0 5px 0 7px;
}
.Search .searchre-box .search-area div li:last-child {
background: none repeat scroll 0 0 transparent;
}
.Search .searchre-box .search-area div li a {
color: #646464;
font: 11px/14px tahoma, sans-serif;
margin: 0;
}
.Search .result-no {
margin-top: 30px;
}
.Search .result-no h1 {
border-bottom: 1px solid #9B9B9B;
color: #646464;
font: bold 14px tahoma, sans-serif;
padding-bottom: 10px;
}
.Search .result-no h1 strong {
color: #BB162B;
}
.Search .result-no ul {
border-bottom: 1px solid #D7D7D7;
overflow: hidden;
padding: 28px 0 29px 25px;
}
.Search .result-no ul:after {
clear: both;
content: "";
display: block;
}
.Search .result-no ul li:first-child {
margin-left: 0;
}
.Search .result-no ul li {
display: inline;
float: left;
margin-left: 30px;
}
.Search .result-no ul li dd {
text-align: center;
}
.Search .result-no ul li dd a {
color: #FFFFFF;
display: block;
font: 11px/18px tahoma, sans-serif;
text-align: center;
}
.search-result {
margin-top: 20px;
}
.search-result .no-ma {
margin-top: 0;
}
.result-all .result-h:first-child {
margin-top: 20px;
}
.result-h h2 {
color: #FFFFFF;
font: 11px/25px tahoma, sans-serif;
height: 25px;
padding-left: 20px;
}
.result-h span {
position: absolute;
right: 15px;
top: 9px;
}
.result-h span.btn-no2 {
position: absolute;
right: 15px;
top: 5px;
}
.result-News {
padding-left: 20px;
}
.result-News li:first-child {
margin-top: 20px;
}
.result-News li {
margin-top: 35px;
}
.result-News li dl {
overflow: hidden;
}
.result-News li dt {
float: left;
padding-right: 22px;
}
.result-News li dt img {
border: 1px solid #DDDDDD;
}
.result-News li dd {
float: left;
width: 745px;
}
.result-News li strong {
font: bold 11px/18px tahoma, sans-serif;
}
.result-News li strong span {
margin-right: 6px;
padding-right: 7px;
}
.result-News li p {
color: #888888;
font: 11px/18px tahoma, sans-serif;
}
.result-News li div a {
color: #45A2EA;
font: 11px/18px Tahoma, Helvetica;
text-decoration: underline;
}
.result-media {
height: 115px;
overflow: hidden;
padding-top: 20px;
}
.result-media:after {
clear: both;
content: "";
display: block;
}
.result-media li {
float: left;
padding-left: 20px;
}
.result-media li img {
border: 1px solid #DDDDDD;
}
.result-Newsbox {
border-bottom: 1px solid #DDDDDD;
padding-bottom: 50px;
}
.Wrap640 .Search {
padding: 20px 30px 0;
}
.Wrap640 .Search .Tab-menu .Tab-menuCont {
left: 12px;
width: 552px;
}
.Wrap640 .Search .Tab-menu .prev {
display: block;
left: 0;
position: absolute;
top: 0;
}
.Wrap640 .Search .Tab-menu .next {
display: block;
position: absolute;
right: 0;
top: 0;
}
.Wrap640 .Search .searchre-box .search-area {
padding: 22px 0 0 22px;
}
.Wrap640 .Search .searchre-box .search-area select {
width: 105px;
}
.Wrap640 .Search .searchre-box .search-area .text-st {
background: none repeat scroll 0 0 #FFFFFF;
border: 2px solid #BB162B;
display: inline-block;
height: 28px;
line-height: 28px;
vertical-align: middle;
width: 245px;
}
.Wrap640 .Search .searchre-box .search-area a {
margin-right: 5px;
}
.Wrap640 .Search .searchre-box .search-area span {
margin-left: 5px;
}
.Wrap640 .Search .searchre-box .search-area div {
overflow: hidden;
padding: 13px 0 0 110px;
}
.Wrap640 .Search .searchre-box .search-area div li {
  float: left;
  line-height: 0;
  padding: 0 5px 0 7px;
}
.Wrap640 .Search .searchre-box .search-area div li:last-child {
background: none repeat scroll 0 0 transparent;
}
.Wrap640 .result-News li dd {
float: left;
width: 370px;
}
.Wrap320 .Search .searchre-box {
height: 107px;
margin-left: -10px;
position: relative;
width: 320px;
}
.Wrap320 .Search .searchre-box .search-area {
padding: 42px 0 0 10px;
position: relative;
}
.Wrap320 .Search .searchre-box .search-area select {
width: 95px;
}
.Wrap320 .Search .searchre-box .search-area .text-st {
background: none repeat scroll 0 0 #FFFFFF;
border: 2px solid #BB162B;
display: inline-block;
height: 28px;
line-height: 28px;
vertical-align: middle;
width: 86px;
}
.Wrap320 .Search .searchre-box .search-area div {
display: none;
}
.Wrap320 .Search .searchre-box .search-area .checkbox-st {
left: 10px;
position: absolute;
top: 20px;
}
.Wrap320 .Search .searchre-box .search-area span {
left: 30px;
position: absolute;
top: 22px;
}
.Wrap320 .Search .result-no ul {
padding: 15px 0 20px;
}
.Wrap320 .Search .result-no ul li {
display: inline;
float: left;
margin-left: 3px;
}
.Wrap320 .Search .result-no ul li.first {
margin-left: 0;
}
.Wrap320 .Search {
padding: 10px 0 0;
}
.Wrap320 .Search .Tab-menu {
margin-top: 10px;
}
.Wrap320 .Search .Tab-menu .Tab-menuCont {
left: 12px;
width: 276px;
}
.Wrap320 .Search .Tab-menu .prev {
display: block;
left: 0;
position: absolute;
top: 0;
}
.Wrap320 .Search .Tab-menu .next {
display: block;
position: absolute;
right: 0;
top: 0;
}
.Wrap320 .result-h {
margin-top: 20px;
position: relative;
}
.Wrap320 .result-all .result-h:first-child {
margin-top: 10px;
}
.Wrap320 .result-h span {
position: absolute;
right: 15px;
top: 34px;
}
.Wrap320 .result-h span.btn-no2 {
position: absolute;
right: 15px;
top: 30px;
}
.Wrap320 .result-News li dt img {
border: 1px solid #DDDDDD;
width: 80px;
}
.Wrap320 .result-News li dd {
width: 145px;
}
.Wrap320 .result-News {
padding-left: 10px;
}
.Wrap320 .result-News li:first-child {
margin-top: 25px;
}
.Wrap320 .result-News li {
margin-top: 20px;
}
.Wrap320 .result-media {
height: 58px;
overflow: hidden;
padding-left: 5px;
padding-top: 25px;
}
.Wrap320 .result-media li {
padding-left: 10px;
}
.Wrap320 .result-media li img {
width: 81px;
}
.allModelsWrap {
padding: 20px 10px 0;
}
.allModelsWrap h2 {
color: #333333;
float: left;
font-family: 'KIA-Light', Arial, sans-serif;
font-size: 16px;
font-weight: bold;
width: 160px;
}
.allModelsWrap .allModelsList {
float: left;
overflow: hidden;
width: 800px;
}
.allModelsWrap .allModelsList:after {
clear: both;
content: "";
display: block;
}
.allModelsWrap .allModelsList li {
float: left;
margin-bottom: 20px;
width: 160px;
}
.allModelsWrap .allModelsList .allModelsDetail {
margin-bottom: 10px;
padding-top: 70px;
position: relative;
}
.allModelsWrap .allModelsList .allModelsDetail dt {
color: #7D7D7D;
font-family: 'Kia-Medium';
font-size: 14px;
margin-bottom: 5px;
text-align: center;
}
.allModelsWrap .allModelsList .allModelsDetail dd {
text-align: center;
}
.allModelsWrap .allModelsList .allModelsDetail .carPhoto {
left: 0;
position: absolute;
top: 0;
}
.allModelsWrap .allModelsList .allModelsDetail .carPrice {
font-weight: bold;
margin-bottom: 15px;
}
.allModelsWrap .allModelsList .allModelsBtnList li {
font-size: 0;
height: 16px;
line-height: 0;
margin: 0;
padding: 0;
text-align: center;
}
.allModelsWrap .allModelsCars, .allModelsWrap .allModelsSuv {
border-bottom: 1px solid #D9D9D9;
margin-bottom: 20px;
overflow: hidden;
padding-bottom: 50px;
}
.allModelsWrap .allModelsCommer {
overflow: hidden;
}
.allModelsWrap .allModelsCars:after, .allModelsWrap .allModelsSuv:after, .allModelsWrap .allModelsCommer:after {
clear: both;
content: "";
display: block;
}
.Wrap640 .allModelsWrap {
padding: 20px 0 0;
}
.Wrap640 .allModelsWrap h2 {
margin-bottom: 20px;
}
.Wrap640 .allModelsWrap .allModelsCars, .Wrap640 .allModelsWrap .allModelsSuv {
border-bottom: 1px solid #D9D9D9;
margin-bottom: 20px;
padding-bottom: 0;
}
.Wrap640 .allModelsWrap .allModelsCommer {
border-bottom: 0 none;
margin-bottom: 0;
padding-bottom: 0;
}
.Wrap640 .allModelsWrap .allModelsList {
width: 580px;
}
.Wrap640 .allModelsWrap .allModelsList li {
float: left;
margin-bottom: 20px;
width: 143px;
}
.Wrap640 .allModelsWrap .allModelsList .allModelsDetail {
margin-bottom: 10px;
padding-top: 70px;
position: relative;
}
.Wrap640 .allModelsWrap .allModelsList .allModelsDetail dt {
margin-bottom: 5px;
text-align: center;
}
.Wrap640 .allModelsWrap .allModelsList .allModelsDetail dd {
text-align: center;
}
.Wrap640 .allModelsWrap .allModelsList .allModelsDetail .carPhoto {
left: 0;
position: absolute;
top: 0;
}
.Wrap640 .allModelsWrap .allModelsList .allModelsDetail .carPhoto img {
width: 100%;
}
.Wrap640 .allModelsWrap .allModelsList .allModelsDetail .carPrice {
font-weight: bold;
margin-bottom: 15px;
}
.Wrap640 .allModelsWrap .allModelsList .allModelsBtnList li {
line-height: 0;
margin: 0;
text-align: center;
}
.Wrap640 .allModelsWrap .allModelsList .allModelsBtnList li img {
display: inline-block;
vertical-align: top;
}
.Wrap320 .allModelsWrap {
padding: 20px 0 0;
}
.Wrap320 .allModelsWrap h2 {
margin-bottom: 20px;
padding-left: 20px;
}
.Wrap320 .allModelsWrap .allModelsCars, .Wrap320 .allModelsWrap .allModelsSuv {
border-bottom: 1px solid #D9D9D9;
margin-bottom: 20px;
padding-bottom: 0;
}
.Wrap320 .allModelsWrap .allModelsCommer {
border-bottom: 0 none;
margin-bottom: 0;
padding-bottom: 0;
}
.Wrap320 .allModelsWrap .allModelsList {
width: 580px;
}
.Wrap320 .allModelsWrap .allModelsList li {
float: left;
margin: 0 0 20px 10px;
width: 140px;
}
.Wrap320 .allModelsWrap .allModelsList .allModelsDetail {
margin-bottom: 10px;
padding-top: 70px;
position: relative;
}
.Wrap320 .allModelsWrap .allModelsList .allModelsDetail dt {
margin-bottom: 5px;
text-align: center;
}
.Wrap320 .allModelsWrap .allModelsList .allModelsDetail dd {
text-align: center;
}
.Wrap320 .allModelsWrap .allModelsList .allModelsDetail .carPhoto {
left: 0;
position: absolute;
top: 0;
}
.Wrap320 .allModelsWrap .allModelsList .allModelsDetail .carPhoto img {
width: 100%;
}
.Wrap320 .allModelsWrap .allModelsList .allModelsDetail .carPrice {
font-weight: bold;
margin-bottom: 15px;
}
.Wrap320 .allModelsWrap .allModelsList .allModelsBtnList li {
line-height: 16px;
text-align: center;
}
.Wrap320 .allModelsWrap .allModelsList .allModelsBtnList li img {
display: inline-block;
vertical-align: top;
}
.layer-popup {
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}
.layer-popup .bg {
background: none repeat scroll 0 0 #FFFFFF;
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
width: 100%;
}
.layer-popup .SlideBox {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
float: left;
left: 50%;
margin-left: -481px;
overflow: hidden;
padding: 8px 16px 8px 0;
position: absolute;
top: 100px;
width: 944px;
}
.layer-popup .SlideBox .icon-area {
position: absolute;
right: 9px;
top: 460px;
}
.layer-popup .SlideBox .icon-area ul {
display: inline;
}
.layer-popup .SlideBox .icon-area li {
display: inline;
}
.layer-popup .SlideBox .icon-area span {
display: inline-block;
margin-right: 3px;
vertical-align: middle;
}
.layer-popup .SlideBox .icon-area img {
display: inline-block;
vertical-align: middle;
}
.layer-popup .SlideBox .next {
position: absolute;
right: 8px;
top: 197px;
}
.layer-popup .SlideBox .prev {
left: 8px;
position: absolute;
top: 197px;
}
.layer-popup .SlideBox .Close {
position: absolute;
right: 8px;
top: 8px;
}
.layer-popup .SlideArea {
overflow: hidden;
position: relative;
width: 10000px;
}
.layer-popup .SlideArea:after {
clear: both;
content: "";
display: block;
}
.layer-popup .SlideArea .Wi {
float: left;
padding: 0 8px;
position: relative;
}
.layer-popup2 {
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}
.layer-popup2 .bg {
background: none repeat scroll 0 0 #FFFFFF;
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
width: 100%;
}
.layer-popup2 .SlideBox {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
float: left;
left: 50%;
margin-left: -481px;
overflow: hidden;
padding: 8px 16px 8px 0;
position: absolute;
top: 100px;
width: 944px;
}
.layer-popup2 .SlideBox .icon-area {
position: absolute;
right: 9px;
top: 460px;
}
.layer-popup2 .SlideBox .icon-area ul {
display: inline;
}
.layer-popup2 .SlideBox .icon-area li {
display: inline;
}
.layer-popup2 .SlideBox .icon-area span {
display: inline-block;
margin-right: 3px;
vertical-align: middle;
}
.layer-popup2 .SlideBox .icon-area img {
display: inline-block;
vertical-align: middle;
}
.layer-popup2 .SlideBox .next {
display: block;
position: absolute;
right: 8px;
top: 197px;
}
.layer-popup2 .SlideBox .prev {
display: block;
left: 8px;
position: absolute;
top: 197px;
}
.layer-popup2 .SlideBox .Close {
position: absolute;
right: 8px;
top: 8px;
}
.layer-popup2 .SlideArea {
overflow: hidden;
position: relative;
width: 10000px;
}
.layer-popup2 .SlideArea:after {
clear: both;
content: "";
display: block;
}
.layer-popup2 .SlideArea .Wi {
float: left;
padding: 0 8px;
width: 944px;
}
.layer-popup2 .SlideArea div .Sl-pop2 {
background: none repeat scroll 0 0 #EEEEEE;
height: 397px;
overflow: hidden;
position: relative;
width: 944px;
}
.layer-popup2 .SlideArea div .Sl-pop2:after {
clear: both;
content: "";
display: block;
}
.layer-popup2 .SlideArea div .Sl-pop2 .Left-box {
float: left;
padding: 36px 33px 0 62px;
}
.layer-popup2 .SlideArea div .Sl-pop2 .Left-box img {
border: 1px solid #DDDDDD;
}
.layer-popup2 .SlideArea div .Sl-pop2 .Right-box {
float: left;
padding-top: 36px;
width: 310px;
}
.layer-popup2 .SlideArea div .Sl-pop2 .Right-box h2 {
padding: 6px 0 0 4px;
}
.layer-popup2 .SlideArea div .Sl-pop2 .Right-box .Srt-p {
color: #373737;
font: bold 11px/14px tahoma, sans-serif;
padding: 16px 0 0 4px;
}
.layer-popup2 .SlideArea div .Sl-pop2 .Right-box .line-word {
color: #5F5F5F;
font: 11px/16px tahoma, sans-serif;
padding: 16px 0 0 4px;
}
.layer-popup2 .SlideArea div .Sl-pop2 .Posi-Ab {
left: 560px;
position: absolute;
top: 160px;
}
.layer-popup2 .SlideArea div .Sl-pop2 .Zip-code {
margin-top: 120px;
}
.layer-popup2 .SlideArea div .Sl-pop2 .Zip-code .Code-box {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #D3D3D3 -moz-use-text-color;
border-style: solid none;
border-width: 1px 0;
margin-top: 10px;
padding: 11px 0 11px 3px;
}
.layer-popup2 .SlideArea div .Sl-pop2 .Zip-code .Code-box span {
display: inline-block;
vertical-align: middle;
}
.layer-popup2 .SlideArea div .Sl-pop2 .Zip-code .Code-box a {
display: inline-block;
vertical-align: middle;
}
.layer-popup2 .SlideArea div .Sl-pop2 .Zip-code .Code-box input {
display: inline-block;
height: 21px;
line-height: 21px;
vertical-align: middle;
}
.layer-popup2 .SlideArea div .Sl-pop2 .last-word {
color: #353535;
font: 11px/16px tahoma, sans-serif;
margin-top: 10px;
}
.layer-popup2 .SlideArea .List-img {
padding: 15px 0 17px 48px;
}
.layer-popup2 .SlideArea .List-img ul {
overflow: hidden;
padding-top: 10px;
}
.layer-popup2 .SlideArea .List-img ul:after {
clear: both;
content: "";
display: block;
}
.layer-popup2 .SlideArea .List-img ul li {
border: 1px solid #E7E7E7;
display: inline;
float: left;
margin-right: 10px;
}
.layer-popup2 .SlideArea .List-img ul .Print {
border: 0 none;
}
.layer-popup .Video {
display: none;
}
.layer-popup .flash_Video {
display: block;
}
.Wrap640 .layer-popup .SlideArea .Wi {
float: left;
overflow: hidden;
padding: 0 8px;
position: relative;
width: 604px;
}
.Wrap640 .layer-popup .SlideArea div div {
padding: 0;
}
.Wrap640 .layer-popup .SlideBox {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
float: left;
left: 50%;
margin-left: -306px;
overflow: hidden;
padding: 8px 8px 8px 0;
position: absolute;
top: 100px;
width: 612px;
}
.Wrap640 .layer-popup .SlideBox .next {
display: block;
position: absolute;
right: 8px;
top: 197px;
}
.Wrap640 .layer-popup .SlideBox .prev {
display: block;
left: 8px;
position: absolute;
top: 197px;
}
.Wrap640 .layer-popup2 .SlideArea .Wi {
float: left;
padding: 0 8px;
width: 604px;
}
.Wrap640 .layer-popup2 .SlideBox {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
float: left;
left: 50%;
margin-left: -306px;
overflow: hidden;
padding: 8px 0;
position: absolute;
top: 100px;
width: 620px;
}
.Wrap640 .layer-popup2 .SlideArea div .Sl-pop2 {
background: none repeat scroll 0 0 #EEEEEE;
float: none;
height: 293px;
overflow: hidden;
position: relative;
width: 604px;
}
.Wrap640 .layer-popup2 .SlideArea div div {
padding: 0;
}
.Wrap640 .layer-popup2 .SlideArea div .Sl-pop2 .Left-box img {
border: 1px solid #DDDDDD;
height: 143px;
width: 205px;
}
.Wrap640 .layer-popup2 .SlideArea .List-img ul li img {
height: 52px;
width: 76px;
}
.Wrap640 .layer-popup2 .SlideArea div .Sl-pop2 .Left-box {
float: left;
width: 207px;
}
.Wrap640 .layer-popup2 .SlideArea div .Sl-pop2 .Right-box {
padding: 30px 0 0;
width: 262px;
}
.Wrap640 .layer-popup2 .SlideArea div .Sl-pop2 .Posi-Ab {
left: 60px;
position: absolute;
top: 195px;
width: auto;
}
.Wrap640 .layer-popup2 .SlideArea div .Sl-pop2 .Zip-code {
margin-top: 25px;
}
.Wrap640 .layer-popup2 .SlideArea .List-img {
float: none;
padding: 15px 0 17px 2px;
width: auto;
}
.Wrap640 .layer-popup2 .SlideArea .List-img ul li {
border: 1px solid #E7E7E7;
display: inline;
float: left;
margin-right: 8px;
}
.Wrap640 .layer-popup2 .SlideBox .next {
display: block;
position: absolute;
right: 8px;
top: 125px;
}
.Wrap640 .layer-popup2 .SlideBox .prev {
display: block;
left: 8px;
position: absolute;
top: 125px;
}
.Wrap640 .layer-popup .SlideBox .icon-area {
position: absolute;
right: 9px;
top: 400px;
}
.Wrap320 .layer-popup {
position: absolute;
}
.Wrap320 .layer-popup .SlideArea .Wi {
float: left;
overflow: hidden;
padding: 0 8px;
position: relative;
width: 304px;
}
.Wrap320 .layer-popup .SlideArea div div {
padding: 0;
}
.Wrap320 .layer-popup .SlideBox {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
float: left;
left: 50%;
margin-left: -160px;
overflow: hidden;
padding: 8px 8px 8px 0;
position: absolute;
top: 1200px;
width: 312px;
}
.Wrap320 .layer-popup .SlideBox .next {
display: block;
position: absolute;
right: 9px;
top: 197px;
}
.Wrap320 .layer-popup .SlideBox .prev {
display: block;
left: 8px;
position: absolute;
top: 197px;
}
.Wrap320 .layer-popup .SlideBox .icon-area {
bottom: 10px;
position: absolute;
right: 9px;
top: auto;
}
.Wrap320 .layer-popup2 {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10000;
}
.Wrap320 .layer-popup2 .SlideArea .Wi {
float: left;
padding: 0 8px;
width: 304px;
}
.Wrap320 .layer-popup2 .SlideBox {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
bottom: -1100px;
float: left;
left: 50%;
margin-left: -160px;
overflow: hidden;
padding: 8px 0;
position: absolute;
top: auto;
width: 320px;
}
.Wrap320 .layer-popup2 .SlideArea div .Sl-pop2 {
height: 510px;
width: 304px;
}
.Wrap320 .layer-popup2 .SlideArea div .Sl-pop2 .Left-box img {
border: 1px solid #DDDDDD;
height: 143px;
width: 205px;
}
.Wrap320 .layer-popup2 .SlideArea div .Sl-pop2 .Left-box {
float: none;
margin-top: 17px;
padding: 0;
text-align: center;
}
.Wrap320 .layer-popup2 .SlideArea div .Sl-pop2 .Right-box {
float: none;
margin-top: 17px;
padding: 0;
text-align: center;
width: 304px;
}
.Wrap320 .layer-popup2 .SlideArea div .Sl-pop2 .Right-box h2 img {
width: 175px;
}
.Wrap320 .layer-popup2 .SlideArea div .Sl-pop2 .Right-box .Srt-p {
padding: 5px 46px 0;
}
.Wrap320 .layer-popup2 .SlideArea div .Sl-pop2 .Right-box .line-word {
padding: 15px 46px 0 61px;
text-align: left;
}
.Wrap320 .layer-popup2 .SlideArea .List-img {
display: none;
}
.Wrap320 .layer-popup2 .SlideBox .next {
display: block;
position: absolute;
right: 8px;
top: 72px;
}
.Wrap320 .layer-popup2 .SlideBox .prev {
display: block;
left: 8px;
position: absolute;
top: 72px;
}
.Wrap320 .layer-popup2 .SlideArea div .Sl-pop2 .Posi-Ab {
left: 57px;
position: absolute;
top: 311px;
}
.Wrap320 .layer-popup2 .SlideArea div .Sl-pop2 .Zip-code {
padding: 0 10px;
text-align: left;
}
.Wrap320 .layer-popup .Video {
display: block;
}
.Wrap320 .layer-popup .flash_Video {
display: none;
}
.snsWrap {
font-size: 11px;
overflow: hidden;
padding: 20px 10px 0;
}
.snsWrap:after {
clear: both;
content: "";
display: block;
}
.snsWrap h2 {
margin-bottom: 10px;
}
.snsWrap .snsFaceBook, .snsWrap .snsTwitter {
float: left;
margin: 0 20px 20px 0;
width: 245px;
}
.snsWrap .snsYouTube {
float: left;
margin-bottom: 20px;
width: 430px;
}
.snsWrap .snsYouTube .snsYouTubeCont .snsYouTubeMoive {
margin-bottom: 15px;
}
.snsWrap .snsFlickr {
clear: both;
position: relative;
}
.snsWrap .snsFlickr .snsFlickrCont {
background: none repeat scroll 0 0 #F2F2F2;
padding: 25px 20px;
width: 920px;
}
.snsWrap .snsFlickr .snsFlickrList {
overflow: hidden;
}
.snsWrap .snsFlickr .snsFlickrList:after {
clear: both;
content: "";
display: block;
}
.snsWrap .snsFlickr .snsFlickrList li {
float: left;
margin-left: 21px;
width: 214px;
}
.snsWrap .snsFlickr .snsFlickrList li.first {
margin-left: 0;
}
.snsWrap .snsFlickr .snsFlickrList li dl {
position: relative;
}
.snsWrap .snsFlickr .snsFlickrList li dl dt {
font-weight: bold;
margin-bottom: 10px;
padding-top: 143px;
}
.snsWrap .snsFlickr .snsFlickrList li dl .snsFlickrPhoto {
left: 0;
line-height: 130px;
position: absolute;
top: 0;
}
.snsWrap .snsFlickr .snsFlickrList li dl .snsFlickrPhoto img {
border: 1px solid #D9D9D9;
display: inline-block;
vertical-align: top;
}
.snsWrap .snsFlickr .btnSeeRelatedImg {
position: absolute;
right: 0;
top: 5px;
}
.Wrap640 .snsWrap {
font-size: 11px;
overflow: hidden;
padding: 20px 30px 0;
}
.Wrap640 .snsWrap:after {
clear: both;
content: "";
display: block;
}
.Wrap640 .snsWrap h2 {
margin-bottom: 10px;
}
.Wrap640 .snsWrap .snsFaceBook {
float: left;
margin: 0 12px 30px 0;
width: 284px;
}
.Wrap640 .snsWrap .snsTwitter {
float: left;
margin: 0 0 30px;
width: 284px;
}
.Wrap640 .snsWrap .snsYouTube {
clear: both;
margin-bottom: 30px;
width: 580px;
}
.Wrap640 .snsWrap .snsYouTubeCont {
overflow: hidden;
}
.Wrap640 .snsWrap .snsYouTubeCont:after {
clear: both;
content: "";
display: block;
}
.Wrap640 .snsWrap .snsYouTubeCont .snsYouTubeMoive {
float: left;
margin-bottom: 0;
width: 343px;
}
.Wrap640 .snsWrap .snsYouTubeCont .snsYouTubeInner {
float: left;
width: 230px;
}
.Wrap640 .snsWrap .snsFlickr {
position: relative;
}
.Wrap640 .snsWrap .snsFlickr .snsFlickrCont {
background: none repeat scroll 0 0 #F2F2F2;
height: 196px;
padding: 20px 25px 0;
width: 580px;
}
.Wrap640 .snsWrap .snsFlickr .snsFlickrList {
overflow: hidden;
}
.Wrap640 .snsWrap .snsFlickr .snsFlickrList:after {
clear: both;
content: "";
display: block;
}
.Wrap640 .snsWrap .snsFlickr .snsFlickrList li {
float: left;
margin: 0 0 20px 9px;
width: 170px;
}
.Wrap640 .snsWrap .snsFlickr .snsFlickrList li:first-child {
margin-left: 0;
}
.Wrap640 .snsWrap .snsFlickr .snsFlickrList li dl {
position: relative;
}
.Wrap640 .snsWrap .snsFlickr .snsFlickrList li dl dt {
font-weight: bold;
margin-bottom: 10px;
padding-top: 115px;
}
.Wrap640 .snsWrap .snsFlickr .snsFlickrList li dl .snsFlickrPhoto {
left: 0;
line-height: 103px;
position: absolute;
top: 0;
}
.Wrap640 .snsWrap .snsFlickr .snsFlickrList li dl .snsFlickrPhoto img {
border: 1px solid #D9D9D9;
display: inline-block;
vertical-align: top;
width: 168px;
}
.Wrap640 .snsWrap .snsFlickr .btnSeeRelatedImg {
position: absolute;
right: 0;
top: 5px;
}
.Wrap320 .snsWrap {
font-size: 11px;
padding: 20px 0 0;
}
.Wrap320 .snsWrap h2 {
margin-bottom: 10px;
}
.Wrap320 .snsWrap .snsFaceBook, .Wrap320 .snsWrap .snsTwitter {
height: 242px;
margin: 0 0 30px;
overflow: hidden;
width: 300px;
}
.Wrap320 .snsWrap .snsYouTube {
margin-bottom: 30px;
width: 300px;
}
.Wrap320 .snsWrap .snsYouTubeCont .snsYouTubeMoive {
margin-bottom: 10px;
width: 300px;
}
.Wrap320 .snsWrap .snsYouTubeCont .snsYouTubeInner {
width: 300px;
}
.Wrap320 .snsWrap .snsFlickr {
position: relative;
}
.Wrap320 .snsWrap .snsFlickr .snsFlickrCont {
background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 1px solid #EAEAEA;
height: 164px;
padding: 0;
width: 300px;
}
.Wrap320 .snsWrap .snsFlickr .snsFlickrList {
overflow: hidden;
}
.Wrap320 .snsWrap .snsFlickr .snsFlickrList:after {
clear: both;
content: "";
display: block;
}
.Wrap320 .snsWrap .snsFlickr .snsFlickrList li {
float: left;
margin: 0 0 10px 7px;
width: 146px;
}
.Wrap320 .snsWrap .snsFlickr .snsFlickrList li.first {
margin-left: 0;
}
.Wrap320 .snsWrap .snsFlickr .snsFlickrList li dl {
position: relative;
}
.Wrap320 .snsWrap .snsFlickr .snsFlickrList li dl dt {
font-weight: bold;
margin-bottom: 10px;
padding-top: 95px;
}
.Wrap320 .snsWrap .snsFlickr .snsFlickrList li dl .snsFlickrPhoto {
left: 0;
line-height: 88px;
position: absolute;
top: 0;
}
.Wrap320 .snsWrap .snsFlickr .snsFlickrList li dl .snsFlickrPhoto img {
border: 1px solid #D9D9D9;
display: inline-block;
vertical-align: top;
width: 144px;
}
.Wrap320 .snsWrap .snsFlickr .btnSeeRelatedImg {
position: absolute;
right: 0;
top: 5px;
}
.snsMotors {
font-size: 11px;
overflow: hidden;
padding: 38px 10px 0;
}
.snsMotors:after {
clear: both;
content: "";
display: block;
}
.snsMotors h2 {
margin-bottom: 20px;
}
.snsMotors .SMList li {
border-bottom: 1px solid #E7E7E7;
margin-top: 20px;
padding-bottom: 10px;
}
.snsMotors .SMList li.first {
margin-top: 0;
}
.snsMotors .SMCont {
padding: 0 10px;
position: relative;
}
.snsMotors .SMCont dt {
color: #4C4D50;
font-weight: bold;
margin-bottom: 15px;
}
.snsMotors .SMCont dt > span {
color: #3C58A1;
}
.snsMotors .SMCont dd {
line-height: 14px;
}
.snsMotors .SMCont .SMBtn {
line-height: 24px;
margin-bottom: 10px;
}
.snsMotors .SMCont .SMBtn img {
display: inline-block;
vertical-align: top;
}
.snsMotors .SMCont .qrCode {
position: absolute;
right: 10px;
top: 0;
}
.snsMotors .SMotorFaceBook, .snsMotors .SMotorTwitter, .snsMotors .SMotorYouTube {
float: left;
margin-right: 20px;
width: 225px;
}
.snsMotors .SMotorFlickr {
float: left;
width: 225px;
}
.Wrap640 .snsMotors {
font-size: 11px;
overflow: hidden;
padding: 20px 30px 0;
}
.Wrap640 .snsMotors:after {
clear: both;
content: "";
display: block;
}
.Wrap640 .snsMotors h2 {
margin-bottom: 20px;
}
.Wrap640 .snsMotors .SMList {
float: right;
width: 325px;
}
.Wrap640 .snsMotors .SMList li {
border-bottom: 0 none;
border-top: 1px solid #E7E7E7;
margin-top: 0;
padding: 20px 0 10px;
}
.Wrap640 .snsMotors .SMList li.first {
border-top: 0 none;
margin-top: 0;
padding-top: 0;
}
.Wrap640 .snsMotors .SMCont {
padding: 0;
position: relative;
}
.Wrap640 .snsMotors .SMCont dt {
color: #4C4D50;
font-weight: bold;
margin-bottom: 15px;
}
.Wrap640 .snsMotors .SMCont dt > span {
color: #3C58A1;
}
.Wrap640 .snsMotors .SMCont dd {
line-height: 14px;
margin-bottom: 0;
}
.Wrap640 .snsMotors .SMCont .SMBtn {
line-height: 24px;
margin-bottom: 10px;
}
.Wrap640 .snsMotors .SMCont .SMBtn img {
display: inline-block;
vertical-align: top;
}
.Wrap640 .snsMotors .SMCont .qrCode {
position: absolute;
right: 0;
top: 0;
}
.Wrap640 .snsMotors .SMotorFaceBook, .Wrap640 .snsMotors .SMotorTwitter, .Wrap640 .snsMotors .SMotorYouTube, .Wrap640 .snsMotors .SMotorFlickr {
border-bottom: 1px solid #E7E7E7;
margin-bottom: 30px;
width: 580px;
}
.Wrap320 .snsMotors {
font-size: 11px;
padding: 10px 0 0;
}
.Wrap320 .snsMotors h2 {
display: none;
}
.Wrap320 .snsMotors .SMList li {
border-bottom: 0 none;
border-top: 1px solid #E7E7E7;
margin-top: 0;
padding: 10px 0;
}
.Wrap320 .snsMotors .SMList li.first {
border-top: 0 none;
padding-top: 10px;
}
.Wrap320 .snsMotors .SMCont {
overflow: hidden;
padding: 0;
position: relative;
}
.Wrap320 .snsMotors .SMCont:after {
clear: both;
content: "";
display: block;
}
.Wrap320 .snsMotors .SMCont dt {
color: #4C4D50;
float: left;
font-weight: bold;
margin-bottom: 0;
}
.Wrap320 .snsMotors .SMCont dt > span {
color: #3C58A1;
}
.Wrap320 .snsMotors .SMCont .SMBtn {
float: right;
margin-bottom: 0;
}
.Wrap320 .snsMotors .SMCont .qrCode, .Wrap320 .snsMotors .SMCont .SMInner {
clear: both;
display: none;
}
.Wrap320 .snsMotors .SMotorFaceBook, .Wrap320 .snsMotors .SMotorTwitter, .Wrap320 .snsMotors .SMotorYouTube, .Wrap320 .snsMotors .SMotorFlickr {
border-bottom: 0 none;
margin-bottom: 0;
width: 300px;
}
.History {
padding: 50px 10px 0;
}
.History h2 {
text-align: center;
}
.year-ul {
background: url("../img/Corporate/History/bg-line.gif") no-repeat scroll left bottom transparent;
overflow: hidden;
padding-bottom: 9px;
padding-top: 60px;
}
.year-ul:after {
clear: both;
content: "";
display: block;
}
.year-ul ul {
float: left;
width: 50%;
}
.year-ul ul li {
float: left;
height: 26px;
overflow: hidden;
text-align: center;
width: 25%;
}
.year-ul ul li.on img {
margin-top: -26px;
}
.History-photo {
position: relative;
}
.btn-box {
padding-top: 66px;
position: absolute;
top: 0;
width: 100%;
}
.btn-box .prev {
left: 0;
position: absolute;
top: 48px;
}
.btn-box .next {
position: absolute;
right: 0;
top: 48px;
}
.btn-box .page {
text-align: center;
}
.btn-box .page li {
display: inline;
margin: 0 1px;
}
.historyArea ul li {
text-align: center;
}
.IWrap640 .historyArea ul li img {
width: 100%;
}
.IWrap640 .btn-box {
padding-top: 58px;
}
.IWrap320 .History h2 {
border-bottom: 1px solid #DDDDDD;
padding-bottom: 20px;
}
.IWrap320 .btn-box .prev {
left: 0;
position: absolute;
top: 20px;
}
.IWrap320 .btn-box .prev img {
height: 36px;
}
.IWrap320 .btn-box .next {
position: absolute;
right: 0;
top: 20px;
}
.IWrap320 .btn-box .next img {
height: 36px;
}
.IWrap320 .year-ul {
background: none repeat scroll 0 0 transparent;
padding-bottom: 0;
padding-top: 8px;
}
.IWrap320 .year-ul ul {
background: url("../img/Corporate/History/bg-line.gif") no-repeat scroll left bottom transparent;
float: none;
padding-bottom: 9px;
padding-top: 22px;
}
.IWrap320 .year-ul ul {
overflow: hidden;
width: 100%;
}
.IWrap320 .year-ul ul:after {
clear: both;
content: "";
display: block;
}
.IWrap320 .year-ul ul li {
width: 25%;
}
.IWrap320 .page li img {
width: 14px;
}
.IWrap320 .btn-box {
padding-top: 50px;
}
.models-list {
padding-top: 0;
}
.models-list li {
border-bottom: 1px solid #E0E1E2;
}
.models-list li .Bl-a {
color: #7E8083;
display: block;
font: 11px/14px tahoma, sans-serif;
height: 19px;
padding-left: 14px;
padding-top: 10px;
}
.models-list .on .Bl-a {
background: none repeat scroll 0 0 #333333;
color: #FFFFFF;
}
.models-list li .back-div {
background: none repeat scroll 0 0 #F4F4F4;
display: none;
padding: 15px 10px;
position: relative;
}
.models-list .on .back-div {
background: none repeat scroll 0 0 #F4F4F4;
display: block;
padding: 15px 10px;
position: relative;
}
.models-list li .back-div h4 {
margin-bottom: 15px;
padding-top: 40px;
}
.models-list li .back-div h4 strong {
display: block;
margin-top: 5px;
}
.models-list li .back-div p {
font-size: 11px;
line-height: 16px;
margin-top: 10px;
}
.models-list li .back-div .btn-area {
margin-top: 15px;
}
.models-list li .back-div .img-box {
position: absolute;
right: 0;
top: 10px;
}
.models-list li .back-div .img-box img {
width: 210px;
}
.tools {
color: #8F9193;
font-family: 'Kia-Medium';
font-size: 11px;
line-height: 20px;
text-transform: uppercase;
}
.tools a {
color: #444444;
}
.tools a:hover {
color: #21409A;
}
.testDriveIcon {
background: url("../img/icons/ico_testdrive.png") no-repeat scroll left top transparent;
}
.serviceIcon {
background: url("../img/icons/ico_service_2.png") no-repeat scroll left top transparent;
}
.brochureIcon {
background: url("../img/icons/ico_brochure.png") no-repeat scroll left top transparent;
}
.testDriveIcon:hover, .brochureIcon:hover {
background-position: left bottom;
}
p.copyright {
color: #8F9193;
font-family: 'Kia-Medium',Verdana;
font-size: 11px;
text-transform: uppercase;
}
p.copyright .free-number {
font-size: 12px;
color: #b20000;
}
p.copyright .free-number strong{
font-size: 16px;
}
.Wrap640 p.copyright {
max-width: 500px;
}
/* CONTROLLER.CSS */
.Wrap320 .content-head h1 {
padding-top: 5px;
}
.content-head h1 {
color: #333333;
font-family: 'KIA-Light', Arial, sans-serif;
font-size: 17px;
}
#guides div {
float: left;
margin: 10px 5px;
width: 250px;
}
.Car-detail .detail-head h2 {
font-family: 'KIA-Medium';
font-size: 26px;
}
#front-news {
float: left;
margin: 25px 10px 10px 0;
padding: 0;
position: relative;
width: 580px;
}
#front-news td.dates {
color: #BB162B;
font-size: 11px;
padding: 2px 5px 2px 0;
width: 60px;
}
#front-news td.headlines {
border-bottom: 1px dotted #A4A4A4;
line-height: 20px;
padding: 2px 0;
vertical-align: top;
width: 100%;
}
#front-news img {
padding: 16px 0 5px;
}
#front-news div {
background: url("../img/kiine_novice_vstopna.gif") no-repeat scroll 3px 0 transparent;
margin-top: 10px;
min-height: 20px;
padding-left: 64px;
}
#front-links {
float: left;
margin: 20px 0 19px;
position: relative;
width: 580px;
}
#front-links ul {
float: left;
list-style-type: none;
position: relative;
}
#front-links ul.left {
margin-right: 20px;
}
#front-links ul li {
background: url("../img/small_arrow.gif") no-repeat scroll 0 8px transparent;
line-height: 18px;
margin-left: 10px;
padding-left: 12px;
}
#suggestions {
clear: both;
padding: 10px 0 5px;
width: 980px;
height: 160px;
float: left;
}
#suggestions img {
float: left;
margin-left: 19px;
padding-bottom: 10px;
}
#footer {
background: url("//kia-kosova.com/img/footer_background.gif") repeat-x scroll 0 0 transparent;
border-top: 1px solid #DADADA;
clear: both;
height: 40px;
padding: 10px 0 0;
}
#footer .euro {
margin-left: 15px;
}
#footer p {
float: left;
font-size: 0.7em;
margin-top: 2px;
position: relative;
}
#footer img {
float: right;
position: relative;
}
.pagination {
font-size: 11px;
padding: 15px 5px;
text-align: center;
width: 185px;
}
.pagination a {
background: none repeat scroll 0 0 #F4F3F3;
border: 1px solid #B9B0B0;
padding: 3px;
}
.pagination a:hover {
background: none repeat scroll 0 0 #FFFFFF;
text-decoration: none;
}
.paginationCurrentPage {
color: #BB162B;
font-weight: bold;
padding: 0 5px;
}
.paginationPrevious {
margin-right: 3px;
}
#basic-table, #equipment {
border: 1px solid #CACACA;
border-spacing: 0;
margin-bottom: 5px;
table-layout: auto;
width: 770px;
}
#basic-table a, #equipment a {
color: #000000;
text-decoration: underline;
}
#basic-table a:hover, #equipment a:hover {
text-decoration: none;
}
#basic-table th, #equipment th {
background-color: #BB162B;
border-bottom: 1px solid #880000;
border-right: 1px solid #880000;
color: #FFFFFF;
padding: 5px;
text-align: center;
}
#basic-table th.header {
background: url("//kia-kosova.com/img/small_nosort.gif") no-repeat scroll 3px 9px #BB162B;
cursor: pointer;
font-size: 10px;
}
#basic-table th.headerSortUp {
background: url("//kia-kosova.com/img/small_asc.gif") no-repeat scroll 3px 12px #DA0101;
}
#basic-table th.headerSortDown {
background: url("//kia-kosova.com/img/small_desc.gif") no-repeat scroll 3px 12px #DA0101;
}
#basic-table td, #equipment td {
border-bottom: 1px solid #DBDADA;
border-right: 1px solid #CACACA;
color: #000000;
padding: 7px 5px;
text-align: center;
}
#basic-table tr.alt td, #equipment tr.alt td {
background-color: #F4F2F2;
}
#basic-table td.last, #equipment td.last {
border-right: medium none;
}
#basic-table .right, #equipment .right {
border-right: medium none;
}
#basic-table .left, #equipment .left {
padding-left: 7px;
text-align: left;
}
#basic-table .price, #equipment .price {
padding-right: 10px;
text-align: right;
}
.even {
background-color: #FFFFFF;
}
.odd {
background-color: #F4F1F1;
}
#model-header {
background-color: #EFEFEF;
}
h1.models {
height: 45px;
margin: 0 auto -8px 8px;
overflow: hidden;
text-indent: -100em;
width: 992px;
}
#main-picture {
background-repeat: no-repeat;
height: 90px;
margin: -7px auto 0;
padding-top: 90px;
width: 980px;
}
#main-picture h1 {
background-color: #B20000;
background-position: 20px 28px;
background-repeat: no-repeat;
color: #FFFFFF;
font-family: 'KIA-Light', Arial, sans-serif;
font-size: 22px;
height: 70px;
overflow: hidden;
padding-left: 20px;
padding-top: 20px;
text-indent: -1111px;
width: 180px;
}
#content {
background: url("//kia-kosova.com/img/main_background.gif") repeat-y scroll 0 0 #FFFFFF;
margin: 0 auto;
width: 980px;
}
#column-left {
background: url("//kia-kosova.com/img/column_left_bg.gif") no-repeat scroll 0 0 transparent;
float: left;
padding-bottom: 10px;
width: 200px;
}
#column-left p, #column-news p {
line-height: 1.4em;
margin: 15px 10px 5px 20px;
}
#column-left ul {
list-style-type: none;
}
#column-left ul li {
margin-bottom: 3px;
width: 200px;
}
#column-left ul li a {
background: url("//kia-kosova.com/img/menu_bullet.gif") no-repeat scroll 20px 8px transparent;
display: block;
height: 17px;
padding-left: 34px;
padding-top: 2px;
}
#column-left ul li a:hover {
background: url("//kia-kosova.com/img/menu_bullet_red.gif") no-repeat scroll 20px 8px #F3EEEE;
text-decoration: none;
}
#column-left .line, #column-news .line {
border-bottom: 1px solid #BCAEAE;
margin: 10px 20px 5px;
width: 160px;
}
#column-left ol {
list-style-type: disc;
padding-left: 20px;
width: 140px;
}
#column-left .icon {
margin-right: 5px;
}
#column-main {
background-color: #FFFFFF;
float: left;
padding: 20px;
width: 540px;
}
#column-main a {
text-decoration: underline;
}
#column-main ul {
margin-bottom: 20px;
margin-left: 20px;
}
#column-main-wide {
background-color: #FFFFFF;
float: left;
padding: 20px;
width: 740px;
}
#column-main-wide a {
text-decoration: underline;
}
#column-right {
background-color: #FFFFFF;
float: left;
padding: 40px 0 0;
width: 200px;
}
.banner-ad {
border: 1px solid #D3D3D3;
margin-bottom: 20px;
}
.right-title {
border-bottom: 1px solid #C3C3C3;
color: #BB162B;
font: bold 12px tahoma,arial,sans-serif;
margin-bottom: 3px;
padding-bottom: 3px;
text-align: center;
width: 200px;
}
.right-content-center {
font: 12px/1.4 tahoma,arial,sans-serif;
margin: 5px 0 20px;
text-align: center;
width: 200px;
}
.right-content {
border-bottom: 1px solid #DFDADA;
font: 12px/1.4 tahoma,arial,sans-serif;
margin-top: 5px;
padding-bottom: 5px;
width: 160px;
}
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
#column-main-news {
background-color: #FFFFFF;
border-right: 1px dotted #D3D3D3;
float: left;
padding: 20px 10px 10px;
width: 530px;
}
#column-main-news a {
text-decoration: underline;
}
#column-main-news ul, ol {
font-size: 11px;
margin-left: 15px;
}
#column-main-news ul li {
list-style-type: circle;
margin-bottom: 5px;
}
#column-main-news ol li {
margin-bottom: 5px;
}
#column-right-news {
background-color: #FFFFFF;
float: left;
padding: 20px 0 0 10px;
width: 215px;
}
.right-newslist {
margin-top: 15px;
text-align: center;
width: 180px;
}
.right-newslist span {
display: block;
margin-left: 20px;
}
#column-news {
background: url("//kia-kosova.com/img/column_left_bg.gif") no-repeat scroll 0 0 transparent;
float: left;
padding-bottom: 10px;
width: 200px;
}
#column-news ul {
list-style-type: none;
}
#column-news ul li a {
border-bottom: 1px solid white;
display: block;
font-size: 11px;
padding: 10px 20px;
width: 160px;
}
#column-news ul li a:hover {
background-color: #F3EEEE;
text-decoration: none;
}
#column-news ul li span {
color: #858585;
font-size: 10px;
}
#column-news ul li.selected {
background-color: #F3EEEE;
font-weight: normal;
}
#column-news ul li.selected a {
color: #BB162B;
}
#news-body {
font-size: 12px;
line-height: 17px;
}
#news-body ul {
font-size: 12px;
}
#news-body p {
font-size: 12px;
line-height: 17px;
}
#news-body img {
border: 1px solid #A5A5A5;
margin: 10px;
padding: 5px;
}
#news-body a {
text-decoration: underline;
}
#news-created {
float: left;
font-size: 13px;
}
#news-icons {
float: left;
margin-bottom: 15px;
width: 530px;
}
.attachment {
font-size: 12px;
margin-top: 10px;
}
.attachment a {
text-decoration: underline;
}
.description {
font: 12px/1.6 tahoma,arial,sans-serif;
margin-bottom: 5px;
text-align: center;
}
.description a {
color: #FFFFFF;
}
.akcija-levo {
float: left;
width: 700px;
}
.akcija-levo .drobno {
display: block;
font: 0.8em/1.5 tahoma,arial,sans-serif;
margin-top: 10px;
}
.akcija-levo h2 {
color: #BB162B;
}
.akcija-levo h3 {
color: #BB162B;
font-size: 17px;
margin: 13px 0 3px;
}
.akcija-levo .jokerji {
line-height: 22px;
margin-left: 40px;
}
.akcija-levo li {
font: 11px tahoma,arial,sans-serif;
list-style-type: disc;
margin-left: 20px;
}
.akcija-levo table {
width: 300px;
}
.akcija-levo th {
background-color: #4677A0;
border-bottom: 3px solid #FFFFFF;
color: #FFFFFF;
font-size: 12px;
padding: 7px 12px;
text-align: right;
}
.akcija-levo td {
background-color: #E1ECF5;
border-bottom: 1px solid #FFFFFF;
color: #254C6D;
font-size: 12px;
padding: 7px 12px;
text-align: right;
}
.akcija-levo .left {
text-align: left;
}
.akcija-desno {
float: left;
padding: 20px 0 20px 30px;
width: 270px;
}
.akcija-desno ul {
margin-bottom: 0;
}
.akcija-desno ul li {
margin-bottom: 12px;
}
.akcija-desno span {
display: block;
margin-bottom: 5px;
}
.akcija-spodaj {
border-top: 1px solid #DADADA;
clear: both;
font: 10px/1.2 tahoma,arial,sans-serif;
margin: 3px 0;
padding: 2px 0;
}
#voscilnica-obrazec {
border: 1px solid #A29191;
float: left;
font-size: 12px;
line-height: 17px;
margin-right: 20px;
padding: 10px;
width: 200px;
}
#voscilnica-obrazec .error-message {
color: #BB162B;
font-size: 0.8em;
}
#voscilnica-motiv {
border: 1px solid #A29191;
float: left;
font-size: 12px;
padding: 10px;
text-align: center;
}
#voscilnice-container {
border-left: 1px solid #DADADA;
border-right: 1px solid #DADADA;
width: 998px;
}
.voscilnica {
background: url("//ssangyong.hr/img/greeting_background.jpg") repeat scroll 0 0 #F4F4F4;
border: 1px solid #D0D0D0;
}
.voscilnica td {
font-size: 12px;
padding: 15px;
text-align: left;
}
.voscilnica-forma td {
font-size: 12px;
padding: 5px;
text-align: left;
}
#voscilnice-container option {
padding: 0 5px 3px 0;
}
#voscilnice-container input {
font-size: 12px;
}
.zastopniki-box {
float: left;
margin-right: 30px;
}
.zastopniki-box label {
margin-left: 5px;
}
.zastopniki-list {
font: 12px/1.6 tahoma,arial,sans-serif;
}
.zastopniki-list td {
padding: 5px;
}
.zastopnik-opis {
font-size: 12px;
}
.zastopnik-opis .podrobno p {
font-size: 12px;
}
#maps-menu {
background-color: #EFEFEF;
border: 1px solid #CCCCCC;
border-radius: 3px 3px 3px 3px;
float: left;
margin-top: 20px;
padding: 15px;
width: 300px;
}
.modeli-levo {
background: url("//kia-kosova.com/img/range_category.gif") no-repeat scroll 7px 42px #BB162B;
float: left;
height: 770px;
width: 29px;
}
.modeli-desno {
border-right: 1px solid #DADADA;
float: left;
width: 999px;
}
.modeli-vrsta {
background: url("//ssangyong.hr/img/range_background.gif") repeat-x scroll 0 0 transparent;
height: 154px;
width: 100%;
}
.modeli-vrsta div {
float: left;
}
#cenik, #oprema, #izracun {
border: 1px solid #7D6A6A;
width: 100%;
}
#cenik th, #oprema th {
background-color: #7D6A6A;
border-right: 1px solid #6B5B5B;
color: #FFFFFF;
font: 12px/1.4 tahoma,arial,sans-serif;
padding: 12px;
text-align: center;
}
#cenik td, #oprema td {
background-color: #FFFFFF;
border-right: 1px solid #D4CDCD;
font: 12px/1.4 tahoma,arial,sans-serif;
padding: 12px;
text-align: center;
}
#cenik tr.alt td, #oprema tr.alt td {
background-color: #EFEEEE;
}
#cenik td.last, #oprema td.last {
border-right: medium none;
}
#cenik .desno, #oprema .desno {
border-right: medium none;
text-align: right;
}
#cenik .levo, #oprema .levo {
text-align: left;
}
.pricelist-pdf {
clear: both;
float: left;
font: 12px/1.4 tahoma,arial,sans-serif;
margin: 5px 0 30px;
width: 200px;
}
.pricelist-pdf img {
float: left;
margin-right: 10px;
}
#izracun th {
background-color: #7D6A6A;
border-right: 1px solid #6B5B5B;
color: #FFFFFF;
font: 12px/1.4 tahoma,arial,sans-serif;
padding: 12px;
text-align: left;
}
#izracun td {
font: 12px/1.4 tahoma,arial,sans-serif;
padding: 12px;
}
#izracun td.gray {
background-color: #EFEEEE;
}
.clause {
font-size: 10px;
margin-top: 5px;
}
.clause p {
font-size: 10px;
}
#emission {
border: 1px solid #C3C3C3;
width: 920px;
table-layout: auto;
}
#emission th {
background-color: #88B323;
border-bottom: 1px solid #549421;
border-right: 1px solid #549421;
color: #FFFFFF;
font: bold 12px/1.4 tahoma,arial,sans-serif;
padding: 5px;
text-align: center;
}
#emission td {
background-color: #FFFFFF;
border-bottom: 1px solid #C3C3C3;
border-right: 1px solid #C3C3C3;
font: 12px/1.4 tahoma,arial,sans-serif;
padding: 5px;
text-align: center;
}
#emission tr.alt td {
background-color: #EDEDEE;
}
#emission td.last {
border-right: medium none;
}
#emission .desno {
border-right: medium none;
}
#emission .levo {
text-align: left;
}
.mapa {
border-left: 1px solid #DADADA;
float: left;
font-size: 12px;
margin: 10px 5px 20px 0;
padding-left: 5px;
}
.mapa ul {
list-style-type: none;
margin-right: 25px;
}
.mapa h1 {
color: #BB162B;
font-size: 17px;
margin-bottom: 10px;
}
.mapa-vrh {
background-color: #BB162B;
color: #FFFFFF;
font: 15px/1.8 'Roboto', Arial, sans-serif;
font-weight: 900;
height: 30px;
text-align: center;
width: 1000px;
}
#form_newslist {
border: 1px solid #7D6A6A;
font: 12px/1.8 Tahoma, Arial, sans-serif;
width: 380px;
}
#form_newslist .title {
background: none repeat scroll 0 0 #7D6A6A;
color: #FFFFFF;
font-weight: bold;
margin-bottom: 5px;
padding: 7px 10px;
width: 360px;
}
#form_newslist .input {
padding: 3px 10px;
}
#form_newslist .input .input_text {
border: 1px solid #423F3B;
}
#form_newslist .input .input_text_date {
border: 1px solid #423F3B;
}
#form_newslist .input_text_date option {
padding-right: 5px;
}
#form_newslist .input_checkbox {
margin-right: 5px;
}
#form_newslist .input_check {
padding-left: 10px;
}
#form_newslist .submit {
margin: 0 0 10px 10px;
}
#form_newslist #sex_1 {
margin-left: 10px;
margin-right: 3px;
}
#form_newslist #sex_0 {
margin-right: 3px;
}
#form_newslist .input label {
display: block;
float: left;
margin-right: 5px;
margin-top: -3px;
padding-top: 4px;
text-align: left;
width: 80px;
}
#form_newslist .input fieldset {
border: medium none;
}
#form_newslist .input fieldset label {
margin: 0 5px 2px;
width: 20px;
}
#form_newslist .input fieldset input {
border: medium none;
float: left;
margin-top: 8px;
}
#form_newslist .input fieldset legend {
color: #000000;
float: left;
margin-top: 4px;
width: 80px;
}
#form_newslist .error-message {
color: #BB162B;
font-size: 10px;
padding-left: 85px;
}
#form_testdrive {
border: 1px solid #AAA0A0;
float: left;
font: 12px/1.8 tahoma,arial,sans-serif;
width: 500px;
}
#form_testdrive .title, #form_service .title {
background: none repeat scroll 0 0 #7D6A6A;
color: #FFFFFF;
font-weight: bold;
margin-bottom: 5px;
padding: 7px 10px;
width: 480px;
}
#form_testdrive .title img {
margin: 0 5px -7px 0;
}
#form_testdrive .input, #form_service .input {
padding: 1px 10px;
}
#form_testdrive .input .input_text {
border: 1px solid #423F3B;
}
#form_testdrive .input .input_text_date {
border: 1px solid #423F3B;
}
#form_testdrive .input_text_date option {
padding-right: 5px;
}
#form_testdrive .input_checkbox {
margin-right: 5px;
}
#form_testdrive .input_check {
padding-left: 10px;
}
#form_testdrive .submit {
margin: 0 0 10px 10px;
}
#form_testdrive #sex_1 {
margin-left: 10px;
margin-right: 3px;
}
#form_testdrive #sex_0 {
margin-right: 3px;
}
#form_testdrive #car_will_stay_1 {
margin-left: 10px;
margin-right: 3px;
}
#form_testdrive #car_will_stay_0 {
margin-right: 3px;
}
#form_testdrive .input label, #form_service .input label {
display: block;
float: left;
margin-right: 5px;
margin-top: -3px;
padding-top: 4px;
text-align: left;
width: 120px;
}
#form_testdrive .input fieldset, #form_service .input fieldset {
border: medium none;
}
#form_service .input fieldset {
margin: 10px 0 0 -10px;
}
#form_testdrive .input fieldset label, #form_service .input fieldset label {
margin: 0 5px 2px;
width: 20px;
}
#form_testdrive .input fieldset input, #form_service .input fieldset input {
border: medium none;
float: left;
margin-left: 5px;
margin-top: 8px;
}
#form_testdrive .input fieldset legend, #form_service .input fieldset legend {
color: #000000;
float: left;
margin-top: 4px;
min-width: 120px;
}
#form_service .input fieldset label {
margin-top: 4px;
}
#form_service .input fieldset legend {
margin-top: 8px;
}
#form_testdrive .error-message {
color: #BB162B;
font-size: 10px;
padding-left: 125px;
}
#form_testdrive .premium {
background: url("//ssangyong.hr/img/premium_background.gif") repeat-x scroll 0 0 transparent;
padding: 8px 0;
}
#premium-box {
float: right;
margin: 3px 0 0 7px;
width: 250px;
}
#premium-box p {
font: 0.85em/1.4 tahoma,arial,sans-serif;
margin: 6px 7px;
}
#premium-box ul {
font: 0.85em/1.4 tahoma,arial,sans-serif;
margin: 10px 0 0 20px;
}
#premium-box ul li {
margin-bottom: 7px;
}
#premium-box .leaflet {
border-bottom: 1px dotted #858585;
border-top: 1px dotted #858585;
font: 0.85em/1.4 tahoma,arial,sans-serif;
margin: 15px 0 0 10px;
padding: 15px 0 25px;
}
#premium-box .leaflet img {
float: left;
margin-right: 10px;
}
.promo_code {
border-top: 1px dotted #777672;
font: 0.9em/1.3 tahoma,arial,sans-serif;
margin: 10px 10px 0;
padding: 5px 0;
}
#form_testdrive #sms_inform {
margin-top: 10px;
}
#brochureIndexForm .terms_checkbox {
float: left;
margin: 10px 0 20px;
}
#brochureIndexForm .terms_checkbox input {
float: left;
margin: 2px 5px 0 0;
}
#brochureIndexForm .terms_checkbox label {
font: 11px/1.1 tahoma,arial,sans-serif;
width: 330px;
}
.okvir {
border: 0 none;
margin-right: 15px;
}
h4.boutique {
background: none repeat scroll 0 0 transparent;
color: #BB162B;
font-size: 14px;
margin-bottom: 5px;
padding-top: 5px;
}
.boutique-left {
float: left;
margin-bottom: 15px;
padding-top: 10px;
width: 120px;
}
.boutique-right {
float: left;
font-size: 11px;
margin-top: 3px;
width: 420px;
}
.boutique-right .attachments {
border-bottom: 1px dotted #BDBBB8;
float: right;
margin-left: 10px;
padding: 8px;
}
.symbol {
float: right;
font-size: 0.7em;
margin-top: 10px;
}
#equipment-list {
background: none repeat scroll 0 0 #F3F2F2;
border-bottom: 1px solid #DFDADA;
font-size: 12px;
margin: 0 0 30px;
padding: 10px;
width: 180px;
}
#equipment-list li {
list-style-type: none;
margin-bottom: 12px;
}
#equipment-list a {
font-weight: bold;
text-decoration: underline;
}
#equipment-list .description {
font-size: 10px;
line-height: 12px;
}
#noBoutiqueWarning {
color: #BB162B;
font-size: 1em;
font-weight: bold;
padding: 10px;
}
#column-left .cartheader {
background-color: #BB162B;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
margin: 10px 0 0 10px;
padding: 5px;
text-align: center;
width: 170px;
}
#column-left .cartproductlist {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #FFFFFF;
border-color: #BB162B #BB162B -moz-use-text-color;
border-style: solid solid none;
border-width: 1px 1px medium;
font-size: 12px;
margin-left: 10px;
padding: 10px 10px 0;
width: 158px;
}
#column-left .loading {
background-color: #FFFFFF;
border-bottom: medium none;
border-left: 1px solid #BB162B;
border-right: 1px solid #BB162B;
font-size: 0.8em;
margin-left: 10px;
padding: 10px 10px 0;
text-align: center;
width: 158px;
}
#column-left .cart {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #F3F0F0;
border-color: -moz-use-text-color #BB162B #BB162B;
border-style: none solid solid;
border-width: medium 1px 1px;
font-size: 12px;
margin-left: 10px;
padding: 5px 10px 10px;
text-align: center;
width: 158px;
}
#column-left .emptycart {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #FFFFFF;
border-color: -moz-use-text-color #BB162B #BB162B;
border-style: none solid solid;
border-width: medium 1px 1px;
font-size: 11px;
margin-left: 10px;
padding: 0 10px 10px;
text-align: center;
width: 158px;
}
#column-left .cartproductlist div {
padding-bottom: 10px;
}
#cartcontent {
border: 1px solid #000000;
margin-bottom: 20px;
}
#lightbox {
background-color: #FFFFFF;
border: 1px solid #BBBBBB;
padding: 10px;
}
#lightboxDetails {
font-size: 0.8em;
padding-top: 0.4em;
}
#lightboxTopDetails {
font-size: 0.8em;
margin-right: 20px;
padding-top: 1em;
}
#lightboxCaption {
float: left;
font-size: 10px;
}
#keyboardMsg {
float: right;
}
#lightbox img {
border: medium none;
}
#overlay img {
border: medium none;
}
#lightboxImage {
margin-top: 10px;
}
#overlay {
background-image: url("//www.kmag.net/sharedcakephp/js/fancybox/fancybox_overlay.png");
}
#lightbox #closeButton {
float: left;
margin: 0;
padding: 0;
right: 5px;
top: 4px;
}
#lightbox #printButton {
cursor: pointer;
float: left;
margin: 0;
padding: 0;
position: absolute;
right: 27px;
top: 3px;
}
* html #overlay {
background-color: transparent;
background-image: url("//kmag.net/sharedcakephp/js/fancybox/blank.gif");
}
#video_holder {
float: left;
line-height: 14px;
padding: 15px 12px 10px;
position: relative;
width: 669px;
}
#video_holder p {
font-size: 0.8em;
}
#video_holder div {
background: none repeat scroll 0 0 #ECECEC;
border: 1px solid #B4A8A8;
float: left;
margin: 0 12px 12px 0;
text-align: center;
}
#video_holder div a {
color: #000000;
display: block;
padding: 2px;
text-decoration: none;
}
#video_holder div a:hover {
background-color: #FFFFFF;
display: block;
text-decoration: none;
}
#video_holder div img {
border: 1px solid #B4A8A8;
margin: 10px 10px 5px;
}
#video_holder div p {
margin: 0;
padding: 0 0 5px;
}
.back-nomargin {
background: url("../img/back_arrow.gif") no-repeat scroll left center transparent;
clear: both;
float: left;
font-size: 11px;
margin-top: 10px;
padding-left: 10px;
text-decoration: underline;
}
.back {
background: url("../img/back_arrow.gif") no-repeat scroll left center transparent;
clear: both;
float: left;
font-size: 12px;
padding-left: 10px;
text-decoration: underline;
}
.back-line {
background: url("../img/back_arrow.gif") no-repeat scroll left center transparent;
border-top: 1px solid #CCCCCC;
clear: both;
float: left;
font-size: 11px;
padding: 10px;
text-decoration: underline;
width: 96%;
}
#guides div {
float: left;
margin: 10px 5px;
width: 250px;
}
#guides div ul {
font: 12px/1.4 Tahoma, Helvetica;
margin: 5px 5px 5px 22px;
}
.wide-guide {
background-color: #F3F3F3;
border: 1px solid #DDDDDD;
font: 12px/1.4 Tahoma, Helvetica;
margin: 10px 0;
padding: 15px;
width: 500px;
}
.wide-guide h3 {
color: #BB162B;
font: 1.2em/1.4 Tahoma, Helvetica;
margin: 0;
}
.wide-guide ul, ol {
margin: 5px 5px 5px 15px;
}
#guides div p {
font: 12px/1.4 Tahoma, Helvetica;
margin: 0 8px;
}
#guides h3 {
color: #BB162B;
font-weight: bold;
margin: 0 0 0 8px;
}
#guides hr {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color -moz-use-text-color #DDDDDD;
border-style: none none solid;
border-width: 0 0 1px;
margin-bottom: 15px;
padding-top: 15px;
}
.owners_manual {
float: left;
font-size: 11px;
margin: 20px 10px 0 0;
text-align: center;
width: 240px;
}
.owners_manual h3 {
color: #BB162B;
font-size: 15px;
margin: 0;
}
.owners_manual a {
text-decoration: underline;
}
.owners_manual span {
background: none repeat scroll 0 0 #EFEFEF;
display: block;
padding: 5px 3px;
}
.owners_manual ul {
display: block;
text-align: left;
}
.owners_manual ul li {
margin-bottom: 5px;
}
#eco h4 {
border-bottom: 1px dotted #84BDD3;
color: #52891F;
font: 1.2em tahoma,arial,sans-serif;
margin: 20px 0 6px;
padding-bottom: 3px;
}
#eco-menu {
background: url("../img/eco/menu_tree.gif") no-repeat scroll 72px 41px transparent;
float: left;
padding: 138px 0 0 33px;
width: 217px;
}
#eco-menu img {
margin-bottom: 8px;
}
#eco-main {
float: left;
width: 750px;
}
#eco-main .title {
margin: 40px 0 0;
}
#eco-footer {
background: url("../img/eco/footer_grass.gif") no-repeat scroll 8px top transparent;
clear: both;
height: 42px;
width: 1000px;
}
#eco-main ul {
list-style-type: none;
margin: 20px 0;
}
#eco-main ul li {
background: url("../img/eco/green_dot.gif") no-repeat scroll 0 1px transparent;
font-size: 12px;
line-height: 1.3em;
margin-bottom: 13px;
padding-left: 10px;
}
#eco-main .range {
clear: both;
float: left;
margin-top: 15px;
width: 740px;
}
#eco-main .range img {
float: right;
}
#eco-main .range h4 {
background: url("../img/eco/h4_eco_background.gif") repeat-y scroll left top transparent;
border: 0 none;
color: #36740F;
height: 28px;
padding: 2px 0 0 10px;
}
#eco-main img.category {
float: left;
padding: 0 8px 20px 0;
}
#eco-main p.green {
color: #16721C;
}
#eco-main a {
color: #255505;
text-decoration: underline;
}
#roadshow-content {
background-color: #302720;
color: #FFFFFF;
float: left;
font-size: 12px;
line-height: 1.4;
padding: 0 40px 40px;
width: 920px;
}
#roadshow-content .logo {
margin: 20px 0 0;
}
#roadshow-content a {
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}
.roadshow-images img {
border: 1px solid #575757;
margin-bottom: 5px;
}
.roadshow-gallery {
float: left;
margin-top: 20px;
width: 940px;
}
.roadshow-gallery img {
border: 1px solid #826E4D;
float: left;
margin: 0 25px 20px 0;
padding: 4px;
}
.gallery-list ul li {
margin-left: 20px;
padding-bottom: 5px;
}
#content-warranty {
text-align: center;
width: 1000px;
}
#content-warranty .range {
margin-bottom: 20px;
}
#column-magazine {
background-color: #FFFFFF;
border-right: 1px dotted #D3D3D3;
float: left;
padding: 10px;
width: 530px;
}
#column-magazine a {
text-decoration: underline;
}
#column-magazine ul {
margin-bottom: 20px;
margin-left: 20px;
}
#column-magazine ul li {
margin-bottom: 3px;
}
#column-magazine img {
border: 1px solid #CCCCCC;
padding: 4px;
}
#form_tattoo {
border: 1px solid #7D6A6A;
font: 12px/1.8 tahoma,arial,sans-serif;
width: 650px;
}
#form_tattoo .title {
background: none repeat scroll 0 0 #7D6A6A;
color: #FFFFFF;
font-weight: bold;
margin-bottom: 5px;
padding: 7px 10px;
width: 630px;
}
#form_tattoo .input {
padding: 3px 10px;
}
#form_tattoo .input .input_text {
border: 1px solid #423F3B;
}
#form_tattoo .input .input_text_date {
border: 1px solid #423F3B;
}
#form_tattoo .input_text_date option {
padding-right: 5px;
}
#form_tattoo .input_checkbox {
margin-right: 5px;
}
#form_tattoo .input_check {
padding-left: 10px;
}
#form_tattoo .submit {
margin: 0 0 10px 10px;
}
#form_tattoo #sex_0 {
margin-right: 3px;
}
#form_tattoo .input label {
display: block;
float: left;
margin-right: 5px;
margin-top: -3px;
padding-top: 4px;
text-align: left;
width: 120px;
}
#form_tattoo .error-message {
color: #BB162B;
font-size: 10px;
padding-left: 85px;
}
#form_tattoo table {
padding: 10px;
}
#form_tattoo table th {
font: bold 1em/1.8 tahoma,arial,sans-serif;
padding: 5px;
}
#form_tattoo table td {
border-top: 1px dotted #777672;
font: 1em/1.6 tahoma,arial,sans-serif;
padding: 5px 0;
vertical-align: top;
}
#form_tattoo table td.price {
border-left: 1px dotted #777672;
text-align: right;
vertical-align: middle;
}
h4.tattoo {
background: none repeat scroll 0 0 transparent;
color: #BB162B;
font-size: 1em;
font-weight: bold;
}
#rio_main {
margin-top: 1px;
}
#rio_actual {
background-color: #E5DFDF;
float: left;
width: 1000px;
}
#rio_actual img {
float: left;
margin: 20px 0 20px 13px;
}
.rio_video_container {
float: left;
padding-left: 20px;
padding-top: 45px;
width: 630px;
}
.rio_video_thumbs {
float: left;
padding-left: 40px;
padding-top: 40px;
width: 300px;
}
.rio_video_thumbs div {
float: left;
height: 120px;
padding-right: 10px;
width: 130px;
}
.rio_video_thumbs div.promo {
background-color: #FFFFFF;
border: 1px solid #C6BBBB;
float: left;
height: 95px;
margin-bottom: 15px;
padding-right: 10px;
padding-top: 5px;
width: 250px;
}
.rio_video_thumbs div.promo span {
color: #BB162B;
}
.rio_video_thumbs div.promo img {
border: 0 none;
float: left;
padding: 5px 10px;
}
.rio_video_thumbs div img {
border: 1px solid #000000;
}
#rio_gallery {
background: #E5DFDF;
float: left;
margin-top: 15px;
padding: 45px 20px 20px;
width: 960px;
}
#rio_gallery div {
background-color: #FFFFFF;
float: left;
height: 70px;
margin: 10px 0 0 10px;
padding: 3px;
text-align: center;
width: 100px;
}
.Lnb .lnb-ul .on a.signupToNewsLetter {
background: url("//www.kmag.net/sharedcakephp/img/news/icon_kia_news.png") no-repeat scroll left top transparent;
color: #444444;
display: inline-block;
font-size: 11px;
font-weight: normal;
height: 40px;
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 170px;
}
.Lnb .lnb-ul .on a.signupToNewsLetter span {
display: inline-block;
line-height: 14px;
margin: 7px auto 0;
overflow: hidden;
width: 80px;
}
.clear {
clear: both;
}
.boldTitle {
border-bottom: 1px solid #CFCFCF;
color: #B2162B;
font-family: 'Kia-Medium';
font-size: 17px;
margin-bottom: 10px;
text-transform: uppercase;
width: 100%;
}
#column-right-news input[type="submit"] {
background: url("//www.kmag.net/sharedcakephp/img/common/btn-search.gif") no-repeat scroll 0 0 transparent;
border: medium none;
cursor: pointer;
height: 24px;
margin-bottom: 0 !important;
margin-left: -4px;
margin-top: 10px;
text-indent: -9999px;
width: 24px;
}
#column-right-news input[type="text"], #column-right-news input[type="password"] {
background: url("../img/common/bg-search-bar.gif") no-repeat scroll 0 0 transparent;
border: 0 none;
font: 12px/18px "Tahoma",Dotum;
height: 24px;
margin: 10px 0 0;
padding: 0 5px;
width: 169px !important;
}
#column-news select {
height: 24px;
line-height: 24px;
}
#column-news option {
height: 24px;
}
#news-icons img {
height: 16px;
}
.flash p {
font-family: 'Kia-Medium';
font-size: 15px;
margin-bottom: 20px;
}
.contentWrap.emissions {
margin-bottom: -50px;
top: -30px;
}
.contentWrap.emissions .CorporateWrap {
margin-bottom: -50px;
padding-top: 0;
}
#emission {
border: 1px solid #C3C3C3;
width: 100%;
}
#emission th {
background-color: #88B323;
border-bottom: 1px solid #549421;
border-right: 1px solid #549421;
color: #FFFFFF;
font: 9px/14px tahoma,arial,sans-serif;
padding: 4px;
text-align: center;
}
#emission td {
background-color: #FFFFFF;
border-bottom: 1px solid #C3C3C3;
border-right: 1px solid #C3C3C3;
font: 9px/14px tahoma,arial,sans-serif;
padding: 4px;
text-align: center;
overflow: hidden;
}
#emission th#sort {
width: 20px;
}
#emission th#fuel_type {
width: 170px;
}
#emission th#ccm {
width: 60px;
}
#emission tr:hover td {
background: #fafafa !important;
}
#emission tr.alt td {
background-color: #EDEDEE;
}
#emission td.last {
border-right: medium none;
}
#emission .desno {
border-right: medium none;
}
#emission .levo {
text-align: left;
}
.eco {
margin-bottom: -10px;
}
.eco .CorporateWrap {
padding: 0;
}
#eco {
background: url("../img/eco/eco_background2.gif") no-repeat scroll 0 0 transparent;
margin: -6px auto -20px;
width: 1000px;
padding: 0 0 0 0;
}
#ssangyong #eco {
margin: -6px auto 0;
}
#eco select {
padding: 2px;
border: 1px solid #C3C3C3;
}
#eco h4 {
border-bottom: 1px dotted #84BDD3;
color: #52891F;
font: 1.2em tahoma,arial,sans-serif;
margin: 20px 0 6px;
padding-bottom: 3px;
}
#eco-menu {
background: url("../img/eco/menu_tree.gif") no-repeat scroll 72px 41px transparent;
float: left;
padding: 138px 0 0 33px;
width: 217px;
}
#eco-menu img {
margin-bottom: 8px;
}
#eco-main {
float: left;
width: 750px;
}
#eco-main .title {
margin: 40px 0 0;
}
#eco-footer {
background: url("../img/eco/footer_grass.gif") no-repeat scroll 8px top transparent;
clear: both;
height: 42px;
width: 1000px;
}
#eco-main ul {
list-style-type: none;
margin: 20px 0;
}
#eco-main ul li {
background: url("../img/eco/green_dot.gif") no-repeat scroll 0 1px transparent;
font-size: 12px;
line-height: 1.3em;
margin-bottom: 13px;
padding-left: 10px;
}
#eco-main .range {
clear: both;
float: left;
margin-top: 15px;
width: 740px;
}
#eco-main .range img {
float: right;
}
#eco-main .range h4 {
background: url("../img/eco/h4_eco_background.gif") repeat-y scroll left top transparent;
border: 0 none;
color: #36740F;
height: 28px;
padding: 2px 0 0 10px;
}
#eco-main img.category {
float: left;
padding: 0 8px 20px 0;
}
#eco-main p.green {
color: #16721C;
}
#eco-main a {
color: #255505;
text-decoration: underline;
}
.CorporateWrap iframe {
overflow: hidden;
}
.CorporateWrap.notop iframe {
float: left;
clear: both;
}
input[type="button"], input[type="submit"] {
border: 1px solid #ADAFB3;
border-radius: 3px 3px 3px 3px;
cursor: pointer;
height: 25px;
margin: 5px;
padding: 0 5px;
}
input[type="button"]:hover, input[type="submit"]:hover {
border-color: #444444;
}
.Wrap320 .contentWrap .content .WrapContent {
width: 300px !important;
padding: 0px 10px;
}
.Wrap320 .contentWrap .content .WrapContent > div {
max-width: 300px !important;
}
/* -----------*/
/* --- 320 ---*/
/* -----------*/
.Wrap320 .headerWrap {
height: 74px !important;
}
.Wrap320 .content {
width: 320px !important;
}
.Wrap320 .footer-sitemap ul {
height: auto;
margin-bottom: 10px;
margin-right: 30px;
width: 140px;
}
.Wrap320 .content div {
float: left;
text-align: left;
clear: both;
max-width: 320px;
}
.Wrap320 .content img, .Wrap320 .content embed {
max-width: 320px !important;
height: auto !important;
}
.Wrap320 .orbit-wrapper, .Wrap320 #featured, .Wrap320 #featured img {
width: 320px !important;
height: 96px !important;
margin-top: 2px;
}
.Wrap320 .slider-nav span {
top: 90px;
}
.Wrap320 #front-news, .Wrap320 #front-links, .Wrap320 #suggestions, .Wrap320 #content, .Wrap320 #main-picture, .Wrap320 #column-main {
width: 320px !important;
clear: both; 
}
.Wrap320 #news-icons {
width: 100%;
}
.Wrap320 #column-main-news {
width: 320px;
}
.Wrap320 #column-main-news img {
max-width: 300px;
}
.Wrap320 #column-right-news {
width: 320px;
float: left;
padding-bottom: 20px;
}
.Wrap320 #column-main > div {
margin: 0 auto;
}
.Wrap320 #column-left {
display: none;
}
.Wrap320 #suggestions img {
margin: 0 auto;
padding: 5px;
width: 150px;
}
.Wrap320 .footerWrap {
text-align: center;
}
/* -------------*/
/* --- Fixes ---*/
/* -------------*/
body iframe {
border: none !important;
overflow: hidden !important;
display: block;
}
#iframe {
margin: 0 auto;
display: block;
position: relative;
}
.Wrap {
height: auto !important;
}
.Wrap .closeModels {
cursor: pointer;
position: absolute;
top: 20px;
right: 20px;
}
.Gnb .on > a {
color: #000000;
}
.Gnb li a {
color: #666666;
}
.content-body h3 {
margin-bottom: 5px;
}
.content-body ul {
padding: 0px 0px 10px 0px;
list-style-type: none;
}
.content-body ul li {
list-style-type: none;
background: url("//www.kmag.net/sharedcakephp/img/common/bg-lnb-off.gif") no-repeat scroll 0 9px transparent;
line-height: 1.6;
padding-left: 10px;
}
.footer .logo {
bottom: -36px;
}
.Gnb li.dropdown ul {
min-width: 170px;
}
#content table {
table-layout: auto;
}
#basic-table th.header {
background-position: 3px 7px;
cursor: pointer;
font-size: 10px;
width: auto;
}
.terms_checkbox .read_more_disclaimer {
display: inline-block !important;
}
h1.models {
height: 45px;
margin: 0 auto;
overflow: hidden;
text-indent: -100em;
width: 1000px;
}
#suggestions img {
float: left;
margin-left: 15px;
padding-bottom: 10px;
}
#featured {
background-color: transparent !important;
}
input[type="button"], input[type="submit"] {
background: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE) repeat scroll 0 0 transparent;
border: 1px solid #CCCCCC;
color: #666666;
font-size: 12px;
height: 30px;
padding: 0px 12px 0px 12px;
border-radius: 3px 3px 3px 3px;
}
input[type="button"]:hover, input[type="submit"]:hover {
background: -moz-linear-gradient(center top , #FFFFFF, #DDDDDD) repeat scroll 0 0 transparent;
border: 1px solid #CCCCCC;
}
.footerWrap {
z-index: 30;
}
h4 {
font-family: Tahoma, Helvetica;
}
iframe {
overflow: hidden !important;
}
#content table th {
background-color: #B20000;
}
#content h2 {
font-size: 21px;
}
.owners_manual {
margin-right: 10px;
}
.owners_manual h3, .owners_manual img {
padding-bottom: 15px;
}
.CorporateWrap {
width: 1000px;
}
input, textarea, select {
height: auto;
}
ul li a {
font-weight: normal;
}
.footerWrap b {
font-weight: normal;
}
input#ClientsPostalCode, input#ClientsPhone {
-wap-input-format: 'N' !important;
}
#featured img {
width: 980px;
}
.ceed_portal {
margin-bottom: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: -6px;
padding-bottom: 20px;
}
.footerWrap {
margin-top: -30px !important;
}
.content, .CorporateWrap {
padding-bottom: 10px;
}
.Gnb li.dropdown ul {
z-index: 99999;
}
.header .Gnb li.Models .Gnb-2deps h4 {
font-size: 12px;
font-family: 'KIA-Light', Arial, sans-serif;
color: #A8AAAC;
text-align: center;
margin-top: 5px;
text-transform: uppercase;
width: 175px;
}
#content h2, h3, h4 {
margin-bottom: 15px;
}
#container {
position: relative;
}
#footer {
max-width: 1000px;
position: relative;
z-index: 10;
}
.akcija-desno ul {
padding-left: 13px;
}
.owners_manual img {
width: 160px;
}
#contain div a.next {
float: right;
}
.requiredFieldError {
border: 1px solid #B20000 !important;
}
span.link {
cursor: pointer;
font-weight: bold;
text-decoration: underline;
}
.ui-dialog .ui-dialog-content {
text-align: justify;
}
a.more {
float: right;
padding-right: 5px;
width: 25px;
}
div.ui-datepicker {
z-index: 1100 !important;
}
.ui-dialog {
position: absolute;
}
.roadshowContainer a {
outline: medium none;
}
.roadshowContainer table {
table-layout: auto;
}
.roadshowContainer #roadshow_wrap {
background-color: #000000;
border: 0 none;
font-family: sans-serif;
height: auto;
margin: auto;
padding: 0;
width: 1000px;
}
.roadshowContainer #roadshow_header {
background-color: #000000;
background-image: url("//www.kmag.net/sharedcakephp/img/roadshow/bg_header.jpg");
background-repeat: no-repeat;
height: 770px;
margin: 0;
padding: 0;
position: relative;
width: 1000px;
}
.roadshowContainer #roadshow_content {
background-color: #000000;
color: #CCCCCC;
height: auto;
margin: 0;
padding: 0 30px 30px;
width: 940px;
}
.roadshowContainer #car_optima {
background: none repeat scroll 0 0 transparent;
color: #CCCCCC;
font-size: 12px;
left: 30px;
position: absolute;
top: 415px;
width: 300px;
z-index: 10;
}
.roadshowContainer #car_ceed {
background: none repeat scroll 0 0 transparent;
color: #CCCCCC;
font-size: 12px;
left: 350px;
position: absolute;
top: 360px;
width: 300px;
z-index: 10;
}
.roadshowContainer #car_sportage {
background: none repeat scroll 0 0 transparent;
color: #CCCCCC;
font-size: 12px;
left: 670px;
position: absolute;
top: 400px;
width: 300px;
z-index: 10;
}
.roadshowContainer #premiera {
left: 100px;
position: absolute;
top: 260px;
}
.roadshowContainer #events {
border: 0 solid #CCCCCC;
border-collapse: collapse;
color: #CCCCCC;
font-family: Verdana,sans-serif;
font-size: 10px;
width: 100%;
}
.roadshowContainer #events tr {
border-bottom: 1px solid #333333;
}
.roadshowContainer #events tr.last {
border-bottom: medium none;
}
.roadshowContainer #events td {
padding: 5px 9px;
}
.roadshowContainer .events_header {
color: #FFFFFF;
font-family: Arial,sans-serif;
font-size: 10px;
font-weight: bold;
}
.roadshowContainer .event_highlight {
background-color: #B20000;
color: #FFFFFF;
font-weight: bold;
}
.roadshowContainer .date {
color: #FFFFFF;
font-family: Arial,sans-serif;
font-size: 10px;
font-weight: bold;
white-space: nowrap;
width: 74px;
}
.roadshowContainer .gallery_ico {
text-align: right;
width: 15px;
}
.roadshowContainer .location {
white-space: nowrap;
}
.roadshowContainer .time {
}
.roadshowContainer #logo_kia_roadshow {
float: left;
margin: 0 20px 10px 0;
}
.roadshowContainer #slogan_roadshow {
color: #CCCCCC;
font-size: 18px;
margin: 0;
padding: 0;
}
.roadshowContainer .red {
color: #B20000;
font-weight: bold;
}
.roadshowContainer .right {
text-align: right;
}
.roadshowContainer .gallery {
display: none;
}
.roadshowContainer .gallery_opener, .roadshowContainer .youtube_opener {
cursor: pointer;
}
.roadshowContainer .gallery_opener:hover, .roadshowContainer .youtube_opener:hover {
opacity: 0.9;
}
.roadshowContainer .column {
float: left;
margin-bottom: 20px;
margin-right: 20px;
width: 300px;
}
.roadshowContainer .double {
width: 620px;
}
.roadshowContainer .last {
margin-right: 0;
}
.roadshowContainer .clear {
clear: both;
}
.roadshowContainer #map_canvas_roadshow {
height: 365px;
width: 620px;
}
.roadshowContainer #map_canvas_roadshow .text {
color: #000000;
font: 0.9em/1.5 tahoma,arial,sans-serif;
}
.roadshowContainer #map_canvas_roadshow .text p {
font: 0.9em/1.5 tahoma,arial,sans-serif;
}
.roadshowContainer .lastRoadShowGallery {
background: url("//www.kmag.net/sharedcakephp/img/roadshow/preloader_active.gif") no-repeat scroll center center transparent;
margin-bottom: 10px;
min-height: 30px;
}
.roadshowContainer .lastRoadShowGallery .fancybox-thumbs {
border: 3px solid #333333;
float: left;
height: 100px;
margin-bottom: 5px;
margin-right: 5px;
overflow: hidden;
width: 145px;
}
.roadshowContainer .lastRoadShowGallery .fancybox-thumbs img {
background-image: none;
height: auto;
padding: 0;
width: 150px;
}
.roadshowContainer .lastRoadShowGallery.loaded {
background: none repeat scroll 0 0 transparent;
}
.preloadBackground {
background: url("//www.kmag.net/sharedcakephp/img/roadshow/preloader_active.gif") no-repeat scroll center center #000000;
height: 100%;
left: 0;
opacity: 0.8;
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
z-index: 15000;
}
.roadshowContainer .tooltip {
background-color: #161616;
border: 1px solid #222222;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
font-family: sans-serif;
font-size: 12px;
padding: 10px;
}
.roadshowContainer .test_paleta {
margin-top: 20px;
}
.roadshowContainer #test_picanto, .roadshowContainer #test_rio, .roadshowContainer #test_rio_sedan, .roadshowContainer #test_ceed, .roadshowContainer #test_venga, .roadshowContainer #test_soul {
cursor: pointer;
}
.roadshowContainer h1 {
color: #B20000;
font-size: 20px;
font-weight: normal;
}
.roadshowContainer #display_holder {
background-color: #060606;
background-image: url("//www.kmag.net/sharedcakephp/img/roadshow/bg_display.jpg");
background-position: center center;
background-repeat: no-repeat;
border: 5px solid #161616;
height: auto;
max-height: 300px;
min-height: 160px;
overflow-x: hidden;
overflow-y: auto;
padding: 10px;
position: absolute;
right: 30px;
top: 30px;
width: 480px;
}
.roadshowContainer #slogan_roadshow {
color: #CCCCCC;
font-size: 14px;
margin: 0;
padding: 0;
}
.roadshowContainer .social_row {
background-color: #000000;
background-image: url("//www.kmag.net/sharedcakephp/img/roadshow/bg_social.jpg");
height: 100px;
width: 1000px;
}
.roadshowContainer .margin_bot {
margin-bottom: 20px;
}
.roadshowContainer #garancija {
float: right;
height: 70px;
margin: 0 0 0 20px;
}
.tooltip {
background-color: #161616;
border: 1px solid #222222;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
font-family: sans-serif;
font-size: 12px;
padding: 10px;
z-index: 10000;
}
.roadshowContainer .test_paleta {
cursor: pointer;
margin-top: 20px;
}
.roadshowContainer #plasma {
float: right;
height: 120px;
margin: 0 0 0 20px;
}
.roadshowContainer .date {
width: 80px;
}
.roadshowContainer #car_rio {
color: #CCCCCC;
font-size: 12px;
left: 350px;
position: absolute;
top: 350px;
width: 300px;
}
.roadshowContainer a {
color: #B20000;
}
.roadshowContainer .news {
text-align: left;
}
.roadshowContainer .news_e {
float: left;
margin: 0 10px 0 0;
}
.roadshowContainer .news_brochure {
float: left;
margin: 0 10px 0 0;
}
.roadshowContainer .news_wheel {
float: left;
margin: 0 10px 0 0;
}
.roadshowContainer .news h1 {
margin: 0 0 10px;
}
.roadshowContainer .news_bg p {
padding: 0;
}
.success {
border: 0 none;
font-size: 12px;
width: 480px;
}
.success p {
font-size: 12px;
line-height: 1.7;
}
.success tr td {
padding: 8px 10px;
}
.success .ticker {
float: left;
margin: 0 10px 20px 0;
}
.success .confirmed {
background-color: #FAFAFA;
background-image: url("//www.kmag.net/sharedcakephp/img/success/grad_up.png");
background-position: center bottom;
background-repeat: repeat-x;
border: 1px solid #CCCCCC;
border-radius: 10px 10px 10px 10px;
font-size: 12px;
padding: 15px !important;
}
.success .contact_info {
background-color: #FFFFFF;
background-image: url("//www.kmag.net/sharedcakephp/img/success/contact_info.png");
background-position: center bottom;
background-repeat: no-repeat;
color: #FFFFFF;
font-weight: bold;
height: 36px;
}
.success .chosen {
background-color: #FFFFFF;
background-image: url("//www.kmag.net/sharedcakephp/img/success/grad_up.png");
background-position: center bottom;
background-repeat: repeat-x;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
.success .info_left {
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
font-weight: bold;
vertical-align: top;
}
.success .info_right {
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
vertical-align: top;
}
.success .info_right img {
float: left;
margin-right: 10px;
}
.success .location {
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
padding: 0 !important;
}
.success .map_title {
background-color: #FFFFFF;
background-image: url("//www.kmag.net/sharedcakephp/img/success/grad_down.png");
background-position: center bottom;
background-repeat: repeat-x;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
.success .location_map {
height: 300px;
width: 480px;
}
.konfigurator {
max-width: 1000px;
margin: 0 auto;
}
.konfigurator a, img {
border: medium none;
}
.konfigurator .shelf-wrapper {
overflow: hidden;
position: relative;
width: 1000px;
z-index: 100;
}
.Wrap320 .konfigurator .shelf-wrapper {
width: 320px;
}
.konfigurator .shelf {
height: 230px;
position: absolute;
top: -6px;
width: 100%;
z-index: -1;
}
.konfigurator .shelf-l {
background: url("//www.kmag.net/sharedcakephp/img/oprema/shelf-l.png") repeat-y scroll left top transparent;
float: left;
height: 3000px;
width: 50%;
}
.konfigurator .shelf-r {
background: url("//www.kmag.net/sharedcakephp/img/oprema/shelf-r.png") repeat-y scroll right top transparent;
float: right;
height: 3000px;
width: 50%;
}
.konfigurator .labels {
float: left;
margin-top: -2px;
width: 333px;
}
.konfigurator .car-logo {
float: left;
margin-left: 20px;
}
.konfigurator .car-konfig {
background: url("//www.kmag.net/sharedcakephp/img/oprema/link.png") no-repeat scroll 0 0 transparent;
float: right;
height: 44px;
margin-right: 20px;
width: 154px;
}
.konfigurator .car-wrapper {
float: left;
height: 230px;
width: 333px;
}
.konfigurator .car-wrapper:hover .car-konfig {
background: url("//www.kmag.net/sharedcakephp/img/oprema/link-a.png") no-repeat scroll 0 0 transparent;
}
.konfigurator .overlay_img {
position: absolute;
}
.konfigurator .bw_img:hover {
opacity: 0;
}
.fb-like {
vertical-align: middle;
}
/*
320 main navigation
*/
.Wrap320 .Gnb {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: #DDDDDD -moz-use-text-color -moz-use-text-color #DDDDDD;
border-image: none;
border-style: solid none none solid;
border-width: 1px 0 0 1px;
display: none;
left: 0;
margin-bottom: 6px;
margin-top: 0;
padding-left: 1px;
padding-top: 0;
position: absolute;
top: 65px;
z-index: 10000;
}
.Wrap320 .Gnb li {
height: auto;
line-height: 30px;
padding: 0;
font-size: 12px;
width: 320px;
}
.Wrap320 .Gnb li.dropdown ul {
margin-bottom: 27px;
margin-top: -25px;
position: relative;
width: 320px;
}
.Wrap320 .Gnb li ul li {
width: 320px;
}
.Wrap320 .Gnb li ul li a {
font-size: 12px;
line-height: 20px;
text-align: center;
}
.Wrap320 .Gnb li a {
width: 100%;
font-size: 12px;
}
#column-news select {
height: 20px;
line-height: 24px;
padding-top: 2px;
}
.contentWrap.warranty .CorporateWrap {
padding-bottom: 30px;
padding-top: 0;
}
.Gnb li.dropdown ul li a {
line-height: 20px;
font-family: Tahoma, sans-serif;
}
.Wrap640 .prev, .Wrap640 .next {
display: block !important;
}
/*
.formholder {
max-width: 640px;
}
*/
#subpage .contentWrap .CorporateWrap .Lnb.left {
float: left;
}
#subpage .contentWrap .CorporateWrap .Lnb.right {
float: right;
}
#subpage .sidemenu_content {
width: 620px;
padding: 0px 20px;
}
#subpage .sidemenu_content.left {
float: left;
}
#subpage .sidemenu_content.right {
float: right;
}
#subpage .Lnb .lnb-ul {
padding-left: 0px !important;
}
#subpage .contentWrap .CorporateWrap .sidemenu_content .content-body .news_block div {
margin: 0px;
padding: 0px;
clear: both;
}
#subpage .contentWrap .CorporateWrap .sidemenu_content .content-body .news_block {
float: left;
padding: 10px;
margin: 0px;
width: 600px !important;
border-top: 1px solid #CCC;
background-color: #FFF;
margin: 10px 0px;
font-family: Tahoma, sans-serif;
background: #FFF; /* Old browsers */
}
#subpage .contentWrap .CorporateWrap .sidemenu_content .content-body .news_block.highlight {
padding: 0px;
clear: both;
border: 0px none;
width: 620px !important;
/*color: #FFF;*/
background: #ffffff;
margin-bottom: 50px;
}
#subpage .contentWrap .CorporateWrap .sidemenu_content .content-body .news_block ul {
font-size: 12px;
list-style-type: disc;
padding-left: 20px;
}
#subpage .contentWrap .CorporateWrap .sidemenu_content .content-body .news_block ol {
font-size: 12px;
list-style-type: decimal;
padding-left: 20px;
}
#subpage .contentWrap .CorporateWrap .sidemenu_content .content-body .news_block .date {
font-size: 10px;
color: #BB0022;
margin: 0 0 10px 0;
text-align: left;
}
#subpage .contentWrap .CorporateWrap .content-body .content img {
margin: 3px 10px 3px 10px !important;
}
#subpage .contentWrap .CorporateWrap .sidemenu_content .content-body .news_block.highlight .date {
text-align: center;
}
#subpage .contentWrap .CorporateWrap .sidemenu_content .content-body .news_block .title h2 {
margin: 0px;
font-size: 19px;
text-align: left;
}
#subpage .contentWrap .CorporateWrap .sidemenu_content .content-body .news_block.highlight .title h2 {
margin: 0px;
font-size: 25px;
text-align: center;
}
#subpage .contentWrap .CorporateWrap .sidemenu_content .content-body .news_block .introduction {
margin: 5px 0 0 0;
}
#subpage .contentWrap .CorporateWrap .sidemenu_content .content-body .news_block.highlight .introduction {
padding-left: 10px;
}
#subpage .contentWrap .CorporateWrap .sidemenu_content .content-body .news_block.highlight .introduction p {
font-family: 'KIA_Light', Tahoma, Helvetica;
font-size: 16px;
line-height: 20px;
}
#subpage .contentWrap .CorporateWrap .sidemenu_content .content-body .news_block .content {
width: auto !important;
margin: 5px 0 0 0;
padding: 0 10px;
}
#subpage .contentWrap .CorporateWrap .sidemenu_content .content-body .news_block .attachment {
background: none repeat scroll 0 0 #EFEFEF;
border: 1px solid #CCCCCC;
border-radius: 3px 3px 3px 3px;
display: block;
height: 28px;
line-height: 28px;
text-decoration: none;
margin-left: 10px;
padding: 0 15px 0 0;
display: inline-block;
margin: 15px 0 0 10px;
}
#subpage .contentWrap .CorporateWrap .sidemenu_content .content-body .news_block .attachment a {
text-decoration: none;
}
#subpage .contentWrap .CorporateWrap .sidemenu_content .content-body .news_block .attachment img {
float: left;
margin-right: 15px;
}
#subpage .Wrap .contentWrap .CorporateWrap .Lnb ul.lnb-ul li ul li input[type="text"] {
width:115px;
height: 22px;
color: #333333;
line-height: 242px;
}
#subpage .Wrap .contentWrap .CorporateWrap .Lnb ul.lnb-ul li ul li input[type="submit"] {
background: url("//www.kmag.net/sharedcakephp/img/common/btn-search.gif") no-repeat scroll 0 0 transparent;
border: medium none;
cursor: pointer;
height: 24px;
text-indent: -9999px;
width: 24px;
line-height: 24px;
margin-left:-10px;
}
#used_cars .contentWrap .CorporateWrap .Lnb.left {
float: left;
}
#used_cars .sidemenu_content {
width: 790px;
padding: 0px 20px;
}
#used_cars .sidemenu_content.left {
float: left;
}
#used_cars .sidemenu_content.right {
float: right;
}
#used_cars .Lnb .lnb-ul {
padding-left: 0px !important;
}
#used_cars .contentWrap .CorporateWrap .content-body .content img {
margin: 3px 10px 3px 10px !important;
}
/* ------------------------------------------ */
/* ------------------ range ----------------- */
/* ------------------------------------------ */
.Wrap320 div.range-container {
max-width: 320px;
}
div.range-container {
position: relative;
width: 100%;
height: auto;
z-index: 11;
}
div.range-container h3{
font: 12px/1.6 tahoma,arial,sans-serif;
margin-bottom: 0px;
font-weight: bold;
text-decoration: none;
line-height: 30px;
height: 30px;
margin: 0px;
line-height: 30px;
/*background: url("//www.kmag.net/sharedcakephp/img/range/h3.png") scroll transparent;*/
}
div.range-container h3 a{
text-decoration: none;
}
div.range-container h3 a:hover{
text-decoration: underline;
}
div.model-properties h3 {
background: url("//www.kmag.net/sharedcakephp/img/range/h3.png") scroll transparent;
margin-top: 14px;
}
div.range-container img.car_img {
height: 120px;
margin: 0px 0px 0px 0px;
border: 0px;
}
div.range-container div.model-box {
background: url("//www.kmag.net/sharedcakephp/img/range/range_background.png") repeat scroll 0 0 transparent;
display: block;
float: left;
height: 165px;
margin-top: 10px;
position: relative;
text-align: center;
width: 250px;
}
div.range-container div.model-box > a {
display: block;
height: 136px;
}
.Wrap320 div.range-container div.model-box {
width: 320px;
}
div.range-container div.model-box div.model-properties {
background: url("//www.kmag.net/sharedcakephp/img/range/range_properties_bg.png") repeat-x scroll 0 0 transparent;
border: 1px solid #CCCCCC;
border-radius: 15px 15px 15px 15px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
color: #FFFFFF;
display: none;
float: left;
left: -1px;
overflow: hidden;
padding: 0;
position: absolute;
text-align: center;
top: -1px;
width: 250px;
z-index: 10;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.Wrap320 div.range-container div.model-box div.model-properties {
width: 320px;
}
div.range-container div.model-box div.model-properties ul {
list-style-type: none;
background: url("//www.kmag.net/sharedcakephp/img/range/bg_90bl.png") scroll transparent;
text-align: left;
padding: 10px;     
-webkit-border-radius: 0 0 15px 15px;
-moz-border-radius: 0 0 15px 15px;
border-radius: 0 0 15px 15px;
}
div.range-container div.model-box div.model-properties ul  li {
color: #FFF;
margin-left: 5px;
padding: 5px 0px;
border-bottom: 1px solid #333;
}
div.range-container div.model-box div.model-properties ul  li  img {
float: left;
margin: 0px 10px 0px 0px;
}
ul li.info { list-style-image: url("//www.kmag.net/sharedcakephp/img/range/ico_info.png"); }
ul li.wheel { list-style-image: url("//www.kmag.net/sharedcakephp/img/range/ico_wheel.png"); }
ul li.brochure { list-style-image: url("//www.kmag.net/sharedcakephp/img/range/ico_brochure.png"); }
div.range-container div.model-box div.model-properties ul li a {
color: #FFF;
text-decoration: none;
font-size: 12px;
}
div.range-container div.model-box div.model-properties a {
color: #B20000;
text-decoration: none;
}
div.range-container div.model-box div.model-properties a:hover {
text-decoration: underline;
}
/* All forms - Responsive fix */
.representativeVcard, .representativeMore, .representativeGoogleCalendar {
text-decoration: underline;
}
body.iframe.mobile .Wrap320 {
width: auto;
min-width: 315px;
max-width: 640px;
float: none;
padding: 0 2px;
}
body.iframe.mobile .Wrap320 .contentWrap {
width: auto;
max-width: 640px;
float: none;
}
body.iframe.mobile .Wrap320 .contentWrap .CorporateWrap {
width: auto;
max-width: 640px;
float: none;
}
body.iframe.mobile .Wrap320 .formholder {
width: auto;
max-width: 640px;
min-height: 100%;
float: none;
}
body.iframe.mobile .Wrap320 .formholder .holder.success {
width: 100% !important;
max-width: 640px;
float: none;
}
body.iframe.mobile .Wrap320 .formholder .step {
width: auto;
max-width: 638px;
}
body.iframe.mobile .Wrap320 .formholder .step.active {
width: auto;
max-width: 637px;
overflow: hidden;
border-right: 1px solid #ccc;
}
body.iframe.mobile .Wrap320 .formholder .step .pack-variable {
width: auto;
max-width: 638px;
}
body.iframe.mobile .Wrap320 .formholder .step .step_heading {
width: auto;
max-width: 638px;
}
body.iframe.mobile .Wrap320 .formholder .step.active .step_heading {
width: auto;
max-width: 638px;
border-right: 0px;
}
body.iframe.mobile .Wrap320 .formholder .holder.steps .pack-left {
width: auto;
max-width: 640px;
float: none;
}
body.iframe.mobile .Wrap320 .formholder .holder.steps .pack-variable {
width: 94%;
max-width: 617px;
border: none;
}
body.iframe.mobile .Wrap320 .formholder .holder.steps .step_fields .half_step input[type='text'] {
width: 100%;
max-width: 70%;
}
body.iframe.mobile .Wrap320 .formholder .holder.steps .step_fields .half_step select {
width: 100%;
max-width: 78%;
}
body.iframe.mobile .Wrap320 .formholder .holder.steps .step_fields .half_step input[type='text'].hasDatepicker {
width: 100%;
max-width: 70%;
background-position: right 3px center;
}
body.iframe.mobile .Wrap320 .formholder .holder.steps .step_fields .half_step input[type='email'] {
width: 100%;
max-width: 70%;
}
body.iframe.mobile .Wrap320 .formholder .holder.steps .step_fields .half_step input[type='number'] {
width: 100%;
max-width: 70%;
}
body.iframe.mobile .formholder .holder.steps .ui-combobox {
max-width: 90%;
width: 100%;
}
body.iframe.mobile .formholder .holder.steps .ui-combobox-input {
max-width: 545px !important;
width: 86% !important;
}
body.iframe.mobile .formholder textarea {
max-width: 93% !important;
width: 100% !important;
}
body.iframe.mobile .formholder .holder.success #choosenRepresentativeMap {
width: 50% !important;
}
body.iframe.mobile .formholder .holder.success .representativeDetails2 {
width: 100% !important;
}
body.iframe.mobile .formholder .holder.success .representativeVcard {
display: none !important;
}
body.iframe.mobile .formholder .representativeDetails {
width: 49% !important;
}
body.iframe.mobile .formholder .representativeDetails img {
height: auto;
width: 90%;
}
/* TestDrive */
body.iframe.mobile .Wrap320 .formholder .holder.steps .step .selected_car {
width: auto;
max-width: 638px;	
}
body.iframe.mobile .Wrap320 .formholder .holder ul.range_models *{
float: none;
}
body.iframe.mobile .Wrap320 .formholder .holder ul.range_models {
text-align:center;
padding-bottom: 20px;
}
body.iframe.mobile .Wrap320 .formholder .holder ul.range_models li {
display: inline-block;
}
body.iframe.mobile .Wrap320 .formholder .holder.steps {
width: auto;
max-width: 640px;
}
body.iframe.mobile .Wrap320 .formholder .holder .step .pack-variable .step_fields .half_step {
width: 50%;
}
body.iframe.mobile .Wrap320 .formholder .holder .step .pack-variable label {
max-width: 85%;
width: auto;
margin-right: 15px;
}
body.iframe.mobile .Wrap320 .formholder .holder.steps  .pack-variable .step_fields {
/*text-align: center;*/
}
/* Service */
body.iframe.mobile form#serviceIndexBrochure .pack-variable label {
}
body.iframe.mobile .Wrap320 .premiumServiceBox {
max-width: 638px !important;
width: 100% !important;
}
body.iframe.mobile .Wrap320 .premiumServiceBox img {
max-width: 640px !important;
width: 100% !important;
}
/* Brochure */
body.iframe.mobile form#brochureIndexForm .pack-variable .step_fields {
}
/* NewsList */
body.iframe.mobile form#news_listIndexForm .pack-variable label {
max-width: 100%;
}
/* 7yr warranty start */
.clear {
clear:both;
}
.warranty-wrap {
display: block;
width: 980px;
height: auto;
position:relative;
margin: 0 auto;
margin-top: -6px;
font-family: sans-serif;
}
.warranty-wrap-320 {
display: block;
width: 320px;
height: auto;
position:relative;
margin: 0 auto;
margin-top: -6px;
font-family: sans-serif;
}
.warranty-wrap a {
color: #b02;
text-decoration:none;
}
.warranty-wrap a:hover {
color: #d02;
text-decoration:underline;
}
.warranty-wrap .intro {
display: block;
width: 980px;
height: 940px;
position:relative;
background: #333;
background-image: url("//www.kia.si/img/warranty/intro.jpg");
background-repeat: no-repeat;
}
.warranty-wrap .intro .col {
display: block;
float:left;
margin:20px 0 0 20px;
width: 440px;
height: 570px;
}
.warranty-wrap .intro .col.left, .warranty-wrap .intro .col.right {
float:left;
}
.warranty-wrap .intro .col.left {
padding-left: 20px;
}
.warranty-wrap .intro .col .main-title {
background: #BB0022;
color: #FFF;
display: block;
margin-left:-20px;
padding: 30px 0 0 0;
text-align:center;
height: 110px;
}
.warranty-wrap .intro .col .main-title h1 {
margin: 0 0 15px 0;
padding: 0;
font-size: 36px;
line-height: 36px;
font-weight: bold;
font-family:  'Titillium Web','KIA-Medium', sans-serif;
}
.warranty-wrap .intro .col .main-title h2 {
margin: 0;
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: normal;
font-family: 'KIA-Light', sans-serif;
}
.warranty-wrap .intro .col h1, .warranty-wrap .intro .col h2, .warranty-wrap .intro .col h3 {
margin: 30px 0 5px 0;
padding-left: 20px;
background-image: url("//www.kia.si/img/warranty/arrow-title.png");
background-position: 0px center;
background-repeat: no-repeat;
font-family:  'Titillium Web','KIA-Medium', sans-serif;
}
.warranty-wrap .intro .col p {
padding-left: 20px;
margin: 0 0 10px 0;
line-height:150%;
font-size: 14px;
}
.warranty-wrap .coverage {
margin-top: 20px;
width:980px;
height:820px;
position:relative;
overflow: hidden;
background-image: url("//www.kia.si/img/warranty/background-coverage2.jpg");
background-position: top left;
background-repeat: no-repeat;
color:#fff;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
}
.warranty-wrap .coverage h1.title {
position: absolute;
top:35px;
left:40px;
width:900px;
margin:0;
padding:0;
font-size:36px;
font-weight:normal;
font-family:  'Titillium Web','KIA-Medium', sans-serif;
}
.warranty-wrap .coverage div.description {
position: absolute;
top:100px;
left:40px;
width:900px;
margin:0;
padding:0;
font-size:16px;
line-height:130%;
font-weight:normal;
text-align: left;
}
.warranty-wrap .coverage img.coverage-logo {
position: absolute;
top:30px;
right:30px;
width:65px;
margin:0;
padding:0;
}
.warranty-wrap .coverage .item {
font-size:16px;
line-height:130%;
font-weight:bold;
}
.warranty-wrap .coverage .item.interior {
position: absolute;
top:240px;
left:100px;
}
.warranty-wrap .coverage .item.textile {
position: absolute;
top:225px;
left:400px;
}
.warranty-wrap .coverage .item.electrics {
position: absolute;
top:240px;
left:520px;
}
.warranty-wrap .coverage .item.chasis {
position: absolute;
top:305px;
left:725px;
}
.warranty-wrap .coverage .item.battery {
position: absolute;
top:360px;
left:810px;
}
.warranty-wrap .coverage .item.motor {
position: absolute;
top:455px;
left:890px;
}
.warranty-wrap .coverage .item.undercarriage {
position: absolute;
top:555px;
left:50px;
}
.warranty-wrap .coverage .item.drive {
position: absolute;
top:600px;
left:95px;
}
.warranty-wrap .coverage .item.car-name {
position: absolute;
bottom:50px;
right:50px;
}
.warranty-wrap .coverage .item.hybrid-text {
position: absolute;
bottom:50px;
left:50px;
width:420px;
font-weight:normal;
}
.warranty-wrap .advantages {
position: relative;
width:980px;
height:auto;
}
.warranty-wrap .advantages h1 {
font-size: 36px;
line-height: 36px;
font-weight: normal;
font-family:  'Titillium Web','KIA-Medium', sans-serif;
margin:0;
padding: 50px 10px 10px 20px;
border-bottom: 5px solid #bb0022;
}
.warranty-wrap .advantages .advantages-container {
background: #EEE;
padding:20px;
}
.warranty-wrap .advantages .advantages-container .block {
margin: 0 100px 20px 0;
}
.warranty-wrap .advantages .advantages-container .block p {
font-size: 14px;
background: #EEE;
margin:0 0 10px 0;
line-height:170%;
padding: 0;
}
.warranty-wrap .advantages .advantages-container .block h2 {
font-family:  'Titillium Web','KIA-Medium', sans-serif;
font-size: 26px;
font-weight: normal;
margin:2 0 5px 0;
padding: 20px 0 10px 0;
}
.warranty-wrap .advantages .advantages-container .block img {
border:20px solid #FFF;
float:left;
margin-right:20px;
}
.warranty-wrap .questions {
position: relative;
width:980px;
height:auto;
}
.warranty-wrap .questions h1 {
font-family:  'Titillium Web','KIA-Medium', sans-serif;
font-size: 36px;
line-height: 36px;
font-weight: normal;
margin:0;
padding: 50px 10px 10px 20px;
border-bottom: 5px solid #bb0022;
}
.warranty-wrap .questions .questions-container {
background: #EEE;
padding:20px;
}
.warranty-wrap .questions .questions-container .q-wrap {
border-bottom:1px solid #b0b0b0;
}
.warranty-wrap .questions .questions-container .question {
color:#000;
font-family:  'Titillium Web','KIA-Medium', sans-serif;
font-size: 16px;
background: #fff;
padding: 20px 15px 5px 15px;
}
.warranty-wrap .questions .questions-container .question span.indicator {
display:inline-block;
vertical-align:top;
width:25px;
height:25px;
margin-top: -3px;
margin-right:10px;
background-image: url("//www.kia.si/img/warranty/info.png");
background-position: center center;
background-repeat: no-repeat;
}
.warranty-wrap .questions .questions-container .question span.indicator.open {
background-image: url("//www.kia.si/img/warranty/q-close.png");
}
.warranty-wrap .questions .questions-container .answer {
color:#333;
background: #fff;
padding: 0px 15px 20px 50px ;
font-size: 14px;
line-height: 160%;
}
.warranty-wrap-320 .advantages {
position: relative;
width:320px;
height:auto;
}
.warranty-wrap-320 .advantages h1 {
font-size: 36px;
line-height: 36px;
font-weight: normal;
font-family:  'Titillium Web','KIA-Medium', sans-serif;
margin:0;
padding: 30px 10px 10px 20px;
border-bottom: 5px solid #bb0022;
}
.warranty-wrap-320 .advantages .advantages-container {
background: #EEE;
padding:20px;
}
.warranty-wrap-320 .advantages .advantages-container .block {
margin: 0 20px 20px 0;
}
.warranty-wrap-320 .advantages .advantages-container .block p {
font-size: 14px;
background: #EEE;
margin:0 0 10px 0;
line-height:170%;
padding: 0;
}
.warranty-wrap-320 .advantages .advantages-container .block h2 {
clear: both;
font-family:  'Titillium Web','KIA-Medium', sans-serif;
font-size: 24px;
font-weight: normal;
margin:10px 0 5px 0;
padding: 10px 0 0 0;
}
.warranty-wrap-320 .advantages .advantages-container .block img {
border:10px solid #FFF;
float:left;
margin-right:20px;
width: 260px;
}
/* 7yr warranty end */
/*! jQuery UI - v1.9.2 - 2012-12-13
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Tahoma%2C%20Arial%2C%20sans-serif&fwDefault=normal&fsDefault=11px&cornerRadius=3px&bgColorHeader=a80022&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=30&borderColorHeader=aaaaaa&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=bb0022&fcActive=212121&iconColorActive=bb0022&bgColorHighlight=aaaaaa&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=90&borderColorHighlight=d3d3d3&fcHighlight=363636&iconColorHighlight=006699&bgColorError=a80022&bgTextureError=03_highlight_soft.png&bgImgOpacityError=30&borderColorError=990022&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1;}
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 
/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }
/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1.2em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: 1.2em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; width: 300px; overflow: hidden; }
.mobile .ui-dialog {
max-width: 320px;
top: 10% !important;
}
.ui-dialog .ui-dialog-titlebar { padding: 0.4em 0.4em 0.4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }
.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }
/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }
/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }
/* right-aligned */
.ui-menu .ui-menu-icon { position: static; float: right; }
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
/* need to fix icons sprite */
background-position:-65px -16px;
}
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
background-image: none;
}
body .ui-tooltip { border-width: 2px; }
/* Component containers
----------------------------------*/
.ui-widget { font-family: "Open Sans", Tahoma, Arial, sans-serif; font-size: 12px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Tahoma, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(//www.kmag.net/sharedcakephp/img/service/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #a80022 url(//www.kmag.net/sharedcakephp/img/jquery-ui/ui-bg_highlight-soft_30_a80022_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(//www.kmag.net/sharedcakephp/img/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(//www.kmag.net/sharedcakephp/img/jquery-ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #bb0022; background: #ffffff url(//www.kmag.net/sharedcakephp/img/jquery-ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #d3d3d3; background: #aaaaaa url(//www.kmag.net/sharedcakephp/img/jquery-ui/ui-bg_highlight-soft_90_aaaaaa_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #990022; background: #a80022 url(//www.kmag.net/sharedcakephp/img/jquery-ui/ui-bg_highlight-soft_30_a80022_1x100.png) 50% top repeat-x; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(//www.kmag.net/sharedcakephp/img/jquery-ui/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(//www.kmag.net/sharedcakephp/img/jquery-ui/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(//www.kmag.net/sharedcakephp/img/jquery-ui/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(//www.kmag.net/sharedcakephp/img/jquery-ui/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(//www.kmag.net/sharedcakephp/img/jquery-ui/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(//www.kmag.net/sharedcakephp/img/jquery-ui/ui-icons_bb0022_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(//www.kmag.net/sharedcakephp/img/jquery-ui/ui-icons_006699_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(//www.kmag.net/sharedcakephp/img/jquery-ui/ui-icons_ffffff_256x240.png); }
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; -khtml-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(//www.kmag.net/sharedcakephp/img/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(//www.kmag.net/sharedcakephp/img/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

/** KIA Car models download and testdrive buttons **/
/** Car models stabilizator **/
#kia .main_buttons-padding {
  margin-left: 10px;
}
/** Car models else **/
#kia .main_buttons {
  width: 960px;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
}
#kia .main_buttons:after {
  content: '';
  display: block;
  clear: both;
}
#kia .main_buttons .main_buttons_car_logo {
  float: left;
}
#kia .main_buttons .main_buttons_car_logo img {
  margin-top: 9px;
  height: 27px;
}
#kia .main_buttons a.main_buttons_test_drive,
#kia .main_buttons a.main_buttons_brochure {
  float: right;
  padding: 10px;
  width: 180px;
  font-weight: bold;
  text-align: center;
  min-height: 18px;
}
#kia .main_buttons a.main_buttons_test_drive img,
#kia .main_buttons a.main_buttons_brochure img {
  position: relative;
  top: 1px;
}
#kia .main_buttons a.main_buttons_test_drive span,
#kia .main_buttons a.main_buttons_brochure span {
  display: inline-block;
  top: -3px;
  position: relative;
  margin-left: 5px;
}
#kia .main_buttons a:last-child {
  margin-right: 10px;
}
#kia .main_buttons a.main_buttons_test_drive {
  background-color: #c41230;
  color: #fff;
}
#kia .main_buttons a.main_buttons_brochure {
  background-color: #e8e8e8;
  color: #666;
}
/** representatives - mobile **/
#kia .content-head {
  height: auto;
  padding-bottom: 5px;
}

/** Fix KIA used cars mobile width problems **/
#kia.mobile .Wrap320 #used_cars .sidemenu_content {
  width: 300px;
  padding: 5px 10px;
}
#kia.mobile .Wrap320 #used_cars .Lnb.left {
  display: none;
}