@charset "utf-8";
/* CSS Document */

html {
    font-family: Helvetica, Arial, "微軟正黑體", sans-serif;
}
body {
    background: #004897;
    font-size: 15px;
}



a:link {
    color: #29589C;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #29589C;
}
a:hover {
    text-decoration: none;
    color: #29589C;
}
a:active {
    text-decoration: none;
    color: #29589C;
}
.style4 {
    color: #A20000;
}
.style1 {
    color: #333333;
    font-size: 12px;
    line-height: 20px;
}
.style6 {
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
}
.style7 {
    line-height: 25px;
    font-size: 18px;
}
.sectionA {
    padding: 0 25px;
}
.sectionA h4 {
    font-size: 1.4em;
    padding: 0;
    margin: 0;
    color: #1861AA;
}
.sectionA h2 {
    font-size: 2.5em;
    font-family: 'DFT_M9';
    font-weight: 600;
    padding: 15px 0 20px 0;
    margin: 0;
}
.sectionA p {
    font-size: 14px;
    padding: 10px;
    background: #1861AA;
    color: #FFF;
}
.sectionA_TOPIC {
    clear: both;
    height: 25px;
    line-height: 25px;
}
.sectionA_TOPIC h1 {
    font-size: 1.45em;

}
.sectionA_TOPIC h1 span {
    background: #FC0;
    color: #000;
    font-size: 16px;
    margin: 0 0 0 12px;
    padding: 3px 10px;
}
/*ICON*/
div.TYPE_ICON {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    border: 2px solid #222;
    margin: auto;
    font-weight: 700;
    float: left;
    margin: 0 12px 0 0;
}
div.PS {
    background: #33454F;
    color: #31C1E8;
    border: 2px solid #31C1E8;
}
div.AI {
    background: #3A2E29;
    color: #EA650A;
    border: 2px solid #EA650A;
}
div.AN {
    background: #421C1C;
    color: #FF1F1F;
    border: 2px solid #FF1F1F;
}
div.DW {
    background: #373F2C;
    color: #92E022;
    border: 2px solid #92E022;
}
ul.List {
    padding: 20px 0 0 25px;
    clear: both;
}
ul.List li {
    border-bottom: 0px;
    font-size: 14px;
    margin: 0 0 8px 0;
}
.sectionB {
    padding: 0 25px;
}
.sectionB h4 {
    font-size: 1.4em;
    padding: 0;
    margin: 0;
    color: #C30;
}
.sectionB h2 {
    font-size: 2.5em;
    font-family: 'DFT_M9';
    font-weight: 600;
    padding: 15px 0 20px 0;
    margin: 0;
}
.sectionB p {
    font-size: 14px;
    padding: 10px;
    background: #C30;
    color: #FFF;
}


.B_Content { clear: both; margin: 5px 30px 20px 30px; border-bottom: 1px dashed #CCC; padding: 0 0 0 10px; }
.B_Content a { color: #C30; }
.B_Content h1 { font-size: 1.2em; padding: 4px 0 8px 0; margin: 0 0 0 0; }
.B_Content h1:hover { border-left: 8px solid #C30; padding: 4px 0 8px 10px; margin: 0 0 5px 0; transition: 0.20s;  }
.B_Content p { font-size: 15px; padding: 0 0 10px 0; margin: 0 0 0 0; }





/*聯絡資訊設定*/

footer { background: rgba(0,0,0,0);  width: 100%;  overflow: hidden; clear: both; }
footer ul { list-style: none;  }
footer .MainContent { clear: both; width: 1200px; margin: 0 auto 0 auto; padding: 30px 0 0 0; }
footer div.LogoArea { width: 100%; min-height: 50px; text-align: center;   }
footer div.LogoArea img.Ucom_logo { width: 450px; padding: 0 25px 25px 0; }
footer div.LogoArea img.US_logo { width: 280px; padding: 0 25px 25px 0; }
footer div.LogoArea img.ADOBE_logo { width: 200px; padding: 10px 0 25px 0; }
footer div.InfoArea { background: #2C252D; }


footer .MainContent div.ContactInfo { width: 100%; clear: both;  padding: 15px 0 0 0;  }
footer .MainContent div.ContactInfo div.location { width: 50%; float: left;   }
footer .MainContent div.ContactInfo div.location ul { float: left; padding: 0 20px 0 0; }
footer .MainContent div.ContactInfo div.location ul li { color: #FFF; font-size: 14px; font-weight: 600; margin: 0 0 8px 0;  }
footer .MainContent div.ContactInfo div.location ul li span.tab { background: #C33; color: #FFF; padding: 2px 6px 2px 6px; margin: 0 5px 0 0; border-radius: 4px; }
footer .MainContent div.ContactInfo div.location ul.Fax { padding: 0 0 0 0; }
footer div.Copyright { width: 100%; clear: both; padding: 10px 0 20px 0; }
footer div.Copyright p { text-align: center; color: #FFF; font-size: 14px; font-weight: 600; }
footer div.Copyright p a { color: #FC0; }

    @media (max-width: 1199px) {
        footer .MainContent { width: 90%;  }
        footer .MainContent div.ContactInfo div.location ul.Fax { display: none; }
        footer div.LogoArea img.US_logo, footer div.LogoArea img.ADOBE_logo { display: none; }
    }

    @media (max-width: 937px) {
        div#SocialMedia { display: none; }
        footer .MainContent div.ContactInfo div.location { width: 100%; float: none;   }
    }

    @media (max-width: 921px) {
        footer .MainContent div.ContactInfo { display: none; }
        footer div.LogoArea img.Ucom_logo { width: 60%; padding: 0 0 25px 0; }
    }

    @media (max-width: 600px) {
        footer div.LogoArea img.Ucom_logo { width: 100%; }
    }