#HjEox009dtilist1 .title {
    color: #b182b1;
    background-image: url(../../../USER/fantasy/imageD/x009/500_400/teacherTitle.png);
    background-repeat: no-repeat;
    background-position-y: 3px;
    text-indent: 45px;
    text-align: left;
    padding-top: 20px;
    font-size:17pt;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
#HjEox009dtilist1 .title span{
    font-family: 'herr von muellerhoff';
    padding:0px 0px 0px 12px;
    font-size:11pt;
}
#HjEox009dtilist1 .item{width:100%;}
#HjEox009dtilist1 ul.list > li .image,
#HjEox009dtilist1 .word {
    display: none !important;
}
#HjEox009dtilist1 a {
    color: #3D3A3A;
}
#HjEox009dtilist1 a:hover{color:#adcade;}
#HjEox009dtilist1 ul.list>li .image{ padding-top:25%; margin-right:5%; background-size:contain; width:40%; float:left;display:inline-block;position:absolute;top:400px;right:170px;}
#HjEox009dtilist1 .teacher_left {
    width:40%;
    float:left;
    display:inline-block;
    margin:0px 5%;
}
#HjEox009dtilist1 .teacher_right {
    width: 50%;
    float: left;
    display: inline-block;
    margin: 0px;
    position:relative;
}
#HjEox009dtilist1 .teacher_right .featherImg{
    width:50%;
    max-width:160px;
    min-width:120px;
    position:absolute;
    left:0px;
    top:0px;
    z-index: 3;
    animation-name: stretch;
    animation-duration: 10s;
    animation-timing-function:linear;
    animation-delay: 0;
    animation-direction:normal;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running;
}
#HjEox009dtilist1 .teacher_right .featherImg img{
    width:100%;
}
@keyframes stretch {
    0% {top: 0px; opacity:1; left:60px;}
   25% {top:150px; opacity: 0.6; transform: rotate(0.03turn);left:0px}
   50% {top:300px; opacity: 0.3; transform: rotate(-0.02turn);left:100px}
   75% {top:450px; opacity: 0; transform: rotate(0.02turn);left:-100px}
   100% {top: 450px; opacity: 0;}
}

#HEEopush
#HjEox009dtilist1 .teacher_right .featherImg img {
    width: 100%;
}
#HjEox009dtilist1 .teacher_right .teacherImg img{
    width:100%;
}
#HjEox009dtilist1 .p_cell_1 h3{
    color: #ef879b;
    background-repeat: no-repeat;
    background-position-y: 3px;
    margin:20px 0px 0px 0px;
    text-indent: 25px;
    text-align: left;
    padding: 15px 0px 5px 0px;
    font-size:13pt;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
        background-image: url(../../../USER/fantasy/imageD/x009/500_400/teacherT03.png);
}
#HjEox009dtilist1 .p_cell_1 p{
    padding:0px 0px 0px 20px;
}

@media screen and (max-width: 768px) {
    #HjEox009dtilist1 .teacher_left,
    #HjEox009dtilist1 .teacher_right {
        width: 100%;
        float: none;
        display: block;
        margin: 0px;
    }
}
@media screen and (max-width: 1024px) {#HjEox009dtilist1 ul.list>li .image{right:60px;}}
@media screen and (max-width: 768px) {#HjEox009dtilist1 ul.list>li .image{top:450px;right:30px;}}
@media screen and (max-width: 480px) {#HjEox009dtilist1 ul.list>li .image{width:100%;position:static;}}
#HjEox022dtilist1{ overflow:hidden; }
#HjEox022dtilist1 .listBox {
    text-align: center;
}
#HjEox022dtilist1 .itemBox{background-color:#ADCADE;width:31%;padding-top:5px;padding-bottom:5px;margin-top:50px;margin-right:1%;margin-bottom:50px;margin-left:1%;float:left;display:inline-block;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 50px;}
#HjEox022dtilist1 .itemBox:hover,#HjEox022dtilist1 .itemBoxOve{background-color:#87B0CC;transition: all 0.5s ease-in-out;}
#HjEox022dtilist1 .itemBox a{color:#FFFFFF;width:100%;display:inline-block;}
@media screen and (max-width: 480px) {#HjEox022dtilist1 .listBox{margin-bottom:30px;}#HjEox022dtilist1 .itemBox{width:100%;margin-top:10px;margin-bottom:0px;}}
#Box06 { margin:40px 0px 0px 0px;}
#Box07 { padding:20px 0px 0px 0px;}