@charset "utf-8";
/* ---------------------------------------
版本：20160304
作者：peter yu
類型：rotate 基本設定 // 手機轉向限制設定 // orientationchange
--------------------------------------- */

/* 手機禁用直式瀏覽 */
.rotate{
	display: none;
}



@media only screen and (max-height: 480px){
    #wrapper, #wrapper-list{
		display: none;
	}
    .rotate{
        left:0;
        top: 0;
        width: 100%;
        height: 100%;
        position: fixed;
        display: block;
        z-index: 99999;
		background-image: url(../img/rotate.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left;
		
     }		
}
@media only screen and (max-width: 320px) and (max-height: 480px){
.rotate{
	display: none;
}

    #wrapper, #wrapper-list{
		display: block;
	}	
}

/*@media screen and (orientation: portrait) {
 #wrapper, #wrapper-list{
	 display: none;
}
 .rotate{
        left:0;
        top: 0;
        width: 100%;
        height: 100%;
        position: fixed;
        display: block;
        z-index: 99999;
    }		
}

@media screen and (orientation: landscape) {		
    #wrapper, #wrapper-list{display: block;}
    .rotate{display: none;}
}*/


/*@media only screen and (min-width : 320px) and (max-width : 480px) and (orientation : portrait) { 
    #wrapper, #wrapper-list{display: block;}
    .rotate{display: none;}
}

@media only screen and (min-width : 320px) and (max-width : 480px) and (orientation : landscape) {
 #wrapper, #wrapper-list{
	 display: none;
}
 .rotate{
        left:0;
        top: 0;
        width: 100%;
        height: 100%;
        position: fixed;
        display: block;
        z-index: 99999;
    }	
}*/