/* title */
h3 {margin-bottom:20px;}
h3.line { border-bottom:5px solid #b1b1ab; padding-bottom:10px;}
h3.line2 { border-bottom:5px solid #222; padding-bottom:10px;}
h4 {border-bottom:5px solid rgb(102,102,102); padding-bottom:10px; color:rgb(102,102,102); font-size:14px; position:relative; top:0; left:0}
h4 .close {position:absolute; top:6px; right:0; font-family:Times New Roman; font-size:12px;color:rgb(204,204,204); text-decoration:underline; font-weight:normal}


/*  */
.lineStyle1 {border-bottom:1px solid #bab8b7; padding-bottom:30px}
.lineStyle2 {border-bottom:5px solid #222222;}

/* layer */
/*
#layerBtn, #layerBtn2, #layerBtn3 {cursor:pointer;}
#lay, #lay2, #lay3 {position:absolute; top:50%; left:40%; height:640px; width:960px; margin-top:-320px; margin-left:-480px; z-index:160;}
#lay p, #lay2 p, #lay3 p {position:relative; top:0; left:0}
#lay p .bt, #lay2 p .bt, #lay3 p .bt {position:absolute; top:50%; left:50%; margin-top:-65px; margin-left:-65px}
#lay span, #lay2 span, #lay3 span {display:block; position:absolute; right:5px; bottom:5px; cursor:pointer;}
#close, #close2, #close3 {position:absolute; top:0; right:0; font-family:Times New Roman; text-decoration:underline}
#close, #close2, #close3 {position:absolute; top:0; right:0; font-family:Times New Roman; text-decoration:underline}
*/

#blind_box {position:absolute; top:0; left:0; width:100%; height:100%; background:rgb(0,0,0); z-index:50; opacity: 0.9; filter: alpha(opacity=90); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";} 
*
/* product */ 
.product {clear:both; overflow:hidden; zoom:1;}
.product .productPhoto {float:left;}
.product .viewPhoto {width:117px; height:20px;  margin:525px 0 0 265px; cursor:pointer; text-indent:-9999px}
.product .productDetail {float:right; width:480px;}
.product .productDetail p {}
.product .productDetail p span {display:block; margin-bottom:30px}
.productDetail2 {margin-left:120px;}

#productLayer {width:900px; background:rgb(255,255,255); padding:30px; display:none; position:absolute; top:25%; left:50%; margin-top:-100px; margin-left:-490px;}


/* table */
.tableStyle1 {width:100%; border-bottom:5px solid rgb(102,102,102)}
.tableStyle1 td {border-bottom:1px solid rgb(209,209,209); line-height:21px; padding:17px 0 14px 20px; font-size:11px; color:rgb(136,136,136);}
 

/*contact*/
.contact p {padding-bottom:30px;}

/*company*/
.posR1, .posR2 {position:relative;}
.posA1 {position:absolute; left:486px; top:0;}
.posA1_1 {position:absolute; left:675px; top:317px;}
.posA2 {position:absolute; left:44px; top:224px;}
.posA3 {position:absolute; left:240px; top:224px;}

/* company6(faq) */
.faq {clear:both;width:960px;}
.faq .faqBody{margin:0;padding:0; border-top:5px solid #b1b0ab; border-bottom:5px solid #b1b0ab;}
.faq .faqBody li {list-style:none;}
.faq .faqBody .show .q {font-weight:bold; letter-spacing:-1px;}
.faq .q{margin-left:0; position:relative; top:0; left:0;}
.faq .q span {margin:0 30px 0 10px;}
.faq .q span.icoQ {margin:0 25px 0 20px; font-family:Times New Roman; font-weight:bold; color:#999; font-size:18px;}
.faq .q span.title {width:72%; display:inline-block; padding-top:2px; cursor:pointer;}
.faq .q span.date {}
.faq .q span.btn {margin-right:0; position:absolute; top:15px; right:0;}
.faq .q span.btn a {display:inline; padding:0; background:none; border:none;}
.faq .q a {display:block; padding:15px 0 10px 0; text-align:left; color:#888888; text-decoration:none; border-top:1px solid #b1b1ae; }
//.faq .q a.first {border-top:none;} 
.faq .q a:hover, .faq .q a:active, .faq .q a:focus{}
.faq .a {margin:0; padding:30px 30px 30px 60px; line-height:22px; color:#888888; border-top:1px solid #b1b1ae; text-align:justify; background:#c1c0bc;}
#qna1 .a {padding:20px 30px 30px 60px; background:url(../../images/sub/qnabgA.gif) 20px 20px no-repeat #cccccc;}

/*btnarea*/
.btnArea {clear:both; overflow:hidden; zoom:1; padding-top:30px; position:relative; top:0; left:0;}
.btnArea p.prev {position:absolute; top:29px; left:0;}
.btnArea p.next {position:absolute; top:29px; right:0;}
.btnArea a {font-size:12px; color:#666;}
.btnArea a:hover {text-decoration:underline;}
.pageing {text-align:center;}
.pageing a:hover {text-decoration:none;}
.pageing .number {font-size:11px;}
.pageing a.on {color:#999;}

/* mypage */
.tabStyle {clear:both; height:27px; padding-bottom:0}
.tabStyle li {float:left;}

.loginForm {border-bottom:5px solid #999; padding:45px 0 }
.loginForm fieldset {}
.loginForm fieldset label {padding-right:80px}
.loginForm fieldset label img {vertical-align:bottom}
.loginForm fieldset .idText {background:#fff url(../../images/sub/txt_id.gif) 5px 15px no-repeat; border:0; padding:12px 0 12px 10px; width:220px; margin-right:7px}
.loginForm fieldset .idText2 {background:#fff ; border:0; padding:12px 0 12px 10px; width:220px;margin-right:7px}
.loginForm fieldset .pwText {background:#fff url(../../images/sub/txt_pw.gif) 5px 15px no-repeat; border:0; padding:12px 0 12px 10px; width:210px;margin-right:7px}
.loginForm fieldset .pwText2 {background:#fff ; border:0; padding:12px 0 12px 10px; width:210px;margin-right:7px}

.tableStyle {clear:both; width:100%;}
.tableStyle thead th {background:#666}
.tableStyle tbody td {border-bottom:1px solid #b9b8b6; padding:18px 0; text-align:center; color:#888}
.tableStyle tfoot th {background:#ccc; padding:18px 0; color:#888}
.tableStyle tfoot th.tal {padding:0 0 0 45px}


.history {clear:both;}
.history .historyPhoto {width:410px; float:left; display:inline;}
.history .historyTxt {width:480px; float:right; display:inline;}

.iframeStyle{border-top:5px solid #333; width:730px; }
.rightPhoto {float:right}


.topBtn {text-align:right}
.topBtn2 {clear:both; text-align:left; padding-top:25px}


.tabStyle {clear:both; padding-bottom:20px}
.tabStyle li {float:left}
.tabStyle2 {clear:both; padding-bottom:35px}
.tabStyle2 li {float:left; margin-right:20px; display:inline}


.comingsoon {text-align:center; margin-top:305px;}


.contact {margin-bottom:30px;}


/*2012-03-08*/

.companyArea {border-bottom:5px solid #b1b1ab; overflow:hidden; zoom:1; padding-bottom:20px;}

.mapArea {float:right; background:url(../../images/sub/companyMap1.gif) 0 0 no-repeat; width:252px; height:393px; margin:0 120px 30px 0; display:inline;}

.mapArea .link_1 {position:relative; top:75px; left:90px;}
.mapArea .link_1 .layerAddress {position:absolute; top:-20px; left:30px; display:none;}
.mapArea .link_2 {position:relative; top:65px; left:58px;}
.mapArea .link_2 .layerAddress {position:absolute; top:5px; right:260px; display:none;}
.mapArea .link_3 {position:relative; top:130px; left:120px;}
.mapArea .link_3 .layerAddress {position:absolute; top:5px; left:25px; display:none;}
.mapArea .link_4 {position:relative; top:140px; left:60px;}
.mapArea .link_4 .layerAddress {position:absolute; top:5px; right:260px; display:none;}

.mapArea2 { background:url(../../images/sub/companyMap2.gif) 0 0 no-repeat; width:960px; height:500px; }

.mapArea2 .link_5 {position:relative; top:178px; left:428px;}
.mapArea2 .link_5 .layerAddress {position:absolute; top:-50px; left:5px; display:none;}
.mapArea2 .link_6 {position:relative; top:168px; left:158px;}
.mapArea2 .link_6 .layerAddress {position:absolute; top:-50px; left:5px; display:none;}
.mapArea2 .link_7 {position:relative; top:185px; left:288px;}
.mapArea2 .link_7 .layerAddress {position:absolute; top:30px; left:-250px; display:none;}
.mapArea2 .link_8 {position:relative; top:160px; left:420px;}
.mapArea2 .link_8 .layerAddress {position:absolute; top:30px; left:0; display:none;}
.mapArea2 .link_9 {position:relative; top:245px; left:410px;}
.mapArea2 .link_9 .layerAddress {position:absolute; top:30px; left:0; display:none;}

.pos {position:relative; top:0; left:0;}
.pos .writeBtn {position:absolute; bottom:0; right:240px;}

.select { height:30px; border:none;}
.select option {padding:10px;}
.input {border:none; padding:10px; height:10px; color:#666;}
.input-hack {border:none; padding:10px; height:10px; color:#666; width:155px;}
*:first-child+html .input-hack {border:none; padding:10px; height:10px; color:#666; width:140px;}
.w590 {width:590px;}


.photoArea {float:right;}
.photoArea .photo {background:url(../../images/sub/bg_photo.gif) right 0 no-repeat; width:120px; height:147px; margin-bottom:15px;}
.photoArea .file {width:120px; height:30px;}

.inputArea {clear:both; overflow:hiddne; zoom:1;}
.inputArea textarea {width:940px; height:420px; padding:10px;}

.inputStyle {width:100%; margin-bottom:40px;}
.inputStyle tr.line {border-bottom:1px solid #b1b1ab;}
.inputStyle th {text-align:left; height:40px;}
.inputStyle td {color:#666; height:40px;}


.inputStyle2 {width:100%; margin-bottom:40px;}
.inputStyle2 th {padding-bottom:20px; border-right:1px solid #c7c7c2}
.inputStyle2 td {text-align:center; color:#666; border-right:1px solid #c7c7c2; padding-bottom:10px;}
.inputStyle2 th.bgnone {border-right:none;}
.inputStyle2 td.bgnone {border-right:none;}

.btnStyle {margin-top:30px; text-align:right;}


.lineStyle3 {border-bottom:5px solid #333; padding-bottom:10px;}

.dateTxt {text-align:right; margin:20px 0;}


.mb210 {margin-bottom:210px;}



/*2012-04-24*/
.privacy-area {width:900px; background:#fff; padding:30px 30px; 40px; color:#666; line-height:23px;}


/*2012-04-27*/
.left-area {width:120px; float:left;}

.left-tab {}
.left-tab li  {margin-bottom:10px;}
.left-tab li a {color:#666;}
.left-tab li a.selected {font-weight:bold; text-decoration:underline; letter-spacing:-1px;}

.right-area {float:right; margin-bottom:60px;}
.rule-list {display:none;}


.pos {position:relative; top:0; left:0;}
.pos_1 {position:absolute; top:0; right:5px;}