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


body{
    padding:0;
    margin:0;
    background:url(images/body_bg.jpg) 0 0 repeat-x #fff;
    color:#505050; 
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
    margin:0;
    padding:0;
}

ul{
    margin:0; 
    padding:0; 
    list-style-type:none;
    font-size:0;
}

/*------------------------------------------------body--------------------*/

/*------------------------------------------------header--------------------*/
#header {
    width:960px;
    height:113px;
    margin:0 auto;
    position:relative;
}
#header p.logo{
    display:block;
    width:164px;
    height:79px;
    position:absolute;
    left:0px;
    top:0;
}

#header p.email{
    display:block;
    width:296px;
    height:23px;
    position:absolute;
    right:0px;
    top: 56px;
}
#header p.nav_left{
    display:block;
    background:url(images/nav_right_bg.gif) 0 0 no-repeat;
    width:362px;
    height:34px;
    right:0px;
    bottom:0px;
    background-image: url(images/nav_right_bg.gif);
    float:right;
    margin:79px 0 0 0;

}

/*------------------------------------------------header--------------------*/

/*------------------------------------------------flash_banner--------------------*/
#flash_banner {
    width:960px;
    height:246px;
    margin:0 auto;
}
#overrall_product_banner {
    width:960px;
    height:246px;
    margin:0 auto;
}

#product_banner {
    width:960px;
    height:246px;
    margin:0 auto;
}


/*------------------------------------------------flash_banner--------------------*/



/*------------------------------------------------main_body-------------------*/
#main_body {
    width:960px;
    background-color:#eaeaea;
    background-image: url(images/main_bg_top.jpg);
    background-repeat: repeat-x;
    display: block;
    clear: both;
    margin: 0 auto 0 auto;
    padding:0 0 5px 0 ;
    /*position: relative;*/
    height:auto;
    font-family: Arial, Helvetica, sans-serif;
    

}
#main_body p.page_title{
    display:block;
    width:265px;
    height:47px;
    left:0px;
    top:0px;
}
/*-----------------------------------------------left_nav------------------*/
#left_nav {
    float: left;
    width: 186px;
    margin:34px 0 0 0;
    height: auto;
    font-size: 12px;
    background-color: #8d9ca5;
    padding:5 0 0 0;
}

#left_nav p.title {
    background:url(images/left_nav_title.gif);
    display:block;
    height:35px;
    width:186;
}


#left_nav ul {
    padding:0 0 10px 0px;
    font-size: 12px;
}

#left_nav ul a{
    padding:0 0 0 25px;
    font-size: 12px;
    text-decoration: none;
}



#left_nav ul ul li a{
    padding:0 0 0 35px;
    font-size: 11px;
    text-decoration: none;
}




#left_nav ul.point_of_sale{
    color: #fffc00;
    padding:5px 0 0 0;
}

#left_nav ul.point_of_sale p a{
    display:block;
    width:150px;
    color: #445158;
    font-size: 12px;
    font-weight: bold;
    background-image: url(images/nav_dot.jpg);
    background-repeat: no-repeat;
    background-position: 18px 3px;
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 25px;
    text-decoration: none;
}

#left_nav ul.point_of_sale p a:hover{
    text-decoration:underline;
}


#left_nav ul.point_of_sale li a{
    color: #fffc00;
    text-decoration:none;
    font-size: 12px;
}
#left_nav ul.point_of_sale li a:hover{
    color: #fffc00;
    text-decoration: underline;
}

#left_nav ul.point_of_sale ul li a{
    color: #fff;
    font-size: 11px;
    text-decoration:none;
    
}
#left_nav ul.point_of_sale ul li a:hover{
    color: #fff;
    text-decoration: underline;
    
}

#left_nav ul.countertop{
    color: #fffc00;
    padding-top: 5px;
}

#left_nav ul.countertop p a{
    display:block;
    width:150px;
    color: #445158;
    padding:0 0 0 25px;
    margin:5px 0 10px 0 ;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-image: url(images/nav_dot.jpg);
    background-repeat: no-repeat;
    background-position: 18px 3px;
    text-decoration:none;
}

#left_nav ul.countertop p a:hover{
    text-decoration:underline;  
}


#left_nav ul.countertop a{
    color: #fffc00;
    text-decoration:none;
    margin-bottom: 50px;
    
}

#left_nav ul.countertop a:hover{
    text-decoration:underline;
}
/*----------------------------------------------3D demo------------------*/
#3d_demo{
    height: 172px;
    width: 186px;
    left: 0px;
    padding:0;
    top: auto;
}
    
/*----------------------------------------------contents------------------*/
#contents {
    margin:34px 0 200px 0 ;
    padding:0 0 0 0;
    float: right;
    width: 740px;
    height:auto;
}

/*--------------------------------------------product_lv1--------------*/
.product_lv1_title{
    float: left;
    padding:0;
    margin:0 0 0 0;
    right: 0px;
    display:block;
    width:600px;
}
.lv1_category_button {
    display:block;
    float: left;
    height:292px;
    width:172px;
    margin:20px 12px 40px 0 ;
    float:left;
}
/*----------------------------------------------product_lv2------------------*/
.lv2_title {
    height:32px;
    width:704px;
    font-size:24px;
    font-weight:bold;
    color:#b9bd40;
}
.lv2_product_list {
    height:148px;
    width:704px;
    background-color:#FFF;
    background-image:url(images/lv_list_line.gif);
    background-repeat: no-repeat;
    background-position: bottom;
}

.lv2_product_list_no_line {
    height:148px;
    width:704px;
    background-color:#FFF;
}

.lv2_product_box{
    height:128px;
    width:525px;
    float:right;
    margin:10px;
}

.lv2_product_pic{
    height:127px;
    width:127px;
    margin:10px;
    float:left;
}

.lv2_product_pic Img{
	border:0;
}

.lv2_product_list_title {
    height:30px;
    width:510px;
    color:#445c7a;
    font-size:21px;
}

.lv2_product_list_title span {
    color:#bbbd42;
    font-size:16px;
}


.lv2_product_list_text {
    height:80px;
    width:510px;
    color:#545453;
    font-size:12px;
}

.lv2_product_list_text ul{
    
}

.lv2_product_list_text ul li{
    display:block;
    height:17px;
    font-size:12px;
    padding:0 0 0 8px;
    background-image:url(images/lv2_title_features_dot.jpg);
    background-repeat:no-repeat;
}

.lv2_product_list_more {
    display:block;
    height:18px;
    width:100px;
    color:#545453;
    font-size:12px;
}

span.learn_icon{
    margin:0 5px 0 0;
}

.lv2_product_list_more a{
    color:#545453;
    text-decoration: none;
    
}
.lv2_product_list_more a:hover{
    text-decoration:underline;
    display: run-in;
}

.lv2_product_list_line {
    height: 7px;
    width:704px;
    background:url(images/lv_list_line.gif)0 0 no-repeat;
}

/*----------------------------------------------product_lv3------------------*/
#lv3_title {
    height: 80px;
    width: 650px;
    margin:0 auto 20px 60px ;
    font-size:20px;
    color:#445c7a;
    
}

#lv3_title span {
    font-family:Arial, Helvetica, sans-serif;
    font-size:40px;
    color:#b9bd40;
}


#lv3_product_image {
    height: 250px;
    width: 490px;
    margin:0 auto 60px 60px ;
}

.product_image_big{
    height: 230px;
    width: 230px;
    margin:0 30px 15px 0 ;
    float:left;
}

.product_image_thumb_area{
    height: 230px;
    width: 230px;
    float:right;
}

.product_image_thumb_area_more{
    height:20px;
    padding:50px 0 0 0;
	color:#445b7a;
    
}

.product_image_thumb_area_more a{
    color:#445c7a;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-decoration:none;
}

.product_image_thumb_area_more a:hover{
    text-decoration: underline;
}


.product_image_thumb Img{
    border: 1px solid #797979;
    height:64px;
    width:64px;
}

.product_image_download{
    height: 20px;
    width:136px;
    padding:0 0 0 0 ;
    margin:2px 0 0  0;
}



span.lv3_title_pic Img{
    margin:0 0 10px 0 ;
}

#lv3_product_highlight {
    height:auto;
    width: 650px;
    margin:0 auto 60px 60px;
}

#lv3_product_highlight ul.highlight{
    
}

#lv3_product_highlight ul.highlight li{
    display:block;
    height:20px;
    font-size:12px;
    padding:0 0 0 8px;
    background-image:url(images/lv3_title_features_dot.jpg);
    background-repeat:no-repeat;
}



.product_highlight{
    color:#505050;
    font-size:12px;
    height:auto;
    width: 600px;
}


#lv3_product_features {
    height:auto;
    width: 650px;
    margin:0 auto 60px 60px;
	font-size:12px;
}

#lv3_product_features ul.features Img{
    border:#000 solid 1px;
}

#lv3_product_features ul.features{
    list-style:none;
    margin-left:0;
    padding-left:0;
	font-size:12px;
    
}

#lv3_product_features ul.features li{
    display: inline;
    height:150px;
    width:150px;
    font-size:12px;
    margin:0;
}

.highlight_text{
    height:20px;
    font-size:12px;
    text-align: left;
    
}



.features_text{
    color:#505050;
    font-size:12px;
    height:180px;
    width: 600px;
}


#lv3_product_specifications {
    height:auto;
    width: 650px;
    margin:0 auto 60px 60px;
}

.specifications_text{
    color:#505050;
    font-size:12px;
    height:auto;
    width: 630px;

}
/*-------------------------------------------------about----------------------*/
#contents_about {
    margin:85px 102px 200px 100px;
    padding:0 0 0 0;
    width: 752px;
    height:auto;
}

#about_area{
    width: 752px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#535353;
    margin:0 0 50px 0;
    float:left;
}
.about_pic{
    width:184px;
    height:63px;
    margin:45px 0 0 40px;
    float:left; 
}

.about_pic2{
    width:184px;
    height:63px;
    margin:25px 0 0 40px;
    float:left; 
}

.about_title{
    width:752px;
    height:21px;
    float:right;
    margin:0 0 25px 0 ;
    background:url(images/about_text_title_bg.jpg);
}

.about_text{
    width:752px;
    height:auto;
    float:right;
    margin:5px 0 35px 0;
}

.about_text_office{
    width:447px;
    height:auto;
    float:right;
}

.about_text_office h1{
    font-size:20px;
    font-weight:bold;
    color:#34465c;
    line-height:35px;
}

.about_text_office h2{
    font-size:20px;
    color:#61727c;
    font-weight:normal;
    line-height:35px;
}

.about_text_office span{
    font-size:13px;
    font-weight:bold;
    color:#000;
    line-height:18px;
    
}

.about_text_office p{
    line-height:20px;
}

.about_text_office a{
    color:#5a656b;
    text-decoration:underline;
}

.about_text_office a:hover{
    color:#000;
}

/*-------------------------------------------------support----------------------*/
#support_nav_policy{
    width: 885px;
    height:39px;
    margin:40px auto 0 auto;
}

#support_nav_download{
    width: 885px;
    height:39px;
    margin:40px auto 0 auto;
}

#contents_support {
    margin:0 auto 200px auto;
    padding:60px 98px 0 42px;
    width: 789px;
    height:auto;
    background:url(images/support_main_bg.gif);
    background-repeat:no-repeat;
}

#support_text_area{
    width: 792px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#5a5a5a;

}

.support_title_area{
    width:700px;
    height:auto;
    color:#3c5573;
    font-size:14px;
    margin:0 0 80px 0 ;
}
.support_title_area span{
    font-size:16px;
    font-weight:bold;
}

.support_title_area a{
    color:#999;
    text-decoration:none;
    font-size:12px;
}

.support_title_area a:hover{
    color:#3c5573;
    text-decoration: underline;
}


.support_table{
    width:700px;
    height:auto;
    color:#000;
}

.support_table h1{
    font-size:16px;
    font-weight:bold;
    color:#3c5573;
}

.support_table h2{
    font-size:14px;
    font-weight:bold;
    color:#999;
}


.support_table a{
    text-decoration:underline; 
    color:#000;
}

.support_table a:hover{
    color:#34465e;
}

.support_table span{
    color:#fff;
}

/*-------------------------------------------------contact----------------------*/
.style1{
    color:#F00;
    font-size:14px;
    vertical-align: text-top;
    white-space: pre;
}

#contents_conatct {
    margin:25px 29px 200px 0;
    padding:0 0 0 0;
    width: 535px;
    height:800px;
    float:right;
}

#contact_info{
    width: 295px;
    height:635px;
    background:url(images/contact_info_bg.gif);
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#162630;
    font-weight:bold;
    margin:25px 15px 0 18px;
    padding:0 0 0 22px;
    float:left;
}
#contact_info p{
    line-height: 14px;
}

#contact_info a{
    font-size:12px;
    font-weight:bold;
    color:#3d6178;
    text-decoration:none;
}

#contact_info a:hover{
    text-decoration: underline;
}

#contact_info span{

    font-size:12px;
    font-weight:bold;
    color:#3d6178;

}

#contact_info span a{

    font-size:12px;
    font-weight:bold;
    color:#3d6178;
    font-style:italic;
	text-decoration: none;
    


}

#contact_info span a:hover{

text-decoration:underline;
    

}

#contact_info span.text1{

    font-size:12px;
    color:#000;
    font-weight: normal;

}

#contact_info span.text1 a{

    font-size:12px;
    color:#3d6178;
    font-weight: normal;
    text-decoration:none;
    font-style:normal;
}

#contact_info span.text1 a:hover{


    text-decoration: underline;

}

#conatct_text_top_pic {
    margin:0 0 15px 0;
    padding:0 0 0 0;
    width: 535px;
    height:36px;

}


.contactformfield {
    font-family: Arial, Helvetica, sans-serif,

    color: #000000;
    width: 400px;
    float: left;
    height: 21px;
    margin: 20px 0 0 2px;
    padding:0;
/*這是前3個 填區域大小設定**/
}
.contactsubmit {
    height: 50px;
    width: 300px;
    clip: rect(500px,500px,auto,auto);
    float: left;
    margin: 5px;
    padding:0 0 0 100px;
    /*//submit按鈕區域*/
}
.contacttext {
    height: 18px;
    width: 100px;
    margin: 20px 3px 0 0;
    float: left;
    text-align:right;
    font-family: Arial, Helvetica, sans-serif,
    font-size: 15px;
    font-weight:bold;
    color: #56656e;

    /*3個名稱的設定*/
}




.contacttext_how{
    height:20px;
    width:490px;
    float: left;
    margin:20px 0 5px 0;
    padding:0 0 0 40px;
    font-family: Arial, Helvetica, sans-serif;
    color: #56656e;
    font-weight:bold;
    font-size: 15px;
}

.contact_radio{
    
    
    height: 126px;
    width: 350px;
    float: left;
    margin: 5px 0 0 0 ;
    padding: 0 0 0 105px;
}



.RadioGroup1{
    letter-spacing:1px;
    line-height: 24px;
    font-family: Arial, Helvetica, sans-serif;
    color: #56656e;
    font-weight:bold;
    font-size: 14px;
}
.commenttext {
    height: 170px;
    width: 100px;
    margin: 20px 3px 0 0;
    float: left;
    text-align:right;
    font-family: Arial, Helvetica, sans-serif,
    font-size: 15px;
    font-weight:bold;
    color: #56656e;
    /*comment名稱的設定*/
}

.contactformmsgfild {

    font-family: Arial, Helvetica, sans-serif,
    font-size: 15px;
    color: #000000;
    height: 170px;
    width: 75%;
    float: left;
    margin: 20px 0 10px 3px ;
    padding: 0px;
    top: 1px;
    clip: rect(1px,auto,auto,auto);
    clear: none;
    right: 30px;
    /*comment區域大小設定*/
}

.contact_required{
    width:350px;
    height:20px;
    padding:0 0 0 80px;
    float:left;
    color:#F00;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: italic;
}



/*------------------------------------------------Textbox --------------------*/

.textboxEffect
{
    background-color:#FFFFFF;
    color:#000000;
    border:1px solid #8d9ca5;
    height: 19px;
    width: 192px;
    font-family: Arial, Helvetica, sans-serif,
    font-size: 15px;
    margin:0 0 0 0 ;
    padding:0 0 0 5px;
}

/*------------------------------------------------Textbox --------------------*/

/*------------------------------------------------Massagebox --------------------*/

.MassageboxEffect
{
    background-color:#FFFFFF;
    color:#000000;
    border:1px solid #8d9ca5;
    height: 170px;
    width: 350px;
    font-family: Arial, Helvetica, sans-serif,
    font-size: 15px;
    margin:0 0 0 0 ;
    padding:0 0 0 5px;
}

/*------------------------------------------------Massagebox --------------------*/
.contacttextindicate {

    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #000000;
}
.submitbutton {
    margin:0 20px 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #6c6f14;
    font-weight:bold;
    height: 21px;
    width: 100px;
    float: left;
    background:#cbce70;
    border:1.5px solid;
    border-right-color: #767929;
    border-bottom-color: #767929;
    border-top-color: #cccf75;
    border-left-color: #cccf75;
}

.submitbutton:hover {
    color: #fff;
    border-top-color: #767929;
    border-right-color: #cccf75;
    border-bottom-color: #cccf75;
    border-left-color: #767929;


}

/*-----------------------------------------------bottom menu-------------------*/
#main_down {
    display: block;
    clear: both;
    margin: 0 auto 5px auto;
    width: 618px;
}
#main_down ul.bottom_menu {
    height:15px;
}


#main_down ul.bottom_menu li{
    float:left;
    color:#000;
    background-color:inherit;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 15px;
    font-weight: normal;
    font-variant: normal;
}
#main_down ul.bottom_menu li a.home_btn{
    display:block;
    height:15px;
    width:96px;
    background:url(images/footer_btn_home.jpg) 0 0 no-repeat;
}
#main_down ul.bottom_menu li a.home_btn:hover{
    display:block;
    height:15px;
    width:96px;
    background:url(images/footer_btn_home_over.jpg) 0 0 no-repeat;
}
#main_down ul.bottom_menu li a.about_btn{
    display:block;
    height:15px;
    width:168px;
    background:url(images/footer_btn_about.jpg) 0 0 no-repeat;
}
#main_down ul.bottom_menu li a.about_btn:hover{
    display:block;
    height:15px;
    width:168px;
    background:url(images/footer_btn_about_over.jpg) 0 0 no-repeat;
}
#main_down ul.bottom_menu li a.product_btn{
    display:block;
    height:15px;
    width:118px;
    background:url(images/footer_btn_product.jpg) 0 0 no-repeat;
}
#main_down ul.bottom_menu li a.product_btn:hover{
    display:block;
    height:15px;
    width:118px;
    background:url(images/footer_btn_product_over.jpg) 0 0 no-repeat;
}
#main_down ul.bottom_menu li a.support_btn{
    display:block;
    height:15px;
    width:121px;
    background:url(images/footer_btn_support.jpg) 0 0 no-repeat;
}
#main_down ul.bottom_menu li a.support_btn:hover{
    display:block;
    height:15px;
    width:121px;
    background:url(images/footer_btn_support_over.jpg) 0 0 no-repeat;
}
#main_down ul.bottom_menu li a.contact_btn{
    display:block;
    height:15px;
    width:103px;
    background:url(images/footer_btn_contact.jpg) 0 0 no-repeat;
}
#main_down ul.bottom_menu li a.contact_btn:hover{
    display:block;
    height:15px;
    width:103px;
    background:url(images/footer_btn_contact_over.jpg) 0 0 no-repeat;
}   

/*------------------------------------------------main_body-------------------*/

/*------------------------------------------------footer-------------------*/
#footer_main {
    width:100%;
    background:url(images/footer_bg.jpg) 0 0 repeat-x;
    height:34px;
    padding:0 0 0 0;
}

#footer_main p.copyright {
    font-family: Arial, Helvetica, sans-serif;
    color: #9facbc;
    text-align:center;
    padding:15px 0 0 0;
    font-size: 10px;
}

#footer_main p.copyright a {
    text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
    color: #9facbc;
    font-size: 10px;
}

#footer_main p.copyright a:hover {
    text-decoration: underline;
}