@font-face {
    font-family: GenSekiGothicTW-M;
    src: url('../../../web/CUS/M15/CSS/fonts/GenSekiGothicTW-M.ttf');
}
.dbottom .word {
    font-family: GenSekiGothicTW-M;
}
.dbottom .word a{
    display:block;
    width: 90%;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin:0px auto;
}
#HEErx024dtilist1{width:100%;}
#HEErx024dtilist1 .item{ width:31%;padding-top:10px;padding-bottom:10px;margin-top:20px;margin-right:1%;margin-bottom:20px;margin-left:1%;
border-radius: 5px;}
#HEErx024dtilist1 .dob{padding-top:5px;padding-right:10px;padding-bottom:5px;padding-left:10px;}
#HEErx024dtilist1 .subject{text-align:center;padding-top:10px;display:block;}
#HEErx024dtilist1 .subject a{color:#3D3A3A;}
#HEErx024dtilist1 .p_cell_1{color:#F58223;margin-left:10px;display:block;}
#HEErx024dtilist1 .p_cell_5{color:#8E8E8E;text-align:right;}
#HEErx024dtilist1 .idction{background-color:#FFFFFF;padding-top:10px;padding-right:15px;padding-bottom:10px;padding-left:15px;margin-top:20px;margin-bottom:5px;margin-left:15px;display:block;-moz-box-shadow: 0.5px 1px 5px #999;
-webkit-box-shadow: 0.5px 1px 5px #999;
box-shadow: 0.5px 1px 5px #999;}
#HEErx024dtilist1 .personal-box label{color:#663300;padding-left:3px;margin-left:5px;border-left:#663300 1px solid;}
@media screen and (max-width: 768px) {#HEErx024dtilist1 .p_cell_1{margin-right:10px;}#HEErx024dtilist1 .idction{margin-top:45px;}}
@media screen and (max-width: 480px) {#HEErx024dtilist2{width:100%;margin-right:auto;margin-left:auto;}}
#HEErx024dtilist2 .listBox{width:auto;margin-right:auto;margin-bottom:20px;margin-left:auto;display:table;}#HEErx024dtilist2 .itemBox strong{padding-top:10px;padding-bottom:10px;border-bottom:#cccccc 1px dashed;}#HEErx024dtilist2 .itemBox a{color:#000000;font-size:12pt;font-weight:normal;}#HEErx024dtilist2 .itemBox a:hover,#HEErx024dtilist2 .itemBoxOve a{color:#B8A47E;}
@media screen and (max-width: 480px) {#HEErx024dtilist2 .listBox{width:100%;display:block;}#HEErx024dtilist2 .itemBox a{font-size:11pt;font-weight:normal;}}
#HEErx024details{width:100%;float:left;display:inline-block;}
@media screen and (max-width: 480px) {#HEErx024details{width:100%;}}
#HEErx024dtilist1 .item{
   transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
   transform: scale(1);
}
#HEErx024dtilist1 .item:hover {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    transform: scale(1.05);
}
#HEErx024dtilist1 .item:hover a{
    color:#e66470;
}
#imglll li {
    position:relative;
    transform: scale(1);
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
#imglll li:hover{
    transform: scale(1.05);
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
#imglll li .image{
    opacity:1;
    top:0px;
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
#imglll li:hover .image{
    opacity:0.8;
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
#imglll li .image:before{
    content:'\f18b';
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    color:#fff;
    opacity:0;
    position:absolute;
    top:40%;
    margin-left:-10px;
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
#imglll li:hover .image:before{
    opacity:1;
    color:#fff;
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
#imglll li .title{
    padding:6px 0px 0px 0px;
    width:100%;
    height:32px;
    overflow:hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
}
#imglll li:hover .title{
    color:#e66470;
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
.latb3 {
    background-image: url(../Userfile/file/ff211214140345967535.jpg);
}
#HEErx024dtilist1 .item a{
    background-image: url(../Userfile/file/photoBg2.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:100% auto;
    background-size:contain;
    display:block;
    padding:30px 12% 20px 12%;
}
#HEErx024dtilist1 .item .dbottom a{
    background-image:none;
    padding:0;
    text-align:center;
}
#HEErx024dtilist1 .item .image{
    padding-top:70%;
    background-size:cover;
}
#HEErx024dtilist1 .item .image img{
    -webkit-box-shadow: 0 0 5px #999;
	-moz-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
    background-size:contain;
}
#imglll li .title {
    padding:0px;
    margin:0px;
}
#imglll li.item {
    width:25% !important;
    margin:20px 4%;
    padding:8px;
    background-color:#fff;
    -webkit-box-shadow: 0 0 5px #999;
	-moz-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;

}
#imglll li .image {
    background-size:cover;
    width:100%;
    padding-top:70%;
}
@media screen and (max-width: 768px) {
    #HEErx024dtilist1{width:90%; margin:0px 5%;}
    #HEErx024dtilist1 .item{
        width:94%;
        padding-top:10px;
        padding-bottom:10px;
        margin-top:10px;
        margin-right:3%;
        margin-bottom:0px;
        margin-left:3%;
        border-radius: 5px;
    }
   #imglll li.item {
        width:44%  !important;
        margin:20px 3%;
    }
}
@media screen and (max-width: 480px) {
    #HEErx024dtilist1{width:90%; margin:0px 5%;}
    #HEErx024dtilist1 .item{
        width:94%;
        padding-top:10px;
        padding-bottom:10px;
        margin-top:10px;
        margin-right:3%;
        margin-bottom:0px;
        margin-left:3%;
        border-radius: 5px;
    }
    #imglll li.item {
        width:80%  !important;
        margin:20px 10%;
    }
    #imglll div.image {
        width: 100% !important;
    }
}