@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css?family=Alice|Noto+Serif+TC&display=swap');

*,.jooshop251_newslist li.jooshop251_newslist_R p.jooshop251_newslist_content,.jooshop251_newslist li.jooshop251_newslist_R h3.jooshop251_newslist_title a,h3.Page_PSort_title a,.AY_product250_name a:hover,.AY_product250_name a,.PSearch_Top_menuL li a,.lockFaq_padding02 a:hover,.lockFaq_padding02 a{
	letter-spacing: 0.07em;
	font-family: 'Noto Serif TC', serif !important;
}
/*formain*/
.FOR_MAIN{padding-top: 110px;}
.dongdaemun_heard .ft_TopLogo img{ width: 100%; height: auto; max-width: 100%;}
.dongdaemun_heard .dongdaemun_topmanu{ right: 70px;}
.dongdaemun_manu{ width: 800px; left: 180px;}

/*top*/
.dongdaemun_manu ul li a:hover{    
    background: rgba(0,0,0,0.9) url(https://rs.joo.com.tw/website/uploads/ckfinder/earlysummer/images/index/menu-icon.png) center 25px no-repeat; background-size: 35px;}

/*91*/
#index .Index_ADbannerBox{margin: 0 auto 0px;}

/*brand_story*/
.it460_box{background-attachment: fixed;}
.it460_style .img h5{display: none;}
.it460_right ul li:nth-child(1){width: 100%;}
.it460_right ul li:nth-child(2){width: 0%;}
.it460_style{max-width: 500px;}
.it460_style .img{transition: .5s;}
.it460_style .img:hover{opacity: unset;
                        transform: scale(1.01);box-shadow: 10px 10px 5px rgba(0,0,0,0.3);
                        border-radius: 15px;}
.it460_style h3 a{padding-top: 10px;}
.it460_style .img a img{border-radius: 15px;}

/*451*/
.item_451box {
    background-attachment: fixed;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.item_451box .item_451 .item_451data {
    max-width: 1200px;
}

.item_451 .item_451data ul{
    display: flex;
    justify-content: space-between;
}

.item_451 .item_451data ul li {
    padding: 0;
    position: relative;
    margin-right: 15px;
    width: 30%;
}

.item_451box .item_451 {
    position: relative;
    padding: 12vh 0;
}

.item_451box .item_451 .item_451title {
    position: absolute;
    left: 60px;
    width: 100%;
    max-width: 66px;
    height: auto;
}

.item_451box .item_451 .item_451title img {
    width: 66px;
    height: auto;
    transition: .5s ease;
}

.item_451 .item_451data ul li .data_box .data_box2 {
    position: absolute;
    bottom: 10px;
    background-color: rgba(255, 255, 255, .9);
    width: 94%;
    left: 50%;
    transform: translateX(-50%);
}

.item_451 .item_451data ul li .data_box .data_box2 h3 a {
    font-size: 21px;
    line-height: 120%;
    letter-spacing: 0.15em;
    color: #2E261F;
}

.item_451 .item_451data ul li .data_box .data_box2 h3 {
    text-align: center;
    border-bottom: 1px solid #BDBDBD;
}

.item_451 .item_451data ul li .data_box .data_box2 p {
    font-size: 15px;
    line-height: 200%;
    letter-spacing: 0.05em;
    color: #4F4F4F;
    padding: 8px 22px;
}

.item_451 .item_451data ul li .data_box img,
.item_451 .item_451data ul li .data_box {
    border-radius: 15px;

}
.item_451 .item_451data ul li .data_box img {
    transition: .3s ease;
}
.item_451 .item_451data ul li .data_box img:hover {
    transform: scale(1.1);
}

.item_451 .item_451data ul li .data_box2 {
    border-radius: 0 0 15px 15px;
}

.item_451 .item_451data ul li:hover .data_box img {
    transform: scale(1.03);
    transition: .3s ease;
}

.item_451 .item_451data ul li .data_box {
    overflow: hidden;
}

.item_451 .item_451data ul li .data_box .data_box2 p{text-align: justify;height: 125px;}


/*345*/
.item345_box .product35_title{height: 60px; text-align:center;}
.item345_box .product35_title span {
    font-size: 32px;
    line-height: 58px;
    padding-bottom: 10px;
    height: 60px;
    -webkit-border-radius: 30px;
    letter-spacing: 5px;
    font-weight: 400;
    padding-left: 68px;
    background:url(https://rs.joo.com.tw/website/uploads/ckfinder/earlysummer/images/index/menu-icon.png) #f6db89 15px center no-repeat;
    background-size: 55px;
    color: #804a2d;
}
.item345_divbox>ul>li:nth-child(2)>div{background-color: #c37f4c;}

/*437cbox*/
.Page_Citem_title {
    height: 60px;
    background: unset;
    border-bottom: unset; text-align:center;margin-bottom:15px;
}
.Page_Citem_title h3 {
    text-align: center;
    background: #d89665;
    display:inline-block; padding:0 25px; 
    font-size: 32px;
    line-height: 58px;
    height: 60px;
    color: #fff;
    -webkit-border-radius: 30px;
    letter-spacing: 5px;
    margin: 0 auto;
    font-weight: 400; margin-bottom:15px;
}

/*437*/

.it437{ width: 1200px;
        height:600px;
        max-width: unset;}
.it437 .it437_downbox ul li:nth-child(1) {
            width: 45%;
            position: absolute;
            top: 0%;
            left: 0%;}
.it437 .it437_downbox ul li:nth-child(2) {
            width: 45%;
            position: absolute;
            top: 0%;
            left: 45%;}
.it437 .it437_downbox ul li:nth-child(3) {
            width: 45%;
            position: absolute;
            top: 45%;
            left: 10%;}
.it437 .it437_downbox ul li:nth-child(4) {
            width: 45%;
            position: absolute;
            top: 45%;
            left: 55%;}
.it437 .it437_downbox .it437_productbox .it437_boxhover {
    opacity: 1;
    background-color: unset;}

.it437 .it437_downbox .it437_productbox .it437_boxhover a {
    color: #d09235;
    letter-spacing: 0.3em;
    position: absolute;
    z-index: 9;
    top: 53%;
    left: 54%;
    transform: translate(-10%,-50%);
    height: fit-content;
    font-size: 27px;
    font-weight: 400;}
.it437 .it437_downbox .it437_productbox .it437_boxhover .it437_boxhover_line{border: 0;}

.it437 .it437_downbox li:nth-child(1) .it437_productbox .it437_boxhover a {
    font-size: 25px;
    letter-spacing: 0.1em;
}
.it437 .it437_downbox li:nth-child(2) .it437_productbox .it437_boxhover a {
    font-size: 25px;
    letter-spacing: 0.2em;
}
.it437 .it437_downbox li:nth-child(3) .it437_productbox .it437_boxhover a {
    top: 53%;
    left: 54%;
    transform: translate(-3%,-50%);
}
.it437 .it437_downbox ul li{opacity: 0.9;
    transition: 0.5s;}

.it437 .it437_downbox ul li:hover{
    opacity: 1;
    transform: scale(1.05);}


/*footer*/
.joo_normal_cr2{background: #b9823f;}

/*button*/
.jooshop_btn_color > input, .jooshop_btn_color > a {
    background-color: #b9823f;
    color: #fff;
}
.jooshop_btn_color > input:hover, .jooshop_btn_color > a:hover {
    background-color: #deb583;
}
.jooshop_btn_color > input, .jooshop_btn_color > a {
    background-color: #b9823f;
}
.jooshop_btn_color > input:hover, .jooshop_btn_color > a:hover {
    background-color: #deb583;
}
.jooshop_btn_color2 > input, .jooshop_btn_color2 > a {
    background-color: #c3925e;;
}
.jooshop_btn_color2 > input:hover, .jooshop_btn_color2 > a:hover {
    background-color: #9e774c;
}



@media screen and (min-width:1600px) { 
    .it437{ width: 1400px;
}
}

@media screen and (max-width:768px) { 

/*header*/
.FOR_MAIN{padding:65px 0 0;}
.Header .Header_in .Header_cart_num{background-color: #886934;}
.Header .Header_in .Header_cart{
    top: 2px;
    right: 38px;
}
.Header .Header_in .Header_search{
    top: 2px;
    right: 68px;
}

/*451*/

.item_451box .item_451 .item_451data{
    margin-left: 0;
}
.item_451 .item_451data ul{
    display:inline-block;
}
.item_451 .item_451data ul li{
    width:90%;
    margin: 0 auto;
    margin-bottom: 15px;}

.item_451box .item_451 .item_451title{
    position: unset;
    left: unset;
    top: unset;
    margin: 0 auto;
    padding: 0;
    max-width: 80px;
    padding-left: 10px;
    padding-bottom: 10px;
    }
.item_451box .item_451{padding: 10px;}

    /*437*/
    .it437 {
        width: 100%;
        height: 850px;}
.it437 .it437_downbox ul li{width: 100%!important;}
.it437 .it437_downbox ul li:nth-child(1){
    position: unset;
    top: unset;
    left: unset;
}
.it437 .it437_downbox ul li:nth-child(2){
    position: unset;
    top: unset;
    left: unset;
}
.it437 .it437_downbox ul li:nth-child(3){
    position: unset;
    top: unset;
    left: unset;
}
.it437 .it437_downbox ul li:nth-child(4){
    position: unset;
    top: unset;
    left: unset;
}
.it437 .it437_downbox .it437_productbox .it437_boxhover a{top: 55%;}
.it437 .it437_downbox li:nth-child(1) .it437_productbox .it437_boxhover a{
    font-size: 24px;
    letter-spacing: unset;
    line-height: 30px;
}
.it437 .it437_downbox li:nth-child(2) .it437_productbox .it437_boxhover a{
    font-size: 24px;
    letter-spacing: unset;
    line-height: 30px;
}
.it437 .it437_downbox li:nth-child(3) .it437_productbox .it437_boxhover a {
    font-size: 24px;
    letter-spacing: 0.1em;
    line-height: 30px;
}
.it437 .it437_downbox li:nth-child(4) .it437_productbox .it437_boxhover a{
    font-size: 24px;
    letter-spacing: unset;
    line-height: 30px;
}

/*345*/
.item345_box .product35_title span{
    font-size: 25px;
    line-height: 55px;
    padding-bottom: 10px;
    display:inline-block; padding:0 25px;
    height: 55px;
    -webkit-border-radius: 30px;
    letter-spacing: 5px;
    padding-left: 68px;
    background:url(https://rs.joo.com.tw/website/uploads/ckfinder/earlysummer/images/index/menu-icon.png) #f6db89 15px center no-repeat;
    background-size: 55px;
    color: #804a2d;
}
.item345_divbox h2 a{letter-spacing: 0.5px;}

/*footer*/
.joo_normal_cr {
    border-top: 1px solid #e4ccb8;
}
.FOR_FOOTER{background-color:#fff;}

}
@media screen and (max-width: 400px){ 

.it437 {
    height: 750px;}

}


@media screen and (max-width: 330px){
.it437 {
    height: 650px;
}
.it437 .it437_downbox li:nth-child(1) .it437_productbox .it437_boxhover a{
    font-size: 21px;
}
.it437 .it437_downbox li:nth-child(2) .it437_productbox .it437_boxhover a{
    font-size: 21px;
}
.it437 .it437_downbox li:nth-child(3) .it437_productbox .it437_boxhover a{
    font-size: 21px;
}
.it437 .it437_downbox li:nth-child(4) .it437_productbox .it437_boxhover a{
    font-size: 21px;
}
}

/*20210114修改*/
.item8_box ul li.item8_slogan{padding: 0 15px;text-align: center;}

/*20210712修改*/
.dongdaemun_manu ul li {margin: 0px -8px;}
.dongdaemun_heard .dongdaemun_topmanu {top: 10px;}

/* 20221003修改*/
#mobile_expand,.leftmenu_top+.icon-world{display: none;}