@import url("reset.css");

body {
	font-size:100%;
	font-family:arial;
	line-height:0;
	　}

img, object { max-width: 100%; height:auto;
	display:block;}
img { -ms-interpolation-mode: bicubic; ;}

.wrapper{
	width:100%;
	background:url(../images/header_bg.jpg);}
	
.page_header{
	margin:0 auto;
	width:100%;
	max-width:1000px;
	height:33px;}
	
	.date{word-wrap: break-word;
		word-break: break-all;
		min-height: 20px;}
	
	.co_logo{
		width:49%;
		float:left;
		}
		
	.co_link{
		width:49%;
		float:right;
		border:1px solid #aaa;
		}
		
	.co_app{ display:none;}
	
	.middle{ 
		margin:0 auto;
		background:#FFF;
		max-width:1000px;
		}
	
footer{
	position:relative;}
	.cfield{
		width:165px;
		position:absolute;
		z-index:50;
		top:13px;
		right:130px;
		padding:5px;
		}
		#cf18{
			-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
			-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
			box-shadow:inset 0px 1px 0px 0px #f7c5c0;
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff3d64), color-stop(1, #e00029) );
			background:-moz-linear-gradient( center top, #ff3d64 5%, #e00029 100% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3d64', endColorstr='#e00029');
			background-color:#ff3d64;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
			border:1px solid #d83526;
			display:inline-block;
		}
		#cf15{
			-moz-box-shadow:inset 0px 1px 0px 0px #fceaca;
			-webkit-box-shadow:inset 0px 1px 0px 0px #fceaca;
			box-shadow:inset 0px 1px 0px 0px #fceaca;
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fca729), color-stop(1, #f29100) );
			background:-moz-linear-gradient( center top, #fca729 5%, #f29100 100% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fca729', endColorstr='#f29100');
			background-color:#fca729;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
			border:1px solid #eeb44f;
			display:inline-block;
	}
		#cf12{
			-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
			-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
			box-shadow:inset 0px 1px 0px 0px #fce2c1;
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffe354), color-stop(1, #fed800) );
			background:-moz-linear-gradient( center top, #ffe354 5%, #fed800 100% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe354', endColorstr='#fed800');
			background-color:#ffe354;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
			border:1px solid #eeb44f;
			display:inline-block;
			}
		#cf6{
			-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
			-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
			box-shadow:inset 0px 1px 0px 0px #97c4fe;
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #07abeb), color-stop(1, #009ddb) );
			background:-moz-linear-gradient( center top, #07abeb 5%, #009ddb 100% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#07abeb', endColorstr='#009ddb');
			background-color:#07abeb;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
			border:1px solid #337fed;
			display:inline-block;
			}
		#cf0{
			-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
			-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
			box-shadow:inset 0px 1px 0px 0px #c1ed9c;
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #58cc46), color-stop(1, #44b133) );
			background:-moz-linear-gradient( center top, #58cc46 5%, #44b133 100% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#58cc46', endColorstr='#44b133');
			background-color:#58cc46;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
			border:1px solid #83c41a;
			display:inline-block;
			}
		.cname{
			display:block;
			width:105px;
			float:right;
			font-size:13px;
			color:#ffffff;
			line-height:120%;
			word-wrap: break-word;
			word-break: break-all;
			vertical-align:middle;}
			#cn12{ color:#aba322;}
		.cimg{
			display:block;
			width:50px;
			height:50px;
			float:left;
			-webkit-border-top-left-radius:6px;
			-moz-border-radius-topleft:6px;
			border-top-left-radius:6px;
			-webkit-border-top-right-radius:6px;
			-moz-border-radius-topright:6px;
			border-top-right-radius:6px;
			-webkit-border-bottom-right-radius:6px;
			-moz-border-radius-bottomright:6px;
			border-bottom-right-radius:6px;
			-webkit-border-bottom-left-radius:6px;
			-moz-border-radius-bottomleft:6px;
			border-bottom-left-radius:6px;
			text-indent:-9999px;
			border:1px solid #fff;
			}
			
			#cimg18{background:url(https://image.mycard520.com/mycard/model/swclassify/images/18.png);}
			#cimg15{background:url(https://image.mycard520.com/mycard/model/swclassify/images/15.png);}
			#cimg12{background:url(https://image.mycard520.com/mycard/model/swclassify/images/12.png);}
			#cimg6{background:url(https://image.mycard520.com/mycard/model/swclassify/images/6.png);}
			#cimg0{background:url(https://image.mycard520.com/mycard/model/swclassify/images/0.png);}
.footer_iframe{
	width:100%;
	border-top:1px solid #49abe1;
	padding:15px 10px;
	background:url(../images/footer_bg.png);
	background-repeat:repeat-x;
	}
	.copyright{
		width:95%;
		max-width:1000px;
		margin:0 auto 10px ;
		padding:0 5px;
		}
	
	.c_img a{
		display:block;
		background:url(../images/footer_logo.png);
		width:95px;
		height:60px;
		text-indent:-9999px;
		float:left;}
		.c_info{
			}
		.c_info p{
			color:#999;
			font-size:75%;
			padding:3px 0;
			line-height:100%;
			}
			
			 .c_info p a{
				 color:#999;}
				 
				 .c_info p a:hover{
					 color:#49abe1;}
					 
	.mobile_wrapper{
		display:none;}


/* 元件 */
.clear{ clear:both;}
.btn1 {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0074e8), color-stop(1, #49ace1) );
	background:-moz-linear-gradient( center top, #0074e8 5%, #49ace1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0074e8', endColorstr='#49ace1');
	background-color:#0074e8;
	-webkit-border-top-left-radius:11px;
	-moz-border-radius-topleft:11px;
	border-top-left-radius:11px;
	-webkit-border-top-right-radius:11px;
	-moz-border-radius-topright:11px;
	border-top-right-radius:11px;
	-webkit-border-bottom-right-radius:11px;
	-moz-border-radius-bottomright:11px;
	border-bottom-right-radius:11px;
	-webkit-border-bottom-left-radius:11px;
	-moz-border-radius-bottomleft:11px;
	border-bottom-left-radius:11px;
	text-indent:0;
	border:1px solid #337fed;
	display:block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	padding:10px 45px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;
	margin:15px auto;
	width:40%;
	
}
.btn1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #49ace1), color-stop(1, #0074e8) );
	background:-moz-linear-gradient( center top, #49ace1 5%, #0074e8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#49ace1', endColorstr='#0074e8');
	background-color:#49ace1;
}.btn1:active {
	position:relative;
	top:1px;
}

/* 遊戲分級 */
.footer{}