@charset "utf-8";
/*xl*/
@media screen and (min-width: 993px) and (max-width: 1920px) {
}
/*lg*/
@media screen and (min-width: 769px) and (max-width: 992px) {
}
/*md*/
@media screen and (min-width: 575px) and (max-width: 768px) {
	div.news>dl>dd:nth-child(odd) {max-width: 39rem}
}
/*sm*/
@media screen and (max-width: 576px) {
}

@media screen and (max-width: 880px) {
	div.news>ul>li:nth-child(odd) {max-width: 77%}
}


/*Mobile Phones Portrait*/
@media screen and (max-device-width: 360px) and (orientation: portrait) {
	div.news>ul, div.rank-links>ul {padding-left: 0}
	div.news>ul>li:nth-child(odd) {max-width: 68%}
	div.rank-link>dl>dd {max-width: 100%}
}
/*Mobile Phones Landscape*/
@media screen and (max-device-width: 640px) and (orientation: landscape) {
	div.rank-link>dl>dd {max-width: 100%}
}

/*ios use*/
/*iPhone 4+ Portrait or Landscape 基本上不用太理這支*/
@media screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
	div.news>ul>li:nth-child(odd) {max-width: 64%}
}
/*iPhone 5 Portrait or Landscape*/
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
	dl>dd>div.btn-top>button {font-size: 1.65rem}
	div.news>ul>li:nth-child(odd) {max-width: 64%}
}
/*iPhone 6 Portrait or Landscape*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
	div.news>ul, div.rank-links>ul {padding-left: 0}
	div.news>ul>li:nth-child(odd) {max-width: 69%}
	div.rank-link>dl>dd {max-width: 100%}
}
/*iPhone 6 plus Portrait or Landscape*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
	div.news>ul, div.rank-links>ul {padding-left: 0}
	div.news>ul>li:nth-child(odd) {max-width: 69%}
	div.rank-link>dl>dd {max-width: 100%}
}

/*Android Tablets Portrait*/
/*800px / 1280px samsung galaxy Tab 2 10.1*/
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait) {
}
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: landscape) {
}
/*ipad*/
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	div.news>dl>dd:nth-child(odd) {max-width: 39rem}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	div.news>dl>dd:nth-child(odd) {max-width: 39rem}
}