@charset "utf-8";

html,body{touch-action:auto;}

/*横屏时:PC端和移动端*/
@media screen and (orientation:landscape){ 

}

/*横屏时:移动端*/
@media screen and (orientation:landscape) and (min-resolution:125dpi){
	/**{display:none;}*/
	/**
	 * .common-main
	 */
	.common-main{
		width:18rem;
		height:18rem;
	}

	/**
	 * .content
	 */
	.content{
		margin:-7.5rem auto auto -7.5rem;
		padding:.6rem 1.5rem;
		position:absolute;
		left:50%;
		top:50%;
		width:15rem;
		height:15.5rem;
		border-radius:15rem;
	}

	/**
	 * .content>.menu
	 */
	.content>.menu{
		margin:.5rem auto 0 auto;
		padding:.25rem 0;
	}

	.content>.menu li{
		margin:.35rem auto;
	}

	/**
	 * .common-header
	 */
	.common-header{
		justify-content:flex-start;
	}

	.common-header li{
		font-size:.6rem;
	}

	.common-header.zh li{
		font-size:.7rem;
	}

	/**
	 * .copyrights .arr
	 */
	.content>.copyrights>p.cp{
		padding:0;
	}

	.copyrights .arr{
		display:none;
	}
	
	/**
	 * .zh-web
	 */
	.zh-web{
		top:.7rem;
		right:.3rem;
	}

	.home-page>.zh-web{
		top:.7rem;
		right:.7rem;
	}

	/**
	 * projects
	 */
	.projects{
		width:100%;
	}	

	/**
	 * .sub-title
	 */
	.sub-title{
		margin:.5rem auto;
	}

	/**
	 * .footer
	 */
	.footer{
		margin:.6rem auto 0 auto;
		padding:.6rem 0;
	}

}

/*竖屏时*/
@media screen and (orientation:portrait){
	/**
	 * .common-main
	 */
	.common-main{
		width:18rem;
		height:18rem;
	}

	/**
	 * .content
	 */
	.content{
		margin:-7.5rem auto auto -7.5rem;
		padding:.6rem 1.5rem;
		position:absolute;
		left:50%;
		top:50%;
		width:15rem;
		height:15rem;
		border-radius:15rem;
	}

	/**
	 * .content>.menu
	 */
	.content>.menu{
		margin:.5rem auto 0 auto;
		padding:.25rem 0;
	}

	.content>.menu li{
		margin:.35rem auto;
	}

	/**
	 * .common-header
	 */
	.common-header{
		justify-content:flex-start;
	}

	.common-header li{
		margin:0 .3rem 0 .3rem;
		font-size:.6rem;
	}

	.common-header.zh li{
		font-size:.7rem;
	}

	.common-header li.logo{
		margin:0 .25rem 0 0;
	}

	/**
	 * .copyrights .arr
	 */
	.content>.copyrights>p.cp{
		padding:0;
	}

	.copyrights .arr{
		display:none;
	}
	
	/**
	 * .zh-web,.en_web
	 */
	.zh-web,
	.en_web{
		top:.7rem;
		right:.3rem;
	}

	.home-page>.zh-web,
	.home-page>.en_web{
		top:.7rem;
		right:.7rem;
	}

	/**
	 * projects
	 */
	.projects{
		width:100%;
	}

	.projects>.sub-content>.project-items{
		justify-content:center;
		align-items:flex-start;
	}

	/**
	 * .sub-title
	 */
	.sub-title{
		margin:.5rem auto;
	}

	/**
	 * .footer
	 */
	.footer{
		margin:.6rem auto 0 auto;
		padding:.6rem 0;
	}

	@media (max-width: 340px) {
		.common-header li.logo{
			margin:0;
		}
	}
}

@media (max-width: 340px), (max-height: 340px) {
	.common-main{
		width:15.5rem;
		height:15.5rem;
	}

	.content{
		margin: -6.25rem auto auto -6.25rem;
		padding: 1.1rem 1rem;
		width: 12.5rem;
		height: 12.5rem;
		border-radius: 12.5rem;
	}

	.copyrights{
		display:none;
	}
}