html, body {
    font-family: 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', 'Segoe UI Semibold', 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
    line-height: 24px;
}

a {
    text-decoration : none;
    color: #000000;
}

.mcShell
{
   background-image : url(/download/Resource/BGImage/bg01.png);
   background-repeat : repeat;
}

.mainForm
{
   max-width : 1280px;
   margin : 0 auto;
   box-shadow: 0px 4px 15px 5px rgb(170 170 170);
}

.ssHeader
{
   position : relative;
}

.ssLogo
{
   max-width : 100%;
}


.coverRibbin
{
   position : absolute;
   left : 0px;
   bottom : 0px;
   z-index : 2;
   max-width : 100%;
}

.ssLogoAndText
{
   position : absolute;
   left : 0px;
   bottom : 0px;
   z-index : 3;
   width : 100%;
}
.isNotIndexPage .variableContent
{
   padding : 1em 1em 2em 1em;
}


.ssTextMessage
{
   width : 100%;
   background-color: rgb(44,115,210);
   color : #FFFFFF;
}

.ssFooter
{
   padding : 1rem;
   background-color : #2C73D2;
   color : #FFFFFF;
   margin-top : -6px;
}
.ssFooter a
{
   color : #FFFFFF;
}

@media (max-width: 480px) {}
@media (min-width: 481px) and (max-width: 767px) {}
@media (min-width: 768px) and (max-width: 979px) {}

@media (min-width: 980px) and (max-width:1199px) {}


@media (min-width: 1200px) and (max-width:1919px) {}
@media (min-width: 1920px) {}