#HEjZx023dtilist4{width:100%;margin-bottom:40px;display:inline-block;}
#HEjZx023dtilist4 .listBox{text-align:center;}#HEjZx023dtilist4 .itemBox{background-color:#5BC1CF;width:23%;padding-top:5px;padding-bottom:5px;margin-right:1%;margin-left:1%;float:left;display:inline-block;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 50px;}#HEjZx023dtilist4 .itemBox:hover,#HEjZx023dtilist4 .itemBoxOve{background-color:#2893A1;transition: all 0.5s ease-in-out;}#HEjZx023dtilist4 .itemBox a{color:#FFFFFF;width:100%;display:inline-block;}
@media screen and (max-width: 480px) {#HEjZx023dtilist4 .listBox{margin-bottom:30px;}#HEjZx023dtilist4 .itemBox{width:100%;margin-top:10px;}}
#HEjZx023dtilist3 .subject{display:none;}
#HEjZx023dtilist3 li{width:100%;display:block;}#HEjZx023dtilist3 h2{background-image:url(../Userfile/file/ff220110094922646961.png);background-repeat:no-repeat;background-position-x:center;padding-top:5px;padding-bottom:5px;-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}#HEjZx023dtilist3 h3{font-size:18pt;}#HEjZx023dtilist3 h5{font-size:15pt;background-image:url(../Userfile/file/ff220110163432211130.svg);background-repeat:no-repeat;background-position:center bottom;border-bottom:#b3b3b3 1px solid;}
@media screen and (max-width: 768px) {#HEjZx023dtilist3 h3{font-size:15pt;}}
@media screen and (max-width: 480px) {#HEjZx023dtilist3 h1{line-height:37px;}}
#HEjZx023dtilist3 .d1{background-image:url(../Userfile/file/ff220124175605456700.png);background-repeat:no-repeat;background-position-x:right;-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:260px;}#HEjZx023dtilist3 .d1 p{margin-right:320px;}
@media screen and (max-width: 768px) {#HEjZx023dtilist3 .d1{background-position:center top;padding-top:400px;-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:500px;}#HEjZx023dtilist3 .d1 p{margin-top:280px;margin-right:auto;margin-left:auto;}}
@media screen and (max-width: 480px) {#HEjZx023dtilist3 .d1{-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:300px;}#HEjZx023dtilist3 .d1 p{margin-top:0px;}}
#HEjZx023dtilist3 .d2{background-image:url(../Userfile/file/ff220125103712002551.png);background-repeat:no-repeat;background-position-x:left;height:420px;-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:270px;}#HEjZx023dtilist3 .d2 p{margin-left:320px;}
@media screen and (max-width: 768px) {#HEjZx023dtilist3 .d2{background-position:center top;height:auto;padding-top:800px;-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:500px;}#HEjZx023dtilist3 .d2 p{margin-right:auto;margin-left:auto;}}
@media screen and (max-width: 480px) {#HEjZx023dtilist3 .d2{padding-top:500px;-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:300px;}#HEjZx023dtilist3 .d2 p{margin-top:0px;}}

.info_text1 {
    overflow:hidden;
}
.info_text1 .iText{
    padding:0px 0px 20px 0px;
    float:left;
    width:70%;
}
.info_text1 .iPhoto{
    width:30%;
    float:right;
    padding:0px 0px 20px 0px;
}
.info_text1 .iPhoto img{
    width:95%;
        margin-left:5%
}
.info_text2 {
    overflow:hidden;
    padding:40px 0px 0px 0px;
    margin-top:0px;
    position:relative;
}
.info_text2 h2{
    position:absolute;
    width:100%;
}
.info_text2 .iPhoto{
    width:30%;
    float:left;
    padding:0px 0px 20px 0px;
}
.info_text2 .iPhoto img{
    width:95%;
}
.info_text2 .iText{
    width:100%;
    max-width:500px;
    float:left;
    padding:80px 0px 20px 0px;
}
@media screen and (max-width: 968px) { 
    .info_text1 .iPhoto{
        width:50%;
    }
    .info_text1 .iPhoto img{
        width:100%;
        margin-left:0%;
    }
    .info_text1 .iText{
        width:50%;
    }
    .info_text2 .iPhoto{
        width:50%;
    }
    .info_text2 .iPhoto img{
        width:100%;
        margin-right:0%;
    }
    .info_text2 .iText {
        width: 50%;
    }
}
@media screen and (max-width: 768px) {
    .info_text1 .iPhoto {
        width: 100%;
        float: none;
    }
    .info_text1 .iText {
        width: 100%;
        float: none;
    }
    .info_text1 .iText img {
        width: 100%;
        float: none;
        margin-top: 0px;
    }
    .info_text2 {
        padding: 0px;
    }
    .info_text2 h2 {
        position: relative;
        width: 100%;
    }
    .info_text2 .iPhoto{
        width:100%;
        float:none;
    }
    .info_text2 .iText{
        width:100%;
        float:none;
        padding: 20px 0px 20px 0px;
    }
}

.latb3{background-image:url(../Userfile/file/ff211214140345967535.jpg);}
.introduceBox {
    margin:0px 5%;
    font-size:11pt;
    line-height:150%;
    overflow:hidden;
}
.introduceLeft {
    float: left;
    width: 26%;
    margin: 20px 2%;
}
.introduceRight {
    float: left;
    width: 66%;
    margin: 20px 2%;
}
.introduceGroup {
    width:44%;
    display:inline-block;
    vertical-align:top;
    margin:10px 2%;
    padding:0px;
    border:solid 1px #ededed;
    background-color:#fff;
}
.introduceGroup .introduceLeft,
.introduceGroup .introduceRight{
    margin:10px 2%;
}
.cTitle {
    font-size: 15pt;
    font-weight: bold;
    color: #2893A1;
}
@media screen and (max-width: 768px) {
    .introduceLeft {
        float: none;
        width: 100%;
        margin: 20px 0px;
    }
    .introduceRight {
        float: none;
        width: 100%;
        margin: 20px 0px;
    }
    .introduceGroup {
        width: 100%;
        float: none;
    }
}
.contactBox {
    font-family: GenSekiGothicTW-M;
    background: url(../Userfile/file/contact_bg.png) repeat-y;
    line-height: 150%;
    color: #fff;
    background-size: 100% auto;
    margin: 20px 0px;
}
.contactBox .contactInfo{
    width:320px;
    margin:0px auto;
    padding:4px 0px;
}
.contactBox a{
    color: #fff;
}