@media ( max-width: 640px )
{
	.ptph
	{
		top: -38px;
	}
	
	
	#catbox
	{
		width: 520px;
		margin-top: 80px;
		height: auto;
		text-align: left;
	}
	
	
	#catbox li
	{
		margin: 52px 60px 52px 60px;
	}
	
	
	#catbox li:first-child
	{
		margin-left: 60px;
	}
	
	
	#catbox li:last-child
	{
		margin-right: 60px;
	}
	
	
	#catbox li a
	{
		-webkit-transform: scale( 1.33 );
		transform: scale( 1.33 );
	}
	
	
	.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;
		padding: 0px;
		transition-duration: 600ms;
	}
	
	
	.cgbcont li
	{
		display: block;
		width: 100%;
		height: 852px;
		padding: 0px;
		margin: 0px;
	}
	
	
	.cgbitem
	{
		width: 100%;
		height: 100%;
		padding: 0px;
		margin: 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;
	}
	
	
	.cgbic
	{
		width: 546px;
		height: 736px;
		padding: 0px;
	}
	
	
	.cgbitagbox
	{
		width: 100%;
		height: 25px;
		margin: 0px auto 0px auto;
	}
	
	
	.cgbitagbox p
	{
		margin-left: 8px;
		padding: 0px 16px 0px 16px;
		font-size: 15px;
		line-height: 25px;
	}
	
	
	.cgbib
	{
		display: block;
		position: relative;
		width: 100%;
		height: 443px;
		padding: 0px;
		margin: 76px auto 0px auto;
		border: 0px;
	}
	
	
	.cgbitem:hover .cgbib
	{
		border-color: transparent;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
		box-shadow: none;
	}
	
	
	.cgbitem:hover img
	{
		-webkit-transform: scale( 1.0 );
		transform: scale( 1.0 );
	}
	
	
	.cgbiinfo
	{
		display: block;
		width: 100%;
		height: 82px;
		margin: 20px 0px 0px 0px;
		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
	{
		position: absolute;
		top: -514px;
		height: 52px;
		margin: 0px;
		font-size: 22px;
		line-height: 26px;
	}
	
	
	.cgbicom
	{
		height: auto;
		font-size: 16px;
		line-height :24px;
	}
	
	
	.cgbilink
	{
		height: 20px;
		font-size: 20px;
		line-height: 20px;
	}
	
	
	.cgbicheck
	{
		height: 64px;
		font-size: 20px;
		line-height: 60px;
		background: #FFFFFF;
		border-bottom: solid 1px #000000;
	}
	
	
	.cgbitem:hover .cgbicheck
	{
		height: 64px;
	}
	
	
	.cgbicheck:hover
	{
		background: #FFFFFF;
	}
	
	
	.cgbiinfo .rm
	{
		display: none;
	}
	
	
	.cgbichiranbtn
	{
		margin: 32px auto 240px auto;
		width: 360px;
		height: 67px;
		font-size: 35px;
		line-height: 67px;
	}
	
	
	.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 );
	}
}