|
Server : Apache/2.2.17 (Unix) mod_ssl/2.2.17 OpenSSL/0.9.8e-fips-rhel5 DAV/2 PHP/5.2.17 System : Linux localhost 2.6.18-419.el5 #1 SMP Fri Feb 24 22:47:42 UTC 2017 x86_64 User : nobody ( 99) PHP Version : 5.2.17 Disable Function : NONE Directory : /home/queenjbs/www/test/junjin/ |
Upload File : |
@charset "euc-kr";
/* CSS Document */
/* http://www.dovetorabbit.com/ */
@import url("../css/common.css") ;
body {
background:url(../images/left_bg.gif) repeat-y left 86px ;
}
.none {background:none ; }
#Contents { position:relative ; z-index:7 ; padding-bottom:50px ; margin-left:165px ; width:831px ; overflow:visible ; }
#Contents {*zoom:1;} /* IE5.5~7 */
#Contents:after {content:""; display:block; clear:both;} /* */
#Contents h3 {padding-top:86px ; }
#Footer {background:url(../images/footer.png) no-repeat ; width:420px ; height:50px ; _behavior:url('../css/iepngfix.htc') ;
position:relative ; z-index:99 ;margin:-50px 0 0 165px ;}
.btn {padding:10px ; text-align:right ; }
p.space {clear:both ; height:100px ; }
/* 1 find your fit */
.FIT_bg {background:url(../images/findyourfit/skinny_bg.png) no-repeat right top ; _behavior:url('../css/iepngfix.htc') ; }
.fit_text {padding:28px 0 18px 0 ;}
.fit_link {padding-bottom:20px ;}
.fit_size {float:left ; width:300px ; margin-right:10px ; }
.fit_size .box {background:#fafafa ; border:1px solid #f2f2f2 ; width:297px ; height:468px ; }
.fit_size ul {height:110px ;margin-top:40px ; }
.fit_size li {float:left ; }
.fit_size ul.skinny li a {background:url(../images/findyourfit/skinny_fit.gif) ; display:block ; text-indent:-1000px ; height:110px ; }
.fit_size ul.skinny li.f1 a {background-position:0 0 ; width:100px ;}
.fit_size ul.skinny li.f1on a , .fit_size ul.skinny li.f1 a:hover {background-position:0 110px ; width:100px ;}
.fit_size ul.skinny li.f2 a {background-position:197px 0 ; width:104px ;}
.fit_size ul.skinny li.f2on a , .fit_size ul.skinny li.f2 a:hover {background-position:197px 110px ; width:104px ;}
.fit_size ul.skinny li.f3 a {background-position:93px 0 ; width:93px ;}
.fit_size ul.skinny li.f3on a , .fit_size ul.skinny li.f3 a:hover {background-position:93px 110px ; width:93px ;}
.fit_size ul.slim li a {background:url(../images/findyourfit/slim_fit.gif) ; display:block ; text-indent:-1000px ; height:110px ; }
.fit_size ul.slim li.f1 a {background-position:0 0 ; width:100px ;}
.fit_size ul.slim li.f1on a , .fit_size ul.slim li.f1 a:hover {background-position:0 110px ; width:100px ;}
.fit_size ul.slim li.f2 a {background-position:197px 0 ; width:104px ;}
.fit_size ul.slim li.f2on a , .fit_size ul.slim li.f2 a:hover {background-position:197px 110px ; width:104px ;}
.fit_size ul.slim li.f3 a {background-position:93px 0 ; width:93px ;}
.fit_size ul.slim li.f3on a , .fit_size ul.slim li.f3 a:hover {background-position:93px 110px ; width:93px ;}
.fit_size ul.business li a {background:url(../images/findyourfit/business_fit.gif) ; display:block ; text-indent:-1000px ; height:110px ; }
.fit_size ul.business li.f1 a {background-position:0 0 ; width:100px ;}
.fit_size ul.business li.f1on a , .fit_size ul.business li.f1 a:hover {background-position:0 110px ; width:100px ;}
.fit_size ul.business li.f2 a {background-position:197px 0 ; width:104px ;}
.fit_size ul.business li.f2on a , .fit_size ul.business li.f2 a:hover {background-position:197px 110px ; width:104px ;}
.fit_size ul.business li.f3 a {background-position:93px 0 ; width:93px ;}
.fit_size ul.business li.f3on a , .fit_size ul.business li.f3 a:hover {background-position:93px 110px ; width:93px ;}
.fit_size .btn {text-align:center ;padding-top:17px ; }
.fit_product {float:left ; width:502px ; }
.fitguide {padding:40px 0 0 0 ; }
.fit_top {text-align:right ; width:785px ; padding-top:35px ; padding-right:15px ;}
/* 2 collection */
.NEWreleases {width:801px ;}
.NEWreleases p.text {float:left ; }
.NEWreleases p.select {float:right ; }
.NEWreleases p.select select {border:1px solid #E5E5E5 ; background:#F8F8F8 ; width:160px ; }
.NEWreleases .cont {clear:both ; }
/* 3 codi room */
/* 4 codi vitamin */
.codiV_list {float:left ; width:520px ; margin-right:40px ; }
.codiV_list img, .codiV_list input {vertical-align:middle ;}
.codiV_list fieldset {border:4px solid #333 ;height:32px ; margin-bottom:20px ; padding:0 ; }
.codiV_list fieldset input.in {background:#fff ; width:383px ; *width:378px ; padding:6px 5px 0 5px ; height:18px ; border:0 ; font-size:12px ;}
.codiV_list ul {background:url(../images/news/td_bg.gif) repeat-x left top ; }
.codiV_list li {background:url(../images/news/td_bg.gif) repeat-x left bottom ; padding:15px 20px ; }
.codiV_list dt {font-size:12px ; padding-bottom:15px ; }
.codiV_list dt span.R {color:#FFCC00 ; font-weight:bold ; }
dd.info {padding-bottom:5px ;}
dd.tag {background:url(../images/codiV/icon_tag.gif) no-repeat ; padding:1px 0 0 45px ;color:#999 ; }
.codiV_tag_flash {float:right ; margin-top:-88px ; }
.codiV_view {width:810px; }
.codiV_view .title {border:4px solid #333 ;height:22px ; padding:10px 10px 0 10px ; }
.codiV_view .title span.T {font-size:12px ; float:left ; }
.codiV_view .title span.D {float:right ; }
.codiV_view .info {background:url(../images/news/td_bg.gif) repeat-x left bottom ; padding:8px 10px 0 10px; height:22px ;}
.codiV_view .info span.tag {background:url(../images/codiV/icon_tag.gif) no-repeat ; padding:1px 0 0 45px ;color:#999 ;float:left ; }
.codiV_view .info span.text {float:right ; }
.codiV_view .view {text-align:center ; padding:30px 0 ;background:url(../images/news/td_bg.gif) repeat-x left bottom ; }
div.reply fieldset.codiV {padding:15px 0 0 20px ; height:97px ; width:750px ; background:url(../images/codiV/reply_bg.gif) no-repeat }
fieldset.codiV ul {height:25px ; }
fieldset.codiV ul li {display:inline ; padding-right:25px ; font-family:Verdana ; font-size:11px ;}
div.reply td input.in {border:1px solid #E5E5E5 ; width:540px ; padding:5px 10px 0 10px ; height:17px ; }
.pl_codiV span.on {background:#FFCC00 ; font-weight:bold ; color:#fff ; padding:4px 6px 3px 6px ; font-size:12px ; }
/* 5 news */
th {background:url(../images/news/th_bg.gif) ; height:31px ; }
td {background:url(../images/news/td_bg.gif) repeat-x left bottom ; padding:8px 0 7px 0 ;}
td {font-size:11px ; text-align:center ; }
td p, td p {font-size:12px ; text-align:left ; padding-left:10px ; }
tr:hover td {background:url(../images/news/td_bg.gif) repeat-x left bottom #F7F7F7 ; }
table.view, table.list {width:800px ; margin-top:25px ; }
table.list .w1 {width:65px ; }
table.list .w2 {}
table.list .w3 {width:85px ; }
table.view td, table.view th {background:url(../images/news/th_bg.gif) ; height:31px ; padding:0 ;}
table.view .w1 {width:65px ; }
table.view .w2 {}
table.view .w3 {width:85px ; }
div.news_view_contants {width:736px ; padding:35px 32px ; background:url(../images/news/td_bg.gif) repeat-x left bottom ; }
p.news_btn {padding:10px 15px ; text-align:right ;width:770px ; }
div.reply {margin-left:20px ; width:770px ;}
div.reply fieldset.news {padding:15px 0 0 20px ; height:73px ; width:750px ; background:url(../images/news/reply_bg.gif) no-repeat }
div.reply textarea {border:1px solid #EEE ; width:620px ; padding:5px 10px ; height:44px ; margin-right:2px ; }
div.reply textarea , div.reply input, div.reply img {vertical-align:middle ; }
div.reply table {margin:5px 0 0 20px ; width:730px ; }
div.reply table textarea { width:545px ; padding:5px 10px ; height:30px ;}
div.reply th {color:#000 ; }
div.reply th, div.reply td {background:url(../images/news/td_bg.gif) repeat-x left bottom ;
font-size:12px ; padding:7px 0 5px 0 ; text-align:left ;}
div.reply .w1 {width:75px ; }
div.reply .w2 { }
div.reply .w3 {width:82px ; }
div.reply td.date {text-align:center ;}
.pl_news span.on {background:#C5161D ; font-weight:bold ; color:#fff ; padding:4px 6px 3px 6px ; font-size:12px ; }
.thum_arr {float:left ;}
.star_thum {float:left ; width:623px ;}
.star_thum li {float:left ; }
#star_photo {clear:both ; padding:35px 0; text-align:center ; background:#C5161D ; }
/* 6 about stco */
#promise_images { position:relative ;z-index:1998 ; margin:100px 0 0 135px ; }
#promise_button {margin-top:-730px ;height:625px ; padding:105px 67px 0 67px ; position:relative ; z-index:1999 ; }
#promise_button .prev {float:left }
#promise_button .next {float:right }
.story_bg {background:url(../images/about/story_bg.jpg) no-repeat 165px 256px ; }
div.story {height:789px ; margin-top:30px ; }
.art_01_bg {background:url(../images/about/art_01_bg.png) no-repeat left top; _behavior:url('../css/iepngfix.htc') ; }
p.art_link1 {margin:-159px 0 0 385px ;}
p.art_link2 {margin:-159px 0 0 554px ;}
p.art_exhibit_t {padding:27px 0 25px 0 ; }
div.exhibit {width:860px; }
div.exhibit_sec1 {width:249px ; padding:0 28px 0 0 ; float:left ;}
div.exhibit_sec2 {width:576px ; padding:128px 0 0 0 ; float:left ;}
div.exhibit_sec2 li img {vertical-align:middle ; }
ul.preview {background:url(../images/about/art_ex_thum.gif) no-repeat ; height:90px ; }
ul.preview li {float:left ; width:64px ; }
ul.preview li a {display:block ; width:59px ; height:88px ; border:1px solid #fff ; text-indent:-10000px ; }
ul.preview li a:hover {border:1px solid #C5161D ; }
#art_Preview {position:absolute ; z-index:1000 ; top:0 ; left:0 ; text-align:center ;width:100%; height:100% ; }
#art_Preview .cont {position:relative ; z-index:1002 }
p.art_jeremy {padding:40px 0 100px 0 ;}
/* store */
.store_map {width:290px ; float:left ; margin-right:20px ;text-align:center ; }
.store_map .map {border:1px solid #F2F2F2 ; background:#333 ; }
.store_map .btn {text-align:center ; }
.store {width:520px ; float:left ; margin-top:-60px ; }
.store img, .store input {vertical-align:middle ; }
.store fieldset {border:4px solid #333 ;height:32px ; margin-bottom:20px ; padding:0 ; }
.store fieldset input.in {background:#fff ; width:360px ; *width:365px ; padding:6px 5px 0 5px ; height:18px ; border:0 ; font-size:12px ;}
.store_sub table {width:520px ;}
.store_sub .s1 {width:105px ; }
.store_sub .s2 {width:305px ; }
.store_sub .s3 {width:110px ; }
.store_sub li.off {filter:alpha(opacity=50); opacity:0.50; }
.store_btn {padding:15px 17px ; height:21px ;}
.store_btn span.text {color:#C00000 ; font-weight:bold ; font-size:14px ; float:left ; padding-top:2px ; }
.store_btn span.btn {float:right ; }
.store_sub ul {width:521px ;}
.store_sub li {float:left ; }
.store_sub p.btn2 , .store_sub p.btn {clear:both ; padding-top:15px ; float:right ; }
.store_sub img, .store_sub input {vertical-align:middle ; }
.store_sub .title {font-size:12px ; line-height:150% ; padding:10px 0 15px 0 ; }
.store_sub .title span {color:#C00000 ; font-weight:bold ; font-size:14px ;}
.store_sub .view_title {color:#C00000 ; font-weight:bold ; font-size:14px ;line-height:150% ; padding:10px 0 15px 0 ;
background:url(../images/news/td_bg.gif) repeat-x left bottom ; }
.store_view table {width:520px ;}
.store_view th {background:url(../images/news/td_bg.gif) repeat-x left bottom ; height:28px ; padding-top:2px ; width:85px ;
vertical-align:top ; padding-bottom:1px ;}
.store_view th , .store_view td {text-align:left ; font-size:12px ;}
#storemap {margin:8px 0 0 8px;}
#storemap .btn {padding:15px 10px 25px 0 ;}
.pl_store span.on {background:#C5161D ; font-weight:bold ; color:#fff ; padding:4px 6px 3px 6px ; font-size:12px ; }
/* -style-------------------------------------------------------------------------------------------------------- */
#Event {margin:44px 0 0 0px ; }
#Event a {color:#555555 ; }
#Event #view {width:653px ; background-color:#000000 ; padding:0px }
#Event #view table {width:653px ; margin:0;}
#Event #view table td{margin:0; padding:0; background:none;}
#Event #view td.title {height:31px ;font-size:12px ; text-align:left; color:#6B6B6B; padding-left:20px;}
#Event #view td.date {text-align:right ;color:#6B6B6B; padding-right:20px;}
#Event #view .contents {padding:20px 0px; overflow:hidden ; color:#6B6B6B ;background-color:#fff ;}
#Event .banner {height:137px ; width:215px ; padding-right:15px ;float:left }
#Event .banner p.date {color:#3D7219 ; margin-bottom:5px ; text-align:right }
#Event .banner p.title {margin-top:5px ; padding:5px 0 0 10px }
#Event .rl {border-left:1px solid #222222}
#Event .space {clear:both ; height:33px}
#Event td.bg_t11 {font-size:12px ;height:31px;padding-left:35px; background:url(../images/CodiM/event_list_icon.gif) 23px 50% no-repeat #0E0E0E }
#Event td.bg_t21 {font-size:12px ;height:31px;padding-left:35px; background:url(../images/CodiM/event_list_icon.gif) 23px 50% no-repeat #000000 }
#Event td.bg_t12 {background-color:#0E0E0E ;text-align:center;color:#444444}
#Event td.bg_t22 {background-color:#000000 ;text-align:center ;color:#444444}
#Event td strong {color:#3D7219}
#Reply {background-color:#1B1B1B ; padding:15px 10px ; width:673px }
#Reply li {float:left ; height:20px ; width:55px ; overflow:hidden }
#Reply textarea {background-color:#ffffff ; border:1px solid #C5C5C5 ; padding:5px ;color:#666666 ; line-height:150%}
#Reply span {color:#FF4300 ; font-weight:bold ;}
#Reply td {border-bottom:1px solid #5A5A5A ; padding-top:5px ; padding-bottom:3px }
.research {border:4px solid #EDEDED ;padding:30px ;line-height:150% }
.research input {margin:0 0 4px 0 ; color:#858585}
.research .re_select {font-size:12px ;background-color:#F2F2F2 ; padding:10px ;}
.research .re_select select { margin-top:-2px }
.research_fin {border-top:1px solid #AFAFAF ;border-bottom:1px solid #AFAFAF }
/* align */
.al_c {text-align:center}
.al_l {text-align:left}
.al_r {text-align:right}