*{
	/*font-family: Microsoft JhengHei;*/
	font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
}
html{
	overflow-x:auto!important;
}
body{
	background-color:#0F1539;
}
.w1200{
	width:1200px;
}
.bgDiv{
	max-width:1200px;
	margin:0 auto;
	background-color:#0F1539;
	background:url('../images/mid_bg.jpg') #0f1539 center top;
	background-repeat: no-repeat;
}
.w3-padding-left8{
	padding-left:8px!important;
}
.w3-padding-right8{
	padding-right:8px!important;
}
.overDiv{
	display:none;
}
.feature1{
	cursor:pointer;
	position:absolute;
	top:197px;
	left:97px;
}
.feature2{
	cursor:pointer;
	position:absolute;
	top:342px;
	left:315px;
}
.feature3{
	cursor:pointer;
	position:absolute;
	top:10px;
	left:395px;
}
.feature4{
	cursor:pointer;
	position:absolute;
	top:110px;
	left:592px;
}
.feature5{
	cursor:pointer;
	position:absolute;
	top:100px;
	left:882px;
}
.productLeftMenu a{
	text-decoration:none;
}
.productLeftMenu a:hover{
	text-decoration:underline;
}
.productFilterResultTd{
	background:url('../images/pd_bg_repeat.png') top;
	background-repeat: repeat-y;
}
.productFilterImg{
	background-image: url('../images/pd_glow.png');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom;
	height:350px;
}
.productFilter1{
	color:#a7c4f4;
	font-size:24px;
	font-weight:bold;
	padding-top:10px;
}
.productFilter2{
	color:#a7c4f4;
	font-size:18px;
	padding-top:10px;
}
.productFilter3{
	margin-top:20px;
	font-size:14px;
	padding-left:30px;
	border-left:#FFF 1px solid;
}
.productFilter4{
	padding-top:10px;
	font-size:12px;
	padding-left:30px;
}
.productFilter5{
	padding-top:20px;
	font-size:14px;
	padding-left:30px;
}
.productFilter6{
	padding-top:10px;
	font-size:14px;
	padding-left:30px;
}
.mobile-version .productFilter1{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	padding:0 10px;
}
.mobile-version .productFilter2{
	font-size:18px;
	text-align:center;
	padding:0 10px;
}
.mobile-version .productFilter3{
	font-size:14px;
	padding-left:0px;
	border-left:0;
	padding:0 10px;
}
.mobile-version .productFilter4{
	padding-top:10px;
	font-size:12px;
	padding-left:0px;
	padding:10px 10px 0px;
}
.mobile-version .productFilter5{
	padding-top:20px;
	font-size:14px;
	padding-left:0px;
	padding:20px 10px 0px;
}
.mobile-version .productFilter6{
	padding-top:0px;
	font-size:12px;
	padding-left:0px;
	padding:0px 10px;
}
.productBuyBtn{
	margin:10px 0px;
	margin-top:20px;
	background-color:#0F1539;
	padding:5px 20px;
	display:inline-block;
}
.mobile-version .productBuyBtn{
	margin:10px 0px;
	margin-top:20px;
	background-color:#01122f;
	padding:9px 20px;
	display:inline-block;
}
.productFilterBottomBorder{
	width:85%;
	margin:0 auto;
	border-bottom:2px dotted #104a8d;
	margin-bottom:30px;
}
.mobile-version .productFilterBottomBorder{
	width:100%;
	margin:0 auto;
	border-bottom:2px dotted #104a8d;
	margin-bottom:30px;
}

.quizAge{
	background-color:#0F1539;
	padding:5px 20px;
	border:0px;
	outline:none;
	color:#FFF;
}	
.quizNextq{
	width:500px;
	margin:0 50px;
	padding:15px 50px;
	background-color:#0F1539;
	color:#CCC!important;
	-moz-border-top-left-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-ms-border-top-left-radius: 15px;
	border-top-left-radius: 15px;
	-moz-border-top-right-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-ms-border-top-right-radius: 15px;
	border-top-right-radius: 15px;
}

.quizOptImg{
	vertical-align:middle;
}
.quizAnsLink a{
	font-size:28px;
	text-decoration:none;
}
.quizAnsLink{
	display:inline-block;
	border-bottom:1px solid #FFF;
	padding:10px 0px;
}


.w3-darkblue{
	background-color:#0F1539;
}
.w3-hover-darkblue:hover{
	background-color:#0a0e25;
}
.w3-hover-darkblue-withborder{
	border:1px solid #000;
}
.w3-hover-darkblue-withborder:hover{
	background-color:#0a0e25;
	border:1px solid #FFF;
}


.w3-navbar li a:hover, .w3-navbar .w3-dropdown-hover:hover{
	background:transparent;
	color:inherit;
}

.w3-navbar li a{
	height:46px;
}
.w3-navbar li a.hoverlong:hover,
.w3-navbar li a.hoverlongon
{
	background:url('../images/index/menu_glow_long.png') transparent center bottom no-repeat;
}
.w3-navbar li a.hovermedium:hover,
.w3-navbar li a.hovermediumon{
	background:url('../images/index/menu_glow_medium.png') transparent center bottom no-repeat;
}
.w3-navbar li a.hovershort:hover,
.w3-navbar li a.hovershorton{
	background:url('../images/index/menu_glow_short.png') transparent center bottom no-repeat;
}

.clickable{
	cursor:pointer;
}

.scroll-area::-webkit-scrollbar {
    width: 9px;
}
.scroll-area::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
.scroll-area::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2);
}
.scroll-area::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,0.2);
}
@media only screen and (max-width:600px){
	.bgDiv{
		margin:0 auto;
		background-color:#0F1539;
		background:url('../images/bg_m.jpg') #0f1539 center top;
		background-repeat: no-repeat;
		background-size:100%;
		padding:0 7px;
	}
	.productFilterResultTd{
		background:none;
	}
	.quizNextq{
		width:100%;
		margin:0;
		padding:9px 20px;
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
	}
	.quizOptImg{
		width:25px;
	}
	.productFilterImg{
		background-size:100% 110px;
		height:280px;
	}
	.productLeftMenu{
		padding:0px !important;
	}
	.mobile-skin{
		padding:0px !important;
	}
	.quizAnsLink a{
		font-size:20px;
	}
}