@media ( max-width: 640px )
{
	.ptph
	{
		top: -38px;
	}
	
	
	#catbox
	{
		width: 518px;
		height: auto;
		text-align: left;
	}
	
	
	#catbox li
	{
		width: 243px;
		height: 44px;
		margin: 10px 8px 10px 8px;
	}
	
	
	#catbox li:first-child
	{
		margin-left: 8px;
	}
	
	
	#catbox li:last-child
	{
		margin-right: 8px;
	}
	
	
	#catbox li a
	{
		width: 243px;
		height: 44px;
		font-size: 17px;
		line-height: 44px;
	}
	
	
	#catbox li a:hover
	{
		background-color: #000000;
		text-shadow: none;
	}
	
	
	.cgbox
	{
		width: 640px;
		height: auto;
		margin-top: 98px;
		/*overflow: hidden;*/
		transition-duration: 500ms;
	}
	
	
	.cgbhead
	{
		height: 54px;
		padding: 0px 40px 10px 40px;
	}
	
	
	.cgbhleft
	{
		display: block;
		width: auto;
		height: 26px;
	}
	
	
	.cgbhright
	{
		display: block;
		width: auto;
		height: 16px;
		margin-top: 12px;
		text-align: left;
	}
	
	
	.cgbhleft h3
	{
		font-size: 26px;
		line-height: 26px;
	}
	
	
	.cgbhleft p
	{
		margin-left: 20px;
		font-size: 12px;
		line-height: 18px;
	}
	
	
	.cgbhright p
	{
		margin-top: 0px;
		font-size: 12px;
		line-height: 16px;
	}
	
	
	.cgbcont
	{
		/*height: 590px;*/
		height: auto;
		transition-duration: 600ms;
	}
	
	
	.cgbcont li
	{
		display: block;
		width: 100%;
		height: 196px;
	}
	
	
	.cgbitem
	{
		width: 560px;
		height: 134px;
		padding: 30px 40px 30px 40px;
		margin: 0px 0px 0px 0px;
		border-bottom: dashed 1px rgba( 0, 0, 0, 0.5 );
	}
	
	
	.cgbitem:hover
	{
		background-color: transparent;
	}
	
	
	.cgbcont li:nth-last-child(-n+3) .cgbitem
	{
		border-bottom: dashed 1px rgba( 0, 0, 0, 0.5 );
	}
	
	
	.cgbcont li:last-child .cgbitem
	{
		border-bottom: 0px;
	}
	
	
	.cgbib
	{
		display: inline-block;
		width: 172px;
		height: 134px;
		margin: 0px 0px 0px 0px;
	}
	
	
	.cgbitem:hover img
	{
		-webkit-transform: scale( 1.0 );
		transform: scale( 1.0 );
	}
	
	
	.cgbitem .new
	{
		left: 30px;
		top: 22px;
		width: 72px;
		height: 40px;
		font-size: 16px;
		line-height: 40px;
		border-radius: 20px;
	}
	
	
	.cgbiinfo
	{
		display: inline-block;
		width: 356px;
		height: 134px;
		margin-top: 0px;
		margin-left: 30px;
		vertical-align: top;
	}
	
	
	.cgbidate
	{
		display: block;
		position: relative;
		left: auto;
		top: auto;
		height: 15px;
		padding: 0px 0px 0px 0px;
		font-size: 15px;
		line-height: 15px;
		color: #C30D23;
		background-color: transparent;
	}
	
	
	.cgbititle
	{
		height: 20px;
		margin-top: 8px;
		font-size: 20px;
		line-height: 20px;
	}
	
	
	.cgbicom
	{
		height: auto;
		font-size: 13px;
		line-height :21px;
	}
	
	
	.cgbiinfo .rm
	{
		display: none;
	}
	
	
	.cgbichiranbtn
	{
		left: 0px;
		top: 671px;
		bottom: auto;
		margin: auto;
		width: 334px;
		height: 67px;
		font-size: 35px;
		line-height: 67px;
		transition-duration: 600ms;
	}
	
	
	.cgbichiranbtn:hover
	{
		background-color: #000000;
		text-shadow: none;
	}
	
	
	.cgbbtn
	{
		display: block;
		position: absolute;
		right: 40px;
		top: 10px;
		width: 40px;
		height: 40px;
		overflow: hidden;
		transition-duration: 300ms;
		cursor: pointer;
	}
	
	
	.cgbbtn::before
	{
		content: '';
		display: block;
		position: absolute;
		left: 0px;
		right: 0px;
		top: 18px;
		width: 10px;
		height: 10px;
		margin: auto;
		border-left: solid 5px #000000;
		border-top: solid 5px #000000;
		border-right: solid 5px transparent;
		border-bottom: solid 5px transparent;
		-webkit-transform: scaleY( 1.2 ) rotate( 45deg );
		transform: scaleY( 1.2 ) rotate( 45deg );
	}
	
	
	.cgbox.cgb_closed
	{
		height: 65px;
		/*overflow: hidden;*/
	}
	
	
	.cgbox.cgb_closed .cgbcont
	{
		/*height: 0px;*/
		opacity: 0.0;
		/*overflow: hidden;*/
	}
	
	
	.cgbox.cgb_closed .cgbichiranbtn
	{
		opacity: 0.0;
		/*display: none;*/
	}
	
	
	.cgbox.cgb_closed .cgbbtn
	{
		-webkit-transform: rotateX( 180deg );
		transform: rotateX( 180deg );
	}
	
	
	.pnbox
	{
		margin-top: 60px;
		transform: scale( 1.5 );
	}
}