body
{
font-size:12pt;
font-family:STHeitiTC-Light, Tahoma;
background-image:url();
background-color:#000000;
margin:0px;
padding:0px;
width:100%;
color:#efebda;
-webkit-tap-highlight-color:;
text-align:;
direction:;
line-height:;

}
  p
{
padding-right: 8px;
padding-left: 8px;

}
a
{
color:#ffffff;
text-decoration:none;
font-weight:bold;
 outline: none;
 border: none;

}
a img
{
 border: 0;
 
}
.list
{
color:#e2e3a5;
text-decoration:none;
font-weight:bold;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: ffcc66;
font-size: 16pt;

}
a:visited
{
color:#cccccc;
text-decoration:none;
font-weight:bold;
outline: none;
 border: none;

}
.itemimage
{
border:solid 0px #aaa;
max-width:100px;
width: expression(this.width > 100 ? 100: true);
vertical-align:middle;

}
 .iimage
{
border:solid 0px #aaa;
max-width:100%;
vertical-align:middle;

}
h1
{
font-family: STHeitiTC-Light, Helvetica;
font-size: 18pt;
color: #CCCCCC;
padding-left: 6px;
padding-top: 6px;
font-weight: bold;

}
h2
{
font-family:STHeitiTC-Light, Helvetica;
font-size: 12pt;
color: #ffffff;

}
/*rssprocssaddition*/   .rssproimage
{
        border:solid 0px #aaa;
        max-width:75px;
        width: expression(this.width > 100 ? 100: true);
        vertical-align:middle;
        padding:5px 0 5px 0      
}
    .rssproitemdescription
{
        font-size:12px;
        font-family:STHeitiTC-Light, Helvetica;
        color:#333333;
        line-height:16px;
        font-weight:100     
}
    .rssproitemtitle
{
        font-size:16px;
        font-family:STHeitiTC-Light, Helvetica;
        color:#fff;
        line-height:16px;
        font-weight:400    
}
      .rssproipadimage
{
        border:solid 0px #aaa;
        max-width:75px;
        width: expression(this.width > 100 ? 100: true);
        vertical-align:middle;
        padding:5px 0 5px 0      
}
    .rssproipaditemdescription
{
        font-size:12px;
        font-family:STHeitiTC-Light, Helvetica;
        color:#333333;
        line-height:16px;
        font-weight:100     
}
    .rssproipaditemtitle
{
        font-size:16px;
        font-family:STHeitiTC-Light, Helvetica;
        color:#330000;
        line-height:16px;
        font-weight:400    
}
 /*largebuttonmenucssaddition*/   .largeButtonMenuImgContaineriPad
{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
min-width:225px;
        width:30%;
        min-height:136px;
         height:28%;
        background-repeat:no-repeat;
    
}
     .largeButtonMenuImageiPad
{
padding: 0px;
        min-width:225px;
        width:30%;
    
}
     .largeButtonMenuItemBgiPad
{
      min-width:225px;
      width:30%;
      text-align:center;
      font-size:18px;
      font-family:STHeitiTC-Light, Tahoma;
      font-weight:100;
    
}
        img.largebuttonmenucenteriPad
{
        margin-left: auto;
    margin-right: auto;
    margin-top: 15px;

}
 .largeButtonMenuImgContainer
{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
  min-width:150px;
  width:30%;
  min-height:120px;
  height:28%;
  background-repeat:no-repeat;
  padding-bottom:5px;
 
}
     .largeButtonMenuImage
{
  min-width:150px;
              width:30%;
              padding: 0px;
    
}
     .largeButtonMenuItemBg
{
      min-width:150px;
              width:30%;
              text-align:center;
              color:#000000;
              font-size:18px;
              font-family:STHeitiTC-Light, Tahoma;
              font-weight:100;
    
}
    img.largebuttonmenucenter
{
       margin-left: auto;
    margin-right: auto;
   margin-top: 15px;
 border:0px;
 
}
/*circlemenucssaddition*/body
{
-webkit-tap-highlight-color: rgba(0,0,0,0.1);
background: #f1f1f1;

}
@font-face 
{
font-family: 'helvetica-light';
src: url('helvetica-light.ttf') format('truetype');

}
.circlemenulistcontainer
{
min-width: 320px;
width: auto;
max-width: 1024px;
margin: 0px auto;
text-align: center;

}
/* ----- circle MENU ------ */.circleMenuList
{
margin: 0 auto;
padding:0;
display: block;
list-style:none;

}
.circleMenuItem
{
display: inline-block;

}
.circleMenuTitle
{
font-family:'helvetica-light',"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight:bold;
color: #000;
height: 132px;
width: 142px;
float: left;
text-align: center;
line-height: 90px;
-webkit-tap-highlight-color: rgba(0,0,0,0);

}
.circleMenuImage
{
display:table;
margin: auto;
position:relative;
z-index:9;
top:13%;
width:50px;
height:50px;
border: dashed 1px #333;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
padding:10px;
-webkit-tap-highlight-color: rgba(0,0,0,0.5);

}
/* ----- circle ----- */@media only screen and (max-width: 320px) 
{
 /* Mobile  (portrait)*/.circleMenuList
{
min-width: 313px;
max-width: 313px;
border: 3px solid transparent;

}
.circleMenuTitle
{
height: 140px;
width: 152px;

}

}
@media only screen and (min-width: 361px) and (max-width: 480px) 
{
 /* Mobile (landscape)*/.circleMenuList
{
min-width: 100%;
max-width: 100%;
border: 4px solid transparent;
border-right: none;

}
.circleMenuTitle
{
line-height: 70px;
height: 110px;
width: 153px;

}

}
@media only screen and (min-width: 481px) and (max-width: 534px) 
{
/* Mobile (landscape)*/.circleMenuList
{
min-width: 530px;
max-width: 530px;
border: 4px solid transparent;
border-right: none;

}
.circleMenuTitle
{
line-height: 70px;
height: 110px;
width: 170px;

}

}
@media only screen and (min-width: 535px) and (max-width: 568px) 
{
.circleMenuList
{
min-width: 560px;
max-width: 560px;
border: 4px solid transparent;
border-right: none;

}
.circleMenuTitle
{
line-height: 80px;
height: 110px;
width: 182px;

}

}
@media only screen and (min-width: 569px) and (max-width: 767px) 
{
 /* Mobile (landscape)*/.circleMenuList
{
min-width: 560px;
max-width: 560px;
border: 3px solid transparent;
border-bottom: none;

}
.circleMenuTitle
{
height: 122px;
width: 182px;
line-height: 90px;

}

}
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait)  
{
 /* Tablet */.circleMenuList
{
min-width: 766px;
max-width: 766px;
border-bottom: none;
border-right: none;

}
.circleMenuTitle
{
font-size:18px;
height: 251px;
width: 251px;
line-height: 230px;

}
.circleMenuImage
{
top:22%;
width:96px;
height:96px;
border: dashed 1px #333;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
padding:10px;

}

}
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape)  
{
 /* Tablet */.circleMenuImage
{
top:22%;
width:96px;
height:96px;
border: dashed 1px #333;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
padding:10px;

}
.circleMenuList
{
min-width: 1020px;
max-width: 1020px;
border-bottom: none;
border-right: none;

}
.circleMenuTitle
{
font-size:18px;
height: 300px;
width: 336px;
line-height: 220px;

}

}
@media (min-width: 1025px) 
{
.circlemenulistcontainer
{
max-width: 768px;

}
.circleMenuList
{
min-width: 768px;
max-width: 768px;
border-bottom: none;
border-right: none;

}
.circleMenuTitle
{
font-size:18px;
height: 252px;
width: 252px;
line-height: 230px;

}
.circleMenuImage
{
top:22%;
width:96px;
height:96px;
border: dashed 1px #333;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
padding:10px;

}

}
.rsspagedetails 
{
  background: #000;

}
.rsspagedetails *
{
  color: #fff;

}