@import url("reset.css");

*{
	/*-webkit-box-sizing:border-box;*/
	-webkit-text-size-adjust:none;
	text-decoration:none;
	}

.BLACK{
	width:100%;
	height:100%;max-height:100%;
	background-color:#000;
	margin:0 auto;
	padding:0;
	-moz-background-size: cover;
	background-size: cover;
	opacity:0.7;
	z-index:1001;
	position: fixed;
	}

#history_pop{
	width:95%;
	position:absolute;
	z-index:1002;
	height:auto;
	overflow:hidden;
	left:2.5%;
	top:20px;
	background-color:#fff;}

#history_pop .HISTORY_BAR{
	width:100%;
	height:45px;
	border-bottom:1px solid #6e25a8;
	padding:0% 2% 0% 2%;
	}

#history_pop .HISTORY_BAR p{
	float:left;
	font-family:Arial, Helvetica, "微軟正黑體", sans-serif;
	color:#6e25a8;
	font-size:1.2em;
	line-height:45px;}

#history_pop .RECORD{
	display:inline-block;
	width:30px;
	height:30px;
	background-size:30px 30px;
	margin-bottom:-8px;}

#history_pop .HISTORY_BAR .CLOSE{
	float:right;
	width:45px;
	height:45px;}

#history_pop .HISTORY_BAR .CLOSE a{
	display:block;
	width:43px;
	height:43px;
	text-indent:-9999px;
	background-image:url(../images/history_pop/x_icon.png);
	background-repeat:no-repeat;
	background-size:20px 20px;
	background-position:right center;}

#history_pop .HISTORY_LIST{
	width:95%;
	margin:0 auto;
	}
#history_pop .HISTORY_LIST ul{
	list-style:disc;
	color:#06C;
	padding:0 0px 0 25px;
	}

#history_pop .HISTORY_LIST li{
	width: 100%;
	padding:2px;
	margin:15px 0px 15px 0;
	}

#history_pop .HISTORY_LIST li a{
	width: 100%;
	font-size: 1em;
	color:#06C;
	font-family:Arial, Helvetica, "微軟正黑體", sans-serif;
	line-height: 1.3em;
	display: block;
	}

#history_pop .HISTORY_BAR02{
	width:95%;
	margin:0 auto;
	height:40px;
	padding:0% 2% 0% 0%;
	border-top:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	}

#history_pop .HISTORY_BAR02 p{
	font-family:Arial, Helvetica, "微軟正黑體", sans-serif;
	color:#6e25a8;
	font-size:1.2em;
	line-height:40px;
	}


#history_pop .HOT_RECOM{
	width:95%;
	margin:0 auto;
	padding-bottom:10px;}
#history_pop .HOT_RECOM	li{
	width: 100%;
	height:40px;
	}

#history_pop .HOT_RECOM ul.RECOM li a{
	width: 100%;
	line-height:40px;
	font-size: 1em;
	color:#06C;
	font-family:Arial, Helvetica, "微軟正黑體", sans-serif;}

#history_pop .HOT_RECOM ul.RECOM li img{
	float:left;
	width:25px;
	height:25px;
	border:0;
	margin:5px 10px 0 0;}

#history_pop .HOT_RECOM ul.RECOM li .AS_LIST{
	float:left;
	width:23px;
	height:23px;
	background-color:#e2cdfd;
	font-size:0.9em;
	line-height:23px;
	text-align:center;
	border-radius: 23px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	color:#333;
	margin-left:2px;
	margin-top:7px;
	}
    
.PC .BLACK {
    width: 750px;
    left: 50%;
    transform: translateX(-50%);
}  
.PC #history_pop {
    width: 730px;
    left: 50%;
    transform: translateX(-50%);
}  
/* iPad Portrait (768px) */
@media screen and (max-width: 768px) {
.PC .BLACK {
    width: 100% !important;
}  
.PC #history_pop {
    width: 90% !important;
}
}

/* iPad Landscape (1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
.PC .BLACK {
    width: 100% !important;
}  
.PC #history_pop {
    width: 90% !important;
}
}