@charset "utf-8";
/* CSS Document */
body,ul,a,li,dt,dl,dd,h1,h2,h3,h4,h5,h6,h7,input,p,form{margin:0px;padding:0px;}
body{color:#000000;font-size:14px; background:url(../images/in-bg.jpg) repeat-x; line-height:20px;font-family:Arial, Helvetica, sans-serif;}
img{vertical-align:top; border:0px;}
ul{list-style:none;}
a{ text-decoration:none; color:#353535;}
a:hover{ color:#B42624; }
#width{ width:1003px; margin:auto; position:relative;}
.Flower{ position:absolute; z-index:-1; right:-20px; top:0;}
.width{ width:734px; height:auto;}
/*頭*/

.Flower { display: none; }
.header{  height: 181px; position: relative; background:url(../images/top_bg.png) no-repeat; }
.logo{ width: 100%; }
.logo a{ width: 100%; height:100px; display:block;}
.top_right{ width: 100%; }
.right_menu{     position: absolute;
    right: 52px;
    bottom: 31px;
    margin: 0; }
.top_menu{ display:inline-block; padding-left:9px;   padding: 12px 10px; background-color: #c19d5f; border-radius: 5px; }
.img_center{ font-size: 16px; line-height:normal;  color:#592829; font-weight: bold;}
.img_center a,
.img_centers a{ color:#592829; margin: 0 5px;  }
/*menu*/
.menu{ height:auto; position: absolute; bottom: 34px;}
.menu li{ float:left; margin-left:1px; display:inline;}
.menu a{width:127px; height:36px; display:block;background:url(../images/menu.png) no-repeat;}
.m_about a{ background-position:0 3px;}
.m_about a:hover,
.m_about a.intem01{background-position:0 -36px;}

.m_Custom a{ background-position:-128px 3px;}
.m_Custom a:hover,
.m_Custom a.intem02{ background-position:-128px -36px;}

.m_Shopping a{ background-position:-256px 3px;}
.m_Shopping a:hover,
.m_Shopping a.intem03{ background-position:-256px -36px;}

.m_work a{background-position:-384px 3px;}
.m_work a:hover,
.m_work a.intem06{ background-position:-384px -36px;}

/* .m_Links a{background-position:-348px 0px;}
.m_Links a:hover,
.m_Links a.intem04{ background-position:-348px -33px;} */

.m_Contact a{background-position:-512px 3px;}
.m_Contact a:hover,
.m_Contact a.intem05{ background-position:-512px -36px;}

/* .m_Message a{background-position:-505px 0px; width:81px;}
.m_Message a:hover,
.m_Message a.intem06{ background-position:-505px -33px;} */

/*menu*/
/*body*/
.web_body{ height:auto; }
/*left*/
.left_body{ float:left; width:217px; position:relative; padding-bottom:150px;margin-top:20px}
.Enterprise{ position:absolute;  bottom:0px; right:20px; background:url(../images/png_03.png) no-repeat; height:120px; width:213px;}
.left_top{ background:url(../images/left_bg.png) left repeat-y;}
.top_img{ background:url(../images/png_01.png) no-repeat; height:17px;}
.bottom_img{ background:url(../images/png_02.png) no-repeat; height:17px;}
.pro_l{ height:29px; margin-bottom:14px;}
.left_menu{ padding-left:15px; padding-bottom:21px;}
.left_menu ul{ width:155px; margin-left:10px;}
.left_menu ul li{ border-bottom:1px dotted #743c3b;font-family:"微軟正黑體";}
.left_menu ul li a{ background:url(../images/li.jpg) left no-repeat; padding-left:23px; height:29px;  font-size:15px;line-height:29px;color:#333333;}
.left_menu ul li a:hover{ color:#956128;}
.left_menu ul li ul li a{ background:none; font-size:13px; padding:0px 0px 0px 23px; height:24px; line-height:24px;}
.left_menu ul li ul li a:hover{ background:none;color:#956128;}
.left_menu ul li:last-child {
    border: none;
}
.left_menu ul li ul {
    width: 145px;
}

/*left會員登入*/
.left_Login{ height:auto;background:url(../images/img_03.jpg) left bottom no-repeat;  margin-left:7px;padding-bottom:225px;}
.log_title{height:29px; margin-bottom:14px;padding-left:23px;}
.left_l{ padding-left:33px; width:120px;}
.left_l span{ padding-right:5px;}
.left_l li{ padding-bottom:10px;}
.left_l h4{ font-size:12px; text-align:right; font-weight:bold;}
.left_l a{ color:#b32300;}
.left_l input{ width:89px; height:18px; line-height:18px; border:1px solid #b1b1b1;}
/*right*/
.right_body{ float:left; width:786px;margin-top:20px}
.Location{ height:39px; font-weight:bold; line-height:39px; color:#6a3736; font-size: 16px;}
.Location:empty { height: 0; }
.Location a{ color:#6a3736;}
.web_title{ padding-left:15px; padding-top:16px;}
.banner{ width:540px; height:187px; position:relative;}
.Search{
	    position: absolute;
    bottom: 10px;
    left: 23px;
}
.SIn{   font-size: 16px;  width: 357px; float:left; border-bottom:1px solid #e6e5ea; border-right:1px solid #e6e5ea; border-top:1px solid #aeaeae; border-left:1px solid #aeaeae; height:28px; line-height:28px; margin-right:5px; color:#444; padding-left:5px;}
.SAn{ float:left;background:url(../images/img_22.png) left no-repeat; width:68px; height:30px; border:none; text-indent:-200px; overflow:hidden;} 
/*首頁產品*/
.pro{ height:auto; overflow:hidden;}
.pro_left{ float:left; width:564px;}
.bg{ border:1px solid #cdc5ba; background:#FFF url(../images/img_06.jpg) repeat-x;}
.r_pro{ height:auto;}
.r_title{ height:24px; padding:16px 0px 4px 11px;}
.r_pro dl{ height:180px; width:154px; overflow:hidden;float:left; margin:0px 16px 18px 16px; display:inline;}
.r_pro dt img{ border:2px solid #d5b870;}
.r_pro dd{ line-height:18px; padding-left:5px; padding-top:3px;}
.r_pro a{font-family:"微軟正黑體"; color:#0f0f0f;}
.r_pro a:hover{ color:#956128;}
.r_pro span{color:#ff0f0f; display:block; font-family:Arial, Helvetica, sans-serif;}
.New_pro{ background:#d4cfc5 url(../images/img_08.jpg) top no-repeat;  width:541px; margin-left:11px; margin-bottom:16px;}
.pro_title{ padding:10px 0px 10px 10px;}
.pro_body{ background:url(../images/img_09.jpg) bottom no-repeat; padding-bottom:9px; padding-left:3px;}
.pro_body dl{  height:180px; width:154px; overflow:hidden;float:left; margin:0px 12px 10px 12px; display:inline;}
.pro_body dt img{ border:2px solid #d5b870;}
.pro_body dd{ line-height:18px; padding-left:5px; padding-top:3px;}
.pro_body a{font-family:"微軟正黑體"; color:#0f0f0f;}
.pro_body a:hover{ color:#956128;}
.pro_body span{color:#ff0f0f; display:block; font-family:Arial, Helvetica, sans-serif;}
.pro_right{ background:url(../images/png_07.png) left bottom no-repeat; padding-bottom:228px; float:left; width:222px;} 
.news{
    background-color: rgba(212, 160, 72, 0.34);
    margin-left: 6px;
    border: 7px solid rgba(150, 111, 36, 0.25);
    height: 174px;
}
.news_top{ background:url(../images/png_04.png) no-repeat; width:179px; height:17px;}
.news_bottom{ background:url(../images/png_05.png) no-repeat;width:179px; height:17px; margin-left:1px;}
.new_title{ padding-left:0px; padding-top:8px;}
.new_body{ 
    color: #3e2503;
    padding: 3px 15px;
}
.new_body .conn { 
    max-height: 96px;
    overflow: hidden;
    font-size: 20px;
    line-height: 1.2em;
}
.new_body span{ padding-top: 6px; display:block;}
.new_body .more {
	    font-size: 14px;
    display: inline-block;
    background: #6d552a;
    padding: 0 5px;
    border-radius: 3px;
    color: #e4d09b;
}
.new_img{ padding-left:12px; padding-top:15px;}
.new_img li{ padding-bottom:14px;}
/*foot*/
.foot_bg{ background:url(../images/foot_bg.png) repeat-x; margin-top:24px; height:80px;}
#foot{ /*background:url(../images/foot_logo.png) top left no-repeat;*/ height:57px; line-height:24px; padding-left:180px; width:740px; margin:auto; padding-top:20px;}
/*產品頁面*/
.title{ color:#333333; font-size:13px; margin:16px 0px 27px 15px; background:url(../images/title_07.jpg) no-repeat; height:24px; line-height:24px; padding-left:36px;}
/*翻頁*/
.Page { background:url(../images/an_bg.png) repeat-x; height:25px; line-height:25px; position:relative;}
.Page span{color:#FFF; position:absolute; right:10px; top:0px;}
.Page a{ padding:0px 5px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.Page a:hover{ background:url(../images/img21.gif) center no-repeat; padding:0px 5px; }
/*好站連結*/
.links{padding-bottom:40px;}
.links_body{ font-family:"微軟正黑體"; overflow:hidden; padding:42px 0px 0px 13px;}
.links_body li{ width:218px; text-align:center; float:left; margin:0px 9px 22px 9px; display:inline;}
.links_body span{ display:block;}
.links_body a img{ border:1px solid #d8d1c9; margin-bottom:5px;}
.links_body a img:hover{ border:1px solid #d5b870;}
.links_body a{ color:#2f2f2f;}
.links_body a:hover{ color:#8e6023;}
/*購物說明*/
.Inquiry{ float:right; padding-right:49px; padding-top:4px;}
.Inquiry span{ padding-right:4px;}
.Inquiry input{ width:148px; height:18px; background:#FFF; border:1px solid #e6e5ea; border-top:1px solid #aeaeae;} 
.s_body{ height:auto; margin-left:54px;padding-top:20px; background:url(../images/img_21.jpg) bottom right no-repeat; padding-bottom:44px;}
.s_body dl{ margin-bottom:15px; width:600px; }
.s_body dt{ background:url(../images/img_19.jpg) top left no-repeat; padding-left:18px; color:#866434; font-size:15px;font-family:"微軟正黑體"; padding-bottom:5px;}
.s_body dd{ background:url(../images/img_20.jpg) top left no-repeat;  color:#282828; line-height:20px;}
/*拜拜習俗*/
.custom{ width:736px; height:auto;}
.custom_title{ height:30px;width:660px;background:#cfb67c; line-height:30px; color:#353434; margin:43px 0px 14px 43px;}
.custom_body{ height:auto; width:640px; margin-left:55px; padding-bottom:60px;}
.custom_body li{ background:url(../images/img_23.jpg) left no-repeat; padding-left:23px; border-bottom:1px dotted #743c3b; height:27px; line-height:27px;}
.custom_body a{ color:#000000;}
.custom_body a:hover{ color:#956128;}
.ne_title{ width:440px; display:block; float:left;}
.Click{ width:80px; color:#960a06;display:block; float:left;}
.Date{ width:110px; color:#848484;}
.custom_show{ height:auto;margin:auto; margin-top:40px; width:680px;}
.custom_show h4 span{ display:block; font-size:12px; font-weight:normal;color:#999999; padding-top:5px;}
.custom_show h4{ font-size:15px; font-weight:bold; padding-bottom:10px; margin-bottom:20px; text-align:center; border-bottom:1px dotted #ceb477;}
.show_an{ border-top:1px dotted #ceb477; padding:20px 0px; margin:30px 0px;}
.show_an a{ margin-left:600px; background:url(../images/img_37.jpg) no-repeat; font-size:12px; color:#FFFFFF; width:50px; height:16px; line-height:16px; display:block; text-align:center;}
/*產品詳細頁*/
.show_top{ margin-left:35px;}
.show_left{ float:left; width:420px; position:relative; margin-right:10px;}
/* .show_left img{ border:1px solid #c2c3bd; padding:8px;} */
.show_rigth{ float:left; width:100%; padding: 30px 30px 0 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.show_rigth * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.show_rigth table tr td { vertical-align: top;  }
.show_title{ background:url(../images/img_26.jpg) left no-repeat; padding-left:31px; font-size:24px; font-weight:bold; color:#000000;}
.Package{ background:url(../images/img_27.jpg) no-repeat; margin:15px 0 11px 0px;}
.p_body{ background:url(../images/img_30.jpg) bottom left no-repeat; padding-top:28px; padding-left:17px; color:#333333; padding-bottom:5px; line-height:24px; font-size: 16px;}
.show_txt{ 
	    margin: 15px 0px 0px 0px;
    border: 1px solid #e3d0b7;
    background: #ffffff;
    padding: 10px;
    width: 100%;
    line-height: 20px;
    border-radius: 3px;
    min-height: 57px;
}
.show_01{ }
.show_01 li{ display: inline-block; vertical-align: top; margin-right:10px}
.show_01 a{ margin:0px 5px 0 0;}
.show_bottom{ margin:30px 0px 50px 37px;width:660px; height:403px; background:url(../images/img_31.jpg) no-repeat;}
.title_01{ margin-left:320px; height:22px;}
.tabs2 li { float:left; height:22px; line-height:22px; }
.tabs2 a{ width:97px; background:url(../images/img_33.jpg) no-repeat;display:block; text-align:center;cursor:pointer; color:#FFF; margin-right:8px;}
.tabs2 li.hover,.tabs2 li.hover a{ color:#FFF; display:block;background:url(../images/img_32.jpg) no-repeat;}
.body_01{ margin-top:15px;}
.Help{overflow: auto; margin-left:59px; width:568px; line-height:23px; height:290px; }
/*.Help span{ display:block; font-size:12px; font-weight:bold; background:url(../images/img_37.jpg) no-repeat; height:16px; line-height:16px; width:50px; text-align:center;}*/
.pro_list{ overflow:hidden; padding-left:25px;}
.pro_list dl{ height:168px; overflow:hidden;float:left; width:134px; margin:0px 8px 5px 8px;}
.pro_list dt img{ border:2px solid #d5b870; width:130px; height:104px;}
.pro_list dd{ line-height:18px; padding-left:5px; padding-top:3px;}
.pro_list a{font-family:"微軟正黑體"; color:#0f0f0f;}
.pro_list a:hover{ color:#956128;}
.pro_list span{color:#ff0f0f; display:block; font-family:Arial, Helvetica, sans-serif;}
/*公司簡介*/
.about_bg{ background:url(../images/img_36.jpg) repeat-y; width:660px; margin-left:27px; margin-top:42px;}
.top_bg{background:url(../images/img_34.jpg) left bottom no-repeat;}
.bottom_bg{ background:url(../images/img_35.jpg) no-repeat;  padding:40px 70px 360px 61px; color:#000000;}
/*聯絡我們*/
.contact{ padding-left:54px; padding-top:30px; color:#000; font-size:15px;}
.contact_top{ height:auto; line-height:24px; margin-bottom:20px;}
.Map{ float:right; padding-right:50px;}
.contact_body{ height:auto; background:url(../images/img_40.jpg) bottom right no-repeat; padding-bottom:150px;}
.contact_body input{ border:1px solid #dcdedd; border-top:1px solid #aeaeb0; height:18px;}
.contact_body textarea{border:1px solid #dcdedd; border-top:1px solid #aeaeb0; width:400px; height:150px;}
/*留言版*/
.message_body{ width:734px;}
.message{ height:auto;}
.m_top{ margin:auto; padding:70px 0px 30px 0px;width:650px; line-height:26px;}
hr{ border-top:1px solid #ceb477;}
.m_top input{ border:1px solid #dcdedd; border-top:1px solid #aeaeb0; height:18px;}
.m_top textarea{border:1px solid #dcdedd; border-top:1px solid #aeaeb0; width:400px; height:150px;}
.m_bottom{ background:url(../images/img_41.jpg) top no-repeat; width:646px; margin:auto; padding:40px 20px;}
.m_txt{ padding-bottom:20px; background:url(../images/img_45.jpg) bottom repeat-x; padding-bottom:30px; margin-bottom:25px;}
.m_01 span{color:#adadad; float:right;padding-right:80px;}
.m_01 a{ color:#444444;}
.m_01 h4{ font-size:12px; font-weight:bold; color:#ff7e02; padding-bottom:3px;}
.m_01 p{color:#adadad;}
.m_02{ margin-top:35px; background:url(../images/img_44.jpg) top left no-repeat; padding-left:68px;}
.m_bottom h5{font-size:12px; font-weight:bold; color:#00afd6; padding-bottom:5px;}
.body_txt{ padding-bottom:15px; line-height:24px;}
.m_bottom h3{ font-size:12px; font-weight:normal; color:#999999;}
/*會員*/
.hy{ height:700px;  line-height:24px; background:url(../images/img_31.jpg) no-repeat;margin:40px 0px 50px 37px; padding:40px 20px 0px 35px; width:605px; }
.hy_body{overflow:auto; height:260px; width:600px;}
.hy_an{ margin-left:450px; padding-top:10px;}
.hy_an a{ margin:0px 5px;}
.register{ height:auto; padding:30px 0px 40px 0px; width:690px; margin:auto;}
.register input{ border:1px solid #dcdedd; border-top:1px solid #aeaeb0; height:18px;}
.register textarea{border:1px solid #dcdedd; border-top:1px solid #aeaeb0; width:400px; height:150px;}
.title_12{ color:#956128;}
.forgot_body{ border:2px solid #c7aa60; padding-bottom:10px; width:500px; margin:auto; background:url(../images/img_52.jpg) no-repeat; margin-bottom:500px;}
.m_body{ width:670px; margin:30px 0px 0px 35px;}
.hy_input{ border:1px solid #dcdedd; border-top:1px solid #aeaeb0; height:18px;}
.hy_textarea{border:1px solid #dcdedd; border-top:1px solid #aeaeb0; width:400px; height:150px;}
.top h1{ font-size:13px; font-weight:bold;}



/* 1608 nini add  */
.base-box { background: url(../images/png_06.png) left repeat-y; }
.top-left { float: left; width: 478px; position: relative; }
.top-right { float: left; width: 473px; overflow: hidden; }

.show_top { margin: 0; }
.show_left, .show_right { 
	float: none; width: 100%; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.show_left>div {
	/* margin: 0 auto; */
}
.show_left { padding: 0 30px; }
.pro_img, .pro_img2 {   
	width: 100%;  
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.pro_img{ background:url(../images/pro.png) no-repeat; position:absolute; top:0px; right:30px; width:215px; height:43px; }
.pro_img2{ background:url(../images/pro2.png) no-repeat; position:absolute; bottom:0px; left:30px; width:178px; height:44px; }

.fb-like {     margin-top: 4px; }

.work-dt-wrap .show_title { padding: 20px 30px; }
.work-dt-wrap  .show_rigth { padding: 0 30px; }

.back-btn { text-align: center; margin: 20px 0 40px 0; }

::-webkit-input-placeholder {
   font-size: 16px;
}

:-moz-placeholder { /* Firefox 18- */
   font-size: 16px;
}

::-moz-placeholder {  /* Firefox 19+ */
   font-size: 16px;
}

:-ms-input-placeholder {
   font-size: 16px;
}