﻿body {margin: auto;font-family: "微軟正黑體;"  }

/*==========================================
最近消息列表-相片框
===========================================*/
.newsList-Img {
	margin:auto;
	text-align:center;
	position:relative;
   width:155px;
    height:155px;
	overflow:hidden;
    border: 1px solid #D2D2D2;
}

/*news-Hover 放大淡出*/
.img_opacity{
	background:#FFF;
	overflow:hidden;
	}

.img_opacity img{	
	transition:all 0.3s linear;
	-webkit-backface-visibility: hidden;}

.img_opacity:hover img{
	opacity:0.7;
	transform:scale(1.05);}
@media (max-width:800px){
.newsList-Img {
	width:100%;
	position:relative;
	margin:auto;
    height:auto;
    border:1px solid #D2D2D2;
}
	
}
 

/*最新消息內頁title*/
.newshead-txt {
	color:#c6a05d;
	 font-family:'微軟正黑體';
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1.7;
	padding-left:2%; 
		   padding-right:2%;
		   padding-bottom:1%;
		   border-bottom:#ededed 1px solid
}
.newsreturn{
    text-align: center;
	padding-top:20px;
	margin-bottom: 40px;
}
/*最新消息內頁line及fb分享*/
.newsshareArea {display: block;
                float:right;
				width:100%;
				margin-top:-30px }
				
				
.newsshareArea ul li{ float:right; display:inline; padding-left:2%}				

/*最新消息內頁日期*/
.newsDate {
	float:left;
	color:#595757;
      padding: 3px 8px  5px 8px;
    font-size: 14px;
    font-family:'微軟正黑體';
    font-weight: normal;
    letter-spacing: .1em;
}


/*最新消息內頁box*/


.newsList-title {
	font-family: "微軟正黑體";
    font-size:18px;
	display:block;
    font-weight: normal;
    font-weight:600;
    margin:0px 5px;
	height:40px;
	line-height:40px;
	overflow:hidden;
	text-align:left
}
.newsList-Txt{
	display:block;
	font-family: "微軟正黑體";
    font-size:14px;
	text-align:left;
	height:50px;
	overflow:hidden;
	padding-left:8px;
	display:block;
    line-height: 1.8;
}
/*內頁最新消息title連結樣式*/
a.font-news:link {color:#4d6d2d ;text-decoration:none;font-family:"微軟正黑體";font-size:18px}
a.font-news:visited{color: #4d6d2d;text-decoration:none;font-family:"微軟正黑體"}
a.font-news:hover{color:#595757;text-decoration:none;font-family:"微軟正黑體"}
a.font-news:active{color:#595757;text-decoration:none;font-family:"微軟正黑體"}

/*類別連結樣式*/
.News-category {
	float:left;
    background-color: #abc66f;
    padding: 5px 15px 5px 15px;
    margin-right: 3px;
    display: inline-block;
    font-family: "微軟正黑體";
    font-size: 12px;
    font-weight: normal;
    color: #FFF;
    border-radius:18px;
}

/*將表格邊框移除(使用方式RwdTable xFFF)*/
.TableBorderColor, .TableBorderColor td, .TableBorderColor th{
	font-family: "微軟正黑體";
    border-collapse: collapse;
	}
	
.TableBorderColor, .TableBorderColor td,.TableBorderColor th{
	font-family: "微軟正黑體";
    border-collapse: collapse;	
	}

/* ------------------------------
   主要表格 +tab 20240314
------------------------------ */

.HotTagFourTabs-box {
	padding: 5% 0;
	background-color: #fff;
	/*overflow: hidden;*/
}

	.HotTagFourTabs-box .top-half {
		text-align: center;
	}



@media screen and (max-width: 570px) {
	.HotTagFourTabs-box .top-half h2::before {
		width: 100px;
		height: 50px;
	}
}

.HotTagFourTabs-box .top-half p {
	max-width: 800px;
	margin: 30px auto;
}

.HotTagFourTabs-box .bottom-half {
	overflow: hidden;
}

	.HotTagFourTabs-box .bottom-half .FourTabs {
		/*overflow: hidden;*/
		padding: 0 15px;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

		.HotTagFourTabs-box .bottom-half .FourTabs .FourTabs-list {
			width: 100%;
			position: relative;
			max-width: 100%;
			display: block;
			padding: 0;
			margin: 0;
		}

			.HotTagFourTabs-box .bottom-half .FourTabs .FourTabs-list > li {
				width: 100%;
				padding: 5px 0;
			}

				.HotTagFourTabs-box .bottom-half .FourTabs .FourTabs-list > li a {
					color: #3E3E3E;
				}

				.HotTagFourTabs-box .bottom-half .FourTabs .FourTabs-list > li .FourTabs-btn {
					top: 0;
				}

				.HotTagFourTabs-box .bottom-half .FourTabs .FourTabs-list > li:nth-child(1) .FourTabs-btn {
					left: 0;
					border-right: 2px solid #fff;
				}

@media screen and (max-width: 1024px) {
	.HotTagFourTabs-box .bottom-half .FourTabs .FourTabs-list > li:nth-child(1) .FourTabs-btn {
		left: 0;
	}
}

.HotTagFourTabs-box .bottom-half .FourTabs .FourTabs-list > li:nth-child(1) .FourTabs-content {
	z-index: 2;
}

.HotTagFourTabs-box .bottom-half .FourTabs .FourTabs-list > li:nth-child(2) .FourTabs-btn {
	left: calc((100%/4)*1);
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
}

@media screen and (max-width: 1024px) {
	.HotTagFourTabs-box .bottom-half .FourTabs .FourTabs-list > li:nth-child(2) .FourTabs-btn {
		left: 33.33%;
	}
}

.HotTagFourTabs-box .bottom-half .FourTabs .FourTabs-list > li:nth-child(3) .FourTabs-btn {
	left: calc((100%/4)*2);
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
}

@media screen and (max-width: 1024px) {
	.HotTagFourTabs-box .bottom-half .FourTabs .FourTabs-list > li:nth-child(3) .FourTabs-btn {
		left: 66.66%;
		border-right: none;
	}
}

.HotTagFourTabs-box .bottom-half .FourTabs .FourTabs-list > li:nth-child(4) .FourTabs-btn {
	left: calc((100%/4)*3);
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
}

@media screen and (max-width: 1024px) {
	.HotTagFourTabs-box .bottom-half .FourTabs .FourTabs-list > li:nth-child(4) .FourTabs-btn {
		left: 0%;
		top: 50px;
		border-left: none;
	}
}




.HotTagFourTabs-box .bottom-half .FourTabs .FourTabs-btn {
	width: calc((100%)/4);
	height: auto;
	position: absolute;
	z-index: 4;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #ECEAE3;
	padding: 6px 0
}

@media screen and (max-width: 1024px) {
	.HotTagFourTabs-box .bottom-half .FourTabs .FourTabs-btn {
		position: absolute;
		width: calc(33.33%);
		padding: 12px 2px;
	}
}

.HotTagFourTabs-box .bottom-half .FourTabs .FourTabs-btn span {
	font-size: 1rem;
	font-weight: 500;
}



.HotTagFourTabs-box .bottom-half .FourTabs .FourTabs-btn.current {
	background-color: #617c42;
}

	.HotTagFourTabs-box .bottom-half .FourTabs .FourTabs-btn.current span {
		color: #fff;
	}

	.HotTagFourTabs-box .bottom-half .FourTabs .FourTabs-btn.current + .FourTabs-content {
		z-index: 2;
		opacity: 1;
		position: relative;
		text-align: center;
	}

.HotTagFourTabs-box .bottom-half .FourTabs .FourTabs-content {
	width: 100%;
	display: block;
	z-index: 1;
/*	position: absolute;
	opacity: 0;*/
	padding-top: 35px;
	text-align:center;
}

@media screen and (max-width: 1024px) {
	.HotTagFourTabs-box .bottom-half .FourTabs .FourTabs-content {
		padding-top: 130px;
	}
}

.HotTagFourTabs-box .bottom-half .FourTabs .FourTabs-content .HotTagSpot .swiper-container {
	padding-bottom: 10px;
	overflow: inherit;
}

.HotTagFourTabs-box .bottom-half .FourTabs .One-HotTagSpot {
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}



.HotTagFourTabs-box img {
	display: block;
	width: 100%;
	height: 100%;
/*	position: absolute;
	left: 0px;
	top: 0px;*/
	-o-object-fit: cover;
	object-fit: cover;
}

.HotTagFourTabs-box .bottom-half .FourTabs .One-HotTagSpot .HotTagSpot-content {
	padding: 20px;
}



/* ------------------------------
   news table 20240314
------------------------------ */
.RwdTable-news {
	max-width: 45%;
	width: 45%;
	margin: 10px 15px 20px auto;
	border-collapse: collapse;
	/* margin-bottom: 20px; */
	border: 1px solid rgb(201, 195, 174);
	box-shadow: 1px 1px 1px 2px rgba(180, 180, 178, .2);
	display: inline-block;
}

	.RwdTable-news td,
	.RwdTable-news th {
		border: 0px solid #ededed;
		padding: 5px;
	}

	.RwdTable-news tr {
		border-bottom: 1px solid rgb(201, 195, 174);
	}

/*----20240314---*/
@media screen and (max-width: 820px) {

	.RwdTable-news td,
	.RwdTable-news th {
		border: 0px solid #ededed;
		padding: 5px 10px 5px 10px;
		display: block;
	}
}



@media screen and (max-width: 575px) {

	.RwdTable-news {
		display: block;
		max-width: 95%;
		width: 95%;
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid rgb(201, 195, 174);
		margin: 10px auto 20px auto;
	}

		.RwdTable-news tr {
			border: 0px solid #ededed;
		}


		.RwdTable-news thead {
			display: none !important;
		}

		.RwdTable-news th {
			display: none;
		}

		/*內容相關*/
		.RwdTable-news td {
			display: block;
			border: 0px solid #FFF;
			text-align: left;
			padding-left: 3px;
			margin: 5px;
		}

			/*標頭相關*/
			.RwdTable-news td:before {
				content: attr(data-th) " ";
				float: left;
				padding-right: 5px;
				font-weight: bold;
				display: inline-block;
			}
}


/* ------------------------------
   內頁
------------------------------ */

.detail_content{ max-width:98%; margin:0 auto;}/* line-height:36px;*/

.detail_content h2{ color:#008000;font-size:24px; padding-bottom:10px; margin-bottom:10px;}
.detail_content h3{ font-size:14px; font-weight:500; width:100%;border-bottom:2px solid #96b74b;}
.detail_content span{font-size:16px}
.detail_content p{ color:#666;font-size:16px}


/*news_返回*/
.detail_prev{ border:1px solid #ccc;text-align:center; width:150px; margin:3% auto; line-height:36px;background:#abc66f;color:#fff;}
.detail_prev a{color:#fff}

.detail_prev:hover{ color:#fff; background:#008943; width:150px;}



/* ------------------------------
  表列示公告
------------------------------ */

.List-table{
	width: 100%;
	background-color: none;
	border-collapse: collapse;
	margin-bottom: 10px;
	font-size:16px;
	float:left;
	display: table;
	margin-top:5px;
	margin-bottom:3%
}
.List-table .td.fisrtrow, .css-table .td2.fisrtrow{ font-weight:800; }
.List-table .td.focusrow, .css-table .td2.focusrow{ color:#004a2f}
.List-table .td, .css-table .td2, .css-table .th{
	padding: 10px 5px 10px 5px;
}

.List-table .td, .css-table .td2{
	color: #666;
	border-bottom: #ddd 1px solid;
}

.List-table .th{
	background-color: none;
	color:#FFF;
	text-align: left;
	font-weight:800;
	background:#617c42;
}

.List-table .thead{
	display:table-header-group;
}
.List-table .tbody{
	display:table-row-group;
}
.List-table .tr{
	display:table-row;
}
.List-table .tbody .tr{
	cursor:pointer;
}

.List-table .tbody .tr:nth-child(odd){
	background:#F7F7F7
}
.List-table .th,
.List-table .td{
	text-align:center;
	display:table-cell;
	width:33.33%;
}
.List-table .td2{
	display:table-cell;
	width:66.66%;
}
.List-table .tbody .tr:hover, .css-table .tbody .tbody .tr:hover:nth-child(odd){ background:#F2F2F2;}


@media only screen and (max-width: 480px) {
	.css-table .td.t70{ width:66.66%;}
	.css-table .td.t30{ width:33.33%;}
}



  /* ----------------------------------------------------------
   
 
        下載文件
 
   ---------------------------------------------------------- */


.loadFileinner {
	float:left;
    position: relative;
	padding:1% 1% 2% 1%;
    width: 100%;
	max-width:1024px;

}
.loadFile{
	float:left; 
	width:100%;
    font-size:0.9em;	
    margin:1% auto 1% auto ;
	padding-bottom:1%;
	border-bottom:#ddd solid 1px;
	font-style:normal;
}
.loadFile .date-tit{ font-size:1.2em; display:inline-block;color:#617c42; width:15%;padding-left:15px; }
.loadFile .loadFile-tit{font-size:1.2em; display:inline-block;color:#617c42; text-align:center; width:67%}
.loadFile .loadFile-download-tit{font-size:1.2em; color:#617c42; text-align:center;width:15%}

.loadFile .date{color:#595757;display:inline-block;width:18%; text-align:left; padding-left:8px}

.loadFile .txt {display:inline-block;color:#545454;margin:0 0 0 0.5em;text-decoration:none; width:67%;}

/*按鈕*/

.loadFile .loadFile-download-btn { 
	display:inline-block;
    margin:0;
    border-radius:3px;	
    text-align: center;
    letter-spacing:0.5px;
	background:#617c42;
	width:55px;
	padding:5px 2%;
	color:#FFF;
	border:none;
	text-decoration:none;
}



.loadFile .date .loadFile .txt,.loadFile a{text-decoration:none;}
.loadFile .date .ir-Law .txt,.loadFile a:visited { text-decoration:none; }
.loadFile .date .ir-Law .txt,.loadFile a:link { text-decoration:none; }
.loadFile .date .ir-Law .txt,.loadFile a:hover {text-decoration:none;}


@media only screen and (max-width:740px) {
.loadFile .date-tit{ display:inline-block;color:#617c42; width:23%;padding-left:5px; }	
.loadFile .date{display:inline-block;width:25%; text-align:center; }
.loadFile .loadFile-download-tit{color:#617c42; text-align:right;width:20%;}
.loadFile .loadFile-tit{display:inline-block;color:#617c42; text-align:center; width:50%}	
.loadFile .txt {display:inline-block;color:#545454;margin:15px 0px 0 0px;text-decoration:none; width:52%;}	
.loadFile .loadFile-download-btn { 	width:40px;padding:5px;margin-bottom:10px}

.loadFile .date {font-size:12px; text-align:left}
}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++


    內頁商品card片型設計   1070407

 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



ul.Product-itemList{
	display: inline-block;
	float:left;
	width:100%;
	 list-style-type: none;
	 list-style:none;
    margin-left:-35px
  }
	
	
ul.Product-itemList li{
	display:list-item;
	list-style-type:none;
	border:#f2f2f2 solid 1px;
	float:left;
	padding:0;
	margin-left:0;
	  margin-bottom:30px; 
	  margin-right:10px; 
	   max-width:31.5%
	}
	


ul.Product-itemList li .ProductImg {
   display: block;
    text-align: center;
    width: 100%;
    max-width:100%;
    height:230px;
	 overflow: hidden;
    position: relative;
    float: left;
    background-color: #f2f2f2;
   
}
@media only screen and (max-width:800px) {
	ul.Product-itemList li .ProductImg {
		background-color: #fff;
		height:auto;
	}
}
	

	
ul.Product-itemList li .ProductImg:hover {
    position: relative;
    text-align: center;
    width: 100%;
    opacity: 0.7;
    background-color:#ebf2eb;
}

ul.Product-itemList li .Txt {
    text-align: center;
    padding:10px 30px;
}

/* -----產品名 ----- */

ul.Product-itemList li h3 {
	font-family: "微軟正黑體";
	font-size:16px;    
	font-weight: normal;
	display:block;
	width:100%;
	height:30px;
	overflow:hidden;
	line-height:1.7;
	    letter-spacing: 1px;
		padding-top:25px;	
	}
ul.Product-itemList li h3 a {color:#9c8064;text-decoration:none;}
ul.Product-itemList li h3 a:hover{color:#e4d8c1;text-decoration:none;}
	
	
/* -----產品簡單介紹字的功能 ----- */
ul.Product-itemList li  h4{	
		font-size:14px;
	font-family:"微軟正黑體";
    text-align: center;
	height:60px;
	overflow:hidden;
	line-height:2;
	}


ul.Product-itemList li h4 a {
	color:#666;
	text-decoration:none
}
ul.Product-itemList h4 a:hover{text-decoration:none; color:#7d6658; }



.Product-itemList-offers{
	width:100%;
	float:left;
    font-family: "微軟正黑體",'Arial',;
    text-align:center;
	margin-bottom:15px
}

.Product-itemList-offersIns{
	width:100%;
	float:left;
    font-family: "微軟正黑體",'Arial',;
    text-align:left;
	margin-bottom:15px
}

/* -----產品價格-----*/
#prizerefer{
    vertical-align: baseline;
    color: #333333;
    text-align: right;
    line-height: 1.3;
    font-size: 14px;
}

.prizent {
    vertical-align: baseline;
    color:#FB798C;
    line-height: 1.3;
    padding-left: 0.5em;
    font-size: 14px;
}

.prizevalue {
	font-size: 18px;
    font-weight: 700;
    text-decoration: none;
   color:#FB798C;
    padding-left: 0.2em;
    text-align: center;
    font-size: 1.3em;
}



@media screen and (max-width:1320px) {
 ul.Product-itemList li{max-width:calc(100%/2.15)}
 }
@media screen and (max-width:640px) {
    ul.Product-itemList li {
        max-width: calc(100%);
        width: 98%;
    }

    ul.Product-itemList li .ProductImg {
        height: auto;
    }
}



/* ----- 相片按下去縮小的功能 ----- */
.slideimg {width:100%;border:#ededed 1px solid;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.slideimg:hover{ -webkit-transform: scale(.95); -moz-transform: scale(.95); -o-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); opacity: .7; }





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

		產品內頁介紹    1070407
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* -----產品相片區 ----- */
.introBox-Left{
	float:left;
	margin-top:15px;
	width:40%;}
@media screen and (max-width: 800px) {
.introBox-Left{	width:100%;}
}
	
/* -----產品介紹文字----- */
.introBox-Right{overflow:hidden;float:right; width:55%}
@media screen and (max-width: 800px) {
.introBox-Right{float:left;width:100%}
}
/*----產品最大圖區-----*/
.introBox-Left .Img{
	cursor: pointer;
	width:100%;
	border: 1px solid #DEDEDE}

/*----產品img輪撥區-----*/
.goodside-ImgBox{width:100%;float:left;	}

/*----下方產品小圖輪撥區-----*/
ul.side_album{
	margin-left:-40px;
	width:100%;}

ul.side_album li{ 
   list-style: none;
	float:left;
	max-width: calc(100%/4.7);
	margin-right:2%;
	 margin-bottom:10px;
	overflow:hidden;
	border: 1px solid #E0E0E0;}


	
ul.side_album li a img{
	display:block;
	width:100%;}


@media screen and (max-width: 800px) {
ul.side_album li { margin-bottom:10px}
}

/*產品名大標*/
.productName {
    clear: both;
    margin-bottom:5px;
    padding:0 15px 5px 0px;
    font-size:20px;
    font-weight: normal;
    color: #666;
}
/*小標 */
.introspan{color:#00a94f;font-size:16px;}


/*商品編號*/

.introBox .Txt{
	margin-top:10px;
	color:#6C6C6C;
	line-height:1.6;}

/*商品的簡略介紹*/
.product-slogan{
	font-size:16px;
	line-height:2;
	height:190px;
	overflow:hidden;
	margin-bottom:10px
	}	

/*----右邊的table列表----*/	

.Table-product-intro{
	margin:auto;
	width:100%;
    border-collapse: collapse;
	font-size:16px;}

.Table-product-intro td,.Table-product-intro th {
    padding:5px 5px 5px 5px;

}

.Table-product-intro  tr {
    border: 0px;
}

@media screen and (max-width:800px) {
.product-slogan {height:auto}
.Table-product-intro{width:100%;height:auto }	

 .Table-product-intro th { display: none; }
}

/*----右邊的table內容物----*/	
.product-element{
	line-height:1.6;
	height:80px;
	overflow:hidden;
	}	




/*----分享----*/		
.product-shareArea {
	float:left;
	width:100%;
	max-width:100%;
    /*margin-top: 20px;20180713商品內容頁離商品小圖太遠*/
}

.product-shareArea ul{
    padding: 0;
    list-style-type: none;
}


.product-shareArea li{
	float:left;
text-align: center;
    list-style: none;
	margin-right:10px}



/*----社群分享產品----*/	
.introline{background:url(../images/introline.png);
	    background-position:center;
		background-repeat:no-repeat;}

.introfb{background:url(../images/introfacebook.png);
	    background-position:center
		;background-repeat:no-repeat;}


.introlink{background:url(../images/introlink.png);
	    background-position:center;
		background-repeat:no-repeat;}


/*----預訂產品----*/	
.bookinfoArea{
	float:left;
	width:100%;
	padding-bottom: 10px;
    margin-top:5px;
	
}
.bookinfoArea ul{background:#f2f2f2;
	margin-left:-20px;
    list-style-type: none;
}
@media screen and (max-width:600px) {
    .bookinfoArea ul {
        margin-left:-20px;
    }
    .bookinfoArea li {
        width:90%
    }
    .bookinfoArea li {
        width:90%
    }
}


.bookinfoArea li{
	float:left;
    text-align: center;
    list-style: none;
	margin-right:10px}


/* -----預訂按鈕------*/  
 .book-info {
	 margin-bottom:15px;
  cursor: pointer;
  font-family:"微軟正黑體";
  font-size:16px;
  color: #fff;
  line-height: 1.3333333;
  border-radius:5px;
  background:#96b74b;
  padding:10px 15px;
  border:none;
  text-decoration:none
}

 .book-info a{
  color: #fff;
  border:none;
  text-decoration:none
}

.book-info:focus {
    color: #fff;
	text-decoration:none;
    background:#3E3E3E;
	 border:none
}
.book-addcart {
	margin-bottom:15px;
  cursor: pointer;
  font-family:"微軟正黑體";
  font-size:16px;
  color: #fff;
  line-height: 1.3333333;
  border-radius:5px;
  background:#00a94f;
  padding:10px 16px;
  border:none
}


.book-addcart:focus {
    color: #fff;
	text-decoration:none;
    background:#3E3E3E;
	 border:none
}	
/* -----詳細介紹分頁------*/  

.Introtab{display:block;margin-top:60px; margin-bottom:60px;}
.Introtab a{display:block;float:left;padding:0 30px;font-size:15px;line-height:45px;border-left:none;color:#222; text-decoration:none;border-top:#DEDEDE  solid 1px;border-right:#DEDEDE  solid 1px; }
.Introtab a:first-child{border-left:1px solid #ededed;border-right:#DEDEDE  solid 1px; }

.Introtab a.current{color:#FFF; background:#ff9aaa; }
.Introtab a:hover{background:#ff9aaa; color:#FFF}

@media screen and (max-width:800px) {
	
.Introtab a{border:#DEDEDE  solid 1px; margin-bottom:20px; margin-right:10px} 

}
	
.IntroContainer {
	font-family:"微軟正黑體";
	display:block;
	float:left;
	max-width:100%;
    padding:20px 15px 20px  15px;
	font-size:14px;
	margin-bottom:30px;
	line-height:1.8;
    border-top: #DEDEDE 1px solid;
	margin-top:-11px
}
@media screen and (max-width:800px) {
	
.IntroContainer {border-top:none}	

}
	

.product-sharebtn {
    width: 35px;
    height: 33px;
    float: left;
    overflow: hidden;
    cursor: pointer;
    cursor: pointer;
    border: none;
    padding: 0;
    text-align: center;
}