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




/*right*/
#rightdiv{
background:#003366;
}
#pro_right{
width:745px;
padding-left:30px;
}

/*right content*/
/*frame of product*/
/*pro_dark*/
#product_test{
background:#000033;
}

.pro_dark{
background:url(../images/pro_frame_bg_dark.png) repeat top left;
margin:0px 0px 10px 0px;
min-width:762px;
min-height:177px;
}


.pro_light{
background:url(../images/pro_frame_bg_light.png) repeat top left;
margin:0px 0px 10px 0px;
min-width:558px;
width: 100%;
min-height:200px;
}


.pro_frame{
float:left;
width:158px;
height:158px;
margin-left:20px;
margin-top:20px;
position:relative;
}

.pro_img{
position:absolute;
top:14px;
left:14px;
}

.productframe_right{
float: left;
width: 82%;
margin: 20px 15px 0px 15px;
}

.pro_info_title{
font-size:15pt;
color:#570051;
font-family:'Playfair Display', serif;
}

.pro_info_text{
color:#666666;
}

/*more btn*/
#more_test{
background:#00CC66;
}

.more_btn{
float:right;
margin:34px 0 0 0;
}

.more_btn a{
background:#008FD5;
display:block;
padding:2px 10px;
text-decoration:none;
font-size:10pt;
color:#fff;
font-weight:bold;}

.more_btn a:hover{
background:#F4F4F4;
text-decoration:none;
font-size:10pt;
color:#000;
}


#header_pro{
margin:0px 0px 0px 0px;
background:url(../images/header_bg.jpg) repeat-x top center;
height:212px;
width:1012px;
}


.left {
float: left;
}