﻿.eyeBeauty img{
    width:100%; max-width:100%;
}
.eyeBeauty ul.listBox{
    margin:40px 0;
}
    .eyeBeauty ul.listBox li{
        margin:5px 0;
        background-color:#f5f5f5;
    }
        .eyeBeauty ul.listBox li a{
            display:block;
            padding:25px;
            position:relative;
        }
            .eyeBeauty ul.listBox li a i.fa{
                position:absolute; right:25px; top:32px;
                color:#60c7f5;  
            }

/*內頁*/
.eyeBeautyContent h3.eblTitles{
    background:url(../Images/EyeBeauty/contentTitleBg.jpg) 0 0 no-repeat;
    height:50px;
    padding-top:20px;
    text-align:center;
    font-size:125%;
    margin-bottom:30px;
}
.eyeBeautyContent h4.method{
    color:#207CBD;
    margin:100px 0 10px;
    font-size:120%;
    text-indent:-0.57em;
    margin-left:1em;
}
.eyeBeautyContent h4.methodOne{
    margin-top:20px;
}
    .eyeBeautyContent h4.method i.fa{
        color:#ffd800;
        margin-right:5px;
    }
.eyeBeautyContent h5.introduction{
    color:#509f29;
    margin:30px 0 10px;
}

.eyeBeautyContent p{
    margin:16px 0;
}

.eyeBeautyContent ol{
    padding-left:30px;
}
    .eyeBeautyContent ol li{
        list-style:decimal;
    }
.eyeBeautyContent ul {
    padding-left:10px;
}
    .eyeBeautyContent ul li{
        list-style:disc;
    }

.eyeBeautyContent table th,
.eyeBeautyContent table td{
    padding:5px 8px;
}
.eyeBeautyContent table thead th {
    background-color:#60c7f5;
    text-align:center;
}
.eyeBeautyContent table tbody th,
.eyeBeautyContent table tbody td{
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
}
.eyeBeautyContent table tbody th {
    background-color:#f5f5f5;
    border-left:1px solid #ddd;
    text-align:center;
    width:120px;
}
.eyeBeautyContent table tbody td {
    vertical-align:top;
}
    .eyeBeautyContent table tbody td ul{
        padding-left:25px;
    }
        .eyeBeautyContent table tbody td ul li{
            list-style:disc;
        }
/*-------------------------------------------
@media
-------------------------------------------*/
/* i6 Plus */
@media screen and (max-device-width:414px){
    .eyeBeautyContent table tbody th{
        width:50px;
    }
}


/*眼整形運作流程 Doc07*/
.eyeBeautyContent ol.process{
    padding-left:10px;
}
    .eyeBeautyContent ol.process > li {
        list-style:none;
        counter-increment:item;
        margin-bottom:5px;
        color:#0088c4;
        margin:60px 0 80px;
    }
    .eyeBeautyContent ol.process > li:before {
        margin-right:10px;
        content:counter(item);
        background:lightblue;
        border-radius:50%;
        color:white;
        width:1.5em; height:1.5em; line-height:1.5em;
        text-align:center;
        display:inline-block;
    }
        .eyeBeautyContent ol.process li span.topic{
            font-size:115%;
        }
        .eyeBeautyContent ol.process ul li{
            list-style:disc;
            margin:10px 0 0 50px;
            color:#000;
        }
        .eyeBeautyContent ol.process ul li:before{
            display:none;
        }

/*Q&A Doc06*/
.eyeBeautyContentQA h4.method{
    margin-top:68px;
}
.eyeBeautyContentQA h4.methodOne{
    margin-top:0;
}
    .eyeBeautyContentQA p{
        margin-left:80px;
        position:relative;
    }
        .eyeBeautyContentQA p span.answer{
            border-radius:50%;
            display:block;
            position:absolute; top:0; left:-50px;
            background-color:#fa5c5b;
            color:#fff;
            width:40px; height:40px;
            line-height:40px;
            text-align:center;
        }
/*-------------------------------------------
@media
-------------------------------------------*/
/* i6 */
@media screen and (max-device-width:375px){
    .eyeBeautyContentQA p{
        margin-left:50px;
    }
        .eyeBeautyContentQA p span.answer{
            width:30px; height:30px;
            line-height:30px;
            left:-38px;
        }
}