/*-----------------------------------------------------------------------------
	-	網站主體樣式設計 -
author:		  英創達網路有限公司
email:     	web@e-creative.tw
website:   	http://e-creative.tw
-----------------------------------------------------------------------------*/
@import url("reset.css");
@import url("global.css");
/* ---------------------------------------------------------------- */
/*
/*	 1. 基本 Default
/*	 2. 頁面版型配置 Layout
/*	 3. 版區塊 footer
/*	 4. 版區塊 header
/*	 5. 版區塊 Sidebar
/*	 6. 首頁 index
/*	 7. 內頁公用 page
/*	 8. 關於我們 about
/*
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/*	1. 基本 Default
/* ---------------------------------------------------------------- */

body {
    font-family: "新細明體", "微軟正黑體", Arial;
    line-height: 1.8em;
    text-align: justify;
    text-justify: inter-ideograph;
    overflow: hidden;
    background-image: url(images/bg-02.jpg);
    color: #1B1B1B;
    font-size: 13px;
}
a { color: #369; }
.nobg{background-image: none !important;}

/* ---------------------------------------------------------------- */
/*	2. 頁面版型配置 Layout
/* ---------------------------------------------------------------- */
.container{
	background-image: url(images/pageWidth_02.png);
	background-repeat: repeat-y;
	background-position: center top;
	width: 992px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 26px;
	padding-left: 25px;
	background-attachment: fixed;
}
#wrapper {
	background-image: url(/img_file/bg-01.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: center top;
}
#wrapper .bgcolor { background-color: #ffffff; }
#footer {
	/*background-image: url(images/bg-01.jpg);*/
	background-image: url(/img_file/bg-02.jpg);
	background-position: center top;
	clear: both;
	font-size: 13px;
}
#footer .container{position: relative;}
#sidebar{
    float: left;
    width: 182px;
    background-image: url(images/sidebar-header.jpg);
    background-repeat: repeat-x;
    padding-bottom: 20px;
}
#content {
    width: 810px;
    float: right;
    position: relative;
    min-height: 921px;
}
#content .bg {
    background-image: url(images/aside-bg.png);
    height: 921px;
    width: 22px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 999;
}

/* ---------------------------------------------------------------- */
/*	3. 版區塊 footer
/* ---------------------------------------------------------------- */
#footer .address{
    color: #e2b0af;
    font-style: normal;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
}
#footer .address span{ margin-right: 20px; }
#footer .address a{color: #e2b0af;}
#footer #footerNav{
    padding-bottom: 15px;
    color: #651a14;
    padding-left: 20px;
}
#footer #footerNav .main-item-a{
    color: #651a14;
    text-decoration: none;
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #651a14;
}
#footer #footerNav .main-item-a:hover{ color: #FFF; }
#footer .copyright{ margin-left: 20px; }
#footer .community {
    position: absolute;
    top: 10px;
    right: 40px;
}
/* ---------------------------------------------------------------- */
/*	4. 版區塊 header
/* ---------------------------------------------------------------- */
#header{
    background-image: url(/style/images/bg-01.jpg);
    background-position: left -320px;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #9d1a0f;
    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: #9d1a0f;
    padding-top: 5px;
    height: 28px;
    position: relative;
}
#header #serachBar,#header #lenNav,#header #topNav{
    float: right;
    position: relative;
}
#header #serachBar{ margin-right: 5px;}
#header #serachBar .searhBtn{
    background-image: url(images/search.png);
    height: 30px;
    width: 34px;
    position: absolute;
    top: -3px;
    right: -3px;
}

#header #serachBar .searhBtn:hover{ background-position: left -31px; }
#header #serachBar .inputText{
	background-color: #ad2217;
	border: 1px solid #ef554a;
	color: #fedfdc !important;
	font-size: 13px;
	height: 19px;
	padding-right: 25px;
	padding-left: 5px;
	width: 100px;
}

#header #serachBar input::-webkit-input-placeholder {
    color: #fedfdc !important;
}

#header #lenNav #jumpMenu { float: left; }


#header #topNav{
    margin-top: 2px;
    margin-right: 5px;
}
#header #topNav,
#header #topNav a{
    color: #ffb1aa;
    font-size: 13px;
    text-decoration: none;
}
#header #topNav a:hover{ color: #FFF; }
#header #lenNav{
    position: relative;
    float: right;
    margin-right: 10px;
}
#header #lenNav .len-title{
    display: inline-block;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
}
#header #lenNav .len-title-a{
    background-color: #971d12;
    border: 1px solid #BE2316;
    color: #FFF;
    text-decoration: none;
    display: block;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 1.7em;
}
#header #lenNav .len-title .icon {
    background-image: url(images/lenNav-icon.png);
    height: 5px;
    width: 8px;
    display: inline-block;
    margin-left: 10px;
}
#header #lenNav .dropdown-menu{
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 24px;
    right: 1px;
    z-index: 999;
    background-color: #971d12;
}
#header #lenNav li{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#header #lenNav .dropdown-menu .actived {
    background-color: #60100a;
    cursor: not-allowed;
}
#header #lenNav .dropdown-menu a:hover { background-color: #D32416; }
#header #lenNav li a{
    margin: 0px;
    background-color: #971d12;
    color: #FFF;
    text-decoration: none;
    display: block;
    padding-right: 15px;
    padding-left: 15px;
    line-height: 1.7em;
    font-size: 13px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #BE2316;
    padding-top: 3px;
    padding-bottom: 3px;
}
/* ---------------------------------------------------------------- */
/*	5. 版區塊 Sidebar
/* ---------------------------------------------------------------- */
/* logo *******/
#sidebar .logo{
	background-image: url(images/logo.png);
	height: 110px;
	width: 139px;
	margin-left: 22px;
	display: block;
	margin-top: 20px;
	margin-bottom: 10px;
}

/* 選單 *******/
#sidebar #main-nav{ padding-bottom: 15px; }
#sidebar #main-nav .main-menu{
    margin: 0px;
    padding: 0px;
}
#sidebar #main-nav .main-menu .main-item{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#sidebar #main-nav .main-menu .main-item .main-item-a{
    color: #000;
    text-decoration: none;
    display: block;
    padding-top: 15px;
    padding-bottom: 3px;
    font-size: 15px;
}
#sidebar #main-nav .main-menu .main-item .main-item-a .line{
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #d6251f;
    display: inline-block;
    height: 14px;
    padding-right: 15px;
    margin-left: 30px;
}
#sidebar #main-nav .main-menu .main-item .main-item-a .main-item-en{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #C00;
    display: block;
    margin-left: 48px;
    font-style: normal;
    line-height: 2em;
}

#sidebar #main-nav .main-menu .actived .main-item-a{
    background-image: url(images/main-item.jpg);
    background-repeat: repeat-y;
    background-color: #d0281c;
    color: #FFF;
}
#sidebar #main-nav .main-menu .actived .main-item-a:hover{ color: #FFF !important; }
#sidebar #main-nav .main-menu .main-item .main-item-a:hover{ color: #C00; }
#sidebar #main-nav .main-menu .actived .main-item-a .line{
    border-left-color: #FF0;
    color: #FFF;
}
#sidebar #main-nav .main-menu .actived .main-item-a .main-item-en{ color: #FFF; }
#sidebar #main-nav .main-menu .actived .sub-menu{display: block;}
#sidebar #main-nav .sub-menu {
    list-style-type: disc;
    background-image: url(images/sub-menu.png);
    background-repeat: repeat-y;
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
    padding-right: 0px;
    padding-left: 35px;
    line-height: 1.5em;
    margin: 0px;
}
#sidebar #main-nav .sub-menu .sub-item{
    list-style-position: inside;
    list-style-type: disc;
    margin: 0px;
    padding: 0px;
    line-height: 2em;
}
#sidebar #main-nav .sub-menu .sub-item .sub-item-a{
    color: #333;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.7em;
}
#sidebar #main-nav .sub-menu .sub-item-a:hover{ color: #C00; }
#sidebar #main-nav .sub-menu .actived .sub-item-a{
    color: #C00;
    font-weight: bold;
    font-size: 12px;
}
#sidebar #main-nav .sub-sub-menu{
margin: 0px;
    padding: 0px;  
}
#sidebar #main-nav .sub-sub-menu li {
    list-style-type: none;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
		padding-left: 0px;
}
#sidebar #main-nav .sub-sub-menu li a{
    color: #765b30;
    text-decoration: none;
    font-size: 12px;
}
#sidebar #main-nav .sub-sub-menu li.actived a{ color: #C00; }
/* 我的購物車 *******/
#sidebar #myCar-widget{
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
	border: 5px solid #dbcfc0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0px 0px 5px #dbcfc0;
	text-align: justify;
	margin-top: 0px;
}
#sidebar #myCar-widget .total{
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #f0ebdf;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}
#sidebar #myCar-widget .total .red {
    color: #C00;
    font-weight: bold;
    margin-right: 5px;
    margin-left: 5px;
}
#sidebar #myCar-widget .total .icon {
    background-image: url(images/myCar-widget.png);
    height: 15px;
    width: 16px;
    display: inline-block;
    margin-right: 15px;
    margin-left: 15px;
}
#sidebar #myCar-widget .buy{
    background-image: url(images/myCar-widget-buy.jpg);
    background-repeat: repeat-y;
    background-color: #503112;
    display: block;
    text-align: center;
    padding-top: 5px;
    padding-right: 30px;
    padding-bottom: 5px;
    padding-left: 30px;
    color: #FFF;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
}
/* 左側廣告 *******/
#sidebar #ad-widget {
    border: 2px solid #e6e3de;
    text-align: center;
    padding: 2px;
    margin-right: 5px;
    margin-left: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 15px;
}
/* 左側下載 *******/
#sidebar #download-widget{ }
#sidebar #download-widget .download{
    display: block;
    background-image: url(images/download-widget.png);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 8px;
    padding-left: 35px;
    color: #FFF;
    text-decoration: none;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
    box-shadow: 5px 5px 5px #c3c4c5;
}
#sidebar #download-widget .download-normal{background-color: #d44238;}
#sidebar #download-widget .download-normal:hover{ background-color: #8A261E; }
#sidebar #download-widget .download-low{background-color: #d47a38;}
#sidebar #download-widget .download-low:hover{ background-color: #A95E25; }

/* ---------------------------------------------------------------- */
/*	6. 首頁 index
/* ---------------------------------------------------------------- */

#indexBanner { 
  margin-bottom: 20px;
}

#indexBanner .prev,
#indexBanner .next {
  background: url(images/carouselLeftNav.png) no-repeat;
  width: 46px;
  height: 98px;
  text-align: left;
  text-indent: -999px;
  display: inline-block;
  overflow: hidden;
  position: absolute;
  top: -15px;
  z-index: 100;
}

#indexBanner .prev {
  background-image: url(images/carouselLeftNav.png);
  left: 7px;
}

#indexBanner .prev:hover {
  background-image: url(images/carouselLeftNavOn.png);
}

#indexBanner .next {
  background-image: url(images/carouselRightNav.png);
  right: -3px;
}

#indexBanner .next:hover {
  background-image: url(images/carouselRightNavOn.png);
}

/* 最新消息 *******/
#indexNews{
    float: left;
    width: 450px;
    margin-left: 15px;
}
#indexNews .tabs{
    overflow: hidden;
    width: 100%;
    margin: 0;
    list-style: none;
    background-image: url(images/newsIndex-tab.jpg);
    -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
    background-position: left top;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #F0F0F0;
    border-right-color: #F0F0F0;
    border-left-color: #F0F0F0;
    padding: 0;
    font-style: normal;
    
}
#indexNews .tabs a{font-weight: normal;}
#indexNews .tabs .title,#indexNews .tabs .actived{
    float: left;
    padding-top: 10px;
    padding-right: 8px;
    padding-bottom: 0px;
    padding-left: 5px;
    margin: 0px;
    font-size: 15px;
    line-height: normal;
    font-weight: bold;
}
#indexNews .tabs h2:first-child{ padding-left: 12px; }
#indexNews .tabs a{
    position: relative;
    background-color: #580e08;
    float: left;
    text-decoration: none;
    color: #FFF;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    padding-top: 10px;
    padding-bottom: 6px;
    text-align: center;
    width: 100px;
    font-size: 15px;
}
#indexNews .tabs .actived a{
    background-color: #FFF !important;
    color: #333;
    font-weight: bold;
    font-size: 15px;
}
#indexNews .tabs .actived a:hover{ color: #333!important; }
#indexNews .tabs a:focus{outline: 0;}
#indexNews .tabsContent
{
    height: 410px;
    position: relative;
    z-index: 2;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #F0F0F0;
    border-bottom-color: #F0F0F0;
    border-left-color: #F0F0F0;
    padding: 20px;
}
/* ------------------------------------------------- */
#indexNews .tabsContent .topNews{ margin-bottom: 20px; }
#indexNews .tabsContent .topNews .fl {
    margin-right: 10px;
   
}
#indexNews .tabsContent .topNews .fl img{ border: 3px solid #FFFFFF;}
#indexNews .tabsContent .topNews .fl:hover img{ border: 3px solid #E4E4E4; }
#indexNews .tabsContent .topNews h3{
    font-weight: bold;
    font-size: 15px;
    line-height: 1.7em;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
#indexNews .tabsContent .topNews h3 a{
	color: #000;
    text-decoration: none;
}
#indexNews .tabsContent .topNews h3 a:hover{ color: #C00; }
#indexNews .tabsContent .topNews .time {
    color: #9f8e7b;
    font-size: 12px;
    line-height: normal;
}

#indexNews .tabsContent .button { float: right; }
#indexNews .newsList {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}

#indexNews .newsList li{
    background-image: url(images/indesxnews-icon.jpg);
    background-repeat: no-repeat;
    background-position: left 9px;
    list-style-type: none;
    padding-left: 20px;
    line-height: 2.3em;
}
#indexNews .newsList li a{
    color: #292929;
    text-decoration: none;
}
#indexNews .newsList li a:hover{ color: #C00; }
#indexNews .newsList li a time{
    color: #9c0000;
    width: 80px;
    display: inline-block;
}
#indexActivity{
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    border: 1px solid #F0F0F0;
    float: right;
    width: 300px;
    margin-right: 15px;
    height: 490px;
}
#indexActivity .title{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #F0F0F0;
    background-image: url(images/indexActivity.jpg);
    background-repeat: no-repeat;
    padding-left: 45px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    font-size: 15px;
    line-height: 3em;
    background-position: 10px 10px;
    margin: 0px;
}
#indexActivity .info {
    text-align: center;
    padding: 10px;
}
#indexActivity .img img{
	border: 3px solid #FFFFFF;
	display: inline-block;
}
#indexActivity .img:hover img{
	border: 3px solid #E5E5E5;
	display: inline-block;
}


#indexActivity .info .button { float: right; }
#indexActivity .info .title a{
    font-weight: bold;
    color: #000;
    text-decoration: none;
}
#indexActivity .info .title2 a {
	text-decoration: none;
}

#indexActivity .info a:hover{ color: #C03; }
#indexActivity .info p{ text-align: left; }
/* ---------------------------------------------------------------- */
/*	7. 內頁公用 page
/* ---------------------------------------------------------------- */

.page{
	margin: 0px;
	padding: 0px;
	background-image: url(images/news-bg.png);
  	background-repeat: no-repeat;
    background-position: right bottom;
}
#aboutStory{background-image: none !important;}
.pageImgNo{
	background-image: none;
}
.page02{
	margin: 0px;
	padding: 0px;
  background-image: url(images/news-bg.png);
  background-repeat: no-repeat;
 background-position: right bottom;
}

.pageBanner {
	margin: 0px;
	padding: 0px;
}
.page .header{ position: relative; }
.page .header a{
	text-decoration: none;
	color: #C00;
}
.page .header .communityShar{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
}
.page .page-hd{
	background-image: url(images/indexActivity.jpg);
	background-repeat: no-repeat;
	padding-left: 35px;
	font-size: 16px;
	background-position: 5px 3px;
	line-height: 2.1em;
	margin-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
}
.page .page-hd a{
	color: #C00;
	margin-right: 5px;
	margin-left: 5px;
}
.page .page-hd span{
	font-weight: normal;
	color: #7C7C7C;
	margin-left: 5px;
}
.page .page-info {
	position: relative;
	margin-right: 10px;
	margin-left: 5px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 18px;
	/*font-family: "微軟正黑體";
    font-size: 14px;*/
	line-height: 1.8em;
}
.page .page-info p{/*font-size: 14px;line-height: 1.8em;*/}

/*分隔線*/

/*頁碼*/
.pageNum{
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.pageNum a{
	display: inline-block;
	margin-right: 3px;
	margin-left: 3px;
} 
.pageNum span{
    display: inline-block;
    padding-right: 7px;
    padding-left: 7px;
    font-weight: bold;
    color: #C00;
} 
.pageNum a span{
    color: #666;
    font-weight: normal;
}
.pageNum .more{
    margin-right: 10px;
    margin-left: 10px;
}
/*按鈕區塊*/
.btn  {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.btn  .button{
    margin-right: 7px;
    margin-left: 7px;
}
/*按鈕*/
.button  {
    display: inline-block;
    border: 1px solid #e2dbbf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
    color: #856d34;
    text-decoration: none;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 55%, #eeece2 98%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,#ffffff), color-stop(98%,#eeece2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 55%,#eeece2 98%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 55%,#eeece2 98%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 55%,#eeece2 98%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 55%,#eeece2 98%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeece2',GradientType=0 ); /* IE6-9 */
}
.button:hover{ color: #C00; }
.button.clorGray{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 39%, #d7d6d6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(39%,#ffffff), color-stop(100%,#d7d6d6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 39%,#d7d6d6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 39%,#d7d6d6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 39%,#d7d6d6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 39%,#d7d6d6 100%); /* W3C */
 		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d6d6',GradientType=0 ); /* IE6-9 */
    border: 1px solid #949795;
    color: #666;
   
}
.button.clorEarthy{
    background: #f1c985; /* Old browsers */
    background: -moz-linear-gradient(top,  #f1c985 0%, #bb8b38 82%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1c985), color-stop(82%,#bb8b38)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f1c985 0%,#bb8b38 82%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f1c985 0%,#bb8b38 82%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f1c985 0%,#bb8b38 82%); /* IE10+ */
    background: linear-gradient(to bottom,  #f1c985 0%,#bb8b38 82%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1c985', endColorstr='#bb8b38',GradientType=0 ); /* IE6-9 */
    border: 1px solid #ba8628;
    color: #FFF;
    text-shadow: #ba8628 0px 1px, #ba8628 1px 0px, #ba8628 -1px 0px, 
    #ba8628 0px -1px, #ba8628 -1px -1px, #ba8628 1px 1px, 
    #ba8628 1px -1px, #ba8628 -1px 1px;
    font-size: 15px;
  }
.button.clorEarthy:hover{
    background: #bb8b38; /* Old browsers */
background: -moz-linear-gradient(top,  #bb8b38 42%, #f1c985 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(42%,#bb8b38), color-stop(100%,#f1c985)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bb8b38 42%,#f1c985 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bb8b38 42%,#f1c985 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bb8b38 42%,#f1c985 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bb8b38 42%,#f1c985 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb8b38', endColorstr='#f1c985',GradientType=0 ); /* IE6-9 */

}

.button.clorBlcak{
  background: #676767; /* Old browsers */
  background: -moz-linear-gradient(top,  #676767 0%, #424242 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#676767), color-stop(100%,#424242)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #676767 0%,#424242 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #676767 0%,#424242 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #676767 0%,#424242 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #676767 0%,#424242 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676767', endColorstr='#424242',GradientType=0 ); /* IE6-9 */
  font-size: 15px;
  background-position: bottom;
  color: #FFFFFF;
  }
.button.clorBlcak:hover{
  background: #424242; /* Old browsers */
  background: -moz-linear-gradient(top,  #424242 0%, #676767 99%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#424242), color-stop(99%,#676767)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #424242 0%,#676767 99%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #424242 0%,#676767 99%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #424242 0%,#676767 99%); /* IE10+ */
  background: linear-gradient(to bottom,  #424242 0%,#676767 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#676767',GradientType=0 ); /* IE6-9 */
}
.butB{
    padding-top: 8px;
    padding-right: 25px;
    padding-bottom: 8px;
    padding-left: 25px;
    line-height: normal;
}
.butS{
    padding-top: 3px!important;
    padding-right: 10px!important;
    padding-bottom: 3px!important;
    padding-left: 10px!important;
    line-height: normal!important;
    font-size: 12px !important;
}
table.tableStyle1{}
table.tableStyle1 tr td,table.tableStyle1 tr th{
    border-top-color: #e1c9a7;
    border-top-width: 1px;
    border-top-style: dashed;
    border-bottom-width: 1px;
    border-bottom-style: e1c9a7;
    border-bottom-color: #e1c9a7;
    padding: 7px;
}
table.tableStyle1 tr th{
    font-weight: bold;
    color: #956407;
    font-size: 16px;
    background-color: #f8e6cb;
    text-align: center;
}

table.tableStyle1 time{ color: #956407; }
/*訂單用*/
table.tableStyle2{}
table.tableStyle2 tbody td,table.tableStyle2 tfoot td{ background-color: #FFF; }
table.tableStyle2 thead th{
    background-color: #ffcc7b;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #823c24;
}
table.tableStyle2 p{
    line-height: 1.8em;
    margin: 0px;
    padding: 0px;
}
table.tableStyle2 tbody th{}
table.tableStyle2 tbody td{
    padding-top: 10px;
    padding-right: 3px;
    padding-bottom: 10px;
    padding-left: 3px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCC;
}
table.tableStyle2 .row td{
    padding-right: 15px;
    padding-left: 15px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #CCC;
    border-bottom-color: #CCC;
    padding-top: 8px;
    padding-bottom: 8px;
}
table.tableStyle2 .row td .fr{text-align: right;}
table.tableStyle2 .row-gray td{
    background-color: #f5f5f5;
}
table.tableStyle2 .row-orange td{
    background-color: #fff7ea;
}
table.tableStyle2 .row-blue td{
    background-color: #e9f1f3;
}
table.tableStyle2 .row-pink td{
    background-color: #f9f1f1;
}
table.tableStyle2 tbody p ,table.tableStyle2 tbody .title{
    margin: 0px;
    padding: 0px;
}

table.tableStyle2 .img{
    margin-right: 10px;
    margin-left: 10px;
}
table.tableStyle2 .type{
    color: #FFF;
    padding-top: 1px;
    padding-right: 10px;
    padding-bottom: 1px;
    padding-left: 10px;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right:2px;
    text-decoration:none;
}

table.tableStyle2 .rowleft{
    float: left;
    padding: 0px;
    margin: 0;
    color: #1c1c1c;
    cursor: text;
    width: 100px;
    text-align: left;
}
table.tableStyle2 .rowright {
    display: block;
    margin: 0 12px 0 100px;
    text-align: left;
}
table.tableStyle2 .labelList{ line-height: 2.5em; }
/*活動*/
.type-promotion{ background-color:#ffeded; color:#FF0000 !important;}
/*常溫*/
.type-normal{ background-color: #CCCCCC; }
/*紅利*/
.type-bonus{ background-color: #FF6600; }
/*限時限量*/
.type-line{ background-color: #FF0000; }
/*冷藏*/
.type-refrigeration{ background-color: #8ec764; }
/*冷凍*/
.type-freezing{ background-color: #5dbdda; }
/*任選*/
.optional{
    font-weight: normal;
    color: #F00;
    text-decoration: none;
}
.optional a{
    color: #C00;
    font-weight: bold;
}
tr.optionalList td{
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
}
tr.optionalDiscount td{
    color: #C00;
    border-top-style: none!important;
}
tr.optionalDiscount td .bonusTitle{
    margin-left: 110px;
   
}
table.tableStyle2 .title{
    color: #333;
    text-decoration: none;
    display: block;
    margin-top: 10px;
}

/*訂單明細內容*/
.openOrder{
    color: #C00;
    text-decoration: none;
}
table.tableStyle2in > td{ padding: 0px; }
table.tablein{ border: 2px solid #C00; }
table.tablein thead th{
    background-color: #CC0000;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #FFFFFF;
}
table.tablein .title{
    color: #333;
    text-decoration: none;
    display: inline-block;
    margin-top: 10px;
}
table.tablein .type{ margin-left: 5px; } 
table.tablein tbody td{
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
}
/*填寫訂單資料*/
table.tableStyle3{
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #e0c498;
    border-bottom-color: #e0c498;
}
table.tableStyle3 th{
    background-color: #faefdd;
    padding: 10px;
    font-weight: normal;
}
table.tableStyle3 td{ padding: 10px;
		border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #e0c498;
}
table.tableStyle3.line td,table.tableStyle3.line th{
    padding: 10px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #e0c498;
    border-bottom-color: #e0c498;
}
table.tableStyle3 .gray{ background-color: #f5f5f5; }
table.tableStyle3 .pink{ background-color: #f9f4ed; }
.tableStyle3 p{
    line-height: 1.8em;
    margin: 0px;
    padding: 0px;
}
.tableStyle3.line tr .pink h3 {
    font-size: 15px;
    font-weight: bold;
    color: #81511c;
    line-height: normal;
    margin: 0px;
    padding: 0px;
}
.tableStyle2 .list{
	margin-bottom: 5px;
}
/*紅利點數列表*/
.tableStyle4{ margin-bottom: 20px; }
.tableStyle4 th,.tableStyle4 td{
    border: 1px solid #FFF;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}
.tableStyle4 th{
    background-color: #f4e7d3;
    font-weight: normal;
}
.tableStyle4 td{
    background-color: #f9f2e8;
}
.tableStyle4 .pric{
    font-size: 18px !important;
    color: #e60012!important;
}
hr{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ddd7cc;
    border-bottom-color: #f6f1e9;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-left-width: 0px;
    clear: both;
}
hr.line{
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: dashed;
    border-left-style: none;
    border-bottom-color: #CCC;
}
.form .row {
	padding-top: 3px;
	padding-bottom: 3px;
}
.form .row:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.form .row .rowleft{
    float: left;
    padding: 0px;
    margin: 0;
    color: #1c1c1c;
    cursor: text;
    width: 130px;
}
.form .row .rowright {
    display: block;
    margin: 0 12px 0 130px;
}

.form .row .rowleft .required{margin-left: 8px;}
.form .row .rowleft .required:before {
    content: "*";
    color: #C00;
    font-weight: bold;
    margin-right: 8px;
}
.form .row .rowleft span{ margin-left: 22px; }
.form .updates {
	color: #C00;
	text-decoration: none;
	margin-left: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.form .row i{ margin-right: 10px; }
.form input[type="text"],.form input[type="password"],.form input[type="url"],.form input[type="email"],.form input[type="tel"],.form textarea,.form select{
	background-color: #f2eedd;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-radius: 5px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
	margin-right: 8px;
}
.form select{}
.form select option{

}
.form a{ color: #aa7f2b; }

.form-title{
    background: #7a140c; /* Old browsers */
    background: -moz-linear-gradient(top,  #7a140c 0%, #93170c 49%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7a140c), color-stop(49%,#93170c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7a140c 0%,#93170c 49%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7a140c 0%,#93170c 49%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7a140c 0%,#93170c 49%); /* IE10+ */
    background: linear-gradient(to bottom,  #7a140c 0%,#93170c 49%); /* W3C */
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a140c', endColorstr='#93170c',GradientType=0 ); /* IE6-9 */
    border-radius: 5px;
    color: #FFF;
    line-height: 2.4em;
    padding-left: 15px;
    font-size: 15px;
}
.form .labelList label{ margin-right: 15px; }
.form .labelList label input{ margin-right: 5px; }
.form-title span{ color: #fff799; }
.form-title2{
    background-image: url(images/form-title2.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    color: #af0b0b;
    font-size: 15px;
    padding-left: 30px;
}
.form-title2 span{
    color: #666;
    font-size: 12px;
    margin-left: 10px;
    font-weight: normal;
}
.form-title2 span input{ margin-right: 10px; }
/*備註文字*/
.remark{ color: #999; }
/*備註區塊*/
.remarkBox{
	color: #535353;
	border: 1px dashed #ffa3a3;
	background-color: #f9f1f1;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.remarkBox p{
	margin: 0px;
	padding: 0px;
}
/*價格文字*/
.pric {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #b62015;
    margin-right: 5px;
    margin-left: 5px;
}
.note{
    border-radius: 5px;
    padding: 15px;
    color: #666666;
    background-color: #f8f6eb;
    text-align: center;
    margin-top: 20px;
}
.accordion {}
.accordion .accordion-title {}
.accordion .accordion-title a {display: block;}
.accordion .accordion-info {display: none;}
.accordion .accordion-info.actived{ display: block; }
.accordion span{float:right;}
/*切換tabe*/
.tabList .tabs{
    overflow: hidden;
    width: 100%;
    margin: 0;
    list-style: none;
    -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
    padding: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #c19f5e;
}
.tabList .tabs .title,.tabList .tabs .actived{
    float: left;
    font-size: 15px;
    line-height: normal;
    padding: 0px;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.tabList .tabs h2:first-child{ padding-left: 12px; }
.tabList .tabs a{
    position: relative;
    float: left;
    text-decoration: none;
    color: #c19f5e;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    padding-top: 10px;
    padding-bottom: 6px;
    text-align: center;
    font-size: 15px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 38%, #f3e8d2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(38%,#ffffff), color-stop(100%,#f3e8d2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 38%,#f3e8d2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 38%,#f3e8d2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 38%,#f3e8d2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 38%,#f3e8d2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3e8d2',GradientType=0 );
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #d8caa9;
    border-right-color: #d8caa9;
    border-left-color: #d8caa9;
    padding-right: 25px;
    padding-left: 25px;
    font-weight: normal;
}
.tabList .tabs .actived a{
    color: #956407;
    font-weight: bold;
    font-size: 15px;
    border-top-color: #bca878;
    border-right-color: #bca878;
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #bca878;
background: #f2eee6; /* Old browsers */
background: -moz-linear-gradient(top,  #f2eee6 1%, #d1ba7d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f2eee6), color-stop(100%,#d1ba7d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2eee6 1%,#d1ba7d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2eee6 1%,#d1ba7d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2eee6 1%,#d1ba7d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2eee6 1%,#d1ba7d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2eee6', endColorstr='#d1ba7d',GradientType=0 ); /* IE6-9 */
color: #C00!important; 

}
.tabList .tabs .actived a:hover{ color: #C00!important; }
.tabList .tabs a:hover,
.tabList .tabs a:hover::after,
.tabList .tabs a:focus,
.tabList .tabs a:focus::after{ color: #C00; }
.tabList .tabs a:focus{outline: 0;}
.tabList .tabsContent
{
    position: relative;
    z-index: 2;
    background-image: url(images/aboutStories-tab1.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
}
.formTable{ clear: both; }
/*購物車步驟*/
.carStep{
	margin-bottom: 20px;
	margin-top: 20px;
	clear: both;
	width: 100%;
	height: 60px;
}
.carStep p{
    margin: 0px;
    padding: 0px;
}
.carStep .list{
	background: #fff0ef; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff0ef 0%, #ffffff 11%, #ffffff 31%, #ffeded 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff0ef), color-stop(11%,#ffffff), color-stop(31%,#ffffff), color-stop(100%,#ffeded)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fff0ef 0%,#ffffff 11%,#ffffff 31%,#ffeded 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fff0ef 0%,#ffffff 11%,#ffffff 31%,#ffeded 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fff0ef 0%,#ffffff 11%,#ffffff 31%,#ffeded 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fff0ef 0%,#ffffff 11%,#ffffff 31%,#ffeded 100%); /* W3C */


		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0ef', endColorstr='#ffeded',GradientType=0 ); /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0ef', endColorstr='#ffc6c1',GradientType=0 ); /* IE6-9 */
	border: 1px solid #f2c6b4;
	border-radius: 5px;
	color: #c2787b;
	position: relative;
	display: inline-block;
	height: 57px;
	width: 126px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.carStep .next{
	background-image: url(images/carStep-next.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline-block;
	width: 14px;
	height: 57px;
	margin-right: 2px;
	margin-left: 2px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
}
.carStep .step{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    position: absolute;
    left: 10px;
    top: 5px;
}
.carStep .actived .num{ color: #e83848;}
.carStep .num{
	font-size: 33px;
	color: #f18891;
	font-style: oblique;
	font-family: Georgia, "Times New Roman", Times, serif;
	left: 7px;
	top: 19px;
	position: absolute;
	line-height: 1.1em;
}
.carStep .t{
    position: absolute;
    left: 48px;
    top: 23px;
}
.carStep .list.actived{
    background: #fff0ef; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff0ef 0%, #ffffff 11%, #ffffff 31%, #ffb7b2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff0ef), color-stop(11%,#ffffff), color-stop(31%,#ffffff), color-stop(100%,#ffb7b2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff0ef 0%,#ffffff 11%,#ffffff 31%,#ffb7b2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff0ef 0%,#ffffff 11%,#ffffff 31%,#ffb7b2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff0ef 0%,#ffffff 11%,#ffffff 31%,#ffb7b2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fff0ef 0%,#ffffff 11%,#ffffff 31%,#ffb7b2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0ef', endColorstr='#ffb7b2',GradientType=0 ); /* IE6-9 */
    border: 1px solid #e97c4f;
}
.carStep .actived .num,.carStep .actived .step{ color: #e83848;}
.carStep .actived .t{
    color: #991e23;
    font-weight: bold;
}
/* ---------------------------------------------------------------- */
/*	8. 關於我們 about
/* ---------------------------------------------------------------- */
/*	 */
#about {
	background-image: url(images/about-bg.jpg);
	background-repeat: no-repeat;
	line-height: 1.8em;
	min-height:700px;
}
#about  p{
    text-indent: 2em;
}
#about .page-col1 {
	position: absolute;
	left: 40px;
	top: 25px;
}
#about .page-col2 {
	float: right;
	padding-right: 40px;
	padding-top: 15px;
	background-image: url(images/page-col2-bg.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-bottom: 290px;
	width: 435px;
}
#about .page-col2 .title {
	background-image: url(images/page-col2-2-1.png);
	height: 82px;
	width: 451px;

}
#about .page-col2 p{
	padding-left:58px;
}

#about .page-col3{
	background-image: url(images/about-page-col3.png);
	background-repeat: no-repeat;
	background-position: right top;
	position: absolute;
	top: 450px;
	left: 35px;
	padding-right: 200px;
	font-size: 12px;
	color: #9a894c;
	width: 140px;
}
#about .page-col3 p {
	line-height: 1.5em;
    text-indent: 0em;
}

#about .page-col3 .title{
	font-size: 17px;
	color: #950707;
	font-family: "華康儷宋", "標楷體", "新細明體";
}
#about .page-col4{
	float: left;
	width: 260px;
	margin-top: 570px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(images/about-page-col4.png);
	margin-left: 20px;
}
#about .page-col4 .title{
	font-size: 17px;
	color: #950707;
	font-family: "華康儷宋", "標楷體", "新細明體";
}
#aboutPhilosophy .title {
	color: #d52b1e;
	font-size: 15px;
	font-family: "新細明體";
}
#aboutPhilosophy  p{text-indent: 2em;}
/* 重要事蹟 *******/

#aboutStories .page-info{ margin-top: 15px;}
#aboutStories.page{background-repeat: no-repeat; background-position: right bottom; background-image: url(images/in01-3_pic.jpg); }

/* 活動推廣 *******/
#aboutEvents #tabs{
    overflow: hidden;
    width: 100%;
    margin: 0;
    list-style: none;
    -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
    padding: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #c19f5e;
}
#aboutEvents .page-info{ margin-top: 15px; }
#aboutEvents #tabs .title,#aboutEvents #tabs .actived{
    float: left;
    font-size: 15px;
    line-height: normal;
    padding: 0px;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 0px;
}
#aboutEvents #tabs h2:first-child{ padding-left: 12px; }
#aboutEvents #tabs a{
    position: relative;
    float: left;
    text-decoration: none;
    color: #c19f5e;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    padding-top: 10px;
    padding-bottom: 6px;
    text-align: center;
    font-size: 15px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 38%, #f3e8d2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(38%,#ffffff), color-stop(100%,#f3e8d2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 38%,#f3e8d2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 38%,#f3e8d2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 38%,#f3e8d2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 38%,#f3e8d2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3e8d2',GradientType=0 );
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #d8caa9;
    border-right-color: #d8caa9;
    border-left-color: #d8caa9;
    padding-right: 25px;
    padding-left: 25px;
    font-weight: normal;
}
#aboutEvents #tabs .actived a{
    color: #956407;
    font-weight: bold;
    font-size: 15px;
    border-top-color: #bca878;
    border-right-color: #bca878;
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #bca878;
}
#aboutEvents #tabs .actived a:hover{ color: #C00!important; }
#aboutEvents #tabs a:hover,
#aboutEvents #tabs a:hover::after,
#aboutEvents #tabs a:focus,
#aboutEvents #tabs a:focus::after{ color: #C00; }
#aboutEvents #tabs a:focus{outline: 0;}
#aboutEvents #tabsContent
{
    position: relative;
    z-index: 2;
    background-image: url(images/aboutStories-tab1.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
}
#aboutStoryInfo .title {
    background-image: url(images/aboutStory-hd.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    color: #a40000;
    font-size: 16px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 50px;
}
#aboutStoryInfo .title span{
    font-size: 15px;
    color: #81511c;
}
#aboutStoryInfo h3{
    color: #81511c;
    line-height: 2em;
    font-size: 15px;
    font-weight: bold;
}
#aboutStory{}
#aboutStory .list{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#aboutStory .list li {
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
	background-image: url(images/hr.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#aboutStory .list .title{
    margin: 0px;
    font-size: 16px;
    color: #a40000;
    background-image: url(images/aboutStory-hd.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 45px;
}
#aboutStory .list .title span{
    color: #81511c;
    font-size:13px;
}
#aboutStory .list .pic{
	float: left;
	width: 200px;
	margin-right: 10px;
	padding-bottom: 5px;

	display: block;
}
#aboutStory .list .pic img{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px dashed #cfbda9;
    padding: 5px;
}
#aboutStory .list .pic:hover img{
    border-top-color: #C00;
    border-right-color: #C00;
    border-bottom-color: #C00;
    border-left-color: #C00;
    background-color: #FFFFCC;
}
#aboutStory .list .info{
    float: left;
    width: 500px;
    padding-bottom: 8px;
}
#aboutStory .list .info p{ padding-left: 20px; }
#aboutStory .list .button{ float: right; }
#aboutStory .list hr{}
#newsInfo .page-info h2 {
    font-weight: bold;
    line-height: 1.5em;
    font-size: 15px;
    background-color: #f8f6eb;
    padding: 7px;
}

#newsInfo .page-info time {
    color: #c52313;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
}

#newsInfo .page-info .info {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	text-align: left;
}

#store .picb {
    float: left;
    margin-right: 20px;
    position: relative;
    width: 270px;
    height: 300px;
}
#store .picb img{
    padding: 5px;
   border: 1px solid #CCC;
    position: absolute;
    left: 0px;
    top: 0px;
}
#store ul {
    float: right;
    width: 430px;
    margin: 0px;
    padding: 0px;
}
#store ul li{
    margin: 0px;
    list-style-type: none;
    padding: 5px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #333;
}
#store ul li h3{
    color: #703f03;
    font-weight: bold;
    background-image: url(images/store-dt.png);
    background-repeat: no-repeat;
    background-position: left 5px;
    padding-left: 20px;
    font-size: 15px;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    list-style-type: none;
}

#store ul h3 a {
    color: #9D5804;
    text-decoration: none;
    font-size: 16px;
}
#store ul li:hover{ background-color: #f8f6ea; }
#store ul li p {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
}
#storeInfo .basic .titel {
	background-color: #dedac1;
	line-height: 2em;
	color: #950707;
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	height: 30px;
}
#storeInfo .basic {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#storeInfo .basic .basic-info {
	margin: 0px;
	padding: 15px;
	background-color: #f8f6ea;
	/*height: 110px;*/
	overflow:hidden;
}

#storeInfo .basic .list{
	background-image: url(images/storeInfo-list.jpg);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 10px;
	color: #666;
}

#storeInfo .basic .list strong{
    color: #7E4703;
    font-weight: bold;
}


#news .topNews {
    margin-bottom: 20px;
    margin-top: 10px;
}
#news .page-info,#newsInfo .page-info{
    margin: 0px;
    padding-right: 30px;
    padding-left: 38px;
}

#news .topNews .fl {
    margin-right: 25px;
    border: 5px solid #e8e0d3;
}
#news .topNews  .fl:hover{ border: 5px solid #CC0000; }
#news .topNews  h3{
    font-weight: bold;
    font-size: 16px;
    line-height: 1.7em;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    color: #000;
}
#news .topNews  h3 a{
	color: #000;
    text-decoration: none;
}
#news .topNews  h3 a:hover{ color: #C00; }
#news .topNews .time {
    color: #990000;
    font-size: 12px;
    line-height: normal;
}
#news .topNews .button { float: right; }


#news .newsList {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}
#news .newsList li{
    list-style-type: none;
}
#news .newsList li a{
    color: #292929;
    text-decoration: none;
    display: block;
    padding-top: 10px;
    padding-right: 7px;
    padding-bottom: 10px;
    padding-left: 7px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #ECE4C6;
    transition: background-color 600ms, color 600ms;
}
#news .newsList li a:hover{
    color: #C00;
    background-color: #f8f6ea;
    transition: background-color 400ms, color 400ms;

}
#news .newsList li a time{
    color: #9c0000;
    width: 60px;
    display: inline-block;
    margin-right: 15px;
}
#news .newsList li a .sort{
	color: #C00;
	margin-right: 10px;
	font-weight: bold;
}
#conatct{}
#conatct .list{ line-height: 1em; 
}
#conatct .list:before {content: "‧ "; }

#conatct #form {
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #666666;
    padding-top: 25px;
    margin-top: 25px;
    padding-left: 20px;
}

#sitemap .page-info{ padding-top: 20px; }
#sitemap ul{
    margin: 0px;
    padding: 0px;
}

#sitemap .main-menu{
	list-style-type: none;
	float: left;
	width: 30%;
	margin-right: 1%;
	margin-bottom: 20px;  
}

#sitemap .main-item-a{
    background: #eeecde; /* Old browsers */
    background: -moz-linear-gradient(top,  #eeecde 0%, #dedbc2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeecde), color-stop(100%,#dedbc2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eeecde 0%,#dedbc2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eeecde 0%,#dedbc2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eeecde 0%,#dedbc2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eeecde 0%,#dedbc2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeecde', endColorstr='#dedbc2',GradientType=0 ); /* IE6-9 */
    display: block;
    color: #81511c;
    text-decoration: none;
    padding-right: 30px;
    padding-left: 30px;
    line-height: 2.5em;
    border-radius: 7px;
    border: 1px solid #c5bc80;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 15px;
}
#sitemap .main-menu a{
    color: #703f03;
    text-decoration: none;
}
#sitemap .main-item-en{ display: none; }
#sitemap .sub-item{
    list-style-type: disc;
    line-height: 2.5em;
    margin-left: 50px;
}
#sitemap .sub-item li{ list-style-type: none; }
#sitemap .main-menu a:hover{
    color: #C00;
    text-decoration: underline;
}
#termsService{ color: #666666; }
#termsService h2{ font-size: 15px; }
#termsService strong{ color: #C00; }
#termsService em{
    color: #00479d;
    font-style: normal;
}
#qa .title{
    color: #e65600;
    font-size: 15px;
}

#qa .accordion{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #e1e1e1;
}
#qa .accordion-title a{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f9f8f0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f8f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f8f0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f9f8f0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f9f8f0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f9f8f0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f8f0',GradientType=0 ); /* IE6-9 */
    color: #946434;
    text-decoration: none;
    font-size: 15px;
    line-height: 2em;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #e1e1e1;
    border-bottom-color: #e1e1e1;
    border-left-color: #e1e1e1;
}
#qa .accordion-title.actived a{}
#qa .accordion-title a:after{
    content: "+";
    display: inline-block;
    border: 1px solid #e1e1e1;
    position: absolute;
    top: 5px;
    right: 5px;
    background: #cf281b; /* Old browsers */
    padding: 0px;
    line-height: normal;
    text-align: center;
    width: 18px;
    border-radius: 3px;
    color: #FFF;
    font-weight: bold;
}
#qa .accordion-title.actived a:after{
    content: "-";
    color: #000;
    background-color: #f4efdc;
}
#qa .accordion-info{
    background-color: #f4efdc;
    margin: 0px;
    padding: 15px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #e1e1e1;
    border-left-color: #e1e1e1;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e1e1e1;
}



#memberRegistration .serviceInfo {
    height: 160px;
    overflow-x:hidden;
    border: 1px solid #CCC;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    margin-bottom: 30px;
}

#memberRegistration .form .rowleft {
    width: 190px !important;
    text-align: right;
}
#memberRegistration .form .row .rowright {
    display: block;
    margin: 0 12px 0 200px;
}

/*產品列表*/
#product .productList{
    margin-top: 30px;
    margin-left: 15px;
}
#product .productList .list{
    text-align: center;
    margin-bottom: 40px;
}
#product .productList .lista{
    display: block;
    border: 2px solid #decaa0;
    background: #e4dcc6; /* Old browsers */
    background: -moz-linear-gradient(top,  #e4dcc6 59%, #f3f0e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(59%,#e4dcc6), color-stop(100%,#f3f0e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e4dcc6 59%,#f3f0e6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e4dcc6 59%,#f3f0e6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e4dcc6 59%,#f3f0e6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e4dcc6 59%,#f3f0e6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4dcc6', endColorstr='#f3f0e6',GradientType=0 ); /* IE6-9 */
    padding: 5px;
    border-radius: 5px;
    text-decoration: none;
    height: 220px;
    margin-right: 30px;
}
#product .productList .lista:nth-child(3){margin-right: 0px;}
#product .productList .img{
    padding: 0px;
    margin: 0px; 
}
#product .productList .img  img{
	border: 2px solid #FFF;
	/* display: inline-block;*/
	display: block;
	height: 165px;
	width: 190px;
}
#product .productList .title{
	font-weight: bold;
	color: #532e00;
	text-decoration: none;
	line-height: 1.5em;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#product .productList .title span{
	font-size: 12px;
	font-weight: normal;
}
#product .productList .lista:hover{
    background: #cd3425; /* Old browsers */
    background: -moz-linear-gradient(top,  #cd3425 0%, #e4dcc6 72%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cd3425), color-stop(72%,#e4dcc6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cd3425 0%,#e4dcc6 72%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cd3425 0%,#e4dcc6 72%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cd3425 0%,#e4dcc6 72%); /* IE10+ */
    background: linear-gradient(to bottom,  #cd3425 0%,#e4dcc6 72%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd3425', endColorstr='#e4dcc6',GradientType=0 ); /* IE6-9 */
}
#productsInfo .liSelected{
    position: relative;
}
#productsInfo .species {
    background-repeat: no-repeat;
    height: 110px;
    width: 114px;
    position: absolute;
    left: -7px;
    top: -8px;
    z-index: 999;
}
#productsInfo .s1{background-image: url(images/productsLine-icon11.png);}
#productsInfo .s2{background-image: url(images/productsLine-icon2.png);}
#productsInfo .s3{background-image: url(images/productsLine-icon3.png);}
#productsInfo .s4{background-image: url(images/productsLine-icon4.png);}
#productsInfo .basicInfo{
	position: relative;
	margin-top: 25px;
	width: 48%;
}
#productsInfo .basicInfo p{
    line-height: 1.5em;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
}
#productsInfo .basicInfo .title {
    background: #f4dbb3; /* Old browsers */
    background: -moz-linear-gradient(left,  #f4dbb3 0%, #ffffff 82%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f4dbb3), color-stop(82%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #f4dbb3 0%,#ffffff 82%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #f4dbb3 0%,#ffffff 82%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #f4dbb3 0%,#ffffff 82%); /* IE10+ */
    background: linear-gradient(to right,  #f4dbb3 0%,#ffffff 82%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4dbb3', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    font-size: 15px;
    font-weight: bold;
    color: #6a3906;
    line-height: 2em;
    padding-left: 15px;
}
#productsInfo .basicInfo .brief{
    line-height: 2em;
    padding-left: 5px;
    margin-bottom: 10px;
} 
#productsInfo .basicInfo .btn {
    text-align: left;
    padding: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}
#productsInfo .basicInfo .btn a{ margin-left: 0px; }
#productsInfo .page-info .basicInfo p s { margin-right: 15px; }

#productsInfo .basicInfo p .red {
    font-size: 15px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
}

#productsInfo .basicInfo .precautions {
    font-weight: bold;
    margin-top: 10px;
}

#productsInfo .tabsContent{ min-height:130px;}

#productsInfo .basicInfo .fb {
    position: absolute;
    right: 0px;
    bottom: 0px;
}
#productsInfo .products-article .list{
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #CCC;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}

#productsInfo .products-article .more {
    position: absolute;
    right: 0px;
    bottom: 10px;
}

#productsInfo .products-article .title {
    color: #eb6100;
    font-weight: bold;
    text-decoration: none;
}
#productsInfo .products-article .link{ color: #959595; }
#productsInfo .products-article .link a{ color: #0068b7; }
#productsInfo .products-related{
    border: 1px solid #d8caa9;
    border-radius: 5px;
    margin-top: 20px;
    padding: 10px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 67%, #f7f0e2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(67%,#ffffff), color-stop(100%,#f7f0e2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 67%,#f7f0e2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 67%,#f7f0e2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 67%,#f7f0e2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 67%,#f7f0e2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f0e2',GradientType=0 ); /* IE6-9 */
    margin-bottom: 20px;

 }
#productsInfo .products-related h3 {
    background-image: url(images/products-related-h3.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
    font-size: 15px;
    color: #a40000;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
#productsInfo .basicInfo .products-line strong{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #c70c1a;
}
#productsInfo .basicInfo .products-line .time {
    background-image: url(images/products-line.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px;
    font-size: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
}
#productsInfo .basicInfo .products-line .num{
    background-image: url(images/products-line-2.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px;
     font-size: 15px;
}
#productsInfo .optionalTitle{
    color: #C00;
    margin-bottom: 10px;
    padding-left: 15px;
    font-size: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #FFF0F0;
    border: 1px solid #F00;
    display: inline-block;
    font-weight: bolder;
    padding-right: 15px;
  }
/*限時限量商品*/
#productsLine .productList2{ margin-top: 20px; }
#productsLine .species{}
#productsLine .productList .list{
    border: 1px solid #cfb482;
    background-color: #d7ccae;
    padding: 8px;
    border-radius: 7px;
    position: relative;
    margin-bottom: 20px;
}
#productsLine .productList .list:hover{ background-color: #be271a; }
#productsLine .productList .lista{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 18%, #ebe3c5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(18%,#ffffff), color-stop(100%,#ebe3c5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 18%,#ebe3c5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 18%,#ebe3c5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 18%,#ebe3c5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 18%,#ebe3c5 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebe3c5',GradientType=0 ); /* IE6-9 */
    display: block;
    border: 1px solid #FFF;
    color: #333;
    text-decoration: none;
    height: 200px;
    overflow: hidden;
 }
#productsLine .productList .title{
    margin: 0px;
    padding: 0px;
    line-height: 2em;
}
#productsLine .productList .title a{
    color: #6a3906;
    text-decoration: none;
}
#productsLine .productList .img{
    float: right;
    width: 390px;
}
#productsLine .productList .fl {
    width: 265px;
    padding-top: 30px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 45px;
}
#productsLine .productList p {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
}
#productsLine .productList .species {
    background-repeat: no-repeat;
    height: 110px;
    width: 114px;
    position: absolute;
    left: -7px;
    top: -8px;
}
#productsLine .productList .s1{background-image: url(images/productsLine-icon11.png);}
#productsLine .productList .s2{background-image: url(images/productsLine-icon2.png);}
#productsLine .productList .s3{background-image: url(images/productsLine-icon3.png);}
/*紅利商品*/
#productsBonus .productList{ margin-top: 20px; }
#productsBonus .species{}
#productsBonus .productList .list{
    border: 1px solid #cfb482;
    background-color: #f5e7e6;
    padding: 8px;
    border-radius: 7px;
    position: relative;
    margin-bottom: 20px;
}
#productsBonus .productList .list:hover{ background-color: #c6291d; }
#productsBonus .productList .lista{
   background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 27%, #fcefee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,#ffffff), color-stop(100%,#fcefee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 27%,#fcefee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 27%,#fcefee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 27%,#fcefee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 27%,#fcefee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcefee',GradientType=0 ); /* IE6-9 */
    display: block;
    border: 1px solid #FFF;
    color: #333;
    text-decoration: none;
    height: 200px;
    overflow: hidden;
 }

#productsBonus .productList .title{
    margin: 0px;
    padding: 0px;
    line-height: 2em;
}
#productsBonus .productList .title a{
    color: #6a3906;
    text-decoration: none;
}
#productsBonus .productList .img{
    float: right;
    width: 390px;
}
#productsBonus .productList .fl {
    width: 265px;
    padding-top: 30px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 45px;
}
#productsBonus .productList p {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
}
#productsBonus .productList .species {
    background-repeat: no-repeat;
    height: 110px;
    width: 114px;
    position: absolute;
    left: -7px;
    top: -8px;
}
#productsBonus .productList .s4{background-image: url(images/productsLine-icon4.png);}
#memberCarLogin .page-info{ margin-top: 20px; }
#memberCarLogin .title {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    font-size: 15px;
    color: #FFF;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
}
#memberCarLogin .fl{
    padding-right: 25px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #dcdcdc;
}
#memberCarLogin .fl .title { background-color: #f39800;}
#memberCarLogin .fr .title {
    background-color: #ec6941;
    text-align: center;
}
#memberCarLogin .fr .textCenter { margin-top: 120px; }

#memberCarLogin .row .rowleft{
    float: left;
    padding: 0px;
    margin: 0;
    color: #1c1c1c;
    cursor: text;
    width: 100px;
}
#memberCarLogin .row .rowright {
    display: block;
    margin: 0 12px 0 100px;
}

/**/
/*首頁產品圖----*/
#AllP{
  float: left;
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;

}

.conexpert {
  height: 255px;
  overflow: hidden;
  position: relative;
  border
}
.conexpert  ul{
	margin: 0px;
	padding: 0px;
}
.conexpert li{
	width: 156px;
	height: 255px;
	text-align: center;
	float: left;
	display: inline;
	margin-right: 11px;
	margin-left: 11px;
	position: relative;
}
.conexpert li a div img{
	width: 156px;
	height: 255px;
	position: absolute;
	left: 4px;
	top: 3px;
}
.conexpert li a {
  text-decoration: none;
  font-size: 14px;
  color: #532e00;
}

.conexpert li:hover div{
  color: #BC7D0A;  
}
.conexpert li div{
	border: 1px solid #cfb482;
	padding: 2px;
}
.conexpert li img {
  width: 150px;
  height: 130px;
  padding: 0px;
  background-color: #FFF;
 
  display: block;
  /*新增*/
  
}

.conexpert li:hover div {
	border: 1px solid #990000;
}

.conexpert li .titBox {
  display: block;
  height: 55px;
  overflow: hidden;
  text-align: center;
  width: 150px;
  font-weight: bold;
  margin-top: 9px;
  line-height: 1.3em;
  letter-spacing: 1px;
}

.conexpert .left {
  cursor: pointer;
  background-image: url(images/in02-022_s_left.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 15px;
  width: 12px;
  TEXT-INDENT: -999px;
  float: left;
  position: absolute;
  top: 5px;
  right: 37px;
}

.conexpert .right {
  cursor: pointer;
  background-image: url(images/in02-022_s_right.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 15px;
  width: 12px;
  TEXT-INDENT: -999px;
  float: right;
  position: absolute;
  top: 5px;
  right: 18px;
}

.conexpert .left:hover,.conexpert .right:hover { /*圖片半透明*/
  opacity: 0.5;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#show-inquiry {
  height: 212px;
  width: 340px;
  padding-right: 6px;
  padding-left: 6px;
  margin: 0 auto;
}

#show-inquiry .title {
  background-image: url(images/in02-023_tit.jpg);
  background-repeat: no-repeat;
  height: 43px;
  width: 203px;
  padding-left: 137px;
}

#show-inquiry .title h5 {
  font-size: 15px;
  color: #fff100;
  line-height: 2.9em;
  letter-spacing: 1px;
}

#show-inquiry .text {
  line-height: 1em;
  letter-spacing: 1px;
  text-align: center;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #949795;
  margin-top: 40px;
  height: 70px;
  margin-right: 10px;
  margin-left: 10px;
}

#show-inquiry .text p .p_red {
  font-size: 15px;
  font-weight: bold;
  color: #e60012;
  font-family: "微軟正黑體";
}


/*會員中心 運費說明----*/
#instructions{ 
  border: 1px solid #cd3535; 
  margin-top: 15px; 
  margin-bottom: 15px; 
}
#instructions h3{ 
  border: 1px solid #cd3535; 
  background-color: #cd3535; 
  line-height: 1.5em; 
  margin: 0px; 
  padding-top: 0px; 
  padding-right: 0px; 
  padding-bottom: 0px; 
  padding-left: 15px; 
  color: #FFF; 
}
#instructions p{ padding-right: 10px; padding-left: 10px; }

/*會員登入*/
#memberLogin .form{
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}

/*訂單詢問*/
#memberOrderContact .tableStyle2{border-collapse: inherit;}
#memberOrderContact .tableStyle2 tbody th,#memberOrderContact .tableStyle2 tbody td{
    background-color: #f6f5f5;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #FFF;
    border-bottom-color: #CCC;
    padding: 10px;
}
#memberOrderContact .tableStyle2 tbody th{
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCC;
    font-weight: normal;
}
#memberOrderContact .tableStyle2 tbody td{
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FFF;
}

/*搜尋*/
#search .searchBox{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 10px;
}
#search .searchBox input{
	background-color: #f2eedd;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 25px;
}
#search .searchBox .serchbtn{
	background-image: url(images/serchbox.png);
	background-repeat: no-repeat;
	background: #f77365; /* Old browsers */
	background: -moz-linear-gradient(top,  #f77365 0%, #d63e04 71%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f77365), color-stop(71%,#d63e04)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f77365 0%,#d63e04 71%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f77365 0%,#d63e04 71%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f77365 0%,#d63e04 71%); /* IE10+ */
	background: linear-gradient(to bottom,  #f77365 0%,#d63e04 71%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f77365', endColorstr='#d63e04',GradientType=0 ); /* IE6-9 */
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 1.3em;
	border-radius: 0px;
	height: 27px;
}
#search .list p{
	color: #666;
}
#search .list .title a{
	font-size: 15px;
	font-weight: bold;
}
#search .list .title .sort{
	color: #C00;
	margin-right: 7px;
	font-weight: normal;
	font-size: 12px;
}

/*員工教育訓練*/
#trainingLogin{
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
#trainingLogin h1,#trainingLogin .form-title{
	text-align: center;
}
#trainingLogin .form-title{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#trainingLogin  .page-info{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 78%, #ecebec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(78%,#ffffff), color-stop(100%,#ecebec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 78%,#ecebec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 78%,#ecebec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 78%,#ecebec 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 78%,#ecebec 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ecebec',GradientType=0 ); /* IE6-9 */
	border: 1px solid #CCC;
	border-radius: 7px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
/*編輯器通用樣式*/

.page-info ol{
    list-style-position: outside;
    padding-left: 25px;
}
.page-info h3{
line-height: 2em;
font-size: 15px;
font-weight: bold;
  }
  
#purchaseInfo .page-info img{
	border: 3px solid #996c33!important;
}
#productsInfo .page-info .tabsContent h3{
    line-height: 2em;
    font-size: 15px;
    font-weight: bold;
    color: #F60;
     }
#productsInfo .page-info .tabsContent h4{
    line-height: 2em;
    font-size: 15px;
    font-weight: bold;
    color: #975f00;
}
#productsInfo .page-info table{border-collapse: inherit;}
#productsInfo .page-info table{ border: 1px solid #dac9ab; }
#productsInfo .page-info table th{
    background-color: #edbf72;
    padding: 5px;
    color: #975f00;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFF;
    border-right-color: #edbf72;
    border-bottom-color: #FFF;
    border-left-color: #FFF;
    text-align: center;
}
#productsInfo .page-info table th:last-child { border-right-color: #FFF;}
#productsInfo .page-info table p{
    line-height: normal;
    margin: 0px;
    padding: 0px;
}
#productsInfo .page-info table td{
    color: #7d7d7d;
    vertical-align: middle;
    padding: 5px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #e2d7c3;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #e2d7c3;
}
#productsInfo .page-info table td:first-child {border-left-color: #FFFFFF;}
#purchaseInfo .page-info h3{
	background-color: #F3F3F3;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#purchaseInfo .page-info .tabsContent h3{
    line-height: 2em;
    font-size: 15px;
    font-weight: bold;
    color: #F60;
     }
#purchaseInfo .page-info .tabsContent h4{
    line-height: 2em;
    font-size: 15px;
    font-weight: bold;
    color: #975f00;
}
#purchaseInfo .page-info table{border-collapse: inherit;}
#purchaseInfo .page-info table{ border: 1px solid #dac9ab; }
#purchaseInfo .page-info table th{
    background-color: #edbf72;
    padding: 5px;
    color: #975f00;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFF;
    border-right-color: #edbf72;
    border-bottom-color: #FFF;
    border-left-color: #FFF;
    text-align: center;
}
#purchaseInfo .page-info table th:last-child { border-right-color: #FFF;}
#purchaseInfo .page-info table p{
    line-height: normal;
    margin: 0px;
    padding: 0px;
}
#purchaseInfo .page-info table td{
    color: #7d7d7d;
    vertical-align: middle;
    padding: 5px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #e2d7c3;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #e2d7c3;
}
#purchaseInfo .page-info table td:first-child {border-left-color: #FFFFFF;}
.clear{ clear: both; }