﻿#maincontainer
{
 margin: 0 1% 0 1%;
}

ul[class~=h-nav] li
{
    line-height: 50%;
}

.Title
{
    font-family: 新細明體, 細明體, MingLiu, Helvetica, Arial,sans-serif;
    font-size: 14pt;
    color: #003366;
    font-weight: bold;
    letter-spacing: 3pt;
    text-align: center;
}

.SubTitle
{
    font-weight: bold;
    color: #993300;
}

.SubTitle2
{
    color: #993300;
}

.Author
{
    font-family: 新細明體, 細明體, MingLiu, Helvetica, Arial,sans-serif;
    font-size: 10pt;
    letter-spacing: 1pt;
    color: #660099;
    text-align: center;
    vertical-align: middle;
}

.AuthorInfo
{
    font-family: 新細明體, 細明體, MingLiu, Helvetica, Arial,sans-serif;
    font-size: 9pt;
    text-align: right;
}

.AuthorInfoLeft
{
    font-family: 新細明體, 細明體, MingLiu, Helvetica, Arial,sans-serif;
    font-size: 9pt;
    line-height: 120%;
}

/* --------------- Style for Challenger Begin --------------- */

#mainContent
{
    font-size: 11pt;
    font-family: Verdena, Helvetica, Arial,sans-serif;
    letter-spacing: normal;
    line-height: 125%;
}

.contentTitle
{
    color: rgb(153, 51, 0);
    font-size: 16pt;
    font-weight: bold;
    font-family: Verdena, Helvetica, Arial,sans-serif;
    text-align: center;
}

.contentSubTitle
{
    color: rgb(153, 51, 0);
    font-size: 12pt;
    font-weight: bold;
    font-family: Verdena, Helvetica, Arial,sans-serif;
}

.contentAuthor
{
    font-size: 10pt;
    font-family: Verdena, Helvetica, Arial,sans-serif;
    color: #04A7DF;
    padding-top: 10px;
    padding-bottom: 15px;
}

.authorInfo
{
    font-style: italic;
    color: #669999;
    font-size: 10pt;
}

/* --------------- Style for Challenger End --------------- */

#hplCCMHomePage480 
{
    display: none;
}

@media only screen and (max-width: 480px) {
/* Switch head banner at width of 480px */
    #imgHeadBanner, #hplCCMHomePage
    { 
	    display: none;
    }
    
    #hplCCMHomePage480 
    {
        display: block;
    }

/* Reduce box margins at width 480px */    
    .inner-box, .inner-box-1, .inner-box-2, .inner-box-3
    {
        margin: 1%;
    }
}