@charset "utf-8";

/*rwd*/

@media screen and (max-width:1270px) {

    /*旅管*/
    .htlList > li{
        width:32%;
    }
    .htlList > li p{
      max-width:350px;
    }
}

@media screen and (max-width:1100px) {

    /*旅管*/
    .htlList > li{
        width:32%;
    }
    .htlList > li p{
      max-width:300px;
    }
}

@media screen and (max-width:1022px) {

    /*旅管*/
    .htlList > li{
        width:32%;
    }
    .htlList > li p{
      max-width:260px;
    }
}

@media screen and (max-width:821px) {
    .introHK,
    .introHK1 {
       width:48%;
    }  
    /*旅管*/
    .htlList > li{
        width:80%;
    }
    .htlList > li p{
      max-width:760px;
    }
}

@media screen and (max-width:640px) {
    .introHK,
    .introHK1 {
       width:90%;
    }  
    .inforbox ul {
        margin-left: 10px;
    }
    /*旅管*/
    .htlList > li{
        width:80%;
    }
    .htlList > li p{
      max-width:460px;
    }
    .introTopic {
        position: relative;
        z-index: 1;
        background:none;
        color: #fff;
        font: normal 13px/1.4 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    }
    .introTopic > h3{
        color:#541b86;
    }
    .introTopic p{
        color:#333;
    }
}

@media screen and (max-width:480px) {
    .introHK,
    .introHK1 {
       width:90%;
    }    
    .carrier li a strong {
        font: bold 16px/1.4 Verdana, Geneva, sans-serif, "微軟正黑體";
    }
    .carrier li a:link,
    .carrier li a:visited {
        font: 14px/1.4 Verdana, Geneva, sans-serif, "微軟正黑體";
    }
    .carrier .box-head q {
        font: bold 14px/1.4 Verdana, Geneva, sans-serif, "微軟正黑體";
    }
    /*旅管*/
    .htlList > li{
        width:80%;
    }
    .htlList > li p{
      max-width:400px;
    }
    .introTopic {
        position: relative;
        z-index: 1;
        background:none;
        color: #fff;
        font: normal 13px/1.4 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    }
    .introTopic > h3{
        color:#541b86;
    }
    .introTopic p{
        color:#333;
    }
}

@media screen and (max-width:320px) {
    .introHK,
    .introHK1 {
       width:90%;
    }
    .introHK h4,
    .introHK1 h4 {
        display: block;
        max-width: 300px;
        width: 100%;
        height: auto;
        font-size: 24px;
        margin: 0 auto;
        margin-bottom: 25px;
        text-align: center;
        color: #fff;
    }
    .introHK h4 {
        background-image: none;
    }
    .introHK1 h4 {
        background-image: none;
    }

    .introTopic > h3{
        color:#541b86;
    }
    .introTopic p{
        color:#333;
    }
    .introTopic {
        position: relative;
        z-index: 1;
        background:none;
        color: #fff;
        font: normal 13px/1.4 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    }
        .inforbox ul {
        margin-left: 5px;
    }
    .carrier li a strong {
        font: bold 16px/1.4 Verdana, Geneva, sans-serif, "微軟正黑體";
    }
    .carrier li a:link,
    .carrier li a:visited {
        font: 14px/1.4 Verdana, Geneva, sans-serif, "微軟正黑體";
    }
    .carrier .box-head q {
        font: bold 14px/1.4 Verdana, Geneva, sans-serif, "微軟正黑體";
    }
    /*旅管*/
    .htlList > li{
        width:80%;
    }
    .htlList > li p{
      max-width:300px;
    }
}