@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('edit_style.css');

*{margin:0; padding:0}
html{width:100%; height:100%}
body{font-size:12px; font-family: "Microsoft Yahei",Helvetica, Arial,"微软雅黑", STXihei, "华文细黑", sans-serif; color:#555;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{display:none}
textarea, button{vertical-align:middle}
input, select{height:16px; border:1px solid #ddd; background:#fff; color:#555; font-family: "Microsoft Yahei",Helvetica, Arial,"微软雅黑", STXihei, "华文细黑", sans-serif;  vertical-align:middle}
input{padding:3px}
select{padding:2px}
textarea{padding:3px; border:1px solid #ddd; background:#fff; color:#555; vertical-align:middle}
.checkbox{padding:0; border:0;}
.disNone{display:none;}
a{color:#555; text-decoration:none}
a:hover, a:focus, a:active{color:#555; text-decoration:none}
table{border-collapse:collapse}

/* 간격, 폰트 */
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt55{margin-top:55px}
.mt60{margin-top:60px}
.f11{font-size:11px}
.f12{font-size:12px}
.f16{color:#444; font-size:16px}
.bold{font-weight:bold}
.letter{letter-spacing:-1px;}

/* 정렬 */
.taC{text-align:center}
.taR{text-align:right}
.taL{text-align:left}
.pBox {overflow:hidden; position:relative; width:100%}

/* common */
#wrapper{overflow:hidden; position:relative; border-top:3px solid #c40c42; background-color:#e5e5e5}

#header{position:relative; z-index:900; width:960px; margin:0 auto}
#header .headerWrap{overflow:hidden; position:absolute; top:0; left:0; width:100%; height:90px; background:url('/common/images/icon/gnb_bg.png') repeat-x 0 0}
#header h1{float:left; padding-left:40px}
#header .util{float:right; width:150px; margin-right:37px;}
#header .util a{display:inline-block; float:left; color:#bbb; line-height:24px; text-align:center; font-family:"Nanum Gothic", dotum,"돋움",sans-serif;}
#header .util .sitemap{padding-right:10px}
#header .util .lang{width:42px; height:24px;  font-size:11px ;background:url('/common/images/icon/util_bu.gif') no-repeat left 50%;}

#footer{background-color:#303033}
#footer .footerWrap{overflow:hidden; position:relative; width:940px; margin:0 auto; padding:25px 0}
#footer .logo{position:absolute; top:25px; left:0}
#footer .txtCon{padding-left:160px; color:#999; line-height:20px}
#footer .txtCon a{color:#999}
#footer .txtCon .bar{padding:0 8px; color:#4f4f51}
#footer  a.goHyosung{position:absolute; top:25px; right:0}

.familSite{position:absolute;right:0;top:18px;width:167px;border:1px solid #b4b4b4;background:#f3f3f3}
.familSite h2{height:23px;line-height:19px}
.familSite h2>a{display:block;padding:0 10px;background:url(/common/images/arrow_site.gif) no-repeat 95% 0;font-weight:normal;font-family:Tahoma;font-size:12px;}
.familSite h2>a.on{background-position:95% -23px}
.familSite>ul{position:absolute;left:-1px;bottom:23px;z-index:99;width:100%;height:0;border:1px solid #b4b4b4;border-bottom:none;background:#f3f3f3;overflow:hidden}
.familSite>ul>li{padding:0 10px;line-height:19px;}
.familSite>ul>li>a{font-size:12px;color:#363636}

/* gnb */
#gnb{position:absolute; top:40px; left:248px;}
#gnb li{float:left; height:182px; background:url('/common/images/icon/gnb_bg_line.png') repeat-y 0 0}
#gnb li.lst1{width:138px}
#gnb li.lst2{width:133px}
#gnb li.lst3{width:173px}
#gnb li.lst4{width:125px}
#gnb li.lst5{width:123px}
#gnb li a.oneD{display:block; height:12px; padding:10px 20px; margin-bottom:18px}
#gnb li div.twoD{height:121px; padding-top:10px}
#gnb li div.varEn {height:150px; }
#gnb li div.twoD a{display:block; padding:3px 0 3px 20px; color:#bfbfbf}
#gnb li div.twoD a:hover{text-decoration:underline}
#gnb li.on div.twoD a{color:#fff}

/* main */
.mainVisual{position:relative; z-index:600}
.mainVisual .visualBg{position:absolute; top:0; left:0; z-index:500; width:100%; height:600px; text-indent:-9999px}
.mainVisual .visualBg1{background:url('/common/images/icon/mainvisual_img4.jpg') no-repeat center 0}
.mainVisual .visualBg2{background:url('/common/images/icon/mainvisual_img5.jpg') no-repeat center 0}
.mainVisual .visualBg3{background:url('/common/images/icon/mainvisual_img6.jpg') no-repeat center 0}
.mainVisual .controller{position:relative; z-index:700; width:1032px;  height:250px; margin:0 auto; padding:237px 0 46px}
.mainVisual .txt{padding-top:67px}
.mainVisual .btns{position:absolute; left:0; top:282px; width:99%; height:71px; margin:auto}
.mainVisual .btns a.prev{float:left}
.mainVisual .btns a.next{float:right}
.mainVisual .productBt{padding-top:150px; text-align:center}
.mainCon{position:relative; z-index:600; width:948px; margin:0 auto}
.mainCon .top ul{overflow:hidden;padding:0;}
.mainCon .top li{float:left; width:300px; margin-right:20px; }
.mainCon .top li.end{margin:0}
.mainCon .top li div{width:300px; height:383px; margin:0 auto; padding:0 0px; background-color:#fff}
.mainCon .top li div a{display:block;width:300px; height:383px; margin:0 auto;}
.mainCon .top li p.img{overflow:hidden; width:300px; height:165px}
.mainCon .top li .bgLine{height:6px; background:url('/common/images/icon/en_maincon_bg_bottom.png') no-repeat 7px 0}
.mainCon .top li dl{padding:0 20px; height:142px;}
.mainCon .top li dd{line-height:20px}
.mainCon .top li .view{padding-left:20px}
.mainCon .bottom{overflow:hidden; line-height:20px;  }
.mainCon .mainBottom1{float:left; margin-right:20px;  border:1px solid #d3d3d3;background:url('/common/images/icon/maincon_icon1.gif') no-repeat 230px 44px}
.mainCon .mainBottom1 a{display:block; width:280px; height:78px; padding:60px 0 0 18px;}
.mainCon .mainBottom2 {float:left; width:280px; height:98px; margin-right:20px; padding:45px 0 0 18px;}
.mainCon .mainBottom3{float:left; width:280px; height:83px;  padding:45px 0 0 20px; color:#555}

/* sub */
#cBody{padding-top:274px; background:url('/common/images/icon/sub_visual_carpet7.jpg') no-repeat center -3px;}
#cBody.yarn{ background:url('/common/images/icon/sub_visual_carpet8.jpg') no-repeat center -3px;}
#cBody.customer{ background:url('/common/images/icon/sub_visual_carpet9.jpg') no-repeat center -3px;}
#cBody.rnd{ background:url('/common/images/icon/sub_visual_carpet4.jpg') no-repeat center -3px;}
#cBody.aboutUs{ background:url('/common/images/icon/sub_visual_carpet5.jpg') no-repeat center -3px;}
#cBody.utility{ background:url('/common/images/icon/sub_visual_carpet6.jpg') no-repeat center -3px;}
#subWrap{width:968px; margin:0 auto;}
#subWrap .subBgTop{width:968px; height:6px; background:url('/common/images/icon/sub_bg_top.png') no-repeat 0 0}
#subWrap .subBgBottom{width:968px; height:6px; background:url('/common/images/icon/sub_bg_bottom.png') no-repeat 0 0}
#subBody{overflow:hidden; padding-bottom:50px; background:url('/common/images/icon/sub_bg.png') repeat-y 0 0;}

/* lnb */
#lnb{float:left; width:200px; padding-left:44px}
#lnb h4{height:13px; padding:49px 0 48px 20px; background-color:#58646e}
#lnb ul{margin-top:1px}
#lnb .oneD{display:block; width:200px; height:45px;background:url('/common/images/icon/cn_totalLnb.gif') no-repeat ;text-indent:-1000px;}
/*swan carpet*/
#lnb .oneD.sc1{background-position:0 0;}
#lnb .oneD.sc2{background-position:0 -45px;}
#lnb .oneD.sc3{background-position:0 -90px;}
#lnb .oneD.sc4{background-position:0 -135px;}
#lnb .oneD.sc1.on{background-position:-200px 0;}
#lnb .oneD.sc2.on{background-position:-200px -45px;}
#lnb .oneD.sc3.on{background-position:-200px -90px;}
#lnb .oneD.sc4.on{background-position:-200px -135px;}
/*carpet yarn*/
#lnb .oneD.cy1{background-position:0 -180px;}
#lnb .oneD.cy2{background-position:0 -225px;}
#lnb .oneD.cy3{background-position:0 -270px;}
#lnb .oneD.cy1.on{background-position:-200px -180px;}
#lnb .oneD.cy2.on{background-position:-200px -225px;}
#lnb .oneD.cy3.on{background-position:-200px -270px;}
/*customer survice*/
#lnb .oneD.cs1{background-position:0 -315px;}
#lnb .oneD.cs2{background-position:0 -360px;}
#lnb .oneD.cs1.on{background-position:-200px -315px;}
#lnb .oneD.cs2.on{background-position:-200px -360px;}
/*rnd*/
#lnb .oneD.rnd1{background-position:0 -405px;}
#lnb .oneD.rnd2{background-position:0 -450px;}
#lnb .oneD.rnd3{background-position:0 -495px;}
#lnb .oneD.rnd1.on{background-position:-200px -405px;}
#lnb .oneD.rnd2.on{background-position:-200px -450px;}
#lnb .oneD.rnd3.on{background-position:-200px -495px;}
/*about us*/
#lnb .oneD.au1{background-position:0 -540px;}
#lnb .oneD.au2{background-position:0 -585px;}
#lnb .oneD.au3{background-position:0 -630px;}
#lnb .oneD.au4{background-position:0 -675px;}
#lnb .oneD.au5{background-position:0 -720px;}
#lnb .oneD.au1.on{background-position:-200px -540px;}
#lnb .oneD.au2.on{background-position:-200px -585px;}
#lnb .oneD.au3.on{background-position:-200px -630px;}
#lnb .oneD.au4.on{background-position:-200px -675px;}
#lnb .oneD.au5.on{background-position:-200px -720px;}
#lnb .twoD{border-bottom:1px solid #e5e5e5; padding:0 0 10px 20px}
#lnb .twoD a{display:block; margin:15px 0; padding-left:10px; background:url('/common/images/icon/bu3x5.gif') no-repeat 0 center; color:#666; font-size:13px}
#lnb .twoD a.on, #lnb .twoD a:hover{background:url('/common/images/icon/bu3x5_on.gif') no-repeat 0 center; color:#c40c42}
#lnb .txt{color:#777; line-height:20px}

#subCon{float:right; position:relative; width:640px; padding-right:44px}
#subCon .subTit{height:70px; padding:40px 0 0}

/* popup (swan carpet, rnd center)  */
.popupBody{position:relative; z-index:2000; width:540px; height:1px; margin:-1px auto 0}
.popup{display:none; position:absolute; top:112px; left:0; z-index:2000; width:540px; background-color:#fff;}
.popup .top{overflow:hidden; padding:12px 22px; background-color:#c40c42}
.popup .tit{float:left; color:#fff;  font-size:27px}
.popup .closeBt{float:right; margin-top:8px}
.popup .con{padding:20px 10px 20px}
.popup .imgBig{overflow:hidden; width:500px; height:375px; margin:0 auto}
.popup .picList{overflow:hidden}
.popup .picList li{float:left; width:110px; height:83px; padding:10px; background:url('/common/images/popup/no_img.gif') no-repeat 10px 10px}
.popup .picList a{display:block; overflow:hidden; position:relative; width:110px; height:83px}
.popup .picList a.imgPosition{display:block;width:110px;height:83px;background-size:110px 83px !important}
.popup .picList a img{width:150px}
.popupWrap{position:absolute; top:0; left:0; z-index:1000; width:100%; background:url('/common/images/popup/popup_bg.png') repeat 0 0}
.popupBody2{width:390px}
.popupBody2 .popup{width:390px; top:118px}
.popupBody2 .popup .top{padding:12px 20px}
.popupBody2 .popup .imgBig{width:348px; height:425px; border:1px solid #e5e5e5}
.popupBody2 .popup .tit{font-size:27px}
.popupBody2 .popup .f25{font-size:25px; letter-spacing:-2px;}
.popupBody2 .popup .closeBt{margin-top:5px}
.popupBody2 .popup .con{padding:20px 10px}

/* Swan Carpet */
.subTit h3{font-size:30px; font-weight:bold; color:#58646e; }
.carTit {color:#333}

.listType1{overflow:hidden}
.listType1 li{float:left; width:200px; margin:0 20px 20px 0; height:300px; line-height:20px}
.listType1 li.mr0{margin-right:0}
.listType1 a.img{display:block; overflow:hidden; width:200px; height:150px}
.listType1 dl{height:125px; padding:25px 20px 0; border:1px solid #e5e5e5; border-top:0}
.listType1 dt{height:33px; background:url('/common/images/icon/line_bg.gif') no-repeat 0 bottom}
.listType1 dd{color:#444}


.subTxtArea{font-size:13px; line-height:22px}

.dotList{overflow:hidden}
.dotList li{margin-bottom:10px; padding-left:8px; background:url('/common/images/icon/dot2x2.gif') no-repeat 0 9px; font-size:13px; line-height:20px}

.yarnList li{margin-bottom:6px; padding-left:25px; font-size:13px; line-height:20px;}

.productImg{overflow:hidden; width:640px; height:310px}

.details{overflow:hidden; border-top:1px solid #e5e5e5}
.details li{float:left; width:90px; margin:20px 20px 0 0}
.details li.end{margin-right:0}
.details li a{cursor:pointer}
.details li .img{display:block; overflow:hidden; width:90px; height:70px}
.details li .img.imgPosition{display:block;width:90px;height:70px;background-size:90px 70px !important}
.details li .img img{width:150px}
.details li .txt{display:block; margin-top:7px; text-align:center}

.details2{overflow:hidden; border-top:1px solid #e5e5e5}
.details2 li{float:left; width:90px; margin:20px 16px 0 0}

.spec{width:100%; border-top:2px solid #58646e; border-right:1px solid #e5e5e5; line-height:16px}
.spec th{padding:12px; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; background-color:#fafafa; font-weight:normal; text-align:left; vertical-align:top}
.spec th.sort{background-color:#eeeff0}
.spec th.bln{border-left:0}
.spec td{padding:12px; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; text-align:left; vertical-align:top}
.spec .taC{text-align:center}
.spec p {letter-spacing:-1px;}

.officer2 {margin:10px 0 0 0; border-top:1px solid #e5e5e5;}
.officer2 div{width:640px; overflow:hidden; }.officer2 p{float:left; font-size:13px; padding:19px 0 0 0;  }
.officer2 p{float:left; font-size:13px; padding:16px 0 0 0;  }
.officer2 p:first-child {padding:16px 40px 0 0 }
.officer2 p a {text-decoration:underline;}
.officer2 p span {padding:0 28px 0 26px; color:#e5e5e5;}

.order01{overflow:hidden;width:640px; height:203px; border:1px solid #e5e5e5; margin:19px 0 0 0;}
.order01:first-child {margin:0}
.order01 dl {position:relative; float:left; width:153px; border-left:1px solid #e5e5e5;  padding:163px 28px 30px 30px;}
.order01 dl:first-child{border-left:0;}
.order01 dl dt{font-size:13px; color:#000; text-align:center;}
.order01 dl dd{position:absolute; top:30px; left:30px;}
.order01.order02 {width:424px;}

.subTitle {color:#c40c42; font-size:16px;}
.meritSub1 .meritT th,
.meritSub1 .meritT td{border:1px solid #e5e5e5; }
.meritSub1 .meritT thead th {height:40px; font-weight:normal; font-size:13px;}
.meritSub1 .meritT thead tr.enMerit1 th{height:59px;}
.meritSub1 .meritT thead th.f12{font-size:12px;}
.meritSub1 .meritT thead th.thHeight {height:66px;}
.meritSub1 .meritT thead :first-child th{height:65px; font-size:13px; line-height:20px; color:#333; background:#eeeff0;}
.meritSub1 .meritT tbody td {text-align:center;}
.meritSub1 .meritT tbody td span {display:block; padding:24px 0 0;}
.meritSub1 .meritT tbody tr.enMerit1 td span {display:block; padding:21px 0 0;}
.meritSub2 .meritT th,
.meritSub2 .meritT td{border:1px solid #e5e5e5; }
.meritSub2 .meritT thead th {height:40px; font-size:16px; background:#eeeff0;  color:#333;  font-weight:normal;}
.meritSub2 .meritT thead tr.f13 th {font-size:13px;}
.meritSub2 .meritT tbody th,
.meritSub2 .meritT tbody td {height:40px; text-align:center; font-weight:normal; font-size:13px; color:#333;}
.meritSub2 .meritT.no01 tbody td{border-bottom:0;}
.meritSub2 .meritT.no02 thead th{border-top:0;}
.meritSub3 {overflow:hidden;}
.meritSub3 .certificate{width:308px; float:left; margin:0 0 0 20px;border:1px solid #e5e5e5; }
.meritSub3 .certificate:first-child{ margin:0}
.meritSub3 .certificate p {padding:13px 0; background:#eeeff0;  color:#333; text-align:center; font-size:13px;}
.meritSub3 .certificate p:first-child {padding: 7px 8px 10px;background:none;}

.meritSub4-1 .meritT th,
.meritSub4-1 .meritT td{padding:5px 10px;border:1px solid #e5e5e5;font-size:13px;color:#333;text-align:left;word-break:keep-all}
.meritSub4-1 .meritT th{background:#eeeff0;}
.meritSub4-1 .meritT td{font-weight:normal;line-height:20px;}
.meritSub4-2 .meritT th,
.meritSub4-2 .meritT td{border:1px solid #e5e5e5;font-size:13px;color:#333;text-align:center;word-break:keep-all}
.meritSub4-2 .meritT th{height:48px;background:#eeeff0;}
.meritSub4-2 .meritT td{font-weight:normal;line-height:20px;}
.meritSub4-2 .meritT .noth,.meritSub4-2 .meritT .notd{background:#fff;border:none !important}

.meritD {border:1px solid #e5e5e5;}
.meritD span img{border:0; padding:0;}
.meritD2 {width:662px; padding:0 39px; overflow:hidden;}
.meritD2 div:first-child{padding:0; background:none;}
.meritD2 div{float:left; text-align:center; font-size:13px; padding:0 0 0 64px; background:url('/common/images/icon/merit_bu01.gif') no-repeat 29px 64px;}
.meritD2 div span {display:block; padding:14px 0 0; }
.meritD3{width:640px; overflow:hidden; border:1px solid #e5e5e5;}
.meritD3 p:first-child {border-right:1px solid #e5e5e5;}
.meritD3 p {float:left;  padding:23px 51px 27px 29px}

.customerCon1 .subTitle{font-size:16px;  color:#333; padding: 0 0 0 11px; line-height:15px; background:url('/common/images/icon/bu3x5_on.gif') no-repeat 0 5px; }
.customerCon1 .noBu{padding:0; background:none;}
.customerCon1.back{background:url('/common/images/icon/manage_con01.gif') no-repeat 442px 66px;}
.customerSub1 {margin:13px 0 0; border-top:1px solid #e5e5e5;}
.customerSub1 p.customerP {padding:35px 0 7px; height:72px; overflow:hidden; width:100%;}
.customerSub1 p.customerP span.noS{font-weight:normal}
.customerSub1 p.customerP.subH {height:116px;}
.customerSub1 p.customerP span{display:inline-block; float:left; width:515px; line-height:20px;}
.customerSub1 p.customerP span:first-child{display:inline-block;  width:106px;  }
.customerSub1 p.txt2{padding:0 0 13px; line-height:18px; font-size:13px;}
.customerSub1 p {line-height:20px;}
.customerList1 {padding:0 0 30px; border-bottom:1px dashed #e5e5e5;}
.customerList1.noB{border-bottom:0; padding:0 0 20px;}
.customerList1 li {padding:0 0 11px 11px; font-size:13px;background:url('/common/images/icon/bu2x2.gif') no-repeat 0 7px; line-height:20px;}
.customerT thead th{height:64px; border-top:2px solid #58646e;font-size:13px; font-weight:normal; background:#eeeff0; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
.customerT thead th:first-child{padding:0 0 0 20px; text-align:left;}
.customerT thead tr.f12 th{font-size:12px;}
.customerT thead tr.f12 th span{letter-spacing:-1px; display:block; padding:3px 0 0;}
.customerT tbody th{background:#fafafa; font-weight:normal; padding:0 0 0 20px; text-align:left;}
.customerT tbody th,
.customerT tbody td {border:1px solid #e5e5e5; height:39px;}
.customerT tbody td { text-align:center}

.buildA{position:relative; height:73px; padding:30px 0 6px;}
.buildA ul {position:absolute; top:30px; left:113px;}
.buildS1 {background:#fafafa; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
.buildS1 div {padding:19px 0 10px 20px; border-bottom:1px solid #e5e5e5;}
.buildS1 div p{font-size:13px; padding:0 0 20px;}
.buildS1 div ul li {padding:0 0 15px 28px; background:url('/common/images/icon/bu2x2.gif') no-repeat 18px 8px; line-height:18px;}
.buildS1 .buildF {position:relative;}
.buildS1 .buildF ul + p {position:absolute; top:28px; right:38px;}

.customerSub2 {font-size:13px; line-height:20px;}
.customerT2 thead th{height:39px; border-top:2px solid #58646e; font-weight:normal; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
.customerT2 thead tr.cMeritB th {background:#eeeff0;}
.customerT2 thead tr.cMeritB2 th {background:#eeeff0; border-top:1px solid #e5e5e5; }
.customerT2 tbody th{font-weight:normal; text-align:left; padding:0 0 0 19px;}
.customerT2 tbody th,
.customerT2 tbody td {border:1px solid #e5e5e5; height:39px;}
.customerT2 tbody td{ text-align:center}
.customerT2 tbody tr.cMeritB th,
.customerT2 tbody tr.cMeritB td {background:#fafafa;}
.customerT2 tbody tr.cMeritH th, .customerT tbody tr.cMeritH td {height:49px} 
.refer {text-align:right; font-size:12px; line-height:15px; color:#888;}
.customerT2 tbody tr.cMeritTaC th{text-align:center; padding:0}

.customerSub3{position:relative; font-size:13px; line-height:20px; padding:0 0 30px; border-bottom:1px solid #e5e5e5}
.customerSub3 .txt2{padding:0 0 13px;  line-height:20px; }
.customerSub3 .sortImg{position:absolute; top:35px; right:0;}
.customerT3 thead th{background:#eeeff0;height:39px; font-size:12px; border-top:2px solid #58646e; font-weight:normal; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
.customerT3 tbody th{font-weight:normal; height:39px;  background:#fafafa;}
.customerT3 tbody th,
.customerT3 tbody td {border:1px solid #e5e5e5; font-size:12px;}
.customerT3 tbody td {height:122px; padding:17px 0 21px ; vertical-align:top;}
.customerT3 tbody td ul li{padding:0 0 2px 18px; background:url('/common/images/icon/bu2x2.gif') no-repeat 10px 8px; line-height:18px;}

.customerSub2 .subTitle2 {font-size:16px; color:#cc2c5b;}
.sortF {overflow:hidden; width:100%; border:1px solid #e5e5e5;}
.sortF.noTb{border-top:0;}
.sortF span{float:left;}
.sortF .txt3{font-size:15px; color:#333;}
.sortF .txt4{font-size:12px; line-height:19px;}
.sortF .sortP {text-indent:56px;}
.sortF + p img:first-child{padding:0 10px 0 0;}
/* Customer Service */
.teList .fir th, .teList .fir td{padding:0 0 40px; border-top:0; font-weight:normal;}
.teList th{padding:40px 0; border-top:1px solid #e5e5e5; color:#444; font-size:16px; text-align:left; vertical-align:top;  font-weight:normal;}
.teList td{padding:40px 0; border-top:1px solid #e5e5e5; font-size:13px; text-align:left}
.teList td p span.bold {display:inline-block; width:95px; font-weight:normal}
.teList td p a {text-decoration:underline;}
.teList .bar{padding:0 21px 0 0;color:#e5e5e5;}
.teList .bar2{padding:0 21px; color:#e5e5e5;}

/* RnD Center */
.studyCon1{overflow:hidden}
.studyCon1 li{float:left; position:relative; width:198px; height:336px; border:1px solid #e5e5e5; margin-right:20px}
.studyCon1 li.end{margin:0}
.studyCon1 li .img{position:absolute; top:-1px; left:-1px}
.studyCon1 li dl{margin-top:148px;  padding:0 13px;}
.studyCon1 li dt{padding-bottom:5px; height:45px; color:#333; font-size:16px}
.studyCon1 li dt span{letter-spacing:-1px}
.studyCon1 li dd{margin-top:12px; padding-left:10px; background:url('/common/images/icon/dot2x2.gif') no-repeat 0 6px; font-size:13px}
.studyCon2 .tit{padding-bottom:5px; border-bottom:1px solid #e5e5e5; color:#333; font-size:20px}
.studyCon2 .txt1{color:#555; font-size:15px}
.studyCon2 dl{padding:33px 0; border-bottom:1px solid #e5e5e5}
.studyCon2 dl{background-repeat:no-repeat; background-position:bottom right}
.studyCon2 dl.list1{background-image:url('/common/images/icon/study_bg1.gif')}
.studyCon2 dl.list2{background-image:url('/common/images/icon/study_bg2.gif')}
.studyCon2 dl.list3{background-image:url('/common/images/icon/study_bg3.gif')}
.studyCon2 dl.list4{background-image:url('/common/images/icon/study_bg4.gif')}
.studyCon2 dl.list5{background-image:url('/common/images/icon/study_bg5.gif')}
.studyCon2 dt{color:#c40c42; font-size:16px}
.studyCon2 dd{margin-top:7px; font-size:13px; line-height:20px;}

.techList{position:relative; padding:15px 0; font-size:13px}
.techList.borT{padding:20px 0; border-top:1px dashed #e5e5e5}
.techList th{padding:5px 0; color:#444; text-align:left; vertical-align:top}
.techList td{padding:5px 0}
.techList td p{position:relative}
/*.techList td .txtBg{display:inline-block; width:14px; height:14px; background:url('/common/images/icon/tech_bg_txt.png') no-repeat 0 0; color:#fff; font-size:11px; line-height:14px; text-align:center}*/
.techList td .pop{display:block; position:absolute; top:-28px; left:0}
.techList td .popTxt{display:block; padding:2px 6px; background-color:#58646e; color:#fff}
.techList td .popBg{display:block; width:11px; height:11px; background:url('/common/images/icon/tech_bg_pop.png') no-repeat 0 0}
.techList td a.tooltip {font-weight:bold;}
.techList .tit{padding-bottom:5px; border-bottom:1px solid #e5e5e5; color:#333; font-size:16px}
.techList .techBg{position:absolute; right:20px; bottom:38px}

.certifi{overflow:hidden}
.certifi li{float:left; width:143px; margin:0 20px 20px 0}
.certifi li.end{margin-right:0}
.certifi li a{cursor:pointer}
.certifi li .img{display:block; overflow:hidden; width:143px; height:191px; border:1px solid #ececec; text-align:center}
.certifi li .img img{width:143px; height:191px}
.certifi li .txt{display:block; margin-top:7px; font-size:13px; text-align:center}
.certifi li .letter {letter-spacing:-1px;}
/* About Us */
.introSwan{font-size:13px; line-height:20px; width:642px;}
.introSwan .subTitle{font-size:18px; line-height:25px;}
.introSwancon{position:relative; width:555px; height:898px; padding:0 21px 0 64px; background:url('/common/images/icon/introswancon01.png') no-repeat 64px 0px;}
/*.inrto01 p.tiT{ position:absolute; left:46px; width:185px; height:106px; padding:40px 0 0;}
.inrto01 p.tit01 {top:22px;}
.inrto01 p.tit02 {top:168px;}
.inrto01 p.tit03 {top:304px;}
.inrto01 p.tit04 {top:429px;}
.inrto01 p.tit05 {top:575px;}
.inrto01 p.tit06 {top:712px;}
.inrto01 p.tiT span{display:inline-block; padding:0 4px; height:21px; background:#fff;  }*/
.inrto02 p.tiT{ position:absolute; right:30px; padding:145px 0 7px; text-align:center; width:226px; height:20px; }
.inrto02 p.tit01 {top:0px;}
.inrto02 p.tit02 {top:181px;}
.inrto02 p.tit03 {top:363px;}
.inrto02 p.tit04 {top:544px;}
.inrto02 p.tit05 {top:727px;}
.tabMenu{}
.tabMenu ul{overflow:hidden; border-left:1px solid #e5e5e5}
.tabMenu li{float:left; border:1px solid #e5e5e5; border-left:0;color:#444; text-align:center;}
.tabMenu li a{display:block; width:212px; padding:10px 0; color:#444; font-size:14px; text-decoration:underline;}
.tabMenu li.on a{color:#c40c42}
.historySwan01{position:relative;}
.subName {display:inline-block; font-weight:bold;  color:#c40c42; font-size:22px; height:40px; border-bottom:1px solid #c40c42; }
.subName + span {display:inline-block; font-size:22px; padding:0 0 0 13px; color:#3a4751;}
.historySwanT th,
.historySwanT td {border-top:1px solid #e5e5e5;text-align:left; }
.historySwanT :first-child th,
.historySwanT :first-child td {border-top:0;}
.historySwanT th {vertical-align:top; font-weight:normal; padding:29px 0 0; font-size:18px;}
.historySwanT td {padding:27px 0 15px; font-size:13px;}
.historySwanT td p span {display:inline-block; padding:2px 14px 0 0;}
.historySwanT td p {padding:2px 0 12px;}
.historySwanT td p.historyN {padding:0 0 12px 30px;}
.historyBimg1 {position:absolute; top:155px; right:0;}
.historyBimg2 {position:absolute; top:808px; right:22px;}
.historySwan02{position:relative;}
.historyBimg3 {position:absolute; top:353px; right:11px;}
.historySwan03{position:relative;}
.historyBimg4 {position:absolute; top:466px; right:2px;}
.historySwanT.historyW {width:590px;}
.historySwanT.historyW2{width:568px;}

.resultSwan01 thead th,
.resultSwan01 thead td { border-bottom:1px solid #e5e5e5;}
.resultSwan01 thead th {font-size:13px; text-align:left; font-weight:normal; padding:0 0 10px;color:#3a4751;}
.resultSwan01 thead th:first-child {font-size:18px;}
.resultSwan01 tbody td {padding:20px 0 0; font-size:13px;}
.resultSwan02 thead th,
.resultSwan02 thead td { border-bottom:1px solid #e5e5e5;}
.resultSwan02 thead th {font-size:13px; text-align:left; font-weight:normal; padding:0 0 10px;color:#3a4751;}
.resultSwan02 thead th:first-child {font-size:18px;}
.resultSwan02 tbody td {padding:20px 0 0; font-size:13px;}
.resultSwan03 ul li.photoF{padding:30px 0 0 0;}
.resultSwan03 ul li {float:left; padding:30px 0 0 20px;}
.resultSwan03 ul li a span.txt {display:block; padding:10px 0; font-size:16px; color:#333; background:url('/common/images/icon/result_bg1.gif') no-repeat 0 0;}
.resultSwan03 ul li a span.img img{display:inline-block; width:200px; height:150px;}

.mapName {padding:36px 0 19px;  font-size:22px; color:#333;}
.mapAdress {font-size:16px; color:#333;}
.mapPhone {font-size:13px; padding:13px 0 3px; line-height:20px; }
.mapPhone.end{padding:13px 0 15px;}
.mapPhone  span{display:inline-block; padding:0px 15px 15px 14px; }
.phon2 {padding:0px 0 15px;}
.phon2 span{display:inline-block;  padding:0px 15px 0px 14px;}
.mapProduce {font-size:13px;   line-height:10px;}
.mapArea {height:398px; margin-top:10px; border:1px solid #e5e5e5;}

.introduceHsSub01 p.subTit2 {font-size:16px; padding:6px 0 0;}
.introduceHsSub01 p{font-size:13px; line-height:20px; padding:0 0 18px;}
.introduceHsSub02 { height:1202px; width:641px; background:url('/common/images/icon/cn_introduce_hs02.jpg') no-repeat 0 0;}
.introduceHsSubCon.hs1 {padding:0 0 0 208px}
.introduceHsSubCon.hs3 {padding:0 0 0 197px}
.introduceHsSubCon.hs5 {padding:0 0 0 197px}
.introduceHsSubCon p span {color:#1b429a; font-size:16px;}
.introduceHsSubCon p:first-child{font-size:16px; padding:0 0 18px;}
.introduceHsSubCon p{font-size:13px; line-height:22px;}

.privacyCon{padding:44px 42px 0  42px; font-size:13px; }
.privacyCon h3 {padding:0 0 38px;}
.privacyCon .title {padding:20px 0 19px; color:#444; font-size:16px; }
.privacyCon .txt {padding:0 0 15px;  line-height:22px;  }
.privacyCon .txt span {color:#c40c42;}
.privacyCon a.underL {color:#666;}
.privacyCon a {text-decoration:underline;}
.privacyCon .txt2 {line-height:22px; }
.privacyCon .txt3 {padding:0 0 8px;  line-height:22px; }
.privacyCon .txt4 {padding:0 0 4px;  line-height:22px; }
.privacyCon .txt4.indent{padding:0 0 0 92px;}
.privacyCon dl dt {padding:10px 0 6px;}
.privacyCon dl dd {padding:0 0 6px 7px; line-height:20px;}
.privacyCon dl dd.end {padding:0 0 0 7px;}
.privacyCon dl.txtD1 {padding:0 0 10px 11px }
.privacyCon .privacy1Sub {height:145px; border:1px solid #e5e5e5; background:#fafafa;padding:30px 0 20px ;}
.privacyCon .privacy1Sub dl:first-child{float:left; padding:0 0 0 30px; width:389px;}
.privacyCon .privacy1Sub dl{float:left; padding:0 0 0 30px; width:414px;}
.privacyCon .privacy1Sub dl dd{line-height:15px; padding:0 0 15px;}
.privacyCon .indent2 {padding-left:11px;}

.monitionCon{padding:44px 42px 0  42px; font-size:13px; }
.monitionCon h3 {padding:0 0 38px;}
.monitionCon .title {padding:26px 0 19px; color:#444; font-size:16px;  }
.monitionCon .pTop{padding:0 0 19px;}
.monitionCon .txt {padding:0 0 12px;  line-height:24px;  }

.sitemapCon{padding:44px 42px 0  42px; font-size:13px; }
.sitemapCon h3 {padding:0 0 38px;}
.sitemapCon h2 {width:197px; height:36px; border-bottom:2px solid #c40c42; }
.menuWrap1,.menuWrap2,.menuWrap3,.menuWrap4{width:197px; float:left; padding:0 0 0 30px;}
.menuWrap1 {padding:0;}
.sitemapCon dl {width:197px; padding:0 0 30px;border-bottom:1px solid #e5e5e5;}
.sitemapCon dl dt {border-bottom:1px solid #e5e5e5; }
.sitemapCon dl dt.siteD  {height:29px; padding:15px 0 0 0;}
.sitemapCon dl dt a {display:block;width:197px; height:29px; padding:15px 0 0 0; }
.sitemapCon dl dd a{display:block; margin:14px 0 0; padding:2px 0 2px 13px; background:url('/common/images/icon/bu3x5_on.gif') no-repeat 0 8px;}
.sitemapCon .sitemapUnder {padding:0; border-bottom:0;}
.sitemapCon dl dd.underB {padding-bottom:30px; border-bottom:1px solid #e5e5e5;}