.proContArea {position:relative; width:100%; height:100%; padding-left:400px; background:url(../images/bg_pro.gif) repeat 0 0;} .proDetailMenu {position:relative; height:100%; width:400px; overflow:hidden; background:#8a847a; *zoom:1; z-index:50;} .proDetailMenu .iScrollArea {position:relative; padding-bottom:20px; z-index:5;} .proDetailMenu.small .iScrollArea {position:static;} .proDetailMenu .iScrollIndicator {background:none !important;} .proDetailMenu.small {background:#32251a; background:rgba(50,37,26,.2);} .proDetailMenu:after {content:""; display:block; clear:both;} .proDetailMenu h2 {padding-top:53px; font-size:26px; line-height:30px; color:#fff; text-align:center;} .proDetailMenu h2 a {color:#fff;} .proDetailMenu h2 sup {font-size:15px;} .proDetailMenu .subtitle {color:#fff; text-align:center;} .proDetailMenu .t_navi {width:282px; margin:13px auto 0; border:1px solid #c5c2bd; *zoom:1;} .proDetailMenu .t_navi:after {content:""; display:block; clear:both;} .proDetailMenu .t_navi li {position:relative; float:left; width:50%;} .proDetailMenu .t_navi li:first-child:after {content:"|"; position:absolute; right:0; top:0; color:#a4a098; line-height:26px;} .proDetailMenu .t_navi li a {display:block; height:26px; line-height:26px; font-size:12px; color:#b7b6b2; text-align:center;} .proDetailMenu .t_navi li a:hover {text-decoration:none;} .proDetailMenu .t_navi li.on a {color:#fff;} .proDetailMenu h3 {width:282px; padding-top:76px; margin:0 auto; font-size:20px; line-height:24px; color:#fff; text-align:left;} .proDetailMenu .navi {width:282px; margin:0 auto; padding-top:20px; text-align:left;} .proDetailMenu .navi li {background:#8a847a; border-top:1px solid #c5c2bd;} .proDetailMenu .navi li a {position:relative; display:block; padding:15px 0 15px 12px; color:#fff; font-size:15px; font-weight:300; line-height:20px;} .proDetailMenu .navi li.hasSub > a:after {content:""; position:absolute; right:12px; top:22px; width:11px; height:6px; font-size:6px; line-height:6px; line-height:20px; background:url(../images/down.gif) no-repeat center center;} .proDetailMenu .navi li.hasSub.on > a:after {background:url(../images/up.gif) no-repeat center center;} .proDetailMenu .navi li.proSearch a {} .proDetailMenu .navi li.proSearch a span {padding-right:20px; background:url(../images/search.png) no-repeat 100% 2px;} .proDetailMenu .navi li.on > a {font-weight:500;} .proDetailMenu .navi li ul {display:none;} .proDetailMenu .navi li.on ul {display:block;} .proDetailMenu .navi li ul li {border-top:1px solid #a7a39b; background:#c5c2bd;} .proDetailMenu .navi li ul li:first-child {border-top:none;} .proDetailMenu .navi li ul li a {padding:10px 0 10px 18px; color:#433e36;} .proDetailMenu .navi li ul li a span.icoNew {position:relative; top:-5px; margin-left:4px; font-size:8px; font-family:Tahoma, sans-serif; font-weight:bold; color:#800039;} .proDetailMenu .navi li ul li a img {margin-left:4px; vertical-align:-2px;} .proDetailMenu .navi li ul li a:hover, .proDetailMenu .navi li ul li a:active {font-weight:500;} .proDetailMenu .navi li ul li.on a {font-weight:500} .proDetailMenu .navi li.icoLink {position:relative;} .proDetailMenu .navi li.icoGlobal {background:url(../images/ico_global.png) no-repeat 18px 50%;} .proDetailMenu .navi li.icoUsa {background:url(../images/ico_usa.png) no-repeat 17px 50%;} .proDetailMenu .navi li.icoEurope {background:url(../images/ico_europe.png) no-repeat 17px 50%;} .proDetailMenu .navi li.icoRussia {background:url(../images/ico_russia.png) no-repeat 17px 50%;} .proDetailMenu .navi li.icoLink:after {content:""; position:absolute; right:12px; top:19px; width:7px; height:13px; font-size:6px; line-height:6px; line-height:20px; background:url(/images/icon/right.png) no-repeat center center;} .proDetailMenu .navi li.icoLink a {padding-left:55px;} .proDetailMenu .btnOpen {display:none; position:absolute; left:0; top:0; padding:20px 16px 19px;} .proDetailMenu .btnClose {display:none; position:absolute; right:0; top:0; height:46px; width:46px; z-index:10;} .proDetailMenu .bann {position:absolute; bottom:40px; left:50px; height:29px; padding-left:215px; background:url(../images/aside_bann.jpg) 0 0 no-repeat;} .proDetailMenu .bann a {display:block; border:1px solid #6c655f; border-left:0; padding:0 6px;} .proDetailMenu .bann span {display:block; margin:10px 0 0 -216px;} .proDetailMenu .himacsBanner {position:absolute; bottom:40px; left:59px; width:282px;} .proDetailMenu .himacsBanner strong {display:block; padding:5px 10px; font-size:11px; font-weight:500; border:1px solid #6e6962; line-height:18px; text-align:center; color:#2e2c2c;} .proDetailMenu .himacsBanner strong sup {font-size:8px; vertical-align:2px; line-height:10px;} .proDetailMenu .himacsBanner ul {padding-top:15px; *zoom:1;} .proDetailMenu .himacsBanner ul:after {content:""; display:block; clear:both;} .proDetailMenu .himacsBanner ul li {float:left; width:50%; text-align:center;} .proDetailMenu .himacsBanner ul li:first-child {border-right:1px solid #6e6962;} .proDetailMenu .himacsBanner ul li p {padding-top:5px; font-size:11px; font-weight:500; line-height:18px; text-align:center; color:#2e2c2c} .himacsPro .proDetailMenu .iScrollArea {padding-bottom:200px;} .sgBanner {position:absolute; bottom:40px; left:59px; width:282px; height:30px; color:#fff; background:url(../images/bg_banner.gif) no-repeat 0 0;} .sgBanner a {display:block; padding-left:15px; color:#fff; line-height:30px; font-size:11px;} .sgBanner a:after {content:">"; color:#fff; position:absolute; right:10px; top:0; line-height:30px; } .sperformanceTapeBanner {position:absolute; bottom:40px; left:59px; width:282px; height:30px; color:#fff; background:url(../images/bg_banner2.gif) no-repeat 0 0;} .sperformanceTapeBanner a {display:block; padding-left:15px; color:#fff; line-height:30px; font-size:11px;} .sperformanceTapeBanner a:after {content:">"; color:#fff; position:absolute; right:10px; top:0; line-height:30px; } .proDetailMenu.small .bann {display:none;} .proContArea .contArea .proIndex {width:100%; height:100%;} .proContArea .contArea .proIndex .thum {position:absolute; left:50%; top:0; margin-left:-640px; height:auto; width:auto; max-width:none;} .proContArea .contArea .thumTxt {position:absolute; right:20px; bottom:20px; color:#fff; font-family:Verdana; font-size:12px;} .proContArea .spaceTitleArea {position:absolute; left:0; top:0; width:400px; z-index:10;} .proContArea .spaceTitleArea h2 {padding-top:53px; text-align:center; font-size:26px; color:#fff; line-height:30px; text-shadow:1px 1px 1px rgba(0,0,0,.5)} .proContArea.himacsPro .spaceTitleArea h2 {color:#707070;} .proContArea .spaceTitleArea h2 sup {font-size:15px;} .proContArea .spaceTitleArea .spaceInfo {position:absolute; left:100%; top:96px; min-width:50%; z-index:10;} .proContArea .spaceTitleArea .spaceInfo .cont {padding:45px 25px 30px; background:#800039; background:rgba(128,0,57,.85);} .proContArea .spaceTitleArea .spaceInfo .cont h3 {font-size:24px; font-weight:500; color:#fff; line-height:34px; font-weight:300;} .proContArea .spaceTitleArea .spaceInfo .cont p {padding-top:10px; margin-top:30px; border-top:1px solid #cca0b3; color:#fff; font-size:16px; line-height:20px; font-family:Tahoma, sans-serif;} .proContArea .spaceTitleArea .spaceInfo .paging {padding:20px 0; background:#fff; background:rgba(255,255,255,.85); text-align:center;} .proContArea .spaceTitleArea .spaceInfo .paging a {display:inline-block; width:15px; height:15px; line-height:15px; text-align:center; color:#ac587c; font-family:Tahoma, sans-serif;} .proContArea .spaceTitleArea .spaceInfo .paging .txt {display:inline-block; margin:0 20px; color:#8f2a55; } .proContArea .spaceTitleArea .spaceInfo .paging .txt b {font-size:24px;color:#8f2a55; font-weight:300; } .proContArea .spaceTitleArea .spaceInfo a.btnClose {position:absolute; right:0; top:0; color:#fff;} .proContArea .spaceTitleArea .spaceInfo a.btnClose img {width:40px;} .proContArea .spaceTitleArea .spaceInfo a.btnOpen {display:none; position:absolute; left:0; top:0; color:#fff; width:26px; height:46px; text-align:center; line-height:46px; font-size:16px;} .proContArea .spaceTitleArea .spaceInfo.close {min-width:0; width:26px; height:46px; overflow:hidden; background:#800039; background:rgba(128,0,57,.85)} .proContArea .spaceTitleArea .spaceInfo.close .cont {display:none;} .proContArea .spaceTitleArea .spaceInfo.close .paging {display:none;} .proContArea .spaceTitleArea .spaceInfo.close a.btnClose {display:none;} .proContArea .spaceTitleArea .spaceInfo.close a.btnOpen {display:block;} .proContArea .aSide {position:absolute; left:0; top:0; width:400px; height:100%; overflow:hidden;} .proContArea .spaceSideArea {position:absolute; left:0; top:0; width:400px; height:100%; overflow:hidden;} .proContArea .aSide .spaceSide {position:absolute; left:0; top:0; width:100%; height:100%; padding:0px 0 0px; overflow:hidden;} .proContArea .aSide .spaceSide .iScrollArea {position:relative; padding:96px 0 20px 0; z-index:15;} .proContArea .aSide .spaceSide.move {left:-100%; z-index:2;} .proContArea .aSide .spaceSide.move.prev {left:100%;} .proContArea .aSide .spaceSide .bgArea {position:absolute; left:0; top:0; height:100%; width:100%;} .proContArea .aSide .spaceSide .bgArea .bg {position:absolute; left:0; top:0; height:100%; width:100%;} .proContArea .aSide .spaceSide .bgArea .bg.move {left:-100%; z-index:2;} .proContArea .aSide .spaceSide .goodsList {position:relative; width:284px; height:100%; margin:0 auto; z-index:10;} .proContArea .aSide .spaceSide h4 {position:absolute; left:1px; top:0; width:140px; height:140px; padding:0 10px; line-height:140px; background:#fff; text-align:center;} .proContArea .aSide .spaceSide h4 span {display:inline-block; color:#891b4a; font-size:14px; line-height:18px; text-align:center; vertical-align:middle;} .proContArea .aSide .spaceSide ul {text-align:center;} .proContArea .aSide .spaceSide ul:after {content:""; display:block; clear:both;} .proContArea .aSide .spaceSide ul li {position:relative; float:left; margin:0 1px 2px;} .proContArea .aSide .spaceSide ul li:first-child {margin-left:143px;} .proContArea .aSide .spaceSide ul li .thum {position:absolute; left:20px; top:20px; width:100px; height:100px;} .proContArea .aSide .spaceSide ul li b {position:relative; display:inline-block; color:#fff; font-size:12px; vertical-align:middle; line-height:16px; text-shadow:1px 1px 1px rgba(0,0,0,1);} .proContArea .aSide .spaceSide ul li div.box, .proContArea .aSide .spaceSide ul li a {display:block; width:140px; height:140px; padding:20px; background:#fff; line-height:100px; text-align:center; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;} .proContArea.himacsPro .aSide .spaceSide ul li div.box, .proContArea.himacsPro .aSide .spaceSide ul li a {background:#f7f7f7;} .proContArea .aSide .spaceSide ul li.on a, .proContArea .aSide .spaceSide ul li a:hover {background:rgba(255,255,255,.5);} .proContArea.himacsPro .aSide .spaceSide ul li.on a, .proContArea.himacsPro .aSide .spaceSide ul li a:hover {background:rgba(208,208,208,.7);} .proContArea .contArea {position:relative; width:100%; height:100%; overflow:hidden; /* background:#dedede; */} .proContArea .contArea .spaceImgArea {position:relative; width:100%; height:100%; overflow:hidden;} .proContArea .contArea .spaceImgArea .spaceImg {position:absolute; left:0; top:0; height:100%; width:100%;} .proContArea .contArea .spaceImgArea .spaceImg img {position:absolute; width:auto; height:auto; max-width:none;} .proContArea .contArea .infoTxt {position:absolute; left:30px; bottom:20px; color:#fff; font-family:Tahoma, sans-serif; font-size:12px; line-height:18px; z-index:2;} .proContArea .contArea .spaceImgArea .spaceImg.move {top:100%; z-index:2;} .proContArea .contArea .spaceImgArea .spaceImg.move.prev {top:-100%;} .proContArea .contArea .spaceInfoArea {display:none; position:absolute; left:0px; bottom:40px; width:100%; padding:0 40px; text-align:right; z-index:10;} .proContArea .contArea .spaceInfoArea .btnOpen {display:inline-block; padding:10px; background:#fff; background:rgba(255, 255, 255, .8);} .proContArea .contArea .spaceInfoArea .cont {display:none; position:relative; width:100%; padding:20px 25px; text-align:left; background:#fff; background:rgba(255, 255, 255, .74);} .proContArea .contArea .spaceInfoArea .cont strong {font-family:Tahoma, sans-serif; color:#800039; font-size:14px; font-weight:bold;} .proContArea .contArea .spaceInfoArea .cont ul {padding-top:10px;} .proContArea .contArea .spaceInfoArea .cont ul:after {content:""; display:block; clear:both;} .proContArea .contArea .spaceInfoArea .cont ul li {float:left; width:50%; padding:2px 0 2px 6px; background:url(../images/blt.gif) no-repeat 0 50%; font-family:Tahoma, sans-serif; color:#000; font-size:12px; line-height:16px;} .proContArea .contArea .spaceInfoArea .cont .btnClose {position:absolute; right:1px; bottom:1px; padding:10px; display:table-row;} .proContArea .colorSide {position:absolute; left:0; top:0; height:100%; width:100%; background:#f4f4f4;} .proContArea .colorSide .titleArea {position:absolute; left:0; top:0; width:100%; height:56px; background:#f4f4f4; padding-left:77px; line-height:56px; z-index:20;} .proContArea .colorSide .titleArea h2 {display:inline-block; font-size:16px; color:#2e2c2c; font-weight:500; line-height:20px; vertical-align:middle;} .proContArea .colorSide .titleArea h2 sup {font-size:12px;} .proContArea .colorSide .paging {position:absolute; right:15px; top:2px; line-height:56px;} .proContArea .colorSide .paging a {display:inline-block; width:15px; height:15px; line-height:15px; text-align:center; color:#ac587c; font-family:Tahoma, sans-serif;} .proContArea .colorSide .paging .txt {display:inline-block; margin:0 5px; color:#8f2a55; } .proContArea .colorSide .paging .txt b {font-size:24px;color:#8f2a55; font-weight:300; } .proContArea .colorSide .goodsList {position:relative; height:100%; overflow:hidden;} .proContArea .colorSide .iScrollArea {position:relative; padding-top:56px;} .proContArea .colorSide .goodsList ul {position:relative; *zoom:1;} .proContArea .colorSide .goodsList ul:after {content:""; display:block; clear:both;} .proContArea .colorSide .goodsList li {float:left; width:25%; height:100px;} /* .proContArea .colorSide .goodsList .col3 li {width:33.3%;} .proContArea .colorSide .goodsList .col4 li {width:25%;} */ .proContArea .colorSide .goodsList li a {position:relative; display:block; padding:1px; padding-left:0; padding-top:0;} .proContArea .colorSide .goodsList li a img {width:100%;} .proContArea .colorSide .goodsList li a span {display:none; position:absolute; left:0; top:0; width:100%; height:100%; border:8px solid #fff; box-sizing:border-box;} .proContArea .colorSide .goodsList li.on a span {display:block;} .proContArea .colorSide .goodsList .over {position:absolute; left:0; top:0; width:200px; height:200px; border:6px solid #fff; box-shadow:1px 1px 4px rgba(0,0,0,.8); z-index:10;} .proContArea .colorGoodsDetail {position:relative; width:100%; height:100%;} .proContArea .colorGoodsDetail > img.thum {position:absolute; width:auto; height:auto; max-width:none;} .proContArea .colorGoodsDetail > div {position:absolute; right:40px; bottom:40px; min-width:235px; z-index:2;} .proContArea .colorGoodsDetail h3 {padding-bottom:15px; border-bottom:1px solid #ffffff; border-bottom:1px solid rgba(255,255,255,.8); color:#ffffff; font-size:20px; font-family:Tahoma, sans-serif; line-height:24px; text-align:right; text-shadow:1px 1px 1px rgba(0,0,0,.5);} .proContArea .colorGoodsDetail p.infoTxt {padding-top:10px; font-size:12px; color:#fff; font-family:Tahoma, sans-serif; text-align:right;} .proContArea .colorGoodsDetail .icons {padding-top:10px; *zoom:1;} .proContArea .colorGoodsDetail .icons:after {content:""; display:block; clear:both;} .proContArea .colorGoodsDetail .icons li {float:left; margin-left:10px; padding:5px 0;} .proContArea .colorGoodsDetail.move {position:absolute; top:0; z-index:2;} .proContArea .colorGoodsDetail.move.next {left:100%;} .proContArea .colorGoodsDetail.move.prev {left:-100%;} .btn_colorPrev, .btn_colorNext {position:absolute; display:block; top:50%; height:80px; width:50px; margin-top:-40px; z-index:10; text-align:left; text-indent:-3000em; opacity:.7;} .btn_colorPrev {left:10px; background:url(../images/btn_prev.png) no-repeat 50% 50%;} .btn_colorNext {right:10px; background:url(../images/btn_next.png) no-repeat 50% 50%;} .btn_colorPrev:hover, .btn_colorPrev:focus, .btn_colorNext:hover, .btn_colorNext:focus {opacity:1;} .businessContents {padding:53px 70px 0 70px; height:100%; overflow:auto; -webkit-overflow-scrolling:touch;} .businessContents h3 {padding-bottom:13px; font-size:30px; font-weight:300; color:#2e2c2c; border-bottom:2px solid #2e2c2c; line-height:30px;} .businessContents .btnTop {position:absolute; right:30px; bottom:20px; } /***********Application***********/ .applicationArea {background:#f7f7f7;} .applicationArea .movieArea {max-width:780px; width:100%;} .applicationArea h4 {margin:30px 0 15px; font-size:18px; line-height:18px; color:#707070;} .applicationArea .cont {margin-top:50px; text-align:center;} .applicationArea .cont2 {margin-top:150px;} /*exterorfoil*/ .exfCont {padding:70px 30px;} .exfCont .exfList {width:100%; table-layout:auto;} .exfCont .exfList thead th {padding:25px 20px 25px 10px; background:#cbd394;} .exfCont .exfList tbody td {padding:25px 10px; border-bottom:1px dashed #2e2c2c; text-align:center;} .exfCont .exfList tbody td>p {padding-right:25px; background:url(../images/line3.png) right center no-repeat;} .exfCont .exfList tbody td>p.last {padding-right:0; background:none;} .exfCont .exfList tbody td span {display:block; padding-top:10px;} .exfCont .exfList tbody tr:last-child td {border-bottom:0;} /*Sign Graphic*/ .signAuto {margin:50px 0 100px; text-align:center;} .signAuto span {display:inline-block; width:47%;} .signAuto span:first-child {border-right:1px solid #d8d8d8;} /*Lightweight Material*/ .lmArea {max-width:980px; position:relative; margin:0 auto;} .lmArea .prev {position:absolute; top:25%; left:0;} .lmArea .next {position:absolute; top:25%; right:0;} .lmArea .lmCont {display:none;} .lmArea .lmCont .posNum {position:relative; top:0px; font-size:24px; line-height:26px; color:#2e2e2d; text-align:center;} .lmArea .lmCont .posNum span {font-size:16px;} .lmArea .lmCont .car {margin-top:50px; text-align:center;} .lmArea .lmCont .carInfo h4 {text-align:center; background:url(../images/line.gif) 0 10px repeat-x;} .lmArea .lmCont .carInfo h4 b {display:inline-block; font-size:22px; padding:2px 10px; color:#2e2e2c; background:#f7f7f7;} .lmArea .lmCont .carInfo ul {margin-bottom:50px; padding:40px 30px; *zoom:1; background:url(../images/line.gif) 0 bottom repeat-x;} .lmArea .lmCont .carInfo ul:after {content:""; display:block; clear:both;} .lmArea .lmCont .carInfo ul li {float:left; width:50%; text-align:center;} .lmArea .lmCont .carInfo ul li:first-child {border-right:1px solid #d8d8d8;} .lmArea .lmCont .carInfo ul li>img {vertical-align:middle;} .lmArea .lmCont .carInfo ul li>p {margin-bottom:20px;} .lmArea .lmCont .carInfo ul li>p b {display:block; font-weight:500; margin-bottom:5px;} /*vip*/ .vipApp {text-align:center; margin:50px 0 20px; border-bottom:1px solid #565555} .vipApp h4 {font-size:20px; line-height:22px; color:#800039; max-width:310px; margin:10px auto;} .vipApp .subtxt {font-size:12px; line-height:14px; max-width:325px; color:#707070; margin:0 auto 20px;} .vipApp .cont1 {padding-bottom:7%; margin-bottom:1%; background:url(../images/vline.png) center bottom no-repeat;} .vipApp .clearfix>div {float:left; width:50%;} .vipApp .clearfix>div:first-child {border-right:1px solid #d8d8d8;} .vipTypes {margin-bottom:30px;} .vipTypes ul {*zoom:1;} .vipTypes ul:after {content:""; display:block; clear:both;} .vipTypes ul li {float:left; width:31%; margin:0 1%;} .vipTypes ul li img {width:100%;} .vipTypes ul li p {text-align:center; color:#707070; font-size:14px; padding:10px 0 8%;} .vipProduct {padding:6% 3% 0;} .vipProduct .listTypeC {background:#fff;} .vipProduct .listTypeC table {} .vipProduct .listTypeC table th, .vipProduct .listTypeC table td {padding:8px; border:1px solid #d2d2d2; font-size:12px;} .vipProduct .listTypeC table th {background:#e4e4e4; color:#808080;} .vipProduct .listTypeC table td {} /***********material***********/ .materialArea {background:#f7f7f7;} .materialArea h4 {margin:30px 0 15px; font-size:18px; line-height:18px; color:#707070;} .materialArea h5 {margin-bottom:40px; font-size:18px; line-height:18px; color:#707070;} .materialArea .cont {margin-top:50px; padding-bottom:30px;} .materialArea .cont .fl {width:62%; margin-left:8%; text-align:center;} .materialArea .cont .fr {width:22%;} .materialArea .cont li {font-weight:500; margin-bottom:10px;} .materialArea .cont li>span {display:inline-block; margin-right:8px; width:18px; height:18px; line-height:18px; font-size:12px; color:#fff; text-align:center; background:url(/images/company/wd_blt.png) 0 0 no-repeat;} .materialArea .cont .subtxt {margin-top:30px; padding-top:30px; line-height:20px; border-top:1px dashed #d8d8d8;} .materialArea .cont .subtxt b {font-weight:500;} /***********Product Line-up***********/ .vipLineup {margin-top:60px; text-align:center;} .vipLineup>div {float:left; width:50%;} .vipLineup>div span {display:inline-block; width:42%; margin:0 1%;} .vipLineup>div span b {display:block; margin-top:10px;} .vipLineup .line {border-left:1px solid #d8d8d8;} .vipLineup h4 {font-size:20px; color:#800039; margin-bottom:5px; padding-bottom:60px; background:url(../images/awards_dot.png) center bottom no-repeat;} /***********Construction***********/ .constructionArea {} .constructionArea .consIcon {margin-top:10px; width:100%; text-align:right;} .constructionArea .consBody {padding:70px 0;} .constructionArea .consBody .cont {position:relative; margin:0 auto; text-align:center;} .constructionArea .consBody .cont h4 {font-size:15px; color:#2e2c2c; text-align:left; margin:35px 0 25px 5%; font-family:Tahoma, sans-serif; font-weight:bold;} .constructionArea .consTable {margin:0 -70px; padding:30px 40px 90px; background:#fff;} .constructionArea .consTable .ar {font-size:11px; color:#979797; padding-top:10px;} /*automotiveSkin*/ .autoSkinCons .featureCont p {padding-left:170px; margin-top:-32px; padding-bottom:30px;} .autoSkinCons .featureCont ul {padding-left:170px; margin-top:-32px; padding-bottom:30px;} .autoSkinCons .featureCont ul li, .autoSkinCons .featureCont dl dd {padding-left:5px; color:#707070; margin-bottom:3px; background:url(../images/blt2.gif) 0 6px no-repeat;} .autoSkinCons .featureCont dl dt {margin-bottom:3px; color:#707070;} .autoSkinCons .featureCont .subtxt {color:#707070; margin-top:-5px;} .autoSkinCons .featureCont .listTypeDD {max-width:700px; margin:20px 0;} .autoSkinCons .featureCont .listTypeDD thead th {font-size:13px; font-family:inherit;} .autoSkinCons .featureCont .listTypeDD tbody th {background:#d8d8d8; border-right:0; border-color:#000;} .autoSkinCons .featureCont .listTypeDD tbody td {border-color:#000; border-right:0;} /*DPM*/ .sgCont {padding:40px 0;} .sgCont span {display:inline-block; width:35%; margin-left:2%; vertical-align:middle;} .sgCont span:first-child {width:60%;} /*Curtain Wall*/ .curtainCont h4 {font-size:18px; margin-top:30px; color:#2e2c2c;} .curtainCont h5 {font-size:18px; color:#707070; margin:30px 0 20px;} .curtainCont .listTypeE {margin-bottom:50px;} .curtainCont .listTypeE thead tr th {padding:1px 0;} .curtainCont .listTypeE thead tr th.thp {padding:1px 5px;} .listTypeE thead tr th[rowspan="2"] div {height:82px;} /*VCM*/ .mfCon {text-align:center;} .mfCon .arr {display:inline-block; width:17%; vertical-align:top; padding-bottom:15%; background:url(../images/arr.png) center bottom no-repeat;} .mfCon .arr>em {display:block; width:100%; padding:7px 0; font-size:14px; color:#707070; font-weight:500; background:#d8d8d8; vertical-align:top;} .mfCon strong {display:inline-block; width:28%; vertical-align:top; margin-top:50px;} .mfCon strong>b {display:block; margin-top:20px;} .mfCon strong:first-child {width:46%;} /*VIP*/ .vipCon .red {font-size:14px; font-weight:500; color:#ad004d; margin:20px 0 0 -50px;} .vipCon h4 {font-size:18px; color:#707070; margin-bottom:10px;} .vipCon .subtxt {padding-left:17px; margin-bottom:30px;} .vipCon p {margin-bottom:50px;} /***********Feature***********/ .featureArea {background:#f7f7f7;} .featureArea .featureHead {padding:10px 10px; margin-bottom:45px; border-bottom:2px solid #2e2c2c;} .featureArea .featureHead a {display:inline-block; font-size:15px; padding-left:10px; margin:1% 10% 1% 0; background:url(../images/blt2.gif) 0 8px no-repeat; font-family:Tahoma, sans-serif;} .featureArea .featureHead a:hover {font-weight:bold; letter-spacing:-1px;} .featureArea .featureCont {padding-bottom:80px; margin-bottom:25px; border-bottom:1px solid #2e2c2c;} .featureArea .featureCont h4 {margin:25px 0 30px; padding-bottom:20px; border-bottom:1px dashed #2e2c2c; font-size:20px; line-height:20px; color:#800039; font-family:Tahoma, sans-serif; font-weight:bold;} .featureArea .featureCont h5 {margin:30px 0 15px; font-size:18px; line-height:18px; color:#707070;} .featureArea .featureCont p {margin-bottom:20px; max-width:1030px; line-height:18px;} .featureArea .featureCont .titlabel {max-width:400px; height:60px; margin:0 auto; font-size:16px; color:#707070; font-weight:500; padding-top:22px; text-align:center; background:#d8d8d8;} .featureArea .featureCont .titlabel2 {max-width:400px; height:63px; margin:0 auto; font-size:16px; color:#fff; font-weight:500; padding-top:17px; text-align:center; background:url(../images/common/titlabel2.png) center 0 no-repeat;} .featureArea .featureCont .type2 {padding-top:12px;} .featureArea .featureCont .typePP {background:#8d85b8; color:#fff;} /*himacs*/ .featureArea .movieArea {max-width:780px; width:100%;} .featureArea .visualArea {background:#fff; max-width:1030px;} .featureArea .visualArea .rollArea {position:relative;} .featureArea .visualArea .rollArea .page {position:absolute; bottom:20px; right:20px; margin-bottom:0;} .featureArea .visualArea .rollArea .page a {display:inline-block; color:#fff; padding-bottom:7px; margin-left:5px; font-size:14px; text-align:center; width:50px; border-bottom:4px solid #fff; font-family:Tahoma, sans-serif; font-weight:bold;} .featureArea .visualArea .rollArea .page a.on {color:#800039; border-bottom-color:#800039;} .featureArea .visualArea .rollArea .roll div {display:none;} .featureArea .visualArea .rollArea .roll div.rollCont1 {display:block;} .featureArea .visualArea dl {display:none; padding:30px 30px 25px;} .featureArea .visualArea dl.rollCont1 {display:block;} .featureArea .visualArea dt {font-size:14px; color:#2e2c2c; margin-bottom:10px; font-family:Tahoma, sans-serif; font-weight:bold;} .featureArea .visualArea dd {font-size:12px; color:#707070; margin-bottom:5px; padding-left:10px; background:url(../images/blt2.gif) 0 6px no-repeat;} .featureArea .featureCont h6 {margin:40px 0 15px; padding-left:25px; font-size:18px; line-height:21px; color:#2e2c2c; font-weight:400; background:0 0 no-repeat;} .featureArea .featureCont h6.ico1 {background-image:url(../images/himacs/feat_h6_1.png);} .featureArea .featureCont h6.ico2 {background-image:url(../images/himacs/feat_h6_2.png);} .featureArea .featureCont h6.ico3 {background-image:url(../images/himacs/feat_h6_3.png);} .featureArea .featureCont h6.ico4 {background-image:url(../images/himacs/feat_h6_4.png);} .featureArea .featureCont .grhCont {*zoom:1;} .featureArea .featureCont .grhCont:after {content:""; display:block; clear:both;} .featureArea .featureCont .grhCont .thum {float:left; width:30%; margin-right:35px;} .featureArea .featureCont .grhCont .cont {float:left; width:60%; color:#707070;} .featureArea .featureCont .grhCont .cont b {display:block; font-size:14px; margin-bottom:8px; color:#707070; font-family:Tahoma, sans-serif; font-weight:bold;} /*decoClick*/ #System .subtxt span {display:inline-block; width:49%; text-align:center; font-size:14px; line-height:14px; color:#707070;} #Strength .ac, #Squaring .ac {font-size:14px; line-height:14px; color:#707070;} #Application .thum {width:20%;} #Application .cont {width:70%;} /*interiorfilm*/ #Air .freeCont {text-align:center;} #Air .freeCont strong {display:inline-block; width:26%; margin:0 2%; vertical-align:top;} #Air .freeCont strong b {display:block; font-weight:400; color:#707070; line-height:16px; padding:20px 3% 0;} #Air .freeCont strong.last {border-left:1px solid #d8d8d8; width:31%; padding-left:5%; margin-left:4%;} #Antibiosis .ar {margin:10px 0; color:#979797;} .antiCont {*zoom:1;} .antiCont:after {content:""; display:block; clear:both;} .antiCont .cont {width:50%; float:left; text-align:center; padding:3%; margin:0;} .antiCont .cont:first-child {border-right:1px solid #d8d8d8;} .antiCont .cont strong {display:inline-block; width:40%; margin:0 2%; vertical-align:top;} .antiCont .cont strong b {display:block; padding-top:10px; font-size:14px; color:#707070;} .antiCont .cont em {display:block; padding-bottom:20px; font-weight:500;} #Antibiosis .fs {margin-top:-18px; color:#979797;} #Durability .clearfix {margin-top:40px;} #Durability .clearfix .cont {float:left; width:50%; padding:0 2%;} #Durability .clearfix .cont:first-child {border-right:1px solid #d8d8d8;} #Durability .clearfix .cont span {display:block; color:#707070; margin:15px 0; text-align:center; font-weight:500;} #Durability .clearfix .cont span b {display:block; padding-top:3px; color:#800039; font-weight:500;} #Adhesiveness .cont {margin-top:40px;} #Adhesiveness .cont .fl {width:30%; margin-top:20px;} #Adhesiveness .cont .fl span {font-size:12px; padding-left:17px; margin-right:20px; background:0 center no-repeat;} #Adhesiveness .cont .fl span.ico1 {background-image:url(../images/interiorfilm/inf_grh4_red.png);} #Adhesiveness .cont .fl span.ico2 {background-image:url(../images/interiorfilm/inf_grh4_grey.png);} #Adhesiveness .cont .fr {width:70%; margin-top:20px; color:#979797; text-align:right;} #Adhesiveness .titlabel {margin-bottom:20px;} /*exterorfoil*/ #Weatherability h5 {margin:30px 0;} #Weatherability p {margin-bottom:30px; text-align:center;} #Water .clearfix {text-align:center;} #Water .fl, #Water .fr {width:47%;} #Water .fl .tit {font-size:18px; color:#ad004d; margin-top:50px;} #Water .fl .tit b {font-size:26px; color:#ad004d; font-weight:500;} #Water .fl .titlabel2 {margin:20px auto 35px;} #Water .fr {margin-top:20px;} #Heat h5 {margin-bottom:50px;} #Heat .ac {margin:20px auto;} #Heat .clearfix {text-align:center; margin-top:65px;} #Heat .line {border-right:1px solid #d8d8d8;} #Heat .fl {width:49%; padding-right:4%;} #Heat .fr {width:45%;} #Heat .titlabel2 {margin:25px auto;} .exterorfoilSpecSheet {max-width:850px; margin:0 auto; padding:40px; background:#fff;} .exterorfoilSpecSheet strong {display:inline-block; padding-top:20px; font-size:22px; font-weight:500; line-height:26px; color:#000;} .exterorfoilSpecSheet .listTypeF {border-top:1px solid #929191;} .exterorfoilSpecSheet .listTypeF tbody th, .exterorfoilSpecSheet .listTypeF tbody td {padding:15px; text-align:left;} .exterorfoilSpecSheet th {width:200px;} /*automotiveSkin*/ .bioSkin .cont1 {max-width:520px !important; margin:0 auto; font-size:12px; padding:67px 0 75px 210px; background:url(../images/automotiveSkin/skin_1.jpg) 0 0 no-repeat;} .bioSkin .cont1 span {display:block; color:#979797; margin-top:2px; font-size:13px;} .bioSkin .cont2 {border:1px solid #d8d8d8; padding:44px 10px 44px 70px; max-width:1030px; text-align:center;} .bioSkin .cont2 em {display:block; margin-left:-60px; font-weight:500;} .bioSkin .cont2 strong {display:inline-block; width:30%; padding-right:60px; background:url(../images/automotiveSkin/arr1.png) right center no-repeat;} .bioSkin .cont2 strong.last {background:none;} .bioSkin .cont2 strong b {display:block; font-size:14px;} .bioSkin .cont3 .fl {width:50%; padding:0 4%; text-align:center; border-right:1px solid #d8d8d8;} .bioSkin .cont3 .fr {width:50%; padding:0 4%; text-align:center;} .antiStain .cont1 {text-align:center; margin-top:30px; padding-left:60px;} .antiStain .cont1 strong {display:inline-block; width:30%; padding-right:60px;} .antiStain .cont1 strong.ico1 {background:url(../images/automotiveSkin/plus.png) right center no-repeat;} .antiStain .cont1 strong.ico2 {background:url(../images/automotiveSkin/sum.png) 89% center no-repeat;} .antiStain .cont1 strong b {display:block; font-size:14px; margin-top:10px;} .antiStain .cont2 {border:1px solid #d8d8d8; padding:40px 0 40px 60px; max-width:1030px; text-align:center;} .antiStain .cont2 strong {display:inline-block; width:40%; padding-right:60px;} .antiStain .cont2 strong:first-child {background:url(../images/automotiveSkin/arr2.png) right center no-repeat;} .antiStain .cont2 strong em {display:block; margin-bottom:20px; font-weight:500;} /*DPM*/ #Great .fl {width:50%; padding:0 2%;} #Great .fr {width:50%; padding:0 2%; border-left:1px solid #d8d8d8;} #Great strong>b {display:block; text-align:center; font-weight:500; font-size:14px; color:#707070; margin-bottom:20px;} #Great strong>b.red {color:#ad004d;} #Great strong>span {display:block; text-align:center;} #Great .fr .subtxt {padding-top:20px; *zoom:1; text-align:left;} #Great .fr .subtxt:after {content:""; display:block; clear:both;} #Great .fr .subtxt>em {display:block; float:left; width:60%; padding-left:5%;} #Great .fr .subtxt>img {display:block; float:right; width:30%;} #Airfree .fl, #Airfree .fr {width:45%} #Airfree strong>b {display:block; text-align:center; font-weight:500; font-size:14px; color:#707070; margin-bottom:10px;} #Airfree .fl>b {margin-right:-90px;} #UvProtection .clearfix {margin-bottom:70px; text-align:center;} #UvProtection .fl {width:40%; margin-left:10%;} #UvProtection .fr {width:45%; margin-left:5%;} #UvProtection .fr .titlabel {max-width:417px;} #UvProtection .fr b {display:block; margin:20px 0; color:#707070;} #UvProtection .ac .titlabel {margin:0 auto 20px;} /*Signboard*/ #Variety dl {float:left; margin-right:10px; width:30%; text-align:center;} #Variety dl dt {padding-bottom:17px; background:url(../images/signGraphics/signboard/dot.png) center bottom no-repeat;} #Variety dl dt>p {padding:21px 0; margin-bottom:0; font-size:14px; color:#fff; font-weight:500; background:#ad004d;} #Variety dl dd {margin-top:10px; padding:13px 0; font-size:14px; color:#fff; font-weight:500; border-radius:5px; background:#7b7b7b;} #Special .cont {*zoom:1;} #Special .cont:after {content:""; display:block; clear:both;} #Special .cont dl {float:left; width:37%; margin-right:10px;} #Special .cont dl dt {padding:23px 34px; margin-bottom:20px; font-size:14px; font-weight:500; color:#666; background:#d8d8d8;} #Special .cont dl dd {font-size:12px; margin:0 0 2px 30px; padding-left:5px; background:url(../images/blt/blt.gif) 0 6px no-repeat;} #Special .cont .grh {float:left; width:40%;} /*Woozen*/ #WPC h5, #Maintenance h5 {margin-bottom:20px;} #WPC .cont1 {text-align:center;} #WPC .cont1 strong {display:inline-block; margin-bottom:15px; text-align:center; box-sizing:content-box; vertical-align:top;} #WPC .cont1 strong>b {display:block; font-size:14px; color:#707070; font-weight:500; margin-bottom:20px;} #WPC .cont1 strong>span {display:inline-block; text-align:center;} #WPC .cont1 strong>span.mgr {margin-right:17px;} #WPC .cont1 strong>span>b {display:block; margin-top:20px;} #WPC .cont1 .ico1 {padding-left:8%; margin-left:5%; background:url(../images/woozen/plus.png) 0 center no-repeat;} #WPC .cont1 .ico1>span {margin-right:0;} #WPC .cont1 .ico2 {padding-left:147px; margin-left:5%; background:url(../images/woozen/ext.png) 0 center no-repeat;} #WPC .cont2 strong {display:inline-block; width:22%; margin-bottom:10px; margin-right:2%; text-align:center; box-sizing:content-box; vertical-align:top;} #WPC .cont2 strong>b {display:block; font-size:14px; color:#707070; font-weight:500; margin-top:20px;} #WPC .cont3 {width:100%; border:1px solid #d8d8d8;} #WPC .cont4 strong {display:inline-block; width:30%; margin-bottom:10px; margin-right:3%; vertical-align:top;} #WPC .cont4 strong>span {display:block; font-size:12px; color:#979797; margin-top:10px;} #Eco .listTypeDD, #WpcStability .listTypeDD {max-width: 1030px;} #Eco .listTypeDD .green {display:inline-block; padding:12px 0 0 60px; height:39px; background:url(../images/woozen/feature_ico1.png) 0 0 no-repeat;} #Eco .ar {margin-top:10px; color:#979797;} #Maintenance .cont1 {text-align:center;} #Maintenance .cont1 strong {display:inline-block; width:44%; margin-bottom:15px; text-align:center; box-sizing:content-box; vertical-align:top;} #Maintenance .cont1 strong>b {display:block; font-size:14px; color:#707070; font-weight:500; margin-bottom:20px;} #Maintenance .cont1 strong>span {display:inline-block; margin-right:5px; text-align:center; vertical-align:top;} #Maintenance .cont1 strong>span>em {display:block; margin-top:10px;} #Maintenance .cont1 strong.ico1 {padding-right:6%; background:url(../images/woozen/arr.png) right center no-repeat;} #Maintenance .cont1 strong.ico1>span {width:25%;} #Maintenance .cont1 strong.ico2 {} #Maintenance .cont1 strong.ico2>span {margin-right:2px; width:19%;} #Maintenance .cont1 strong.ico2>span.w2 {width:36.9%;} #Maintenance .red, #WpcDurability .red {color:#800039;} #Maintenance .txt1 em {text-align:right; padding-top:30px; height:95px;} #Maintenance .cont2 strong {display:inline-block; width:42%; margin:0 3%; text-align:center; box-sizing:content-box; vertical-align:top;} #Maintenance .cont2 .listTypeDD {margin-top:25px;} #Maintenance .listTypeDD tbody th {padding:17px 13px !important;} #Maintenance .cont2 .ar {display:block; margin-top:10px; font-size:12px; color:#979797;} #WpcDurability .tit {text-align:center; font-size:14px; font-weight:500;} #WpcDurability .tit span {font-weight:400;} #WpcDurability .cont1 {margin-bottom:50px;} #WpcDurability .cont1 strong {display:inline-block; width:30%; margin:0 1%; text-align:center; box-sizing:content-box; vertical-align:top;} #WpcDurability .cont1 strong>b {display:block; margin-top:10px; font-weight:500;} #WpcDurability .cont1 strong>b>span {display:block; margin-top:3px; font-weight:400;} #WpcDurability .cont2 {margin-bottom:50px;} #WpcDurability .cont2 strong {display:inline-block; margin-top:25px; width:45%; padding:0 2%; text-align:center; box-sizing:content-box; vertical-align:top;} #WpcDurability .cont2 strong:first-child {border-right:1px solid #d8d8d8;} #WpcDurability .cont2 strong>b {display:block; margin-bottom:35px; font-size:14px; font-weight:500;} #WpcDurability .cont3 {width:100%; padding:40px 0; border:1px solid #d8d8d8; text-align:center;} #WpcDurability .cont3>p {font-size:14px; font-weight:500;} #WpcStability .ar {margin-top:10px; color:#979797;} /*Decofoil*/ #TwoDHigh .cont {margin-bottom:60px;} #TwoDHigh .cont strong {display:inline-block; width:39%; padding:0 5%; box-sizing:content-box; vertical-align:top;} #TwoDHigh .cont strong.bd {border-right:1px solid #d8d8d8;} #TwoDHigh .cont strong>b {display:block; margin-bottom:10px; color:#707070; font-weight:500; text-align:center;} #TwoDHigh .cont strong>span {display:block; margin-top:10px; color:#707070; font-weight:500;} #TwoDHigh .cont strong>span.mgt {margin-top:10%;} #TwoDHigh .cont2 strong {width:43%; padding:0;} /*window*/ #Performances .cont1 {text-align:center; margin-bottom:50px;} #Performances .cont1 span {display:inline-block; width:12%; margin:0 1%; vertical-align:top;} #Performances .cont1 span>b {display:block; margin-top:10px;} #Performances .cont2 span {display:inline-block; width:47%;} #Performances .cont2 .ar {width:40%; margin-left:3%;} #Thermal .ac {margin-top:50px;} #Sound .clearfix {margin-top:30px;} #Sound .clearfix>div {float:left; width:50%; text-align:center;} #Sound .clearfix>div:first-child {border-right:1px solid #d8d8d8;} #Sound .clearfix>div .titlabel {margin-bottom:20px;} .winFeature .cont3 {margin-top:30px;} .winFeature .cont3 span {display:inline-block; width:39%;} .winFeature .cont3 .ar {width:60%;} /*vip*/ .vipCont1 {text-align:center;} .vipCont1 strong {display:inline-block; width:42%;} .vipCont1 strong>b {display:block; font-size:14px; color:#707070; font-weight:500; margin-top:10px;} /***********Design Collaboration***********/ .collaborationArea .movieArea {max-width:780px; width:100%;} /*himacs*/ .collaborationArea {background:#f7f7f7;} .collaborationArea .collaborationCont {margin-top:40px;} .collaborationArea .collaborationCont p {color:#707070; line-height:17px; margin-bottom:30px; max-width:1030px;} .collaborationArea .collaborationCont h4 {margin:30px 0 15px; font-size:18px; line-height:20px; color:#707070;} .collaborationArea .interiorMW {*zoom:1; max-width:1015px; margin-top:27px;} .collaborationArea .interiorMW:after {content:""; display:block; clear:both;} .collaborationArea .interiorMW .fl {max-width:84%;} .collaborationArea .interiorMW .fl>p {display:none;} .collaborationArea .interiorMW .fr {max-width:15%; margin-left:1%;} .collaborationArea .interiorMW .fr p {margin-bottom:20px;} .collaborationArea .interiorMW .fr p a {display:block; max-width:143px;} .collaborationArea .interiorMW .fr p span {display:block; text-align:center; color:#800039; font-size:12px; line-height:12px; padding-top:5px;} .collaborationArea .interiorMW .fr p.on a {border:5px solid #800039;} .collaborationArea .biography {*zoom:1;} .collaborationArea .biography:after {content:""; display:block; clear:both;} .collaborationArea .biography .cont1 {float:left; width:31%; margin-right:40px;} .collaborationArea .biography .cont2 {float:left; width:60%;} .collaborationArea .interiorKR_fr {*zoom:1; max-width:1030px;} .collaborationArea .interiorKR_fr:after {content:""; display:block; clear:both;} .collaborationArea .interiorKR_fr p {float:left; width:55%;} .collaborationArea .interiorKR_fr .fr {display:block; width:40%;} .collaborationArea .interiorKR_fl {*zoom:1; max-width:1030px; margin-bottom:30px;} .collaborationArea .interiorKR_fl:after {content:""; display:block; clear:both;} .collaborationArea .interiorKR_fl p {float:right; width:55%;} .collaborationArea .interiorKR_fl h4 {float:right; width:55%; margin:0 0 15px;} .collaborationArea .interiorKR_fl .fl {display:block; width:40%;} .collaborationArea .interiorKR_chip {margin:35px 0 55px;} .collaborationArea .interiorKR_chip strong {display:inline-block; width:11.7%; margin-right:1%; vertical-align:top;} .collaborationArea .interiorKR_chip strong span {display:block; padding-top:2px; font-size:11px; color:#707070; text-align:center;} /***********Part***********/ /*automotive Part*/ .partArea {background:#f7f7f7; padding-bottom:70px;} .partArea h4 {color:#707070; font-size:18px; line-height:19px; margin:30px 0 65px;} .partArea .partCar {max-width:820px; margin:0 auto; text-align:center;} .partNavi {max-width:820px; margin:-45px auto 0;} .partNavi2 {margin:10px auto 0;} .partNavi strong {display:inline-block; width:27%; margin-right:7%; vertical-align:top; text-align:center;} .partNavi strong.ico2 {margin-right:10%;} .partNavi strong.ico3 {margin-right:0;} .partNavi strong a {display:block;} .partNavi strong b {display:block; font-size:18px; margin-top:20px; padding:20px 0 10px; background:url(../images/blt/blt3.gif) center top no-repeat;} .partNavi strong span {display:block; color:#707070;} .partCont {*zoom:1; max-width:978px; margin:0 auto;} .partCont:after {content:""; display:block; clear:both;} .partCont .fl {width:65%; padding-top:3%;} .partCont .fr {width:35%;} .partCont .fr strong {display:block; text-align:center;} .partCont .fr strong>span {display:block; margin:-20px 0 30px 62px;} .partNavi3 {max-width:760px; margin:60px 0 60px 13%;} .partNavi3 strong {width:23%; margin-right:1%;} .partCar3 {max-width:1010px; padding-bottom:50px;} .partCar3>p {margin-right:-30px;} /***********Product***********/ /*functionalGlass*/ .productArea {background:#f7f7f7; padding-bottom:70px;} .productArea h4 {font-size:18px; line-height:20px; color:#707070; margin:25px 0 10px;} .productArea .list {margin-bottom:30px;} .productArea .list li:before {content:'-'; padding-right:4px; margin-left:-7px;} .productArea .list li {margin-bottom:3px; padding-left: 5px;} .productArea .cont1 {max-width:770px; text-align:center;} .productArea .cont1 span {display:inline-block; width:70%; text-align:left; vertical-align:top; margin-bottom:20px;} .productArea .cont1 .ico1 {max-width:214px; min-height:214px; text-align:center; background:url(../images/functionalGlass/te_grh2.png) 0 0 no-repeat; background-size:100%;} .productArea .cont1 .ico1>b {display:block; font-size:14px; font-weight:500; padding:32% 10% 10%;} .productArea .cont1 .ico1>em {display:block; font-size:12px;} .productArea .ar {max-width:1050px; margin-top:10px; color:#979797;} .productArea .cont2 {text-align:center;} .productArea .cont2 .subtit {font-size:14px; margin-bottom:20px;} .productArea .cont2 strong {display:block; float:left; width:50%; min-height:203px; padding:30px; border-left:1px solid #d8d8d8; border-top:1px solid #d8d8d8;} .productArea .cont2 strong .subtxt {display:block; margin-top:10px;} .productArea .cont2 strong.bt {border-top:0;} .productArea .cont2 strong.bl {border-left:0;} .productArea .cont2 strong>img {height:94px;} .productArea .cont2 .ico2 {display:inline-block; width:117px; min-height:117px; text-align:center; background:url(../images/functionalGlass/de_grh3.png) 0 0 no-repeat; background-size:100%;} .productArea .cont2 .ico2>b {display:block; font-size:14px; font-weight:500; padding:32% 10% 7%;} .productArea .cont2 .ico2>em {display:block; font-size:12px;} .productArea .listTypeDD {max-width:1050px;} /*window*/ .windowArea h3 {border-bottom:0;} .windowArea h4 {margin:55px 0 10px;} /* .windowArea p {margin-bottom:30px;} */ .windowArea .listTypeDD {max-width:1030px; margin-bottom:30px;} .windowArea .cont {margin-top:70px; text-align:left;} .windowArea .cont span {display:inline-block; margin-right:3%;} .windowArea .cont span>b {display:block; text-align:center; margin-top:10px;} .windowArea .clearfix>div {float:left; width:50%; margin-bottom:30px;} .windowArea .clearfix>div:first-child {border-right:1px solid #000;} .windowArea .clearfix>div .listTypeDD {margin-bottom:0;} .wdCont span {display:inline-block; width:30%; margin-right:3%;} .wdCont3 span {margin-bottom:3%;} .wdCont2 {margin:50px 0 30px !important;} .windowtabCont {max-width:1029px; margin:0 auto;} .windowtabCont .visual {text-align:center;} .windowtabCont .proPic {margin-top:40px; padding:40px 0; border:1px dotted #2e2c2c; border-left:0; border-right:0; text-align:center;} .windowtabCont .win_featuresArea {padding-top:30px;} .windowtabCont .windowInfo {min-height:60px; padding-top:2px; padding-left:92px; background:url(../images/window/ico_window.gif) no-repeat 10px 0;} .windowtabCont .windowInfo li {position:relative; font-size:12px; font-family:Tahoma; line-height:18px;} .windowtabCont .windowInfo li.windowInfo3 {padding-left:61px;} .windowtabCont .windowInfo li.windowInfo3 b {position:absolute; left:0; top:1px;} .windowtabCont .windowInfo li b {color:#800039; font-weight:bold; font-family:Tahoma;} .windowtabCont .tableInfo {text-align:right; font-size:12px; color:#999999;} .windowtabCont .tb_features {margin:5px 0 10px; width:100%; table-layout:fixed;} .windowtabCont .tb_features thead th {height:43px; background:#dcdcdc; text-align:center; color:#800039; font-weight:bold; font-family:Tahoma; font-size:18px;} .windowtabCont .tb_features tbody td {padding:10px 10px; border:1px solid #d8d8d8; border-right:none; vertical-align:top; font-family:Tahoma;} .windowtabCont .tb_features tbody td:first-child {border-left:none;} .windowtabCont .tb_features tbody td strong {display:block; font-size:14px; font-weight:bold; color:#707070;} .windowtabCont .tb_features tbody td strong:before {content:"·"; margin-right:4px; font-size:14px;} .windowtabCont .tb_features tbody td p {padding-top:5px; padding-left:10px; font-size:12px; color:#707070;} .windowtabCont .tb_features tbody td p:before {content:"-"; margin-right:4px;} .windowtabCont .tbInfoTxt {color:#707070; font-size:12px;} .windowtabCont .listTypeDD {margin-top:40px;} .windowtabCont .imgArea {margin-top:40px;text-align:center;} /***********Downloads***********/ .downLoadArea {background:#f7f7f7;} .downLoadArea h3 {font-size:26px; border-bottom:0; margin-bottom:0;} .downtabCont h4 {max-width:850px; font-size:15px; color:#2e2c2c; margin:25px auto 20px; font-weight:500; text-align:left;} .downtabCont {padding-bottom:50px; text-align:center;} .downtabCont strong {display:inline-block; padding:40px; background:#fff;} .downList {*zoom:1;} .downList:after {content:""; display:block; clear:both;} .downList li {float:left; margin:0 2% 0; width:170px; height:285px;} .downList li a {display:block; position:relative; width:170px; overflow:hidden;} .downList li a>img {width:150px; height:210px; border:10px solid #fff;} .downList li a span {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/common/bk.png);} .downList li a span>b {display:inline-block; width:100%; text-align:center; color:#fff; padding-top:125px; font-size:14px; background:url(../images/icon/ico_down.png) center 40px no-repeat;} .downList li p {display:block; margin-top:12px; font-size:12px; text-align:left; font-weight:500; } .downList li a.on span {display:block;} .downTypeA li a {height:230px;} .downTypeA li a span>b {padding-top:145px; height:230px; background-position:center 60px} .downTypeB li a {height:230px;} .downTypeB li a span>b {padding-top:145px; height:230px; background-position:center 60px} .downTypeB .downTypeC {position:relative;} .downTypeB .downTypeC>img {border:10px solid #fff;} .downTypeB .downTypeC a {position:absolute; left:0; height:114px; border:0;} .downTypeB .downTypeC a.down {top:0;} .downTypeB .downTypeC a.down span>b {padding-top:75px; background:url(../images/icon/ico_down2.png) center 30px no-repeat;} .downTypeB .downTypeC a.more {top:114px; height:116px;} .downTypeB .downTypeC a.more span {border-top:2px solid #fff; background:url(../images/common/bk2.png);} .downTypeB .downTypeC a.more span>b {padding-top:75px; background:url(../images/icon/ico_more.png) center 30px no-repeat;} /* wallcovering */ .wallcoveringSymbols {padding-top:20px; *zoom:1;} .wallcoveringSymbols:after {content:""; display:block; clear:both;} .wallcoveringSymbols > .section {float:left; padding:0 5%; width:33.3%;} .wallcoveringSymbols > .section2 {border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8;} .wallcoveringSymbols > .section > .acticle {margin-bottom:35px; text-align:left;} .wallcoveringSymbols > .section > .acticle h4 {padding-bottom:15px; margin:0 0 10px 0;; border-bottom:2px solid #800039; font-size:20px; line-height:22px; color:#800039; text-align:center;} .wallcoveringSymbols > .section > .acticle .cont {padding:15px 20px 15px 40px; border-top:1px dashed #bababa;} .wallcoveringSymbols > .section > .acticle > .cont.first{border-top:none;} .wallcoveringSymbols > .section > .acticle > .cont strong {display:block; padding:0; background:none; font-family:Tahoma, sans-serif; font-size:14px; font-weight:bold; line-height:18px; color:#707070;} .wallcoveringSymbols > .section > .acticle > .cont p {padding-top:10px; font-family:Tahoma, sans-serif; color:#707070; font-size:12px; line-height:16px;} .wallcoveringSymbols > .section > .acticle1 .cont {background:url(../images/wallcovering/symbol1.png) no-repeat 2px 15px;} .wallcoveringSymbols > .section > .acticle2 .cont {background:url(../images/wallcovering/symbol2.png) no-repeat 2px 15px;} .wallcoveringSymbols > .section > .acticle3 .cont1 {background:url(../images/wallcovering/symbol3.png) no-repeat 2px 15px;} .wallcoveringSymbols > .section > .acticle3 .cont2 {background:url(../images/wallcovering/symbol4.png) no-repeat 2px 15px;} .wallcoveringSymbols > .section > .acticle3 .cont3 {background:url(../images/wallcovering/symbol5.png) no-repeat 2px 15px;} .wallcoveringSymbols > .section > .acticle3 .cont4 {background:url(../images/wallcovering/symbol6.png) no-repeat 2px 15px;} .wallcoveringSymbols > .section > .acticle3 .cont5 {background:url(../images/wallcovering/symbol7.png) no-repeat 2px 15px;} .wallcoveringSymbols > .section > .acticle4 .cont1 {background:url(../images/wallcovering/symbol8.png) no-repeat 2px 15px;} .wallcoveringSymbols > .section > .acticle4 .cont2 {background:url(../images/wallcovering/symbol9.png) no-repeat 2px 15px;} .wallcoveringSymbols > .section > .acticle5 .cont {background:url(../images/wallcovering/symbol10.png) no-repeat 2px 18px;} .wallcoveringCertification {max-width:750px; margin:0 auto; text-align:left;} .wallcoveringCertification .section {margin-top:30px; *zoom:1;} .wallcoveringCertification .section:after {content:""; display:block; clear:both;} .wallcoveringCertification .section .cont {padding:15px 0 0 0;} .wallcoveringCertification .section h4 {margin:0; color:#1b1b1b; font-weight:300; font-size:22px; line-height:24px;} .wallcoveringCertification .section h4 b {display:inline-block; color:#1b1b1b; font-weight:500; font-size:22px; line-height:24px;} .wallcoveringCertification .section .cont p {padding:10px 0 15px; font-family:Tahoma, sans-serif; font-size:12px; line-height:18px;} .wallcoveringCertification .section .thum {position:relative; width:45%;} .wallcoveringCertification .section .thum a {position:relative; display:block;} .wallcoveringCertification .section .thum a span {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/common/bk.png);} .wallcoveringCertification .section .thum a span b {position:relative; top:50%; margin-top:-50px; display:inline-block; width:100%; text-align:center; color:#fff; padding-top:85px; height:100px; font-size:14px; background:url(/images/icon/ico_down.png) 50% 0px no-repeat;} .wallcoveringCertification .section .thum a:hover span, .wallcoveringCertification .section .thum a:focus span {display:block;} .wallcoveringCertification .section1 .thum {float:left; padding-right:10%; padding-bottom:20px;} .wallcoveringCertification .section2 .thum {float:right; padding-left:10%; padding-bottom:20px;} .wallcoveringCertification .section3 .thum {float:left; padding-right:10%; padding-bottom:20px;} .proIndex {} .proIndex .proIndexContArea {position:absolute; right:0; bottom:50px; width:460px; z-index:5; text-align:right;} .proIndex .proIndexContArea.proIndexTypeTA {position:absolute; right:0; top:80px; bottom:auto; width:700px;} .proIndex .proIndexContArea.proIndexTypeTB {position:absolute; right:0; top:80px; bottom:auto; width:460px;} .proIndex .proIndexContArea.proIndexTypeBA {width:700px;} .proIndex .proIndexContArea.proIndexTypeBB {width:460px;} .proIndex .proIndexContArea.functionalGlassIndex {width:800px;} .proIndex .proIndexContArea.sgIndex {width:550px;} .proIndex .proIndexContArea.viateraIdx {width:528px;} .proIndex .proIndexContArea.wallcoveringIdx {position:absolute; right:0; top:80px; bottom:auto; width:800px;} .proIndex .proIndexContArea h3 {padding-right:70px; padding-bottom:5px; font-size:80px; font-weight:300; line-height:80px; border-bottom:4px solid #fff; color:#fff;} .proIndex .proIndexContArea h3 span {font-weight:500;} .proIndex .proIndexContArea h3 span.txt {display:block; padding-bottom:5px; font-size:34px; font-weight:300; line-height:30px;} .proIndex .proIndexContArea h3 sup {font-size:44px; line-height:50px; vertical-align:40px;} .proIndex .proIndexContArea p {padding:30px 70px 0 50px; line-height:20px; font-family:Tahoma, sans-serif; color:#fff; font-size:12px; text-align:right;} .proIndex .proIndexContArea.sgIndex h3 {font-size:60px; line-height:64px;} .proIndex .proIndexContArea.vipIndex h3 {font-size:80px; line-height:84px;} #productDataWrap {position:absolute; top:0; left:0; width:100%; height:100%; overflow:auto; -webkit-overflow-scrolling: touch;} .productDataArea {padding-bottom:40px; background:#f7f7f7;} .productDataArea .locaTxt {padding:10px 0 18px 5px; color:#707070; font-size:18px; line-height:22px;} .productDataArea .btnArea {padding-top:30px; text-align:right;} .productDataArea .btnArea a {position:relative; display:inline-block; height:30px; padding:0 10px 0 40px; background:#800039; line-height:30px; font-size:13px; font-family:Tahoma, sans-serif; color:#fff;} .productDataArea .btnArea a span {display:inline-block; position:absolute; left:10px; top:0; height:30px; line-height:30px; color:#d9b3c4; font-size:10px;} .productDataIndex {padding:10px 2%; *zoom:1;} .productDataIndex:after {content:""; display:block; clear:both;} .productDataIndex .section {padding:10px 0; border-top:1px solid #d8d8d8;} .productDataIndex .section:after {content:""; display:block; clear:both;} .productDataIndex .section:first-child {border-top:none;} .productDataIndex .pdSection {position:relative; width:50%; min-height:240px; padding:40px 50px 0 230px; margin:0px 0;} .productDataIndex .section:first-child .pdSection {min-height:200px; padding-top:0; padding-bottom:40px; margin-top:40px;} .productDataIndex .pdSection strong {display:block; padding-bottom:13px; font-size:20px; line-height:22px; color:#800039;} .productDataIndex .pdSection.fl {border-right:1px solid #d8d8d8;} .productDataIndex .pdSection.fr {padding-left:280px; padding-right:0;} .productDataIndex .pdSection .thum {position:absolute; left:0; top:40px; width:200px;} .productDataIndex .pdSection.fr .thum {left:50px} .productDataIndex .section:first-child .pdSection .thum {top:0;} .productDataIndex .pdSection ul {} .productDataIndex .pdSection ul li {padding:7px 0; line-height:18px; border-top:1px dashed #bababa; list-style:square; list-style-position:inside; color:#707070;} .productDataIndex .pdSection ul li:first-child {border-top:1px solid #bababa;} .productDataIndex .pdSection ul li a {font-family:Tahoma, sans-serif; color:#707070;} .productDataIndex .pdSection ul li a:hover, .productDataIndex .pdSection ul li a:focus {font-weight:bold; letter-spacing:-1px;} .productSearchArea {padding-bottom:60px; background:#f7f7f7} .searchConditionArea {*zoom:1;} .searchConditionArea:after {content:""; display:block; clear:both;} .searchConditionArea .section { border-top:1px solid #d8d8d8; *zoom:1;} .searchConditionArea .section:first-child {margin:0px 0 10px; border-top:none;} .searchConditionArea .section:after {content:""; display:block; clear:both;} .searchConditionArea .searchSectin {float:left; width:25%; border-top:1px solid #d8d8d8;} .searchConditionArea .searchSectin > div {padding:20px 8% 0; margin:10px 0; border-left:1px solid #d8d8d8; height:260px;} .searchConditionArea .searchSectin > div.nth4 {border-left:none;} .searchConditionArea .searchSectin strong {display:block; padding:0 0 13px 5px; font-size:20px; line-height:22px; color:#800039;} .searchConditionArea .searchSectin ul {padding:10px 0 0 5px; border-top:1px solid #bababa;} .searchConditionArea .searchSectin ul li {position:relative; padding:7px 0; line-height:18px; color:#707070; font-family:Tahoma, sans-serif; overflow:hidden;} .searchConditionArea .searchSectin ul li input[type=checkbox] {position:absolute; left:-40px; top:0;} .searchConditionArea .searchSectin ul li label {display:inline-block; padding-left:20px; background:url(../images/blt/checkbox_off.gif) no-repeat 0 3px; cursor:pointer;} .searchConditionArea .searchSectin ul li.on label {background:url(../images/blt/checkbox_on.gif) no-repeat 0 3px;} .searchConditionArea .searchBtnArea {position:relative; margin-top:0; height:270px; background:#800039;} .searchConditionArea .searchBtnArea > div {border-left:none;} .searchConditionArea .searchBtnArea a {display:block; position:absolute; left:50%; top:50%; width:110px; height:110px; margin-left:-55px; margin-top:-55px; border:1px solid #fff; border-radius:55px; background:url(/images/icon/search2.png) no-repeat 50% 18px; font-family:Tahoma, sans-serif; font-weight:bold; text-align:center; color:#fff;} .searchConditionArea .searchBtnArea a span {display:block; padding-top:55px; background:url(../images/icon/arrowD_2.png) no-repeat 50% 83px; height:110px; text-align:center; box-sizing:border-box;} #searchResult {padding-top:60px;} #searchResult .resultTxt {padding-bottom:15px; font-family:Tahoma, sans-serif; font-size:18px; color:#707070; line-height:22px;} #searchResult .resultTxt b {font-family:Tahoma, sans-serif; font-size:18px; color:#800039; line-height:22px;} .colorListArea {padding:30px 0;*zoom:1;} .colorListArea:after {content:""; display:block; clear:both;} .colorListArea h4 { font-size:18px; color:#707070; font-family:Tahoma, sans-serif; line-height:24px; clear:both;} .colorListArea .section {float:left; width:25%;} .colorListArea .section .acticle {position:relative; height:40px; padding:0px 0 0px 0px;margin-top:10px;} .colorListArea .section .acticle .color {float:left; width:50%; margin-right:8px; height:40px; border-radius:4px; text-indent:-3000em;} .colorListArea .section .acticle .color.bord {border:1px solid #d8d8d8;} .colorListArea .section .acticle strong {display:inline-block; margin-top:4px; color:#707070; font-family:Tahoma, sans-serif; line-height:16px; font-size:13px;} .colorListArea .section .acticle p {color:#707070; font-family:Tahoma, sans-serif; line-height:16px; font-size:12px;} .pdContArea {padding-top:30px;} .pdContArea h4 {padding-bottom:15px; font-size:18px; color:#707070; font-family:Tahoma, sans-serif; line-height:24px; clear:both;} .pdContArea p {padding-bottom:15px; font-size:12px; color:#707070;} #imsiImg {position:absolute; left:-500000em; top:-5000000em; max-width:none;} @media all and (min-width:1301px) and (max-width:1400px){ .productDataIndex {padding:10px 0;} .productDataIndex .pdSection {padding:40px 30px 0 220px;} .productDataIndex .pdSection.fr {padding-left:250px; padding-right:0;} .productDataIndex .pdSection.fr .thum {left:30px} .productSearchArea {} .searchConditionArea .searchSectin > div{padding:20px 5% 0;} .wallcoveringSymbols > .section {padding:0 2%;} } @media all and (max-width:1300px){ .productDataArea {padding:53px 30px 40px 30px;} .productDataIndex {padding:10px 0;} .productDataIndex:after {content:""; display:block; clear:both;} .productDataIndex .section {padding:10px 0; border-top:1px solid #d8d8d8;} .productDataIndex .section:after {content:""; display:block; clear:both;} .productDataIndex .section:first-child {border-top:none;} .productDataIndex .pdSection {position:relative; width:50%; min-height:240px; padding:40px 30px 0 0; margin:0px 0;} .productDataIndex .section:first-child .pdSection {min-height:200px; padding-top:0; padding-bottom:40px; margin-top:40px;} .productDataIndex .pdSection strong {display:block; padding-bottom:13px; font-size:20px; line-height:22px; color:#800039;} .productDataIndex .pdSection.fl {border-right:1px solid #d8d8d8;} .productDataIndex .pdSection.fr {padding-left:30px; padding-right:0;} .productDataIndex .pdSection .thum {position:static; left:0; top:40px; width:100%;} .productDataIndex .pdSection .thum img {width:100%;} .productDataIndex .pdSection.fr .thum {left:50px} .productDataIndex .section:first-child .pdSection .thum {top:0;} .productDataIndex .pdSection ul {} .productDataIndex .pdSection ul li {padding:7px 0; line-height:18px; border-top:1px dashed #bababa; list-style:square; list-style-position:inside; color:#707070;} .productDataIndex .pdSection ul li:first-child {border-top:1px solid #bababa;} .productDataIndex .pdSection ul li a {font-family:Tahoma, sans-serif; color:#707070;} .productDataIndex .pdSection ul li a:hover, .productDataIndex .pdSection ul li a:focus {font-weight:bold; letter-spacing:-1px;} .searchConditionArea .searchSectin {width:50%;} .searchConditionArea .searchSectin > div.nth2 {border-left:none;} .colorListArea .section .acticle .color {width:30%;} .wallcoveringSymbols > .section {padding:0 2%;} } @media all and (min-width:1001px) and (max-width:1280px){ .businessContents {padding: 53px 50px 0 50px;} .proIndex .proIndexContArea {width:400px;} .proIndex .proIndexContArea.proIndexTypeTA {width:600px;} .proIndex .proIndexContArea.proIndexTypeTB {width:400px;} .proIndex .proIndexContArea.proIndexTypeBA {width:600px;} .proIndex .proIndexContArea.proIndexTypeBB {width:400px;} .proIndex .proIndexContArea.sgIndex {width:450px;} .proIndex .proIndexContArea.viateraIdx {width:400px;} .proIndex .proIndexContArea.wallcoveringIdx {width:600px;} .proIndex .proIndexContArea h3 {padding-right:50px; font-size:70px; line-height:72px;} .proIndex .proIndexContArea h3 sup {font-size:30px; line-height:40px; vertical-align:35px;} .proIndex .proIndexContArea p {padding:15px 50px 0 50px;} .proIndex .proIndexContArea.functionalGlassIndex h3 {font-size:60px; line-height:80px;} .proIndex .proIndexContArea.vipIndex h3 {font-size:60px; line-height:64px;} .proIndex .proIndexContArea.sgIndex h3 {font-size:50px; line-height:54px;} .downList li {margin:0 0.7% 0;} .wallcoveringSymbols > .section {float:none; padding:0 5%; width:100%;} .wallcoveringSymbols > .section2 {border:none;} .wallcoveringCertification .section .cont {padding:0px 0 0 0;} .wallcoveringCertification .section .thum {width:40%} .wallcoveringCertification .section1 .thum {padding-right:5%;} .wallcoveringCertification .section2 .thum {padding-left:5%;} .wallcoveringCertification .section3 .thum {padding-right:5%;} .vipProduct {padding:6% 0 0;} } @media all and (max-width:1000px){ .proIndex .proIndexContArea {width:400px;} .proIndex .proIndexContArea.proIndexTypeTA {width:500px;} .proIndex .proIndexContArea.proIndexTypeTB {width:350px;} .proIndex .proIndexContArea.proIndexTypeBA {width:500px;} .proIndex .proIndexContArea.proIndexTypeBB {width:350px;} .proIndex .proIndexContArea.sgIndex {width:400px;} .proIndex .proIndexContArea.viateraIdx {width:350px;} .proIndex .proIndexContArea.wallcoveringIdx {width:500px;} .proIndex .proIndexContArea h3 {padding-right:40px; font-size:60px; line-height:65px;} .proIndex .proIndexContArea h3 sup {font-size:25px; line-height:30px; vertical-align:25px;} .proIndex .proIndexContArea p {padding:15px 40px 0 40px;} .proIndex .proIndexContArea.vipIndex h3 {font-size:50px; line-height:58px;} .proIndex .proIndexContArea.functionalGlassIndex h3 {font-size:50px; line-height:70px;} .proIndex .proIndexContArea.sgIndex h3 {font-size:44px; line-height:48px;} .proContArea .contArea .proIndex {height:100%; width:auto; padding-left:250px;} .proContArea .contArea .proIndex .thum {margin-left:0; left:0;} .proDetailMenu {width:250px;} .proDetailMenu.small {width:48px !important; height:48px !important;} .proDetailMenu .btnOpen {padding:15px 11px 14px;} .proDetailMenu .t_navi {width:195px;} .proDetailMenu h3 {padding-top:40px; width:195px;} .proDetailMenu h2 {width:195px; margin:0 auto;} .proDetailMenu .navi {width:195px;} .proDetailMenu .navi li a {font-size:14px; padding:13px 0 13px 10px;} .proDetailMenu .navi li ul li a {font-size:13px; padding:5px 0 5px 13px;} .proDetailMenu .navi li.icoGlobal {background:url(../images/icon/ico_global.png) no-repeat 10px 50%;} .proDetailMenu .navi li.icoUsa {background:url(../images/icon/ico_usa.png) no-repeat 9px 50%;} .proDetailMenu .navi li.icoEurope {background:url(../images/icon/ico_europe.png) no-repeat 9px 50%;} .proDetailMenu .navi li.icoRussia {background:url(../images/icon/ico_russia.png) no-repeat 9px 50%;} .proDetailMenu .navi li.icoLink:after {content:""; position:absolute; right:12px; top:17px; width:7px; height:13px; font-size:6px; line-height:6px; line-height:20px; background:url(/images/icon/right.png) no-repeat center center;} .proDetailMenu .navi li.icoLink a {padding-left:47px;} .proDetailMenu .bann {left:28px; padding-left:120px; background:url(../images/viatera/aside_bann2.jpg) 0 0 no-repeat;} .proDetailMenu .bann a {padding:0;} .proDetailMenu .bann span {margin:10px 0 0 -121px;} .proDetailMenu .himacsBanner {position:absolute; bottom:40px; left:28px; width:195px;} .proDetailMenu .sgBanner {left:28px; width:195px;} .proDetailMenu .sperformanceTapeBanner {left:28px; width:195px;} .proDetailMenu.small .sgBanner {display:none;} .proDetailMenu.small .sperformanceTapeBanner {display:none;} .proContArea {padding-left:0px;} .proContArea.bottomSideCont {padding-left:0; padding-bottom:190px;} .proContArea .spaceTitleArea {width:auto; min-width:160px; max-width:200px; left:0px; bottom:269px; top:auto;} .proContArea .spaceTitleArea h2 {display:none;} .proContArea .spaceTitleArea .spaceInfo {position:static; min-width:60%;} .proContArea .spaceTitleArea .spaceInfo .cont {padding:20px 15px 15px;} .proContArea .spaceTitleArea .spaceInfo .cont h3 {font-size:20px;} .proContArea .spaceTitleArea .spaceInfo .cont p {margin-top:15px;font-size:12px; line-height:18px;} .proContArea .spaceTitleArea .spaceInfo .paging {padding:15px 0;} .proContArea .spaceTitleArea .spaceInfo .paging .txt b {font-size:20px;} .proContArea .aSide {width:100%;} .proContArea .spaceSideArea {position:absolute; left:0; bottom:0px; top:auto; width:100%; height:190px; background-size:100% auto !important;} .proContArea .aSide .spaceSide .iScrollArea {position:absolute; left:0; top:0; padding:30px 34px 0px 34px;} .proContArea .aSide .spaceSide .goodsList {position:relative; width:auto; height:100%; margin:0; z-index:10;} .proContArea .aSide .spaceSide .bgArea .bg {background-size:100% auto !important;} .proContArea .aSide .spaceSide .bgArea .bg.move {background-size:100% auto !important;} .proContArea .aSide .spaceSide h4 {width:130px; height:130px; line-height:130px;} .proContArea .aSide .spaceSide ul {text-align:left; white-space:nowrap;} .proContArea .aSide .spaceSide ul li {position:relative; float:none; display:inline-block;} .proContArea .aSide .spaceSide ul li:first-child {margin-left:133px;} .proContArea .aSide .spaceSide ul li .thum {left:15px; top:15px;} .proContArea .aSide .spaceSide ul li a {width:130px; height:130px; padding:15px;} .proContArea .contArea .spaceInfoArea {display:none; position:absolute; left:0px; bottom:30px; width:100%; padding:0 34px 0 270px; text-align:right; z-index:10;} .proContArea.colorBottomSide {padding-left:0; padding-bottom:170px;} .proContArea .aSide .spaceSide .iScrollArea {} .proContArea .aSide .spaceSide .goodsList {} .proContArea .colorSide {position:absolute; left:0; bottom:0px; top:auto; width:100%; height:170px;} .proContArea .colorSide .titleArea {padding-left:34px;} .proContArea .colorSide .titleArea h2 {padding:0 5px 0 0px; text-align:left;} .proContArea .colorSide .goodsList {position:relative; height:100%; overflow:hidden;} .proContArea .colorSide .iScrollArea {position:absolute; left:0; top:0; padding:56px 0px 0px 0px;} .proContArea .colorSide .goodsList ul {position:static; width:auto; height:100%; margin:0; z-index:10; white-space:nowrap;} .proContArea .colorSide .goodsList li {float:none; display:inline-block; width:100px; height:100px;} .proContArea .colorSide .goodsList .over {top:56px !important; width:100px; height:100px; border:6px solid #fff;} .businessContents {position:absolute; top:0; left:0; width:100%;} .downList li {width:150px; margin: 0 1.5% 0; height:240px;} .downList li a {width:150px;} .downList li a>img {width:130px; height:174px;} .downList li a span>b {padding-top:115px; background-position:center 30px;} .downTypeA li a {height:194px;} .downTypeA li a span>b {height:194px;} .downTypeB li a {height:194px;} .downTypeB li a span>b {padding-top:135px; height:194px; background-position:center 50px} .downTypeB .downTypeC {} .downTypeB .downTypeC a {height:97px;} .downTypeB .downTypeC a.more {top:97px; height:97px;} .downTypeB .downTypeC a.down span>b {height:97px; padding-top:67px; background-position:center 20px;} .downTypeB .downTypeC a.more span>b {height:97px; padding-top:67px; background-position:center 20px;} .downTypeB .downTypeC>img {width:130px; height:174px;} #Water .fl, #Water .fr {width:100%;} #Heat .fl, #Heat .fr {width:100%;} #Heat .line {border-right:0; padding-right:0;} .wallcoveringSymbols > .section {padding:0 3%;} .wallcoveringSymbols > .section1 {padding-left:0;} .wallcoveringSymbols > .section3 {padding-right:0;} .wallcoveringSymbols > .section2 .acticle {margin-bottom:0;} }