#MyJoys h1 { color:#666666; font-size:15px; text-align:center; padding:9px 0; }
#MyJoys h2 { background-color:#5B7DAC; color:#fff; padding:9px 18px; }
.col1,.col2,.col3,.col4,.col5,.col3h {margin:0px 9px; float:left;}
.col1 {width:180px;}
.col2 {width:378px;}
.col3 {width:576px;}
.col4 {width:774px;}
.col5 {width:972px;}
.col3h {width:300px;}
.first { margin-left:0; }
.last { margin-right:0; }
.program { text-align:center; border-right: 1px solid #DBDBDB; width:308px; height:270px; }
/*.program.first { width:300px; }*/
.program.last { border-right:0; }
.program a { text-decoration:none; font-size:11px; color:#000; }
.program a img { border:0; }
.program div.logo { height:70px; line-height:70px; }
.program div.logo img { vertical-align:middle; display:inline-block; }
.swapImage{position:relative; top:0; height:155px}
.swapImage img{position:absolute; top:0; left:0; display:none; z-index:-1}
.swapImage img.first{display:block}
.themeContainer .theme { float:left; width:141px; margin:10px; text-align:center; }
.themeContainer .theme a div { height:30px; }
@media all and (max-width: 710px),(max-device-width:710px) and (orientation: portrait) { .program { border:0; } }