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

/*--------------------------reset--------------------------*/
a { font:inherit "微軟正黑體", Arial, Helvetica, sans-serif;
    color:#333; 
    text-decoration: none;
}
a:hover { 
    color: #db0000;
    text-decoration: underline;
}
html{ 
    width: 100%; 
}
body{
	width: 100%;
	font:16px Arial, Helvetica, sans-serif;  
	word-spacing: 1px;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	color: #333333;

}
h1,h2,h3,h4,h5,h6{ 
	margin:0; padding:0;
}
:focus {outline: 0;}
h1 {font-size:19px;}
h2 {font-size:18px;}
h3 {font-size:17px;}
h4 {font-size:16px;}
h5 {font-size:15px;}
h6 {font-size:13px;}
.right{ float:right;}
.left{ float:left;}
.note{
	font-size:13px;
	color:#F00;
}
#matter6{
	background-repeat: no-repeat;
	background-position: center center;
	width:110px !important; 
	background-image:url(../image/map01.jpg);
}
a#matter6:hover{
	background-image:url(../image/map02.jpg) !important;
	}
.end{
	clear: both;
	height: 0px;
	padding:0 !important;
	margin:0 !important;
	border: 0!important;
}
a,a img{ border:none;}
/*--------------------------end_reset--------------------------*/

/*網頁路徑*/
#site{
	width: auto;
	font-size: 13px;
	font-family:"微軟正黑體", Arial;
	color:#6f6860;
	padding: 10px 20px 4px 20px;
	font-size: 13px;
	text-align: left;
}


#site a{
	font-size:13px;
}
/*end_網頁路徑*/

/*分頁*/
.page{
	width: 100%;
	font: 13px Arial, Microsoft JhengHei, "微軟正黑體", LiHei Pro, "儷黑體", PMingLiu,"新細明體", sans-serif;
	text-align: center;
	padding: 5px 0;
	margin:10px 0;
	color: #5a5a5a;
}

.page a{
	font-size:13px;
	padding: 2px 4px;
	text-decoration: none;
}
.page a:hover{
	color:#FFF;
	text-decoration: none;
	background:#5a5a5a;
}
/*end_分頁*/

.header_main{
	width:auto;
	height:128px;
	background-color:#f8f4f1;
	}

.header{
	margin:0 auto;
	width:1170px;
	height:128px;
	}
	
.logo{
	float: left;
	width: 396px;
	height: 88px;
	padding-top: 40px;
	text-align: center;
	background: #ffb252 url(../image/topleft01.jpg) right no-repeat;
	}
	
.header_r{
	float:right;
	width:774px;
	height:128px;
	background: #50463b url(../image/taiwancard.jpg) 635px no-repeat;
	}

.login{
	width: 620px;
	height: 30px;
	color: #fffdd5;
	font-size:15px !important;
	text-align: right;
	padding-top:30px;
	font-family:"微軟正黑體", Arial;
	}

.login a{
	color:#ffcab3;
	}



.indexbammer{
	margin:0 auto;
	width:1170px;
	height:418px;
	}
	
#minMax{
	list-style-type:none;
	padding:12px 0 0 5px;
	margin:0;
	}
	
.minMax li img {
    height: auto;
    max-width: 100%;
    display: block;
    vertical-align: left;
    border: 0;
    }
	
/*menu*/
#menu{
	width:620px;
	height:68px;
	font-family:"微軟正黑體", Arial;
	}
#menu ul{
    width:620px;
	height:40x;
	display:block;
	list-style-type: none;
	padding:0;
	margin:0;
}
#menu li {
	float: left;
	display:block;
	width:80px;
	height:60px;
	text-align:center;
	margin-left:18px;
	}
	
#menu li a{
	display:block;
	width:80px;
	height:40px;
	padding-top:20px;
	text-decoration:none;
	font-size:19px;
	color:#ffffff;
	}
a#matter1{ width:80px;}	
a#matter2{ width:80px;}
a#matter3{ width:80px;}	
a#matter4{ width:80px;}	
a#matter5{ width:80px;}	
a#matter6{ width:80px;}
.nav-active a#matter1 ,a#matter1:hover{ text-decoration:none; color:#ffb252;}
.nav-active a#matter2 ,a#matter2:hover{ text-decoration:none; color:#ffb252;}	
.nav-active a#matter3 ,a#matter3:hover{ text-decoration:none; color:#ffb252;}	
.nav-active a#matter4 ,a#matter4:hover{ text-decoration:none; color:#ffb252;}	
.nav-active a#matter5 ,a#matter5:hover{ text-decoration:none; color:#ffb252;}	

/*end_menu*/

/*main*/
.main{
	margin:0 auto;
	width:1170px;
	min-height:410px;
	background:url(../image/sidebar-color.jpg) repeat-y;
	}

.index_news{
	float:left;
	width:434px;
	height:410px;
	background:url(../image/newsbk01.jpg) no-repeat;
	}

.news_list{
	display:block;
	width: 388px;
	height:35px;
	line-height:180%;
	margin:15px auto;
	color:#2d2720;
	border-bottom:1px dashed #9a9a9a;
	text-decoration:none;
	}

.news_list:hover{
	color:#ff0000;
	text-decoration:none;
	}

.marquee{
	line-height:30px;
	margin-top:7px;
	background-color:#fff5e0;
	color:#ff0000;
	font-size:15px;
	}
.marquee a:hover{
	text-decoration:underline; 
	}
	
.index_show{
	float:right;
	width:736px;
	height:410px;
	}

.show_box{
	width:734px;
	height:343px;
	border:1px double #cbc6bc;
	}
	
.show_list{
	width:734px;
	height:300px;
	}
.show_list a:hover{
	opacity:0.9;
	}

.title{
	width:auto;
	height:30px;
	margin:20px 0 0 17px;
	padding:6px 0 0 18px;
	background:url(../image/titlebk01.jpg) no-repeat;
	color:#FFF;
	font-size:18px;
	font-family:"微軟正黑體", Arial;
	}

.more{
	margin-left:100px;
	font-size:13px;
	color:#50463b;
	text-decoration:underline;
	}

#subMenu{
	width:auto;
	height: 36px;
	margin:0 16px 0 auto;
	padding-top:5px;
	text-align: right;
	}
	
#subMenu a{
	font-size:15px !important;
	color:#50463b;
	font-size:13px;
	}

.subMenu a:hover{
	color:#ff6000;
    }
	
/*product*/

/*banner*/
#slides2{
	   margin:0 auto;
	   width:1170px;
	   height:380px;
       display: none;
    }

#slides{
      display: none
    }

/*end_banner*/
.sidebar{
	float:left;
	width:268px;
	min-height:500px;
	background-color:#f8f4f1;
	padding-bottom:30px;
	}

.product_title{
	 width:268px;
	 min-height:16px;
	 background: url(../UserFiles/image/btn_icon1.png) no-repeat 8px 6px;
	 font-size:20px;
     margin:5px 0 0 15px;
	 padding:5px 0 0 12px;
	}
.product_title a{
	color: #a20026;
    }

#right_menu {width : 268px;}
#right_menu, #right_menu ul{ list-style-type : none;
                  padding : 0; margin : 0; }
#right_menu li { cursor : pointer; }
#right_menu li a{ text-decoration: none; }
#right_menu > li > a { padding : 2px 10px;}
#right_menu li ul li { cursor : auto;  padding : 0 14px;}
.submenu li a{
	list-style-type: none;
}

.btn_style{
	 display:block;
	 width:200px;
	 line-height:200%;
	 font-size:17px;
	 font-family:"微軟正黑體", Arial;
	 color: #2d2720 !important;
	 padding:0 !important;
	 margin:0 0 0 -4px !important;
	}
.btn_style:hover{ 
     color: #9d5400 !important;
	 }
	
.rightsideBar{
	float:right;
	width:902px;
	min-height:500px;
	margin-bottom:20px;
	font-family:"微軟正黑體", Arial;
	}

.right-title{
	width:auto;
	height:30px;
	font-weight:bold;
	color:#5f3609;
	font-size:20px;
	padding:10px 0 0 20px;
	}

.product-box,
.index-product{
        display: table-cell;
        }

.product-box{
        float:left;
        display:block;
        width:192px;
        min-height:430px;
        font-size:15px;
        border:1px double #c9c3bd;
        margin:12px 0 8px 12px;
        padding:8px 8px 4px 8px;
        color:#333333;
        text-decoration:none;
        text-align:center;
    }
.index-product{
        float:left;
        display:block;
        width:192px;
        min-height:432px;
        font-size:15px;
        border:1px double #c9c3bd;
        margin:12px 3px 8px 18px;
        padding:8px 8px 4px 8px;
        color:#333333;
        text-decoration:none;
        text-align:center;
    }	

.product-box:hover,
.index-product:hover{
        border:1px double #50463b;
        text-decoration:none;
        }
	
.color-block{
	display:inline-block;
	width:15px;
	height:15px;
	margin-left:-3px;
	}

.color-box{
	display:block;
	width: auto;
	height: 15px;
	margin: 8px auto 0 auto;
	}
	
.product-number,
.product-name,
.pricing,
.onsale{
	display:block;
	width:auto;
	line-height:160%;
	text-align:center;
	}
	
.product-name{
	color:#900;
	}	

.product-number,
.pricing{
	color:#6f6860;
	}

.pricing{
	text-decoration:line-through;
	}

.onsale{
	font-size:17px !important;
	color:#a3002e;
	}

.product_pic{
	float:left;
	width: 360px;
	min-height:390px;
	padding:20px;

	}
	
.product_brief{
	float:right;
	width:430px;
	line-height:180%;
	padding:20px;
	margin:0 20px 20px 0;
	min-height:226px;
	}

.product_brief div{
	margin-top:10px;
	}

.number-title,
.name-title{
	width: auto;
	height: auto;
	font-size:16px;
	font-weight:bold;
	color:#5f3609;
	}

.product-pricing{
	padding-top:15px !important;
	border-top:1px dashed #d0d0d0;
	text-decoration:line-through;
	}

.product-onsale{
	padding-bottom:15px !important;
	border-bottom:1px dashed #d0d0d0;
	font-size:20px;
	color:#a3002e;
	}
	

.inquiry_botton{
	display:block;
	width:430px;
	height:44px;
	margin-top:25px;
	padding:8px inherit;
	text-align: center;
	background:#756e66;
	color:#FFF;
	font:16px Arial, Helvetica, sans-serif;
	border: 1px double #756e66;
	}

.inquiry_botton:hover{
	color:#fff;
	background:#41392f;
	text-decoration:none;
	}

.size{
	font-size:13px;
	text-decoration:underline;
	}

.product-arrow{
	width:auto;
	height:auto;
	background:url(../UserFiles/image/left_arrow.png) no-repeat;
	}

.product-small a:hover{
	opacity:0.9;
	}

.arrow{
	display:block;
	width:32px;
	height:32px;
	background:url(../UserFiles/image/controls.png) no-repeat;
	}

.arrow:hover{
	opacity:0.8;
	}

.product-label{
	width: auto;
	height:33px;
	}
.product-label ul{
	width: 840px;
	height:33px;
	display:block;
	list-style-type: none;
	padding:0;
	margin:0 auto;
	}
.product-label li{
	float: left;
	display: block;
	 margin:0 12px 0 0;}
.product-label li a{
	color: #55442e;
	display: block;
	width: 86px;
	height: 26px;
	font-size:17px;
	text-align: center;
	padding-top:6px;
	border-left:1px double #231815;
	border-right:1px double #231815;
	border-top:1px double #231815;
}

.product-label li a:hover{
	background-color:#231815;
	color:#FFF;
	text-decoration:none;
	}

.rightnow{
	background-color:#231815;
	color:#FFF !important;
	}

.content{
	width:860px;
	min-height:100px;
	line-height:180%;
	margin:0 auto;
	padding:10px 0;
	}
.content1{
	width:860px;
	min-height:100px;
	line-height:180%;
	margin:0 auto;
	padding:10px 0;
	display:none;	
	}
.content2{
	width:860px;
	min-height:100px;
	line-height:180%;
	margin:0 auto;
	padding:10px 0;
	display:block;
	}
.content3{
	width:860px;
	min-height:100px;
	line-height:180%;
	margin:0 auto;
	padding:10px 0;
	display:none;
	}	

.function-box{
	padding:10px;
	border-bottom:1px dashed #CCCCCC;
	}
	
.function-pic{
	float: left;
	width: 160px;
	height: auto;
	text-align: center;
	}
.function-explain{
	float:right;
	width:670px;
	height:auto;
	}
/*end_product*/

/*news*/
.list-news{
	display:block;
	width:auto;
	height:30px;
	color:#50463b;
	background-color:#f4f4f4;
	margin:10px 20px;
	padding:10px 0 0 10px;
	}
.list-news:hover{
	color:#FFF;
	background-color:#cba06f;
	text-decoration:none;
	}

.title-news{
	width:auto;
	height:30px;
	font-size:17px;
	color:#FFF;
	background-color:#cba06f;
	margin:10px 20px;
	padding:10px 0 0 10px;
	}
/*end_news*/


/*fill*/
.fill{
	width:auto;
	line-height:180%;
	color:#50463b;
	padding:20px;

	}

.fill input,
.fill textarea{
	width:100%;
	line-height:180%;
	border:1px double #cacaca;
	}

.fill_botton{
	width:100px !important;
	padding:2px !important;
	color:#50463b !important;
	background:#FFF !important;
	border:1px double #50463b !important;
	}

.fill_botton:hover{
	color:#FFF !important;
	background:#50463b !important;
	}
/*end_fill*/
/*message*/
.message_button{
	display:block;
	width:auto;
	height:53px;
	background:url(../image/pencel.jpg) right top no-repeat;
	}
.message_button:hover{
	opacity:0.8;
	}
	
.message_content{
	width:auto;
	min-height:100px;
	line-height:180%;
	margin:20px;
	padding:20px;
	border:1px double #b09a82;
	font-family:"微軟正黑體", Arial;
	}

.message_content strong{
	font-size:17px;
	color:#8f5311;
	}
/*end_message*/

/*table*/
.grid{
	margin:20px;
	line-height:180%;
	}
.grid a{
	color:#a20026;
	text-decoration:underline;
	}
/*end_table*/
	
/*end_main*/

/*big-main*/
.big-main{
	width:1170px;
	height:auto;
	margin:0 auto;
	min-height:410px;
	font-family:"微軟正黑體", Arial;
	}
.push-button{
	display: block;
	width: 200px;
	line-height:normal !important;
	font-family:"微軟正黑體", Arial;
	padding: 10px;
	color:  #50463b;
	background-color:#FFF;
	border:1px double #50463b;
	text-align: center;	
	font-size:16px;
	}

.push-button:hover{
	color: #FFF;
	background-color: #50463b;
	text-decoration:none;
	}
	
.buy-fill{
	width:auto;
	color:#50463b;
	padding:20px;
	}

.buy-fill a:hover{
	text-decoration:none;
	}

.buy-fill td,
.buy-fill input,
.buy-fill textarea{
	line-height:180%;
	}

.buy-fill_botton{
	width:100px !important;
	padding:2px !important;
	color:#50463b !important;
	background:#FFF !important;
	border:1px double #50463b !important;
	}

.buy-fill_botton:hover{
	color:#FFF !important;
	background:#50463b !important;
	}

.login-left{
	float:left;
	}
.login-right{
	float:right;
	}
.login-left,
.login-right{
    width:530px;
	height:auto;
    }
/*end_big-main*/


/*footer*/
.footer_box{
	width:auto;
	height:100px;
	background:#50463b url(../image/footertop01.jpg) repeat-x;
	}
.footer{
	margin:0 auto;
	width:1170px;
	min-height:100px;
	background:#50463b url(../image/footertop01.jpg) repeat-x;
	}

#copyRight{
	width:auto;
	height:30px;
	line-height:180%;
	padding:35px;
	color:#FFF;
	font-size:15px !important;
	text-align: center;
	}

#copyRight a{
	font-size:13px;
	color:#FFF;
	text-decoration:underline;
	}

#copyRight a:hover{
	color:#FF0;
	}
.note-word{
	color:red;
}
 .photo{
    width: 160px;
    height: 266px;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
  }
/*end_footer*/
.hide{
	display:none;
}
a.light_show {
    position: relative;
    border: 1px solid #eee;
    margin: 10px 0 0;
}

a.light_show center {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: #000;
    color: #fff;
    padding: 0.2em 0;
    opacity: 0.8;
    font-size: 18px;
}

a.light_show img {
    margin-left: 8px;
}
#demo2 {
	height:263px !important;
	
	}
#demo2 a {
    width:173px !important;
	margin: 10px 5px 0 5px !important;
	
}

a.light_show:hover center {
    opacity: 0;
}