@charset "UTF-8";
/** 整體設定 **/
body {
	font-family: mrs-eaves,serif, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif,"微軟正黑體",Helvetica,Arial,sans-serif !important;
	font-weight: normal;
	opacity: 0;
}
.marginT20{margin-top:20px;}
.marginT40{margin-top:40px;}
.marginTB20{margin:20px 0;}
.marginTB40{margin:40px 0;}
.marginTB30{margin:30px 0;}
.TBsolid{border-bottom: solid 1px #555;
    border-top: solid 1px #555;
    padding: 15px 0 10px 0;}

/** 公版padding **/
.paddingTB20 {padding:20px 0;}
.paddingTB10 {padding:10px 0;}
.paddingTB50 {padding:50px 0;}
.paddingLR15{padding:0 15px;}
.paddingLR8{padding:0 8px;}
.padding30{padding:30px;}
.padding10{padding:10px;}

.paddingB30{padding-bottom:30px}

/** 價格price 公版 顏色 -**/
.price_red {color:red;}
.prompt_word{color:#ccc}

/*圖片處裡*/
.img_wap{
    padding-bottom: 56%;
    width: 100%;
    position: relative;
  }
  .img_wap75{
    padding-bottom: 75%;
    width: 100%;
    position: relative;
  }
.img_wap100{
    padding-bottom: 100%;
    width: 100%;
    position: relative;
  }
  .img_wap150{
    padding-bottom: 150%;
    width: 100%;
    position: relative;
  } 
  .img_wap200{
    padding-bottom: 200%;
    width: 100%;
    position: relative;
  }

  .img_wap img, .img_wap100 img, .img_wap200 img,   .img_wap150 img, .img_wap75 img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;  
  object-fit:cover
  }

/** 公版按鈕 **/
.vstyle {
	color:#000;
	background-color:#fff;
	padding:5px 15px;
	border: 1px solid #aaa;
	height:40px;
	margin-left:-1px;
	outline:none;
}
.vstyle:hover{
	background-color:#fafafa;
}

.vstyle:active{
	border: 1px solid #aaa;
}

.vstyle:focus{
	outline:none;
}

/** 底部加上陰影 **/
.shadow-bottom
{
	-moz-box-shadow: 2px 2px 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 2px 2px 1px 2px rgba(0,0,0,0.1);
	box-shadow:0px 2px 1px 2px rgba(0,0,0,0.1);
}

/** 底部邊線白色 **/
.border-bottom-white{
	border-bottom-color:#fff !important;
}

/** 褐色 **/
.color-brown{
	color:#775500;
}

.color-brown-light
{
	color:#994433;
}

.word-overflow-hidden
{
	white-space:nowrap;
	word-break:keep-all;
	overflow:hidden;
    text-overflow:ellipsis;
}

/** 公版 圖片滿寬度 **/
.img-responsive100{
	display:block;
	width:100%;
	max-width:100%;
	height:auto;
}

/** 調整驗證碼圖片大小 **/
#changeCaptchaBtn img{
	width:80px;
	height:30px;
}

/** header 設定 **/
.logo-img {
	padding:20px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#ddd;
}

.menu {
	line-height:50px;
}

.share-bar a{
	
}

.headerT{
	margin-top:162px;
}


/** 設定首頁topbar z-index **/
.mm-toggle-wrap{
	background-color:#fff;
	-webkit-user-select: none;
    -moz-user-select: none;
	cursor: default;
	height: auto;
}
.mm-toggle{
	z-index:5;
	margin-top: 0px;
	line-height: 55px !important;
}


.logo {
	z-index:5;
  float: none;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}
.header {
	background-color:#fff;
	width:100%;
	-webkit-user-select: none;
    -moz-user-select: none;
	cursor: default;
	 position: sticky;
   top: 0;
   z-index: 10;
}
/** 首頁最新消息bar設定 **/
.news-bar {
	background-color:#fafafa;
}

.news-bar .imgsmail {
	padding:10px;
}

.news-bar a:link,.news-bar a:visited,.news-bar a:hover,.news-bar a:active{
	color:#000;
	text-decoration:none;
}

.news-bar .list-control
{
	border-left:1px solid #ccc;
}

.news-bar .list-control p{
	border-bottom:1px solid #ccc;
	line-height:24px;
	white-space:nowrap;
	word-break:keep-all;
	overflow:hidden;
    text-overflow:ellipsis;
}
/** 首頁新書上架 **/
.news-book h2 {
	font-size:23px;
}
/*
.news-book img{
	padding:10px;
}
*/
.news-book a:link,.news-book a:visited,.news-book a:hover,.news-book a:active{
	color:#000;
	text-decoration:none;
}


/** footer 設定 **/
.footer {
	background-color:#fafafa;
}

.footer p {
	font-size:16px;
	line-height:16px;
	padding-top:20px;
	margin:0;
}

.footer img {
	padding:5px 5px;
}

.footer .info-box{
	padding:40px;
}

.footer a:link,.footer a:visited,.footer a:hover,.footer a:active{
	color:#000;
	text-decoration:none;
}

.footer .copyright {
	padding:20px;
	background-color:#ccc;
}

.footer .copyright p{
	padding:0;
	margin:0;
	font-size:16px;
	line-height:16px;
}

/** 分頁導覽 **/
.page-list .pagination .active>a{
	background-color:#000;
	border-color:#000;
	color:#fff;
}
.page-list .pagination > li > a{
position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #aaa;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #fff;
	border-color:#aaa;
}

.page-list .pagination > li > a:hover{
	background-color:#ccc;
}

.page-list .pagination > li:first-child>a
{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.page-list .pagination > li:last-child>a
{
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

/** 最新消息內頁 **/
.news-detail .detail-control
{
	padding:80px 0px;
	font-size:20px;
}
.news-detail .detail-control a
{
	padding:0px 40px;
	line-height:20px;
}

.news-detail .detail-control a:link,.news-detail .detail-control a:visited,.news-detail .detail-control a:hover,.news-detail .detail-control a:active
{
	color:#000;
	text-decoration:none;
}

/** 產品列表頁 **/
.product-list h2 {
	font-size:23px;
}

.product-list img{
	padding:10px;
}

.product-list a:link,.product-list a:visited,.product-list a:hover,.product-list a:active{
	color:#000;
	text-decoration:none;
}

/** 產品詳細頁 **/
.product {
	margin-bottom:20px;
}

.product .btn-vstyle{
	color:#000;
	background-color:#fff;
	padding:5px 15px;
	border: 1px solid #aaa;
	height:40px;
}

.product .btn-vstyle:hover{
	background-color:#fafafa;
}

.product .btn-vstyle:active{
	border: 1px solid #aaa;
}

.product .btn-nums{
	width:30px;
	padding:5px 5px;
	height:40px;
}

.product .input-nums{
	width:50px;
	padding:5px 5px;
	height:40px;
	border:1px solid #aaa;
	border-left-width:0px;
	border-right-width:0px;
	text-align: center;
}

.product .buy-nums{
	height:60px;
	line-height:40px;
}

.product .numsbox {
	padding:10px 0px;
}

.product .numsbox p {
	margin:0;
}

.product-info .infobox{
	margin-left:-1px;
	margin-top:-1px;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	min-height:300px;
	display:none;
	padding:40px 80px;
}

/** Contact **/
.formrow{
	margin-bottom:10px;
}

.formrow label{
	line-height:34px;
}

.formrow input , .formrow textarea,.formrow select{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.formrow p{
	line-height:34px;
}

/** 瀑布 **/
.masonry{
	margin-bottom:50px;
}

/** 購物車 **/
.shopping-table{
	width:100%;
	table-layout:fixed;
}

.shopping-table thead{
	background-color:#fafafa;
	border-bottom:1px solid #aaa;
}
.shopping-table thead th{
	height:50px;
	text-align:center;
}
.shopping-table tbody tr{
	border-bottom:1px solid #aaa;
}
.shopping-table tbody > tr:last-child{
	border-bottom:0px;
}
.shopping-table tbody tr td{
	text-align:center;
	height:113px;
	vertical-align:middle;
}

.nowraps{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.shopping-table tbody tr td h3{
	padding-top:15px;
	padding-bottom:15px;
}


.shopping-table .btn-vstyle{
	color:#000;
	background-color:#fff;
	padding:5px 15px;
	border: 1px solid #aaa;
	height:40px;
}

.shopping-table .btn-vstyle:hover{
	background-color:#fafafa;
}

.shopping-table .btn-vstyle:active{
	border: 1px solid #aaa;
}

.shopping-table .btn-nums{
	width:30px;
	padding:5px 5px;
	height:40px;
}

.shopping-table .input-nums{
	width:50px;
	padding:5px 5px;
	height:40px;
	border:1px solid #aaa;
	border-left-width:0px;
	border-right-width:0px;
}

.shopping-cart .titlespan{
	background-color:#fafafa;
	height:50px;
	line-height:50px;
	padding-left:20px;
}


/** 首頁滑動選單CSS **/
#owl-yx .item{
  margin: 15px;
}
#owl-yx .item img{
  display: block;
  width: 100%;

}

/** 瀏覽紀錄 **/
.view-record{
	
}


.view-record .record-box{
	width:100%;
	height:100%;
	background-color:#fff;
}
.view-record .record-box img{
	width:50px !important;
	height:50px !important;
}
.view-record .record-box p{
	background-color:#999;
	color:#fff;
	margin:0px;
}

.view-record .record-box a {
	color:#000;
}
.view-record .record-box a:hover , .view-record .record-box p a:focus , .view-record .record-box p a:action{
	color:#000;
	text-decoration:none;
}

.view-record .record-box p a {
	color:#fff;
}
.view-record .record-box p a:hover , .view-record .record-box p a:focus , .view-record .record-box p a:action{
	color:#fff;
	text-decoration:none;
}

/** 針對不同尺寸下微調 **/
@media (min-width: 1200px){
	
}

@media (max-width: 1200px){
	.headerT{
		margin-top:204px;
	}
}

@media (max-width: 992px){
	.headerT{
		margin-top:204px;
	}
}
	
@media (max-width: 767px){
	.headerT{
		margin-top:75px;
	}
	.shopping-table{
		width:100%;
		table-layout:auto;
	}
}

@media (max-width: 640px){
	
}

@media (max-width: 480px){
	/** 最新消息內頁 上下則選單 **/
	.news-detail .detail-control a
	{
		padding:0px 5px;
	}
	
	/** 產品詳細頁 內容區塊邊框 **/
	.product-info .infobox{
		padding:10px 10px;
	}

}

/** 特規 **/
@media (max-width: 530px)
{
	.hidden-vsm {
		display:none;
	}
}
@media (max-width: 430px)
{
	.hidden-vxs{
		display:none;
	}
}
.banner{margin-top: 40px}
@media (max-width: 992px){
	.banner{margin-top: 20px}
	.mm-toggle {
	    display: block;
	}
	.dropdump ul {
	    display: none;}
	.logo {
	    z-index: 5;
	    float: none;
	    width: 150px;

	}
	.logo-img {
    padding: 10px;
	}
}