@charset "utf-8";
/* CSS Document */

body{ margin:0; font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, "新細明體" Verdana, Geneva, sans-serif Verdana, Geneva, sans-serif Georgia, "Times New Roman", Times, serif; background-color:#141414;}
ul,li{text-decoration:none; list-style:none; margin:0; padding:0;}

.top2{ 
	background-image:url(../img/product/bg-1.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	background-color:#000;
	width:100%;
	height:421px;
}


.footer{ 
	background-image:url(../img/team/footer_bg.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	background-color:#141414;
	border-top:1px #f00 solid;
	width:100%;
	height:530px;
	clear:both;
}

.downloadListWrap{ width:980px; margin:0 auto;}

/* popup window */

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
.downloadModal{
	color:#FFF;
	display:none; 
	width:650px; 
	height:460px; 
	background-color:#141414; 
	border:#f00 solid 1px;
}
.modal_close{ color:#F00; float:right; display:block; width:20px; height:20px; cursor:pointer; background-image:url(../img/product/close.png); margin-right:5px; margin-top:5px;}

/* List */
.ProductList{ width:980px; margin:0 auto;}
.ProductList a { color:#FFF;}
.ProductList ul li { height:450px; width:240px; margin:20px 0; float:left; color:#FFF; border:#141414 solid 1px; 
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;}
.ProductList ul li h1{ margin:0; padding:0 0 0 30px; font-size:1.5rem;}
.ProductList ul li span{ font-size:0.8rem; color:#CCC; margin-left:30px; display:inline-block;}
.ProductList ul a li:hover{ border:#f00 solid 1px; background-color:#333;}
.ProductList ul a li span{ color:#CCC; }

/* Download */
.downloasTableWrap{ width:100%; margin:10px auto; color:#ccc; font-size:0.8rem; margin:0; height:380px; overflow-x:hidden;
scrollbar-face-color: #FF0000; 
scrollbar-highlight-color: #141414; 
scrollbar-shadow-color: #141414; 
scrollbar-3dlight-color: #141414; 
scrollbar-arrow-color: #FF0000; 
scrollbar-track-color: #141414; 
scrollbar-darkshadow-color: #FF0000;}
.downloasTableWrap ul:nth-child(even){ background: #222; }
.downloasTableWrap ul:nth-child(even):hover{ background: #444; }
.downloasTableWrap ul:nth-child(odd){ background: #141414; }
.downloasTableWrap ul:nth-child(odd):hover{ background:#333; }
.downloasTableWrap ul:first-child:hover{ background: #141414; }
.downloasTableWrap ul li { width:180px; display:inline-block; min-height:30px; padding-top:10px;  height:auto; margin:0; border-style:none; float:none;}
.downloasTableWrap ul li:first-child{ padding-left:20px; width:230px;}
.downloasTableWrap ul li a { color:#F00;}
.downloasTableWrap ul li a::before { content:"- "}

.downloasTableWrap::-webkit-scrollbar{     width: 10px;}
.downloasTableWrap::-webkit-scrollbar-track {      background-color: #141414;}
.downloasTableWrap::-webkit-scrollbar-thumb{      background-color: #f00;}
.downloasTableWrap::-webkit-scrollbar-button{      background-color: #141414;}
.downloasTableWrap::-webkit-scrollbar-corner{      background-color: #141414;}

/* FAQ */
.FAQWrap{ width:100%; margin:0 auto; height:380px; overflow-x:hidden; font-size:1rem; font-weight:normal;
scrollbar-face-color: #FF0000; 
scrollbar-highlight-color: #141414; 
scrollbar-shadow-color: #141414; 
scrollbar-3dlight-color: #141414; 
scrollbar-arrow-color: #FF0000; 
scrollbar-track-color: #141414; 
scrollbar-darkshadow-color: #FF0000;}

.FAQWrap::-webkit-scrollbar{     width: 10px;}
.FAQWrap::-webkit-scrollbar-track {      background-color: #141414;}
.FAQWrap::-webkit-scrollbar-thumb{      background-color: #f00;}
.FAQWrap::-webkit-scrollbar-button{      background-color: #141414;}
.FAQWrap::-webkit-scrollbar-corner{      background-color: #141414;}



.FAQWrap p{ margin:0 0 0 1.6rem ; padding:0; text-indent :-1.6rem; width:520px; padding-left:1.6rem; font-size:1rem; }
.FAQWrap p:nth-child(even){ color:#999;}
.FAQWrap p:nth-child(odd){color:#FFF; margin-top:20px;}
.FAQWrap p:last-child{margin-bottom:30px;}
#teamListFilterColor{ background-color:#141414; color:#F00; border-style:none; font-size:1rem; border-bottom:1px solid #f00; cursor:pointer; padding-left:5px;}
.DownloadSelect{ background-color:#141414; color:#F00; border-style:none; font-size:1rem; border-bottom:1px solid #f00; cursor:pointer; padding-left:5px;}
#DownloadMaterial { margin:30px auto; }
#DownloadMaterial span {color:#F00; font-size:1rem; font-weight:normal;  padding-right:20px;}