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

@media only screen and (max-width: 1024px) {

    [id="content"] section h2>a,
    [class*="sidebar"] h2>a,
	[class*="sidebar"] [class*="photogallery"] h2 a
    { /*background-image: url(../di/arrow-r-01.png); background-repeat: no-repeat; background-position: 100% 50% !important;*/} 
	
	[class*="top10hits"] h2>a
	{ background-position: 0 0!important; background-size: auto!important; }
}

@media only screen and (max-width: 959px) {
	[class*="_child"][class*="-grid-4-4x"]>section>ul>li,
	[class*="_child"][class*="-grid-4-4x"]>li, 
    [class*="sidebar"] li
	{ background-image: url(../di/bullet01-01.png); background-repeat: no-repeat; background-position: 0 6px !important; }
}
@media only screen and (max-width: 959px), (max-device-width: 1024px) {
   
    body>[class*="logo-channel"] a { background-position: 0 0 !important;}
	
}
@media only screen and (max-width: 767px) {
	[class*="tolist"] h3
	 { background-image: url(../di/bullet01-01.png); background-repeat: no-repeat; background-position: 0 8px !important;}
}

@media only screen and (max-device-width: 767px) {
	[class*="tolist"] h3
    { background-image: url(../di/bullet01-01@2x.png); -webkit-background-size: 8px 8px; background-size: 8px 8px; }
}

@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), (max-device-width: 1024px) and  (-webkit-min-device-pixel-ratio: 2), (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 767px) and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
    [class*="_child"][class*="-grid-4-4x"]>section>ul>li,
    section>div>[class*="_child"][class*="-grid-4-4x"]>li,
    [class*="sidebar"] li
    { background-image: url(../di/bullet01-01.png); background-repeat: no-repeat; background-position: 0 8px !important;}
}

/*image high resolution*/
@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1024px) and (-ms-high-contrast: active), (max-width: 1024px) and (-ms-high-contrast: none) {
    /*body>[class*="logo-channel"] a,*/
	[class*="btn-mainnav"] { background-image: url(../../di/news2013/logo_bullet_01@2x.png); background-repeat: no-repeat;  -webkit-background-size: 300px 200px; background-size: 300px 200px;}
    
    section>[class*="_child"][class*="-grid-4-4x"] li, 
    [class*="_child"][class*="-grid-4-4x"]>section>ul>li,
	[class*="_child"][class*="-grid-4-4x"]>li, 
    [class*="sidebar"] li
    { background-image: url(../di/bullet01-01@2x.png); -webkit-background-size: 8px 8px; background-size: 8px 8px;}

    [id="content"] section h2>a,
    [class*="sidebar"] h2>a,
    [class*="news-update"] section+section>h2>a,
    [class*="category-page"] div h2>a  
    { background-image: url(../di/arrow-r-01@2x.png); -webkit-background-size: 16px 16px; background-size: 16px 16px;} 
}
/*image high resolution*/
@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 959px) and (-ms-high-contrast: active), (max-width: 959px) and (-ms-high-contrast: none) {
    body>[class*="logo-channel"] a
    { background-image: url(../../di/news2013/logo_bullet_01@2x.png); background-repeat: no-repeat; -webkit-background-size: 300px 200px; background-size: 300px 200px;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    [class*="entertainnews"]>div>div>article:nth-last-child(-n+2)>h3,
    [class*="entertainnews"]>div+[class*="_child"][class*="-grid-2-2-2-2x"]>article>h3,
    [class*="social-region"] [class*="_child"][class*="-grid-2-2x"]>article>h3,
    [class*="econ-oversea"] [class*="_child"][class*="-grid-2-2x"]>article>h3,
    [class*="entertain-page"] [class*="entertain-last"] article:nth-last-child(-n+4)>h3,
    [class*="talkofthetown"]>h2+div>article:nth-last-child(-n+2)>h3,
    [class*="entertain-hotpics"]>div:first-of-type div>article>h3
    { background-image: none !important;}
}