table.hovertable 
{
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
    margin-top:15px;
    width:100%;
    background-color:#FFC107;
}
table.hovertable th 
{
	background-color:#A4D4DA;
	border-width: 1px;
	padding: 10px;
	border-style: solid;
	border-color: #a9c6c9;
    text-align:center;
    border-radius:15%;
    font-family:times;
    font-size:14px;
}
#resultTabTestAll th {
    padding:5px;
}
table.hovertable tr
{
	background-color:#d4e3e5;
}
table.hovertable tr.trTest:hover {color: blue;font-weight:bold;font-size:1.1em;}
table.hovertable tr.trBuild:hover {color: blue;font-weight:bold;font-size:1.1em;}
table.hovertable tr.trHipot:hover {color: blue;font-weight:bold;}
table.hovertable td 
{
        border-width: 1px;
        padding: 4px;
        border-style: solid;
        border-color: #a9c6c9;
        text-align:center;
        cursor:default;
        border-radius:10%;
}
span.resultSpanFirst
{
    font-size:1.1em;
    margin-left:15px;
    cursor:default;
}
span.resultSpan
{
    font-size:1.1em;
    margin-left:15px;
    cursor:pointer;
}
span.resultSpanLast
{
    font-size:1.1em;
    cursor:default;
    margin-left:10px;
}
.coruse_line{ margin:0 auto; width:750px; height:150px; background:url(../images/common/course_06.png) repeat-x;}
.coruse_line ul{list-style-type:none;}
.coruse_line li{ float:left; margin-left:30px; text-align:center; width:50px; height:150px;}
.w1 span{ font-size:14px; line-height:25px;font-size:1em;font-weight:bold;cursor:pointer;}
.w2 span{ font-size:14px; line-height:275px;font-size:1em;font-weight:bold;cursor:pointer;}
.coruse_line li.w1{background:url(../images/common/course_04.png) no-repeat;}
.coruse_line li.w2{background:url(../images/common/course_05.png) no-repeat;}
li.caseLi
{
    font-weight:bold;
    cursor:pointer;
}
li.newLi
{
    font-weight:bold;
    cursor:pointer;
}
li.honorLi
{
    font-weight:bold;
    cursor:pointer;
}


.ulsn{list-style: none;}
.ulsn li{display:inline-block;width:87px;height:88px; text-align:center;margin-right:30px;cursor:pointer;}
.ulsn li div{width:87px;height:88px;-moz-transition: none; transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -webkit-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; }
.ulsn li div.selected{background:url(../images/home/navbg.png) no-repeat;}
.ulsn li div:hover{background:url(../images/home/navbg.png) no-repeat;}
.ulsn li img{margin-top:10px;}
.ulsn div h2{font-size:14px;color:gray;margin-top:10px;}

.octagon{list-style: none;width:850px;height:60px;margin:0 auto;padding:0;background-color:#FBCE46;}
.octagon li
{
    display:inline-block;
    width:145px;
    height:60px; 
    text-align:center;
    margin-right:-10px;
    cursor:pointer;
    background:url(../images/common/5.png) no-repeat;
    font-size: 14px;
    color:black;
    font-weight:bold;
}
.octagon li h4 {padding-top:12px; }
.octagon li.selected2{background:url(../images/common/6.png) no-repeat;color:blue;}
.octagon li:hover{background:url(../images/common/6.png) no-repeat;color:blue;}

.productLi {
cursor:pointer;
}