/* menu */
header ul#menu li:nth-child(1) a{
    background-color:#ff9601;
}

/* main */
#main ul.myDetection{
    margin:0; padding:0;
    list-style:none;
}
    #main ul.myDetection li {
        background: url('../images/liStyle_point.png') 0 0 no-repeat;
        padding-left:30px;
        margin:8px 0;
    }
#main h2.title3And5{
    text-align:center;
    font-size:30px;
    color:#ea5514;
    margin:35px 0 10px 0;
}
    #main h2.title3And5 span.blue{
        font-size:24px;
        color:#004485;
    }
#main div.myBoxs{
    border:2px solid #bbdef5;
    border-radius:10px;
    margin-bottom:20px;
    padding:10px 0;
}
    #main div.myBoxs h3.title{
        background-color:#bbdef5;
        font-size:24px;
        color:#000;
        margin:0 0 10px 0;
        padding:5px 10px
    }
#main div.peaceMind ul{
    margin:0; padding:0;
    list-style:none;
    text-align:center;
}
    #main div.peaceMind ul li{
        border:1px solid #009ce0;
        display:inline-block;
        width:28%; height:155px;
        vertical-align:top;
        margin:0 5px;
        padding-left:25px;
        border-radius:10px 0 0 10px;
        overflow:hidden;
        position:relative;
    }
        #main div.peaceMind ul li:nth-child(1){background: url('../images/peaceMind01.jpg') right 50% no-repeat;}
        #main div.peaceMind ul li:nth-child(2){background: url('../images/peaceMind02.jpg') right 50% no-repeat;}
        #main div.peaceMind ul li:nth-child(3){background: url('../images/peaceMind03.jpg') right 50% no-repeat;}
        #main div.peaceMind ul li h4{
            color:#fff;
            background-color:#009ce0;
            margin:0; padding:1px;
            position:absolute; left:0; top:0;
            height:100%; width:25px;
            padding-top:50px;
        }
        #main div.peaceMind ul li p{
            color:#000;
            position:absolute; left:38px; bottom:10px;
            margin:0;
            text-align:left;
        }
        #main div.peaceMind ul li:nth-child(1) p{padding-right:12px;}
        #main div.peaceMind ul li:nth-child(3) p{padding-right:36px;}
            #main div.peaceMind ul li p span.yellowBg{
                background:url('../images/yellowBg.png') 0 50% repeat-x;
            }
            #main div.peaceMind ul li:nth-child(3) p span{
                margin-right:10px;
            }
#main div.safety div.my5bg {
    background:url('../images/safety.png') 60px 50% no-repeat;
    min-height:192px;
    position:relative;
}
    #main div.safety div.my5bg ul{
        margin:0;
        background-color:#009ce0;
        width:328px;
        padding:10px 15px 10px 35px;
        position:absolute; right:58px;
        box-shadow:-2px 2px 5px rgba(0, 0, 0, 0.3);
    }
        #main div.safety div.my5bg ul li{
            color:#fff;
            font-size:20px;
            margin:5px 0;
        }
            #main div.safety div.my5bg ul li small{
                font-size:14px;
                margin-left:8px;
            }
#main div.clear p.fontBlue{
    font-size:24px;
    color:#009ce0;
    padding:0 20px;
    margin:0 0 10px;
}
#main div.clear ul{
    margin:0; padding:0;
    list-style:none;
    text-align:center;
}
    #main div.clear ul li{
        display:inline-block;
        width:49%; height:346px;
    }
    #main div.clear ul li:nth-child(1){background:url('../images/clear01.jpg') 50% 50% no-repeat;}
    #main div.clear ul li:nth-child(2){background:url('../images/clear02.jpg') 50% 50% no-repeat;}

/*--------------------------------------------------------------------

    Media Device Size

--------------------------------------------------------------------*/
/*----------------------------------------
    i6 Plus 414
----------------------------------------*/
@media screen and (max-device-width:414px) {
    #main h2.title3And5 span.blue{
        display:block;
    }
    #main div.peaceMind ul li{
        width:32%;
        margin:0;
        border-radius:5px;
    }
    #main div.peaceMind ul li:nth-child(1),
    #main div.peaceMind ul li:nth-child(2),
    #main div.peaceMind ul li:nth-child(3){
        background-size:contain;
        background-position-y:bottom;
    }
        #main div.peaceMind ul li h4{
            width:100%; height:auto;
            padding:2px;
        }
        #main div.peaceMind ul li p{
            left:10px;
            font-size:16px;
        }
        #main div.peaceMind ul li:nth-child(1) p,
        #main div.peaceMind ul li:nth-child(2) p,
        #main div.peaceMind ul li:nth-child(3) p{
            padding-right:0;
        }
            #main div.peaceMind ul li:nth-child(3) p span{
                display:block;
            }
    #main div.safety div.my5bg{
        background-position-x:right;
    }
    #main div.safety div.my5bg ul{
        width:100%;
        position:relative;
        right:auto;
        background-color:rgba(0, 156, 224, 0.9);
    }
    #main div.clear ul li{height:235px;}
    #main div.clear ul li:nth-child(1),
    #main div.clear ul li:nth-child(2){
        background-size:contain;
    }
}
/*----------------------------------------
    i6
----------------------------------------*/
@media screen and (max-device-width:375px) {
    #main div.peaceMind ul li p{
        bottom:2px;
        left:4px;
    }
    #main div.clear ul li{
        height:215px;
    }
}