@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:120px;
		float:left;
		}
		
		.co_ad_ul{
			padding-left:60px;
			overflow:hidden;}
		.co_ad_ul li{
			color:#999;
			float:left;
			display:inline-block;
			padding:0 5px;
			font-size:13px;
			line-height:33px;}
			
			.co_ad_ul li a{
			text-decoration:none;
			color:#999;
			}
			.co_ad_ul li a:hover{
			color:#49abe1;}
	.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;}

@media screen and (max-width: 600px) {
	
		/* header */
		.co_ad_ul{ display:none;}
		.co_link{
			display:none;
				-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
				-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
				box-shadow:inset 0px 1px 0px 0px #bbdaf7;
				background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #49ace1), color-stop(1, #49ace1) );
				background:-moz-linear-gradient( center top, #49ace1 5%, #49ace1 100% );
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#49ace1', endColorstr='#49ace1');
				background-color:#49ace1;
				-webkit-border-top-left-radius:8px;
				-moz-border-radius-topleft:8px;
				border-top-left-radius:8px;
				-webkit-border-top-right-radius:8px;
				-moz-border-radius-topright:8px;
				border-top-right-radius:8px;
				-webkit-border-bottom-right-radius:8px;
				-moz-border-radius-bottomright:8px;
				border-bottom-right-radius:8px;
				-webkit-border-bottom-left-radius:8px;
				-moz-border-radius-bottomleft:8px;
				border-bottom-left-radius:8px;
				text-indent:0;
				border:1px solid #84bbf3;
				display:inline-block;
				color:#ffffff;
				font-family:Arial;
				font-size:13px;
				font-weight:bold;
				font-style:normal;
				height:26px;
				line-height:26px;
				width:160px;
				text-decoration:none;
				text-align:center;
				text-shadow:1px 1px 0px #528ecc;
			}
			.co_link:hover {
				background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #49ace1), color-stop(1, #49ace1) );
				background:-moz-linear-gradient( center top, #49ace1 5%, #49ace1 100% );
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#49ace1', endColorstr='#49ace1');
				background-color:#49ace1;
			}.co_link:active {
				position:relative;
				top:1px;
			}
		
		.co_logo{
			padding:3px 0 0 3px;}
		.co_app{ 
			display:block;}
			
			
		/* footer */
		.c_img a{ display:none;}
		
		/* index */
		.index_wrapper{
			display:none;}
			
		/* mobile */ 
		.mobile_wrapper{
			display:block;
			overflow:hidden;
			}
			
			.m_header{
				margin:0 auto;
				width:100%;
				text-align:center;}
				
				
			.m_middle{
				margin:0 auto;
				width:100%;
				background-color:#FFF;
				padding:10px 0;}
				
				.m_title{
					text-align:center;}
				
					.m_h1{
						line-height:150%;
						margin:0 0 10px 0;
						display:block;
						padding:0 5px;}
					
					.m_h2{
						display:block;
						text-align:center;
						padding:5px;
						-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;
						margin:0 auto 15px;
						width:80%;
						line-height: 150%;
						}
						
						.m_content p{
							font-size:75%;
							line-height:200%;
							display:block;
							padding: 0 10px;
							margin:0 0 15px 0;}
							
					.m_notice_ul{
						margin:0 0 15px;
						font-size:75%;
						padding:0 10px;}
						
						.m_notice_ul li{
							line-height:150%;
							margin:0 0 10px;}
							
			.cfield{ display:none!important;}	
				#cf18 , #cf15 , #cf12 , #cf6 , #cf0{ display:block;}
			/* mobile's table */
			table{
				font-size:75%;
				width:95%;
				font-size:13px;
				color:#FFF;
				line-height:150%;
				margin:10px auto;}
				
				td{ 
				background-color:#FFF;
				color:#2b2b2b;
				text-align:center;
				font-family:Verdana, "新細明體";
				font-size:11px;
				padding:3px 5px 3px 5px;
				line-height:150%;
				border:1px solid #929292;
				}
 /* 手機版結束 */


/* 元件 */
.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{}