@charset "UTF-8";
#Hjpjtxtifno1{margin-right:100px;float:right;display:table;position:relative;top:50px;}
@media screen and (max-width: 1024px) {
    #Hjpjtxtifno1 {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        float: none;
        top: 80px;
    }
}
@media screen and (max-width: 480px) {
    #Hjpjtxtifno1{width:90%;float:none;}
}
#Hjpjtxtifno1 .content{color:#000000;font-size:13pt;text-align:right;letter-spacing:2px;margin:5px;}
@media screen and (max-width: 480px) {
    #Hjpjtxtifno1 .content{font-size:12pt;text-align:center;}
}
#Hjpjhtml1{width:100%;padding-top:50px;display:table;}
#Hjpjhtml1 img {
    min-width: 44%;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
#Hjpjjssor1 {
    padding:10px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
#Hjpjjssor1,
#Hjpjjssor1 .jssor_parent{
    text-align:right;
    background-color:#fff;
}
#Hjpjjssor1:after{
    content:'Team';
    font-family: 'herr von muellerhoff';
    font-size:20pt;
}
#Hjpjjssor1 .jssor_parent::after{
     padding:20px 0px 0px 0px;
     display:block;
     content:'團隊花絮';
     font-size:14pt;
}
@media screen and (max-width: 768px) {
    #Hjpjhtml1 h5{text-align:center;}#Hjpjhtml1 label{font-size:11pt;}#Hjpjhtml1 img{width:100%;padding-bottom:0px;margin-right:auto;margin-bottom:30px;margin-left:auto;}}
#Hjpjhtml2{width:100%;margin-top:-100px;display:table;}
@media screen and (max-width: 1024px) {#Hjpjhtml2{margin-top:-50px;}}
@media screen and (max-width: 768px) {#Hjpjhtml2{margin-top:0px;}}
#Hjpjhtml2 img{padding-bottom:50px;margin-right:20px;}
@media screen and (max-width: 768px) {#Hjpjhtml2 h5{text-align:center;}#Hjpjhtml2 label{font-size:11pt;}#Hjpjhtml2 img{width:100%;padding-bottom:0px;margin-right:auto;margin-bottom:30px;margin-left:auto;}}

.latb3 #Hjpjtxtifno1 h1 {
    position:relative;
    color: #000000 !important;
    font-size: 28pt;
    text-align: right;
    letter-spacing: 2px;
    background-image:none;
    padding:0px 0px 0px 0px;
    margin:0px !important;
}
.latb3 .content h1 span {
    font-size:26pt !important;
}
.aboutRight,
#Hjpjhtml3,
#Hjpjjssor1 {
    display: inline-block;
    width: 50%;
    margin: 0px -2px;
    vertical-align: top;
    font-family: GenSekiGothicTW-L;
}
.aboutLeft {
    display: inline-block;
    width: 40%;
    margin: 12px 4%;
    vertical-align: top;
}
.aboutRight {
    margin:20px 0px;
}
.aboutRight strong{
    font-family: GenSekiGothicTW-L;
}
#Hjpjhtml3 {
    padding:0px 20px 60px 20px;
}
.aboutText {
    clear:both;
}
#Hjpjhtml2 {
   clear:both;
   margin:60px 0px 0px 0px;
}
@media screen and (max-width: 768px) {
    .aboutLeft {
        display: block;
        width: 100%;
        margin: 0px 0px 20px 0px;
        padding:0px 0px 20px 0px;
        overflow: hidden;
    }
    .aboutRight,
    #Hjpjhtml3,
    #Hjpjjssor1 {
        display: block;
        width: 100%;
        margin: 0px;
    }
}
@media screen and (max-width: 480px) {
    .aboutLeft {
        display: block;
        width: 100%;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 20px 0px;
        overflow: hidden;
    }
    .aboutRight ,
    #Hjpjhtml3 ,
    #Hjpjjssor1 {
    display:block;
    width:100%;
    margin:0px;
}
}