#content-pdt-ctr{
    max-width: 900px;
    margin: 0 auto;
    text-align: left;
}
#content-pdt-ctr p{
    font-size: 15px;
}
.breadcrumb{
    font-size: 12px;
    color: #626262;
    margin: 10px 0 25px 0;
}
.text-center{
    text-align: center;
}

ul.menu-pdt{
    margin-bottom: 40px;
}
ul.menu-pdt li{
    display: inline-block;
    list-style: none;
    width: 16.14%;
    cursor: pointer;
    padding: 0 1.5%;
}
#content-pdt-ctr ul.menu-pdt li p{
    margin-bottom: 0.5em;
}
ul.menu-pdt h4{
    font-size: 17px;
    margin-bottom: 0;
    margin-top: 0.8em;
    font-weight: normal;
}
#content-pdt-ctr p.small{
    font-size: 10px;
    color: #535353;
}

#content-pdt-ctr ul.menu-pdt li p.small{
    border-bottom: 1px dashed #333;
    line-height: 2.2em;
}
.block-products{
    max-width: 847px;
    margin: 0 auto 25px;
}
.block-products img:hover , .menu-pdt li:hover{
    opacity: 0.8;
}
hr {
    border-color: #000;
}
.head-content hr {
    margin: 5px 0 30px 0;
}
.brown hr {
    border-color:#ea5404;
}
.div-content brown .pct{
    text-align:center;
}
.pct .col-right {
    width: 52%;
}
.product_center{
    width: 850px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

/* animation */
.t-slider {
    width: 323px;
    height: 250px;
    margin: 20px auto;
    position: relative;
}

.t-slide1,.t-slide2{
    position: absolute;
}

.t-slide1 .bi-img {
    background:  no-repeat center;
    width: 323px;
    height: 242px;
} 

.t-slide2 .bi-img{
    background:  no-repeat center;
    width: 323px;
    height: 242px;
}

.t-slide1 {
    background-size: cover;
    animation:fade 4s;
    -webkit-animation:fade 4s;
    animation-delay:2s;
    animation-fill-mode: forwards;
}

.t-slide2 {
    background-size: cover;
    animation:fade2 4s;
    -webkit-animation:fade2 4s;
}

@keyframes fade{
    0%   {opacity:1}
    100% { opacity: 0}
}

@keyframes fade2{
    0%   {opacity:0}
    50% { opacity: 0}
    100% { opacity: 1}
}

@media (max-width: 812px){
    #baby_room_detail .col-left{
        width: 38%;
        margin-right: 2%;
    }
    #baby_room_detail .col-right{
        width: 58%;
    }
    .product_center{
        width:100%;
    }
    #baby_room_detail .square   span, #baby_room_detail2 .square   span {
        width: 92%;
    }
}

@media (max-width: 768px){
    ul.menu-pdt::after{
        clear: both;
        display: table;
        content: "";
    }
    ul.menu-pdt li {
        display: block;
        width: 16.5%;
        padding: 0 1.5%;
        float: left;
    }
    #content-pdt-ctr {
        padding: 0 30px;
    }
    ul.menu-pdt h4 {
        font-size: 15px;
    }
}

@media (max-width: 767px){
    #content-pdt-ctr {
        padding: 0;
    }
    #content-pdt-ctr .fs24{
         font-size: 24px;
    }
    .breadcrumb {
        font-size: 20px;
    }
    ul.menu-pdt{
        text-align: center;
    }
    ul.menu-pdt li{
        padding: 10px 12px;
        background-color: #eee;
        border-radius: 15px;
        margin: 15px 2%;
        width: 29.333%;
        vertical-align: top;
    }
    .text-01{
        padding: 0 10%;
    }
    #content-pdt-ctr p.small{
        font-size: 13px;
    }
    ul.menu-pdt h4 {
        font-size: 20px;
        margin-bottom: 0.2em;
        margin-top: 0.4em;
        font-weight: normal;
    }
   #content-pdt-ctr ul.menu-pdt li p.small{
        line-height: 1.6em;
        word-wrap: break-word;
        word-break: break-word;
    }
    .block-products {
        max-width: 610px;
        padding: 0 15px;
        margin: 0 auto 35px;
    }
    
    .product_center{
        width: 95%;
    }

    #baby_room_detail .col-left{
        width: 46%;
    }
    
    #baby_room_detail .col-right{
        width: 49%;
    }
}

@media (max-width: 640px){
    #baby_room_detail .col-left{
        width: 100%;
        margin-right: 0;
    }
    
    #baby_room_detail .col-right{
        width: 100%;
    }
}

@media (max-width: 560px){
    ul.menu-pdt h4 {
        font-size: 17px;
    }
    #content-pdt-ctr p.small {
        font-size: 12px;
    }
    
}

@media (max-width: 480px){
    .breadcrumb {
        font-size: 18px;
    }
    ul.menu-pdt li{
        width: 46%;
    }
    #content-pdt-ctr .fs24{
         font-size: 18px;
    }
}

@media (max-width: 320px){
    
}