@charset "utf-8";

/*
vi

#40220f
#b28247
#f9f0ca
#eae4c7

banner底色
#776f5e 

按鈕
#cedaeb;
#2f3b7c;


col-md-push-*  往左推 往左推格數 對齊
col-sm-offset-* 往右推 往左推格數 對齊

強迫換行，英文字會被切一半 word-break: break-all;
單字換行 word-wrap:break-word;
都不換行 white-space:nowrap;
nth-child 
:nth-child(odd) 奇 :nth-child(even) 偶
:first-child 第一 :last-child 最後
https://www.great-good.tw/articles/css_nth_chile/

*/


button, a, input {
  outline: none !important;
}
/*scrollbar*/
body::-webkit-scrollbar, .privacy-main::-webkit-scrollbar {
 width: 0.3em;
}    
body::-webkit-scrollbar-track, .privacy-main::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba (0,0,0,0.3);
}
 body::-webkit-scrollbar-thumb, .privacy-main::-webkit-scrollbar-thumb {
 background-color: #415d20;
 outline: 1px solid slategrey; /*bar 底色*/
 background-image: -webkit-linear-gradient(45deg, /*情角*/  rgba(65, 93, 32, 1) 50%, /*第一段上方間變 25%*/  transparent 25%, transparent 50%, /*第一段下方間變*/  rgba(65, 93, 32, 1) 25%, /*第二段上方間變*/  rgba(65, 93, 32, 1) 25%, transparent 25%, transparent 50%)/*第二段下方間變*/
}


i {margin-right: 0.2em;}
label {
  user-select: none;
  font-size: 1.3em;
  color: #666;
}
img {}
a ,a:hover{text-decoration: none;}



/*Loader loading 下載 logo 轉場動畫*/
#Loader{
	z-index: 9;
	display:none ;
	position: absolute;
    width: 150px;
    height: 150px;
	border-radius: 75px;
	/*
	animation-name: pulse;
	-webkit-animation: spin 8s linear infinite;
    animation: spin 8s linear infinite;
	
	border-top: 1px solid #b28247;
	*/
	border-radius: 75px;
	border: 2px solid #f2f2f2;
    
}
#LoaderPic{
	z-index: 9;
	display: none;
    position: absolute;
	width: 150px;
    height: 150px;
    background-repeat: no-repeat;
	background-image:url(../images/logo_loading.svg);
    background-size: 130px auto;
	background-position: center;
}
#LoaderBG{
	z-index: 8;
	display: none;
	width:100%;
	position:absolute;
	opacity: 1;
	top:0px;
	left:0px;
    background-color: rgba(255,255,255,0.9); /*下載 下載背景 loadingbg*/
}


.clear{clear: both;}
.row{margin: 0;}


/*select style*/

/*layout 網頁寬度 寬度*/



/*topMenu 電腦版選單 選單 上方主選單 主選單*/

.topMenuArea .logo{padding: 0;}
.topMenuArea .logo a{
	display: block;
	background-image: url("../images/logo.svg");
	background-repeat: no-repeat;
	background-size: 10em auto;
	background-position: 2em 1em;
	height: 6em; 
	width: 16em;
	border: 0px solid;
}
.topMenuArea{padding-top: 1.5em; padding-bottom: 1em;}
.topMenuArea .container {padding: 0;} 
.topMenuArea .container div{padding-left: 0; padding-right: 0;} 
.topMenu{
	padding: 0; 
	margin: 0; 
	padding-top: 2.5em; 
}
.topMenu li a{
	font-family: "Noto Sans TC Light";
	color: #40220f; 
	font-size: 1em; 
	text-decoration: none;
	font-weight: 600;
	padding: 0.3em;
	border-radius: 4px;
	white-space:nowrap;
	transition: 0.5s;
	border-bottom: 2px solid #fff;
	margin-left: 2em !important;
}
.topMenu li a:hover{
	color: #40220f; 
	border-bottom: 2px solid #1a5d20;
}
.topMenu li a strong{
	color: #b28247;
	font-weight: 300;
	margin-left: 0.8em;
}
.topMenu .inq-cart{
	border: none !important;
	position: absolute; 
	right: 1.5em;
	top: -1.4em;
	background-image: url("../images/.svg");
	background-size: 3em auto;
	background-position: 10%;
	background-repeat: no-repeat;
}
.topMenu .inq-cart span{
	font-size: 1.2em;
	width: 45px; 
	height: 25px;
	border-radius: 25px;
	background-color: #b28247;
	padding-top: 0.2em !important;
	
}


.topMenu a.line {
	display:block;
	width: 3.3em; 
	height: 3.3em; 
	background-image: url("../images/icon_line.svg");
	background-size: 3.3em auto;
	background-position:right center;
	background-repeat: no-repeat;
	margin-top: -1em;
}



.topMenuPop{
	margin-top: 4.5em; /*menu 浮動高度 高度*/
	position: absolute;
	background: rgba(20,30,50,0.92);
	background: rgba(255,255,255,0.95);
	z-index: 3;
	text-decoration: none;
}

.searchBar{
	display:flex;
    align-items:center;
    justify-content:flex-end;
	margin-top: 2em;
}
.searchBar input[type=text] 
,.searchBar input[type=text]:focus{
	padding: 0;
	padding: 1em;
	width: 450px; 
	border-radius: 0;
	background-color: rgba(255,255,255,1);
	border: 1px #fff solid;
	font-size: 1.3em;
	box-shadow: 10px 10px 10px -6px #ccc;
	border-right: 0px #0db79c solid;
	border-radius: 4px 0 0 4px;
	text-align: left !important;
}
.searchBar input[type=text]:focus{
	background-color: rgba(255,255,255,0.5);
	border-right: 0px #0db79c solid;
	color: #b28247 !important;
	font-weight: 300;
}
.searchBar a ,.searchBar a:hover{
	display: block;
	border: 1px #fff solid;
	border-left: 0px #0db79c solid;
	background-color: #fff;
	background-image: url("../images/icon_searchD.svg");
	background-repeat: no-repeat;
	background-size: 1em auto;
	background-position: center;
	padding: 1.3em 3em;
	transition: 0.5s;
	border-radius: 0 4px 4px 0;
	box-shadow: 9px 8px 12px 0px #ccc;
	transition: 0.24s;
}
.searchBar a:hover{
	display: block;
	background-color: #b28247;
	border-left: 0px #0db79c solid;
	background-image: url("../images/icon_search.svg");
	background-size: 1.4em auto;
}

input[type=text] ,input[type=tel] ,input[type=Mobile] ,input[type=Email]{
  box-shadow: none;
		background-color: transparent;
		color: #2f3b7c;
		border: none;
		border-radius: 0;
		border-bottom: 1px #2f3b7c solid;
		font-size: 1.2em;
		font-weight: 300;
		text-align: center;
		padding: 0.5em;
}
input[type=text]:focus ,input[type=tel]:focus ,input[type=Mobile]:focus ,input[type=Email]:focus{
  background-color: #fff;
  color: #32448a;
}

.tex-ara textarea {
  border-radius: 0;
}



/* page 頁數 頁碼 123*/

.page-pag .pagination .active a ,.page-pag .pagination .active a:hover{
	background-color: #27518b; color: #fff; 
	font-size: 1.4em;
}

.page-pag .pagination{display:flex; align-items:center; justify-content:center;}
.page-pag .pagination li a{ background-color: #fff; border:1px solid #ccc;}
.page-pag .pagination li a:hover{background-color: #fff; color: #000;}
.page-pag .previous ,.page-pag .next{}
.page-pag .pagination a {padding: 0.3em 1.4em;  }
.page-pag .previous a:hover ,.page-pag .next a:hover{ color: #fff; }
.page-pag .previous{}
.page-pag .next{}


.corp{
	background-color: #eae4c7; 
	padding-top: 3em;
	padding-bottom: 2em;
}
.corp p ,.corp .acc h1 ,.corp .acc h3{
	margin: 0;
}

.corp .container{padding: 0;}
.corp .brand{padding: 0;}
.corp .brand a.brand1-img ,.corp .brand a.brand2-img{
	margin-right: 1em;
	float: left;
	display: block;
	width: 144px;
	height: 90px;
	background-image: url("../images/corp_brand_1.png");
	background-repeat: no-repeat;
	background-size: 144px 90px;
}
.corp .brand a.brand2-img{
	background-image: url("../images/corp_brand_2.png");
}

.corp .acc {
	padding: 0;
	text-align: right;
	color: #b28247;
}
.corp .acc h1 ,.corp .acc h3 ,.corp .acc cite{
	font-size: 1em;
	font-weight: 600;
	padding-bottom: 0.5em;
}

.corp .acc h1{}
.corp .acc h3 {padding-bottom: 0.8em;}
.corp .acc p {padding-top: 0.8em;}
.corp .acc cite{
	font-family: "Noto Sans TC Light";
	font-style: normal;
	border-radius: 5px;
	padding: 0.4em 0.8em;
	background-color: #b28247;
	color: #fff;
	letter-spacing: 1px;
}
.corp .acc cite b{
	color: #6a3906;
	margin-right: 0.4em;
}

.corp .web .acc h1{
	margin: 0.4em 0;
}

/*circle-slider 新版 播放器 輪播 player*/
.circle-slider{
	padding: 0; margin: 0; 
	display: flex;
	flex-direction: column;
	align-items: center;
}



.circle-slider .carousel-indicators{
	z-index: 1;
	bottom: -4em;
}
.circle-slider .carousel-indicators li{
	width: 12px; height: 12px;
	border-radius: 12px;
	background-color: #d3cab6;
	margin-right: 1em;
	text-decoration: none;
}

.circle-slider .carousel-indicators li.active{
	background-color: #936f47;
	animation-iteration-count: infinite;
  animation-duration: 12s;
  animation-fill-mode: both;
  animation-name: flash;
	/*
	animation-name: move;
	animation: move 6s linear infinite;
	border: 2px solid #f2f2f2;
    border-top: 1px solid #b52222;
	*/

}

.circle-slider a.left{left: 3%; transform:rotate(180deg);}
.circle-slider a.left ,.circle-slider a.right{
	position: absolute;
	background-image: url("../images/icon_arrow.svg");
	background-size: 3em auto;
	background-repeat: no-repeat; 
	background-position: left top;
	width: 3em; height: 3em;
	z-index: 2;
	top: 30%;
	opacity: 0.4;
	transition: 0.5s;
}

.circle-slider a.right{
	background-image: url("../images/icon_arrow.svg");
	right: 3%;
}

.circle-slider a.left:hover ,.circle-slider a.right:hover{
	opacity: 1;
	background-size: 4.5em auto;
	width: 4.5em; height: 4.5em;
	transition: 0.5s;
}


/*circle-slider 舊版*/




/*banner 主視覺*/
.banner{padding: 0;}
.banner .pro-banner{
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	height: 130px;
	width: 100% ;
	background-image: url("../images/banner_ind.png");
	background-size: cover auto;
	background-repeat: no-repeat; 
}
.banner .pro-banner h2 ,.banner .pro-banner p{
	font-family: "Noto Sans CJK TC Light";
	color: #fff;
	font-size: 2.4em;
	text-align: right;
}
.banner .pro-banner p{
	color: #ffffcb;
	font-size: 1.2em;
	font-weight: 300;
}




/*首頁 熱門商品 搜尋 關鍵字*/

.quickBar{
}

.quickBar .index-quick{
	border: 0px solid;
	width: 17em;
	height: 8em;
}
.quickBar .breadcrumbs{
	height: 8em;
}
.quickBar .index-quick strong{
	margin-top: 3em;
	display: block;
	width: 15em;
	height: 5em;
	background-color: #f9f0ca;
	border-radius: 6px 6px 0 0;
}
.quickBar .index-quick strong h2{
	text-align: right;
	padding-right: 1.8em;
	padding-top: 1.5em;
	font-size: 1.5em;
	color: #b28247;
	font-family: "Noto Sans CJK TC Light";
}
.quickBar .index-quick b{/*品牌背景圖*/
	position: absolute;
	z-index: 2;
	width: 5em;
	height: 8em;
	margin-left: 0.8em;
	background-image: url("../images/icon_band_title.svg");
	background-size: 8em auto;
	background-repeat: no-repeat; 
	background-position: 0.5em 0.6em;
}
.quickBar .breadcrumbs{
	padding-top: 3em;
}
.quickBar .breadcrumbs a{
	color: #b28247;
	margin-right: 1em;
}
.quickBar .breadcrumbs cite{
	
	color: #006934;
	font-style: normal;
	font-weight: 600;
}


.bg{
	background-image: url("../images/bg.png");
	background-size: cover;
	background-repeat: no-repeat; 
	background-position: left top;
	padding: 0;
}



/*light-box 提示視窗 跳視窗 彈出 訊息*/
.basic-lightbox{
	box-shadow: 0 0 10px rgba(255,255,255,0.8); border-radius:0;
	background-color: rgba(255,255,255,1); 
	padding: 2em; margin:0;
	height: 100%;
	}
.basic-lightbox a.btn{
	background-color:#fff;
	color:#666; 
    border: none;
    border:1px solid #ccc;
	padding: 0.3em 2.5em !important;
}
.basic-lightbox a.btn:hover{
	background-color:#b28247;
	color:#fff; 
    border:none;
    border:1px solid #b28247;
}
.basic-lightbox a.btn-success{
	border:1px solid #ccc;
	background-color:#fff;
	color:#666;
	margin-right: 0.5em !important;
}
.basic-lightbox a.btn-success:hover{
	border:1px solid #b28247;
	background-color:#b28247;
	color:#fff;
}

.basic-lightbox a.btn-danger{
	border:1px solid #ccc;
	background-color:#fff;
	color:#666;
	
}
.basic-lightbox a.btn-danger:hover{
	background-color:#b52222;
	border:1px solid #b52222;
	color:#fff;
}
.basic-lightbox h2{color: #000;}
.basic-lightbox{padding: 0;}
.basic-lightbox .bl-contact h2{
	text-align:center; 
	padding: 1.5em 1em; 
	font-size: 1.5em;
	font-weight: 600;
}
.basic-lightbox .bl-botton{
	padding: 0 !important;  
	border: 0px solid;
	justify-content: center; align-content: center; display: flex;
}
.basic-lightbox .bl-botton a{
	margin: 0;
	font-weight: 300; 
	font-size: 1.5em !important; 
	padding: 0.15em 0.6em; 
	font-family: "Soure Sans Pro";
}










.ind-con ,.pro-con ,.inq-con ,.inq-con .contact 
,.inq-con .inquire{
	padding-left: 0; padding-right: 0;
}

.inq-con .inquire .inquire-main .title h2{
	font-size: 1.2em;
	font-weight: 600;
	color: #;
}
.inq-con .inquire .inquire-main .title h2 b{
	color: #956134;
	margin-right: 0.5em;
}
.inq-con .inquire .inquire-tb .pro-list{
	padding: 0;
	border-radius: 24px !important;
	background-color: #f2f2f2;
}
.inq-con .inquire .inquire-tb{
	padding: 0 !important;
	border-radius: 24px;
	border: 1px solid #ccc;
	padding: 1em;
}
.inq-con .inquire .inquire-tb .item{
	padding: 0.8em;
	padding-left: 0;
	border-bottom: 1px solid #fff;
}
.inq-con .inquire .inquire-tb .item .img img{
	min-width: 160px !important;
	max-height: 100px !important;
	background-color: #fff;
}
.inq-con .inquire .inquire-tb .item .name h2{
	font-size: 1.1em;
	color: #333;
	font-weight: 600;
	text-decoration: none;
}
.inq-con .inquire .inquire-tb .item .name h2:hover{
	color: #b28247;
}
.inq-con .inquire .inquire-tb .item .pay b{
	font-size: 1.3em;
	font-weight: normal;
	color: #666;
}
.inq-con .inquire .inquire-tb .item .pay strong{
	font-size: 1.3em;
	font-weight: 300;
	color: #000;
}


.inq-con .inquire .inquire-tb .item .pay 
,.inq-con .inquire .inquire-tb .item .number 
,.inq-con .inquire .inquire-tb .item .del{
	padding-top: 1.8em;
}
.inq-con .inquire .inquire-tb .item .del a.icon-del{
	padding-top: 0.44em;
	text-align: center;
	display: block;
	border-radius: 15px;
	width: 30px;
	height: 30px;
	background-color: #E22626;
	color: #fff;
	font-weight: 900;
	font-family: "bahnschrift Light";
	transition: 0.5s;
	text-decoration: none;
}
.inq-con .inquire .inquire-tb .item .del a.icon-del:hover{
	padding-top: 0.54em;
	border-radius: 18px;
	width: 36px;
	height: 36px;
	background-color: #fff;
	color: #E22626;
	transition: 0.5s;
}

.inq-con .inquire .total{
	text-align: right;
	padding: 0.6em;
}
.inq-con .inquire .total strong b{
	text-align: right;
	padding: 0.6em;
	font-size: 1.2em;
	color: #956134;
}

.inq-con .conMain ,.inq-con .conMain .form 
,.inq-con .conMain .form div:first-child {
	padding: 0;
}
.inq-con .conMain .form{
	padding: 1em 0;
	padding-bottom: 2em;
}
.inq-con .conMain .form .sub{
	text-align: center;
}
.inq-con .conMain .form .sub input[type=submit]{
	font-size: 1.3em;
	font-weight: 600;
	color: #fff;
	background-color: #956134;
	padding: 0.5em 1em;
	border-radius: 6px;
}
.inq-con .conMain .form .sub input[type=submit]:hover{
	color: #956134;
	background-color: #fff;
	border: 1px solid #956134;
}
.inq-con .conMain .form .ip-txt label 
,.inq-con .conMain .form .acc-form label 
,.inq-con .conMain .inq-ps label{
	font-size: 1.1em;
	text-align: right;
}
.inq-con .conMain .form .ip-txt input[type=text]{
	border-bottom: 1px solid #ccc;
	padding: 0.5em;
}
.inq-con .conMain .form .ip-txt input[type=text]:hover 
,.inq-con .conMain .form .ip-txt input[type=text]:focus 
,.inq-con .conMain .form .inq-ps textarea:hover 
,.inq-con .conMain .form .inq-ps textarea:focus{
	border-bottom: 1px solid #956134;
	box-shadow: none;
	background-color: #f2f2f2;
}

.inq-con .conMain .form .inq-ps textarea 
,.inq-con .conMain .form .inq-ps textarea:hover 
,.inq-con .conMain .form .inq-ps textarea:focus{
	border: 1px solid #956134;
	border-radius: 12px;
	padding: 1em;
}
.inq-con .conMain .inq-ps .form-group div{padding-left: 0; padding-right: 0;}  
.inq-con .conMain .form .inq-ps textarea {
	overflow: hidden; 
	border: 1px solid #ccc;
	height: 280px;
}

.ind-history{
}
.ind-history ,.ind-history .history{padding: 0;}
.ind-history .history{padding-top: 0.6em;}
.ind-history .history a{text-decoration: none; color: #333;}
.ind-history .history a:hover{color: #666;}
.ind-history .img p{
	border: 1px solid; 
	display: block; 
	border-radius: 6px;
	width: 100%;
	height: 80px;
	background-color: #f2f2f2;
}
.ind-history .history h2{
	font-size: 1.2em;
	font-weight: 600;
	color: #3e3a39;
}
.ind-history .history b{
	color: #f7a24d;
}
.ind-history .history p{
	line-height: 1.6em;
	text-align: justify;
}
.hisimg h2{
	color: #294b16;
	font-size: 1.5em;
}
.hisimg strong{
	color: #b28247; 
	font-weight: 300;
}
.hisimg{padding-left: 0; padding-right: 0;}
.hisimg p{
	padding-left: 0;
	display: block;
	width: 16em;
	height: 10em;
	background-image: url("../images/ind_brandimg.png");
	background-size: 16em auto;
	background-repeat: no-repeat; 
	background-position: left;
	border-radius: 12px;
}

.ind-prolist ,.ind-prolist-item ,.prolist-item{padding: 0; }

.ind-prolist-item ,.prolist-item{
	width: 23%;
	height: 23em;
	margin-right: 2%;
	margin-bottom: 1.4em;
	transition: 0.5s;
	border-bottom: 1px solid #ccc;
	border-radius: 24px;
}
.prolist-item{
	height: 24em;
}

.ind-prolist-item:hover ,.prolist-item:hover{
	width: 23.6%;
	transition: 0.24s;
	margin-right: 1.4%;
	transition: 0.5s;
}

.ind-prolist-item a cite ,.prolist-item cite{
	position: absolute;
	z-index: 2;
	padding: 0.5em;
	left: -0.1em;
}
.ind-prolist-item a h2 cite{
	position: absolute;
	z-index: 1;
	padding: 0.5em;
	left: -0.1em;
	top: -8.2em;
	
}

.ind-prolist-item a h2 cite ,.prolist-item cite{
	text-transform:capitalize;
	font-size: 19px;
	font-style: normal;
	font-weight: 300;
	padding: 0.3em !important;
	padding-right: 0.5em !important;
	color: #a48b78;
	font-family: "Noto Sans TC Light"; 
	background-color: rgba(255,255,255,1.00);
}

.ind-prolist-item a h2 strong ,.prolist-item strong{
		padding: 0;
	
	}


.ind-prolist-item span ,.prolist-item span{
	justify-content: center; align-content: center; display: flex;
	padding: 0;
}
.ind-prolist-item span img ,.prolist-item span img{
	width: 225px !important;
	height: 155px !important;
	border-radius: 16px;
	
}
.ind-prolist-item h2 ,.prolist-item h2{
	margin: 0;
	padding: 1em 0;
	font-size: 1.22em;
	color: #956134;
	text-align: center;
	height: 2.5em;
	font-weight: 600;
}
.ind-prolist-item p ,.prolist-item p{
	padding: 1em 0;
	font-size: 1em;
	color: #3e3a39;
	text-align: center;
}
.prolist-item .int{
	height: 4.6em;
}
.prolist-item .price{
	text-align: right;
}

.prolist-item .price strong{
	color: #666;
	font-size: 1.2em;
	
}
.prolist-item .price b{
	color: #006934;
	font-size: 1.5em !important;
	font-weight: 300;
	margin-left: 0.2em;
}

/*商品*/

.pro-con .contact{padding: 0; padding-bottom: 3em;}
.pro-detail .pro-photos {
	padding: 0;
	
}
.pro-detail .pro-title{padding-bottom: 0.5em;}
.pro-detail .pro-title cite{
	font-style: normal;
	font-size: 1.8em;
	font-weight: 300;
	font-family: "Noto Sans CJK TC Light";
	text-transform: capitalize;
	color: #b28247;
	margin: 0 ;
	margin-right: 0.3em;
	float: left;
	border: 0px solid;
}
.pro-detail .pro-title h2{
	margin: 0;
	font-size: 2em;
}
.pro-detail .pro-title p{
	color: #b28247;
}

.pro-detail .main-photo{
	height: 910px;
}
.pro-detail .main-photo img{
	border-radius: 24px;
	width:  100%;
	max-height: 880px;
	transition: 0.2s;
}
.pro-detail .small-photo ,.pro-photos .breadcrumbs{
	position: absolute;
}
.pro-detail .back{
	position: fixed;
	top: 45%;
	margin-left: -2.25%;
}
.pro-detail .small-photo{
	bottom: 6em;
	text-align: center;
}
.pro-detail .small-photo .photos{
	
}
.pro-detail .small-photo a img ,.pro-detail .small-photo a.active img{
	border: 2px solid #fff;
	border-radius: 12px;
	margin-right: 1em;
	margin-bottom: 1em;
	width: 100px;
	height: 70px !important;
	transition: 0.4s;
	opacity: 0.4;
}
.pro-detail .small-photo a.active img ,.pro-detail .small-photo a:hover img ,.pro-detail .small-photo a.active:hover img{
	width: 120px;
	height: 90px !important;
	opacity: 1;
	border: 2px solid #c9a063;
	transition: 0.4s;
	opacity: 0.2;
}
.pro-detail .small-photo a.active img ,.pro-detail .small-photo a.active:hover img,.pro-detail .small-photo a:hover img 
,.pro-detail .small-photo a:checked img ,.pro-detail .small-photo a:focus img
,.pro-detail .small-photo a:visited img{
	opacity: 1;
}


.pro-detail .small-photo .int{
	color: #4b2f1a;
	color: #ffeea4;
	background-color: rgba(0,0,0,0.4);
	padding: 2em 1em;
	font-size: 1.5em;
	font-weight: 600;
}

.pro-detail .breadcrumbs{
	margin-top: -1px;
	right: 1.1em;
	text-align: right;
	z-index: 2;
	padding: 1em 2em;
	padding-top: 0em;
	border-radius: 0 0 0 24px;
	background-color: rgba(255,255,255,1);
}
.pro-detail .breadcrumbs a ,.pro-detail .breadcrumbs cite{
	font-style: normal;
	color: #666;
}
.pro-detail .breadcrumbs a{
	text-align: left;
	color: #ccc;
	display: inline-block;
	padding-right: 1.5em;
	background-image: url("../images/next.svg");
	background-size: 1em auto;
	background-repeat: no-repeat; 
	background-position: right;
	transition: 0.5s;
}
.pro-detail .breadcrumbs a:hover{
	color: #5b7557;
	font-weight: 600;
	transition: 0.5s;
	
}
.pro-detail .breadcrumbs cite{margin-left: 1em;}
.pro-detail a.back{
	z-index: 3;
	color: #c9a063;
	background-color: rgba(255,255,255,0.96);
	padding: 1em;
	padding-left: 2em;
	font-size: 1.2em;
	background-image: url("../images/btn_back.svg");
	background-size: 1.6em auto;
	background-repeat: no-repeat; 
	background-position: 0.5em center;
	transition: 0.5s;
}
.pro-detail a.back:hover{
	font-size: 1.8em;
	font-weight: 600;
	transition: 0.3s;
}
.pro-detail .pro-price{
	position: absolute;
	bottom: -0em;
	text-align: right;
	padding: 1.1em;
	padding-right: 1.1em;
	z-index: 0;
	
}

.pro-detail .pro-price .price{
	background-color: #956134;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	border-radius: 0 0 24px 24px;
	padding-right: 12em;
}
.pro-detail .pro-price .price strong{
	color: #fff;
	font-size: 1.3em;
	font-weight: 300;
	font-family: "Noto Sans CJK TC Light";
}
.pro-detail .pro-price .price strong b{
	margin: 0;
	margin-left: 0.2em;
	font-size: 2.2em;
	font-weight: 300;
	font-family: "Noto Sans CJK TC Light";
}
.pro-detail .pro-price .price a{
	position: absolute;
	right: 1.6em;
	display: inline-block;
	width: 6em;
	height: 6em;
	background-image: url("../images/buy.svg");
	background-size: 6em auto;
	background-repeat: no-repeat; 
	background-position: center;
	color: #fff;
	font-size: 1.5em;
	text-align: center;
	padding-top: 1.5em !important;
	margin-top: -1.2em;
	transition: 0.5s;
}
.pro-detail .pro-price .price a:hover{
	background-image: url("../images/buy_d.svg");
	transition: 0.5s;
	font-size: 1.7em;
}

.pro-detail .youtube{
	padding-bottom: 1em;
}
.pro-detail .youtube iframe{
	min-width: 100%;
	height: 700px;
	border-radius: 24px;
}

.pro-detail .transaction{
	border-radius: 24px;
	padding: 2em 2em;
	margin-top: 2em;
	color: #666;
	background-color: #f2f2f2;
}
.pro-detail .transaction li{
	font-size: 1.1em;
	font-weight: 500;
	line-height: 1.8em;
	font-family: "Noto Sans CJK TC Light";
}
.pro-detail .transaction h2{
	text-align: right;
	margin: 0;
	padding-right: 0.66em;
	font-size: 1.3em;
	color: #333;
}

.pro-detail .transaction strong{color: #c30d23; font-weight: normal;}
.pro-detail .transaction b{color: #006934; font-weight: normal;}
.pro-detail .qa h2{
	margin-bottom: 0 !important;
	margin-top: 0;
	color: #c9a063;
	text-transform: capitalize;
	text-align: right;
	padding-right: 0.5em;
}
.pro-detail .qa{
	margin-top: 25px;
	border-radius: 24px;
	padding: 2em;
	padding-bottom: 64px;
	background-color: #604c3f;
	background-image: url("../images/qa.png");
	background-size: 20em auto;
	background-repeat: no-repeat; 
	background-position: right bottom;
}

.pro-detail .qa .item h3{
	font-size:1.3em;
	color: #f7a24d;
	font-weight: normal;
	
}
.pro-detail .qa .item h3 b{
	margin-right: 0.4em;
	font-weight: normal;
}
.pro-detail .qa .item p{
	font-size:1.1em;
	color: #fff;
	
	
}


/*關於我們*/

.about-con ,.about-con .about-detail{padding: 0;}
.about-con .about-title{
	background-image: url("../images/about_titleBg.jpg");
	background-size: cover;
	background-repeat: no-repeat; 
	background-position: center;
	
}
.about-con .about-title .contact{padding-left: 0; padding-right: 0; padding-bottom: 2em;}
.about-con .about-title .contact h2{
	font-weight: 300;
	text-align: center;
	color: #fff;
	margin: 1.2em;
	margin-bottom: 0.2em;
}
.about-con .about-title .contact .model-name ,.about-con .about-title .contact .model-name1{
	color: #fff;
	font-size: 1.2em;
	line-height: 1.6em;
	text-align: justify;
}
.about-con .about-title .contact .model-name1{
	padding-bottom: 1.4em;
}



.about-con .about-title .contact .model-name strong ,.about-con .about-title .contact .model-name1 strong{
	color: #fff100;
	font-weight: 600;
}
.about-con .about-title .contact .history-title{
	color: #fff;
	padding: 2.5em 1em;
	font-size: 1.2em;
	line-height: 1.8em;
	background-color: rgba(0,96,46,0.65);
}
.about-con .about-title .contact .history-title b{
	display: block;
	width: 100%;
	height: 1.2em;
	border: 0px solid #fff;
}

.about-con .about-detail .about-contact h2{
	text-align: center;
	color: #333;
	font-size: 2em;
	font-weight: normal;
}
.about-con .about-detail .about-contact h2 b{
	color: #c9bc9c;
	font-size: 0.5em;
	font-weight: normal;
	margin-left: 0.2em;
}
.about-con .about-detail .about-contact .about-item1 ,.about-con .about-detail .about-contact .about-item2 
,.about-con .about-detail .about-contact .about-item3 ,.about-con .about-detail .about-contact .about-item4{
	background-image: url("../images/about_1.png");
	background-size: cover;
	background-repeat: no-repeat; 
	background-position: center;
	border-radius: 24px;
	padding: 2em;
	margin: 1em 0;
}

.about-con .about-detail .about-contact .about-item1{
	padding-bottom: 5em;
}

.about-con .about-detail .about-contact .about-item1 h2 ,.about-con .about-detail .about-contact .about-item2 h2 
,.about-con .about-detail .about-contact .about-item3 h2 ,.about-con .about-detail .about-contact .about-item4 h2{
	text-align: right;
	color: #fff;
	font-size: 2em;
	font-weight: 300;
	margin-bottom: 1em;
	background-size: 10em auto;
	background-repeat: no-repeat; 
	background-position: 80% center;
}
.about-con .about-detail .about-contact .about-item1 h2{
	background-image: url("../images/about1_logo.png");
}
.about-con .about-detail .about-contact .about-item2 h2{
	text-align: left;
	color: #e9564c;
}
.about-con .about-detail .about-contact .about-item3 h2{
	text-align: left;
	color: #fff;
	background: none; 
}
.about-con .about-detail .about-contact .about-item3 h3{
	color: #fff;
	font-weight: 300;
}
.about-con .about-detail .about-contact .about-item4 h2{
	text-align: center;
	padding-top: 8em;
	color: #e9564c;
	background-image: url("../images/about4_logo.png");
	background-size: 16em auto;
	background-repeat: no-repeat; 
	background-position: center 5%;
}
.about-con .about-detail .about-contact .about-item1 h3{
	font-weight: normal;
	color: #ffb600;
}
.about-con .about-detail .about-contact .about-item2 h3{
	margin: 0;
}
.about-con .about-detail .about-contact .about-item1 strong{
	color: #ffb600;
}

.about-con .about-detail .about-contact .about-item1 h2 b{
	text-align: right;
	color: #fff;
	font-size: 0.5em;
}

.about-con .about-detail .about-contact .about-item2 h2 b{
	color: #fff;
	color: #e9564c;
}
.about-con .about-detail .about-contact .about-item3 h2 b{
	color: #fff;
	display: block;
	height: 8em;
	padding-bottom: 4.5em;
	background-image: url("../images/about3_logo.png");
	background-size: 20em auto;
	background-repeat: no-repeat; 
	background-position: 0 2em;
}


.about-con .about-detail .about-contact .about-item4 h2{
	color: #fff;
}

.about-con .about-detail .about-contact .about-item1 p ,.about-con .about-detail .about-contact .about-item3 p 
,.about-con .about-detail .about-contact .about-item4 p{
	color: #fff;
	font-size: 1.2em;
	line-height: 1.6em;
	text-align: justify;
}
.about-con .about-detail .about-contact .about-item2 p{
	padding: 5em 0;
	padding-top: 1.5em;
	padding-bottom: 8em;
	font-size: 1.2em;
	line-height: 1.6em;
	background-image: url("../images/about2_logo.png");
	background-size: 18em auto;
	background-repeat: no-repeat; 
	background-position: 98% bottom;
}
.about-con .about-detail .about-contact .about-item3 p{
	padding-bottom: 5em;
}
.about-con .about-detail .about-contact .about-item4 p{
	text-align: center;
	color: #fff;
	padding: 5em 0;
	padding-bottom: 2em;
}
.about-con .about-detail .about-contact .about-item2{
	background-image: url("../images/about_2.png");
	background-position: center;
	padding-left: 48%;
}
.about-con .about-detail .about-contact .about-item3{
	background-image: url("../images/about_3.png");
	background-position: center;
	padding: 8em 2em;
}
.about-con .about-detail .about-contact .about-item4{
	background-image: url("../images/about_4.png");
	background-position: 10% 20%;	
}
.about-help{
	text-align: center;
	padding: 2em;
	color: #666;
}
.about-help p{
	text-align: center;
	padding-top: 2em;
	color: #666;
}

/*html 編輯器*/
.html-edit{
	padding: 1em !important;
	width: 100%;
	text-align: justify;
	border-radius: 24px;
	font-size: 1.2em;
}
.pro-detail .html-edit{
	display: inline-block;
	background-image: url("../images/pro_htmleditBg.png");
	background-size: 40em auto;
	background-repeat: no-repeat; 
	background-position: right top;
}
.pro-detail .html-edit ol{
	list-style: circle; 
	padding: 0.2em; margin: 0.5em;
}
.pro-detail .html-edit ul{
	list-style: circle; 
	padding: 0.2em; margin: 0.5em;
}
.pro-detail .html-edit li{
	list-style: circle; 
	padding: 0.2em; margin: 0.5em;
}




.html-edit img ,.html-edit table{
	margin-top: 1.5em !important;
	margin-bottom: 1.5em !important;
	
}
.html-edit img{
	max-width: 100% !important; 
	max-height: 800px;
}
.html-edit h1{
	margin: 0 0.2em;
	padding: 1em 0;
	font-weight: 600;
	color: #b28247;
}
.html-edit h2{
	margin: 0;
}
.html-edit strong{
	padding: 0.5em 0; 
	font-weight: 600;
}
.html-edit p{
	padding: 1em 0em;
	text-align: justify;
}
.html-edit table td{
	padding: 0.3em;
}
.html-edit table{
	max-width: 100%;
}
.html-edit blockquote{
	color: #666;
	font-style: italic;
	font-family: "LXGW WenKai Mono TC Light";
}






/*說明標題字體size 說明內文size 標準 標準大小*/


/*about*/

/*order-main 訂購流程*/
/*左側menu 品牌分類 分類 選單*/
.wMenu{margin: 0;}

.box{
	padding: 0;
	padding-top: 1.5em;
	padding-bottom: 2.5em;
	border-radius: 16px;
	background-color: #fff;
}

.pro-menu{}

.pro-menu{
	padding: 0; 
	justify-content: center; 
	align-content: center; 
	display: flex;
}
.pop-menu .items{
	text-align: center;
	justify-content: center; 
	align-content: center; 
	display: flex;
}
.pop-menu .items a ,.pro-con .pop-menu .items a{
	display: block;
	width: 240px;
	height: auto;
	margin-bottom: 1em;
	color: #666;
	transition: 0.5s;
	opacity: 1;
}
.pro-con .pop-menu .items a{
	opacity: 0.3;
}
.pop-menu .items a:hover ,.pro-con .pop-menu .active a{
	width: 280px;
	color: #b28247;
	opacity: 1;
}



.pop-menu .items a p{
	margin: 0;
	font-size: 1em;
}
.pop-menu .items img{width: 65%; height: auto;}
.pop-menu .active a p ,.pop-menu a:hover p{/*放上&停止*/
	
}
.pop-menu .active a p ,.pop-menu a:hover p{/*放上&停止*/
	
}



/*switch*/
.switch-field {
  display: flex;
  margin-bottom: 0em;
  overflow: hidden;
}
.switch-field input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}
.switch-field label {
	color: #32448a !important;
  background-color: #fff;
  font-size: 0.8em;
  font-weight: 900 !important;
  text-align: center;
  padding: 6px 1px;
  margin-right: -1px;
  border: 2px solid rgba(190, 190, 190, 1);
  transition: all 0.1s ease-in-out;
  width: 100%;
}
    

.switch-field label:first-of-type {border-radius: 4px 0 0 4px;}
.switch-field label:last-of-type {border-radius: 0 4px 4px 0;}
.switch-field label:hover {cursor: pointer;}

.switch-field input:checked + label {
  background-color: #32448a;
  color: #fff !important;
  box-shadow: none;
}
.switch-field input:checked + label:nth-last-child(2) {
	background-color: #32448a;
	color: #fff
}
   
.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px;
}
.switch-field label:last-of-type {
  border-radius: 0 4px 4px 0;
}

.switch-field label {
  color: #fff;
  font-size: 2em;
  font-weight: 300;
  line-height: 1;
  text-align: center;
  padding: 6px 2px;
  margin-right: -1px;
  border: 1px solid #2f3b7c;
  transition: all 0.1s ease-in-out;
}
.switch-field label:hover {
  cursor: pointer;
}

.input-select label { margin-left: 1em;}
/*switch*/


/*最小 1025px (含) 至1366之間*/ /*筆電、小筆電 11、12、13吋電腦*/
@media screen and (min-width: 1025px) and (max-width: 1366px) {
	.ind-history .history{
		padding-left: 3em;
	}
}

/*最小 768px (含) 至979之間*/ /*平板 pad 直立*/
@media screen and (min-width: 768px) and (max-width: 1024px) {

	.topMenu{
		padding: 0; 
		margin: 0; 
		padding-top: 2.5em; 
	}

	.topMenu .inq-cart{
		right: 0em;
		top: -2.2em;
	}
	.topMenu .inq-cart span{
		width: 45px; 
		height: 25px;
		background-color: #fff;
		border: 1px solid #b28247;
		color: #b28247;
	}
	.topMenu a.line {
		width: 3.3em; 
		height: 3.3em; 
		margin-top: -1em;
	}
	.ind-prolist-item a h2 cite{
		top: -8.2em;
	}
	.ind-prolist-item h2 ,.prolist-item h2{
		font-size: 1.25em;
	}
	.ind-prolist-item a h2 cite ,.prolist-item cite{
		font-family: "Noto Sans CJK TC Light"; 
		font-size: 19px;
	}
	
	
	.ind-prolist-item ,.prolist-item{
		width: 31%;
		height: 24em;
		margin-right: 2%;
	}
	.prolist-item{
		height: 25em;
	}

	.ind-prolist-item:hover ,.prolist-item:hover{
		width: 31%;
		height: 20em;
		margin-right: 1.4%;

	}
	.prolist-item .price{
		padding-top: 1.5em; 
	}
	.circle-slider{
	}
	.circle-slider .carousel-indicators li{
		width: 14px; height: 14px;
		border-radius: 7px;
		margin-right: 1.1em;
	}
	
	.searchBar input[type=text] 
	,.searchBar input[type=text]:focus{
		width: 380px;
		font-size: 1.1em;
		
	}
	.searchBar input[type=text]:focus{
		background-color: rgba(255,255,255,0.5);
		border-right: 0px #0db79c solid;
		color: #b28247 !important;
		font-weight: 300;
	}
	.searchBar a {
		padding: 1.15em 2em;
		
	}
	.circle-slider .page-switch{
		bottom: -3em;
	}
	
	.pro-detail .breadcrumbs{
		right: 0em;
		display: none;
	}
	.pro-class-select{padding-bottom: 1em;}
	.ind-con .index-quick b ,.ind-con .index-quick strong{
		display: none;
	}
	
	.ind-con .quickBar .index-quick{
		height: 6em;
	}
	
	.pro-detail .back{
		position: fixed;
		left: 1%;
		top: 80%;
		margin-left: 2.25%;
	}

	.pro-detail a.back{
		padding: 1.2em 2.5em!important;
		font-size: 1.2em;
		height: 4em !important;
		width: 10em;
	}
		
	
	
	.pro-con .pro-title h2 cite{
		height: 65px;
	}
	
	
	
	.pro-detail .html-edit{
		background-size: 18em auto;
	}
	
	.pro-detail .html-edit ol{
		list-style: circle; 
		padding: 0.2em; margin: 0.5em;
	}
	.pro-detail .html-edit ul{
		list-style: circle; 
		padding: 0.2em; margin: 0.5em;
	}
	.pro-detail .html-edit li{
		list-style: circle; 
		padding: 0.2em; margin: 0.5em;
	}


	
	.pro-detail .main-photo{
		height: 500px !important;
		padding: 0;
	}
	
	.pro-detail .small-photo{
		display: block;
		padding-left: 0; 
		padding-right: 0;
		padding: 0 !important;
	}
	
	.pro-detail .small-photo a{
		padding: 0;
		margin: 0;
	}
	.pro-detail .small-photo .photos{
		position: absolute;
		bottom: 20px;
		right: 1em;
		width: 100px;
	}
	.pro-detail .small-photo a img{
		margin-right: 2em;
		margin-bottom: 1em;
		border-radius: 6px;
		padding: 0;
	}
	.pro-detail .small-photo{
		text-align: center;
	}

	.pro-detail .small-photo .int{
		padding: 2em 0;
		color: #ffeea4;
		font-size: 1.1em;
		position: absolute;
		margin-left: 0;
		width: 100%;
		background-color: rgba(0,0,0,0.6);
	}

	.pro-detail .pro-price{
		position: absolute;
		bottom: -6.4em;
		text-align: right;
		padding: 1.1em;
		padding-left: 0em;
		padding-right: 0em;
		z-index: 0;

	}

	.pro-detail .pro-price .price{
		padding-top: 0.6em;
		padding-bottom: 0.6em;
		padding-right: 12em;
		
	}
	.pro-detail .pro-price .price strong{
		color: #fff;
		font-size: 1.3em;
		font-weight: 300;
	}
	.pro-detail .pro-price .price strong b{
		margin: 0;
		margin-left: 0.2em;
	}
	
	.ind-con .searchBar{padding-top: 0em;}
	.pro-con .searchBar{padding-top: 0em;}
	.inq-con .inquire .inquire-tb .item .img img{
		border-radius: 9px;
		min-width: 140px !important;
		min-height: 110px !important;
		background-color: #fff;
	}
	.pro-con .box .pro-class-select{
		position: absolute;
		z-index: 3;
		height: 9em;
		width: 50%;
		top: -10.5em;
		padding-top: 5em;
		padding-left: 3.62em;
		background-image: url("../images/icon_band_title.svg");
		background-size: 8em auto;
		background-repeat: no-repeat; 
		background-position: 1em 1.6em;
		
		border: 0px solid;
	}
	.pro-con .quickBar .breadcrumbs{
		height: 6em;
	}
	
	.about-con .about-title{padding: 0;}
	.about-con .about-title .contact{padding: 0;}
	.about-con .about-detail .about-contact .about-item1 h2{
		background-size:  9em auto;
		background-position: 60% -0.7em;
		font-size: 1.8em;
	}
	
	
	
	
	.html-edit{
		width: 100%;
		font-size: 1.24em;
		padding: 1em 0.6em;
	}
	
	.html-edit img{
		max-width: 100% !important; max-height: 800px;}
	.html-edit h1{}
	.html-edit strong{
	}
	.html-edit p{
	}
	.html-edit table{
		width: 686px !important;
		max-width: 768px !important;
		font-size: 0.75em;
		text-align: justify;
		
	}
	.html-edit img{}
	.youtube{
		margin-top: 90px;
		padding: 0;
	}
	.youtube iframe{
		max-width: 100%; 
		height: 300px;
	}
	
}

/*最小 980px (含) 以上*/ /*pad 橫式*/
@media screen and (min-width: 980px) {

}





/*最大 767px (含) 以下*/ /*phone 手機 rwd*/
@media screen and (max-width: 767px){
	/*corp*/
	
	.corp .container{}
	.corp .phone .acc{
		padding-left: 0;
		padding-right: 0;
	}
	.corp .phone .acc ,.corp .phone .pp{
		text-align: center;}
	
	.corp .phone .acc h1 ,.acc h3 ,.corp .acc cite{
		width: 100% !important;
		letter-spacing: 0px;
	}
	.corp .phone .acc h1{
		font-size: 1.6em; 
		margin: 0.5em;
		letter-spacing: 1px;
	}
	.corp .phone .acc h3{
		font-size: 1em; 
		letter-spacing: 0px; 
		line-height: 2.5em;
	}
	.corp .phone .acc cite {
		color: #b28247 !important;
		font-size: 1.2em;
		font-family: "bahnschrift Light";
		font-weight: normal;
		background-color: transparent;
		border: 1px solid #b28247;
	}
	.corp .phone .acc cite b{
		margin-right: 0.4em;
		color: #6a3906 !important;
		font-weight: 600;
	}
	
	.corp .phone .brand {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 1.5em 0;
	}
	.corp .phone .brand a{
		margin: 0;
		width: 144px;
		height: 98px;
	}
	
	
	.breadcrumbs .container{
		padding-top: 1em !important;
		padding-left: 1em !important;
	}
	.breadcrumbs .container a{
		font-family: "Noto Sans CJK TC Light";
		font-weight: 300;
		margin-right: 0.3em;
		padding-left: 0em !important;
		color: #fff;
		background-image:  none!important;
	}
	.breadcrumbs .container a:first-child{
		display: none;
	}
	.breadcrumbs .container b{
		font-family: "Noto Sans CJK TC Light";
		font-weight: 300;
		color: #fff;
		padding-left: 1.6em;
		background-size: 1.3em;
		background-image: url("../images/icon_local.svg");
		background-repeat: no-repeat;
		background-position: left center;
	}
	.breadcrumbs .container h1{
		display: none;
		font-weight: 300; 
		text-align: right;
		font-size: 1.2em;
		padding-right: 1em;
	}
	.breadcrumbs .container cite{
		font-style: normal; 
		font-size: 0.9em; 
		text-transform: capitalize;
	}
	
	/*選單*/
	.infobar a .inq-cart span{
		border-radius: 0; 
		padding: 0.2em 1em!important; 
		margin: 0em !important; 
		margin-right: 0.5em !important;
		margin-top: 0.1em;
		background-color: #fff; 
		color: #2f3b7c;
		font-size: 0.8em;
		
	}
	
	/*播放器 player 輪播 廣告*/
	
	.carousel-inner{padding-bottom: 6em;}
	.circle-slider .carousel-indicators{
		bottom: 2em !important;
	}
	
	.circle-slider a.left ,.circle-slider a.right{
		background-size: 60px auto;
		background-position: center;
		width: 60px; height: 60px;
		top: 30%;
		opacity: 0.8;
	}

	.circle-slider a.right{
		right: 3%;
	}

	.circle-slider a.left:hover ,.circle-slider a.right:hover{
		background-size: 44px auto;
		background-position: center;
		width: 44px; height: 44px;
		top: 30%;
		opacity: 1;
	}
	
	.circle-slider .carousel-indicators{
		bottom: -4em;
	}
	.circle-slider .carousel-indicators li{
		width: 18px; height: 18px;
		border-radius: 9px;
		margin-right: 1.2em;
	}
	
	.searchbar{z-index: 3;}
	
	
	.ind-con .contact{
		padding-left: 2%;
		padding-right: 0%;
	}
	.ind-con .box{padding-top: 0;}
	
	.prolist-item {
	    border:none;
		margin-bottom: 0em;
	}
	.ind-history .history h2{
		text-align: center;
		margin-top: 0.5em;
		margin-bottom: 0em;
	}
	.ind-history .history h2 b{
		display: inline-block;
		padding: 0.8em 0;
		width: 410px;
	}
	.ind-prolist-item {
		width: 48%;
		height: 22em;
		margin-right: 2%;
		border-bottom: 0px solid #ccc;
	    border:none;
		margin-bottom: 0em;
	}
	
	
	.ind-prolist-item:hover{
		transition: 0.24s;
		margin-right: 1.4%;
		transition: 0.5s;
		width: 48%;
	}


	.ind-prolist-item a h2 cite {
		display: inline-flex;
		text-transform:capitalize;
		text-align: center;
		font-size: 1.4em;
		font-style: normal;
		font-weight: 600;
		padding: 0em !important;
		padding-right: 0em !important;
		color: #a48b78;
		font-family: "Noto Sans CJK TC Light"; 
		background-color: rgba(255,255,255,0);
		z-index: 3;
		padding: 0.5em;
		top: 0;
		height: 2em !important;
	
	}
	
	.ind-prolist-item a h2 cite{
		position: absolute;
		z-index: 1;
		padding: 0.5em;
		left: -0.1em;
		top: -8.2em;

	}


	
	
	.ind-prolist-item a h2 ,.prolist-item a h2{
		margin: 0;
		padding: 0.5em 0;
		padding-bottom: 0;
		font-size: 1em;
		color: #956134;
		height: 2.5em;
		font-weight: 600;
	}
	.ind-prolist-item a p {
		padding: 1em 0;
		font-size: 1em;
		color: #3e3a39;
		
	}
	
	.ind-prolist-item span{
		justify-content: center; align-content: center; display: flex;
		padding: 0;
	}
	.ind-prolist-item span img{
		width: 145px !important;
		height: 145px !important;
	}
	
	.ind-history{
		margin-top: 0em; 
		padding-right: 2%;
		border: 0;
	}
	.ind-history .history{padding: 0;}
	.ind-history .hisimg{
		padding: 0;
		border-top: 1px solid #ccc;
	}
	.ind-history .hisimg p{
		display: block;
		width: 100%;
		height: 16em;
		border-radius: 16px;
		background-image: url("../images/ind_brandimg.png");
		background-size: 100% auto;
		background-repeat: no-repeat; 
		background-position: left;
	}
	
	
	/*banners 視覺 主視覺 頁面banner*/
	

	
	/*商品列表 products*/
	.prolist-item ,.prolist-item:hover ,.prolist-item a ,.prolist-item h2 ,.prolist-item p{
		width: 100%;
		text-align: center;
	}
	.prolist-item{padding: 1em; height: auto !important;}
	.prolist-item cite{
		display: inline-block;
		position: relative !important; 
		display: flex;
		justify-content: center;
		align-items: center;
		background: none;
		border-top: 1px solid #c9a063;
		padding: 0.6em 0 !important;
		font-size: 2.4em;
		font-weight: 600;
		color: #c9a063;
		font-family: "Noto Sans CJK TC Light";
	}
	.prolist .prolist-item h2{
		text-align: center;
		font-size: 1.4em;
		font-weight: normal;
	}
	.prolist .prolist-item p{
		text-align: left;
		font-size: 1.2em;
		font-weight: normal;
	}
	.prolist .prolist-item .price{
		text-align: right;
	}
	
	.prolist-item span {width: 100%;}
	
	
	.pro-con .prolist-item span img{
		width: 400px !important;
		height: auto!important;
	}
	
	.pro-con .pro-class{
		padding-top: 0.5em;
		text-align: center;
	}
	.pro-con .pro-class img{
		min-width: 80%;
		height: 50px;
	}
	.pro-con .pro-class p{
		text-align: center;
		color: #c7b299;
		
		font-size: 1.4em;
	}
	.prolist{padding: 0 !important;}


	
	/*商品內頁*/
	
	.pro-con .contact{padding-bottom: 0;}
	
	/*byu 買 購買*/
	.phone-price{
		position: fixed;
		bottom: 0px;
		z-index: 3;
		background-color: rgba(255,255,255,0.9);
		padding: 1em 1.5em;
		padding-bottom: 1em;
	}
	.phone-price .price strong{
		font-size: 1.4em;
		font-weight: normal;
	}
	.phone-price .price strong b{
		font-size: 2em;
		margin-left: 0.5em;
		color: #006837;
		font-weight: normal;
	}
	.phone-price .price a{
		font-size: 1.6em;
		padding: 0.5em 1em;
		background-color: #006837;
		color: #fff;
		border-radius: 8px;
		float: right;
	}
	
	
	.pro-detail{
		padding: 1em;
		padding-top: 2em; 
		padding-bottom: 3em;
	}
	.pro-con .pro-title{padding: 0;}
	.pro-con .pro-title h2{font-size: 1.3em; font-weight: normal;}
	.pro-con .pro-title h2 cite{
		font-size: 1.8em; 
		font-weight: 600;
		height: 65px;
	}
	.pro-detail .main-photo{
		height: 525px !important;/*內頁商品大圖高度*/
		padding: 0;
	}
	.pro-detail .main-photo img{
		border-radius: 24px 24px 0 0 ;
	}
	
	.pro-detail .small-photo{
		padding-left: 0; 
		padding-right: 0;
		padding: 0 !important;
	}
	.pro-detail .small-photo .photos{
		white-space:nowrap !important;
	}
	.pro-detail .small-photo a{
		padding: 0;
		margin: 0;
	}
	.pro-detail .small-photo a img ,.pro-detail .small-photo a.active img{/*內頁商品小圖*/
		margin-right: 0.8em;
		margin-bottom: 1em;
		width: 80px !important;
		height: 80px  !important;
		border-radius: 6px;
		padding: 0;
		float: left;
		opacity: 0.8;
		border: 1px solid #fff;
	}

	.pro-detail .small-photo a.active img{
		width: 80px !important;
		height: 80px  !important;
		opacity: 1;
		border: 1px solid #c9a063;
	}
	
	
	.pro-detail .small-photo a img ,.pro-detail .small-photo a.active img{
		width: 80px !important;
		height: 80px  !important;
	}
	.pro-detail .small-photo a.active img ,.pro-detail .small-photo a:hover img ,.pro-detail .small-photo a.active:hover img{
		width: 80px !important;
		height: 80px  !important;
		opacity: 1;
	}
	.pro-detail .small-photo a.active img ,.pro-detail .small-photo a:hover img 
	,.pro-detail .small-photo a:checked img ,.pro-detail .small-photo a:focus img
	,.pro-detail .small-photo a:visited img{
		opacity: 1;
	}

	
	
	
	.pro-detail .small-photo{
		bottom: 0%;
		text-align: center;
	}
	.pro-detail .small-photo .int{
		padding: 1em;
		color: #ffeea4;
		font-size: 1.1em;
		font-weight: normal;
		position: absolute;
		bottom: 100px;
		margin-left: 0;
		width: 100%;
		border-radius:  0 0 24px 24px;
		background-color: rgba(0,0,0,0.95);
	}
	
	
	.pro-price .price{
		background-color: #956134;
		padding-top: 0.6em;
		padding-bottom: 0.6em;
		border-radius: 0;
	}
	.pro-price .price strong{
		color: #fff;
		font-size: 1.3em;
		font-weight: 300;
		font-family: "Noto Sans CJK TC Light";
	}
	.pro-price .price strong b{
		margin: 0;
		margin-left: 0.2em;
		font-size: 2.2em;
		font-weight: 300;
		font-family: "Noto Sans CJK TC Light";
	}
	.pro-price .price a{
		color: #fff;
		font-size: 1.5em;
		margin-right: 1em;
	}
	
	.pro-detail .transaction{
		padding: 3em 1em;
		padding-top: 2em;
	}
	.pro-detail .qa{
		padding: 1em;
		
	}
	.pro-detail .transaction h2{
		margin-bottom: 1em;
	}
	.pro-detail .transaction li ,.pro-detail .transaction li strong ,.pro-detail .transaction li b{
		font-weight: 600 !important;
	}
	.pro-detail{padding-bottom: 10em;}
	
	
	.html-edit{
		padding: 0;
		width: 100%;
		text-align: center;
		text-align: justify;
		font-size: 1.24em;
		padding: 1em 0.6em;
	}
	
	.pro-detail .html-edit{
		background-image: url("../images/pro_htmleditBg.png");
		background-size: 10em auto;
		background-repeat: no-repeat; 
		background-position: right top;
	}
	
	.pro-detail .html-edit{
		background-size: 18em auto;
	}
	
	.pro-detail .html-edit ol{
		list-style: circle; 
		padding: 0.2em; margin: 0.2em 0.5em;
	}
	.pro-detail .html-edit ul{
		list-style: circle; 
		padding: 0.2em; margin: 0.2em 0.5em;
	}
	.pro-detail .html-edit li{
		list-style: circle; 
		padding: 0.2em; margin: 0.2em 0.5em;
	}

	
	
	
	
	.html-edit img{max-width: 100% !important; max-height: 800px;}
	.html-edit h1{padding: 0.5em 0;}
	.html-edit strong{
		padding: 0.3em 0; 
	}
	.html-edit span{  letter-spacing: 1px;}
	.html-edit p{
		padding: 0em;
		text-align: justify;
	}
	.html-edit table{
		width: 330px !important;
		max-width: 94%;
		font-size: 0.75em;
		text-align: justify;
		
	}
	.html-edit img{}
	
	
	
	
	
	.youtube{padding: 0;}
	.youtube iframe{
		max-width: 100%; 
		height: 300px;
	}
	
	
	
	/*商品列表 商品頁 商品內頁 detail prolist list*/
	

	
	
	/*購物車*/
	.inquire{
		padding: 1em !important;
		padding-top: 0em;
		border-top: 1px solid #c9a063;
	}
	.inquire-main .item ,.inquire-main .inquire-tb 
	,.inquire-main .container ,.inquire-main .container .form 
	,.inquire-main .conMain{padding: 0;}
	
	
	
	.inquire .inquire-main .set{width: 95%; margin-left: 2.5%;}
	.inquire .inquire-main .set strong ,.inquire .inquire-main .set b{
		font-size: 0.96em; font-weight: 300; padding-left: 0; padding-right: 0;
		padding-bottom: 1em; text-align: center;
	}
	.inquire .inquire-main .set strong{padding-top: 1em;}
	.inquire .inquire-main .set b{color: #27518b; font-weight: 600;}
	.inquire .inquire-main .set cite{ width: 100% !important; text-align: center; margin-bottom: 0em;}
	.inquire .inquire-main .pro-list {padding: 0 0em;}
	.inquire .inquire-main .pro-list .del {
		padding-top: 1.8em; padding-left: 0.5em;}
	.inquire .inquire-main .pro-list .del a.icon-del{
		border: none;
		display: block; 
		width: 26px; height: 26px;
		font-weight: 600; 
		border-radius: 24px; color: #fff;
		background-color: #f00; 
		text-align: center; 
		padding-top: 3px;
	}
	.inquire .inquire-main .pro-list .item h2{
	font-size: 1em; padding: 0; padding-left: 0.2em; padding-top: 0.2em;
	}

	.inquire .sub{padding: 1em 1em;}
	.inquire .sub input[type=submit]{width: 100%;}
	
	
	
	
	.inquire .title{padding: 0; padding-bottom: 1em;}
	.inquire .title h2{
		font-size: 1.1em !important;
	}
	
	.inq-con .inquire .inquire-tb .item .img{padding-left: 1em; padding-right: 1em;}
	.inq-con .inquire .inquire-tb .item .img img{
		border-radius: 9px;
		min-width: 110px !important;
		min-height: 110px !important;
		background-color: #fff;
	}
	.inq-con .inquire .inquire-tb .item div{padding: 0;}
	.inq-con .inquire .inquire-tb .item .name ,.inq-con .inquire .inquire-tb .item .pay{padding-left: 0.5em;}
	.inq-con .inquire .inquire-tb .item .pay ,.inq-con .inquire .inquire-tb .item .number ,.inq-con .inquire .inquire-tb .item .del{
		padding-top: 0;
	}
	.inq-con .inquire .inquire-tb .item .number{padding-right: 1.5em;}
	
	.inq-con .inquire .inquire-tb .item .name{height: 6.5em; }
	.inq-con .inquire .inquire-tb .item .name h2{margin: 0;  font-weight: normal; font-size: 1.1em; color: #333;}
	.inq-con .inquire .inquire-tb .item .pay{text-align: right; padding-right: 1em;}
	.inq-con .inquire .inquire-tb .item .pay strong{font-size: 1.2em;}
	.inq-con .inquire .inquire-tb .item .pay b{
		font-size: 1em; 
		
		color: #777; 
		margin-right: 0.3em;
	}
	
	.form .ip-txt label{text-align: left !important; padding-left: 0 !important; padding-right: 0!important;}
	.form .ip-txt .col-xs-12{padding-left: 0 !important; padding-right: 0!important;}
	.form div:first-child{padding-left: 1em !important; padding-right: 1em!important;}
	
	.acc-form .input-select label{text-align: left !important; font-size: 1.5em !important;}
	.acc-form ,.acc-form div ,.acc-form label ,.acc-form .ip-txt{padding: 0; margin: 0;}
	.acc-form{padding: 1em;}
	.acc-form .input-select div:first-child{padding-left: 0!important; padding-right: 0 !important;}
	.acc-form .input-select .select-moon select{
		font-size: 1.4em;
		padding: 0.5em !important;
		height: 2.3em;
		margin-bottom: 0.5em;
	}
	
	
	/*關於我們*/
	.about-con .about-title{
		padding: 0;
	}
	.about-con .about-title p{padding-bottom: 0;}
	.about-con .model-name ,.about-con .model-name1{padding: 0 1em;}
	.about-con .about-title .contact{padding-bottom: 0;}
	.about-con .about-title .history-title{
		margin-bottom: 0;
		line-height: 1.6em !important;
		text-align: justify;
	}
	.about-con .about-title .contact .history-title b{
		display: block;
		width: 100%;
		height: 2em;
		border: 0px solid #fff;
	}
	.about-con .about-detail .about-contact .about-item2{
		background-image: url("../images/about2_phone.png");
		background-size: 60em auto;
		background-position: 25% top;
		padding-left: 7%;
		background-color: rgba(255,255,255,1.00);
		background-color: rgba(245,245,245,1.00);
	}
	.about-con .about-detail .about-contact .about-item1 h2{
		background-size: 6em auto;
		background-position: -9% 5%;
		font-size: 1.8em;
	}
	
	.about-con .about-detail .about-contact .about-item2 h2{
	
		background: none;

	}
	.about-con .about-detail .about-contact .about-item3 h2{
		text-align: left;
		color: #fff;
		background: none;
		font-size: 1.5em;
		margin: 0;
	}
	.about-con .about-detail .about-contact .about-item4 h2{
		text-align: center;
		padding-top: 8em;
		color: #e9564c;
		background-image: url("../images/about4_logo.png");
		background-size: 15em auto;
		background-repeat: no-repeat; 
		background-position: center;
	}



	.about-con .about-detail .about-contact .about-item1 h2 b{
		text-align: right;
		color: #fff;
		font-size: 0.5em;
	}

	.about-con .about-detail .about-contact .about-item2 h2 b{
		color: #fff;
		color: #e9564c;
	}
	.about-con .about-detail .about-contact .about-item3 h2 b{
		color: #fff;
		display: block;
		height: 6em;
		background-image: url("../images/about3_logo.png");
		background-size: 20em auto;
		background-repeat: no-repeat; 
		background-position: left 2.5em;
	}


	.about-con .about-detail .about-contact .about-item4 h2{
		color: #fff;
	}

	.about-con .about-detail .about-contact .about-item1 p ,.about-con .about-detail .about-contact .about-item3 p 
	,.about-con .about-detail .about-contact .about-item4 p{
		color: #fff;
		font-size: 1.2em;
		line-height: 1.6em;
		text-align: justify;
	}
	
	.about-con .about-detail .about-contact .about-item2 p{
		padding: 5em 0;
		padding-top: 2em;
		padding-bottom: 8em;
		background-image: url("../images/about2_logo.png");
		background-size: 15em auto;
		background-repeat: no-repeat; 
		background-position: center bottom;
		
	}
	.about-con .about-detail .about-contact .about-item3 p{
		padding-bottom: 5em;
		text-shadow: 2px 3px 5px #333;
	}
	.about-con .about-detail .about-contact .about-item4 p{
		text-align: center;
		color: #fff;
		padding: 5em 0;
		padding-bottom: 2em;
		text-shadow: 2px 3px 5px #333;
	}
	
	.about-con .about-detail .about-contact .about-item3{
		background-image: url("../images/about_3.png");
		background-position: 78%;
	}
	
	.mMenu{
		background-color: #fff; 
		color: #000; margin: 0; 
		padding-top: 0.8em;
	} 
	.mMenu .infobar a{margin: 0; position: absolute;}
	.mMenu .infobar li {
		align-content: center; justify-content:flex-end; display: flex;}
	.mMenu .infobar li a i{border: none; font-size: 2.6em; color: #32448a;}
	.moblie-style{width: 100%; }
	.mobile-search{
		position: sticky;
		top: 0px; 
		z-index: 4;
	}
	.pro-detail-menu{
		position: sticky;
		top: 0px; 
		z-index: 3;
		background-color: rgba(255,255,255,0.85);
		border-bottom: 1px solid #b28247;
		padding: 1em 0;
		padding-top: 2em;
		padding-bottom: 3em;
		
	}
	.pro-detail-menu .back{border-right: 1px solid #ccc;}
	.pro-detail-menu .back a {
		display: block;
		background-image: url("../images/icon_back.svg");
		background-size: 2.5em auto;
		background-repeat: no-repeat;
		background-position: -0em center; 
		color: #b28247;
		font-weight: 600 !important;
		padding-left: 1.2em;
		font-size: 1.2em;
	}
	.pro-detail-menu .next a{
		display: block;
		background-image: url("../images/icon_next.svg");
		/*transform:rotate(180deg);*/
		background-size: 2.5em auto;
		background-repeat: no-repeat;
		background-position: right center; 
		color: #006934;
		font-weight: 600;
		padding-right: 1.2em;
		text-align: end;
	}
	 
	
	
	.moblie-style .infobar{background-color: rgba(255,255,255,0.8);}
	.moblie-style {padding: 0; margin: 0; }
	.moblie-style .title{align-content: center; justify-content:center; display: flex;}
	.moblie-style .title h1{ color: #fff; font-size: 1.5em;}
	.moblie-style .title i{
		background-image: url("../images/logo_m.svg");
		background-repeat: no-repeat;
		background-size: 6em auto;
		background-position: top center;
		display: block; 
		margin: 0; 
		width: 5.5em; 
		height: 3em; 
		margin-left: 0em; 
		text-align: center;
	}
	.moblie-style ,.infobar ,.moblie-style .infobar div{
		padding: 0; margin: 0;
	}	
	.moblie-style ul{z-index:2;}
	.moblie-style .infobar .back a{
		display: inline-block;
		background-image: url("../images/icon_back.svg");
		background-size: 2.5em auto;
		background-repeat: no-repeat;
		background-position: left center; 
		margin-left: 1.5em;
		padding-left: 1.8em;
		padding-top: 1.8em;
		margin-top: 0.5em;
		width: 4.5em;
		height: 5em;
		color: #b28247;
		font-weight: 600;
	}
	.page-title .pMenu a ,.moblie-style .pMenu a{
		display: block;
		background-image: url("../images/icon_line.svg");
		background-size: 3.2em auto;
		background-position:right center;
		width: 4em; height: 4em;
		background-repeat: no-repeat;
	}
	.moblie-style .pMenu a{
		margin-top: 0.8em;
		background-position: left;
	}
	.moblie-style .phone-menu ,.moblie-style .phone-menu div{padding: 0;}
	.moblie-style .phone-menu{
		justify-content: center; 
		align-content: center; 
		display: flex;
		background-color: rgba(255,255,255,0.8);
	}
	.moblie-style .phone-menu li{
		text-align: center;
		height: 64px;
	}
	.moblie-style .phone-menu li a{
		padding: 0.3em; 
		font-size: 1.2em;
		color: #40220f;
		font-weight: 600;
		
	}
	.moblie-style .phone-menu li a p{
		padding: 0.3em; 
		font-size: 1em;
		color: #b28247;
		font-weight: 300;
		text-indent: 0.5em;
	}
	.moblie-style .phone-menu a.inq-cart{
		position: absolute;
		right: 0.2em;
		top: -1.7em;
	}
	.moblie-style .phone-menu a .badge{
		display: block;
		width: 35px;
		height: 25px;
		border-radius: 15px;
		text-align: center;
		padding-top: 4px;
		font-size: 1em;
		background-color: #fff;
		border: 1px solid #b28247;
		color: #b28247;
		
	}
	
	
	/*搜尋*/
	.mobile-search{
		background-color: rgba(255,255,255,0.8);
		background-image: url("../images/bg.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left top;
		border-top: 1px solid #c9a063;
		border-bottom: 1px solid #c9a063;
		padding: 1.5em 1em;
	}
	
	.mobile-search input[type=text] 
	,.mobile-search input[type=text]:focus{
		padding: 0;
		padding: 1em;
		border-radius: 0;
		background-color: rgba(255,255,255,1);
		border: 1px #fff solid;
		font-size: 1.3em;
		box-shadow: 10px 10px 10px -6px #ccc;
		border-right: 0px #0db79c solid;
		border-radius: 4px;
		text-align: left !important;
		background-image: url("../images/icon_search.svg");
		background-repeat: no-repeat;
	background-size: 1em auto;
	background-position: 90%;
		transition: 0.24s;
	}
	.mobile-search input[type=text]:focus{
		background-color: rgba(255,255,255,0.5);
		border-right: 0px #0db79c solid;
		color: #b28247 !important;
		font-weight: 300;
		background-image: url("../images/icon_search_D.svg");
	}
	.page-title .title h1{color: #fff;}
	.moblie-menu{ z-index: 3; width: 100%;}

	.moblie-style .menu-back { display: block; text-align: right;}
	.moblie-menu li a{ color: #fff; display: block; z-index: 1;}
	.moblie-menu a i{
		display:block;
		background-color: rgba(255,255,255,1);
		background-image: url("../images/icon_cart.svg");
		background-position: right;
		background-repeat: no-repeat;
		background-size:2.8em auto;
	}
	.moblie-menu a{
		display:block;
		font-size: 1.6em;
		background-color: rgba(61,86,168,0.95);
		color: #fff;
		border-radius: 3px;
		padding: 0.3em;
		margin: 0.3em;
		text-align: center;
		}
	.moblie-menu a:nth-child(1){
		background: transparent !important;
		height: 3.5em;
		margin: 0em;
		font-size: 2em;
		}
	.moblie-menu a .menu-back {
		display:block;
		background-image: url("../images/icon_close.svg");
		background-color: transparent;
		background-position: 95% center;
		background-repeat: no-repeat;
		background-size:4em auto;
		width:100%; height:8em;
		float: right; 
		font-size: 0.5em;
		margin-top: -1em;
	}
	
	.navBg{
		width:100%;
		position:absolute; 
		background-color: rgba(40,50,85,0.95);
		z-index: -1;
	}



	.input-select label strong, .input-switch label strong ,.ip-txt label strong{
	  background-color: #293852;
	  color: #fff;
	  font-size: 0.8em;
	  padding: 0.2em 0.8em;
	  margin: 0 0.5em;
	  font-family: "Noto Sans CJK TC Light";
	  border-radius: 3px;
	  font-weight: 300;
	}
	.input-select label ,.input-switch label ,.ip-txt label{
	  font-size: 1.2em; font-weight: 300; color: #888;
	}
	.input-switch{ justify-content: center; align-content: center; display: flex;}
	.input-switch .switch-field label{
	 font-size: 1.4em;
	 padding: 0.8em 0.2em;
	 width: 90%;

	}
	/*switch*/
	.ip-txt input[type=text] ,.ip-txt textarea 
	,.input-name-disabled input[type=text] 
	,.input-tel-disabled input[type=tel] 
	,.ip-txt input[type=tel]
	,.ip-txt .input-text div input[type=tel] 
	,.input-switch input[type=text]{
		box-shadow: none;
		color: #2f3b7c;
		border: none;
		border-radius: 0;
		border-bottom: 1px #2f3b7c solid;
		font-size: 1.2em;
		font-weight: 300;
		text-align: center;
		padding: 0.5em;
	}
	.ip-txt input[type=text] 
	,.ip-ara textarea 
	,.ip-txt input[type=tel] 
	,.input-switch input[type=text]{
		font-size: 1.5em;
		padding: 0.5em;
	}
	.ip-txt .input-group 
	,.ps .input-group 
	,.ip-txt .input-group{
		width: 100%;
	}
	
}


/*最小 393px (含)to 402px 之間*/ /*only iPhone 14Pro/15/15Pro/16 rwd*/
@media screen and (min-width: 393px) and (max-width: 402px) {
	
	.ind-history .history h2 b{
		width: 393px;
		display: inline-block;
		width: 100%;
		
	}
	.corp .phone .acc cite {
		color: #b28247 !important;
		font-size: 1.1em;
	}
	.corp .phone .acc cite b{
		margin-right: 0.4em;
		color: #6a3906 !important;
	}
	
}


/*最小 320px (含) 至375之間*/ /*4-5吋以下手機 小尺寸 小手機 rwd*/
@media screen and (min-width: 320px) and (max-width: 375px) {
	
	.about-con .about-title .history-title{
		line-height: 2em;
		text-align: justify;
	}
	.about-con .about-title .contact .history-title b{
		display: block;
		height: 2em;
	}
	.ind-history .history h2{
		text-align: center;
		margin-top: 0;
		margin-bottom: 0em;
	}
	.ind-history .history h2 b{
		display: inline-block;
		width: 100%;
	}
	
	.about-con .about-detail .about-contact .about-item1 
	,.about-con .about-detail .about-contact .about-item2 
	,.about-con .about-detail .about-contact .about-item3 
	,.about-con .about-detail .about-contact .about-item4{
		text-align: justify;
		padding-left: 1em;
		padding-right: 1em;
	}
	.about-con .about-detail .about-contact .about-item1 h2{
		background-size: 7em auto;
		background-position: -7% 6%;
		font-size: 1.4em;
	}
	.about-con .about-detail .about-contact .about-item1 h3{
		font-size: 1.5em;
		line-height: 2em;
	}
	.about-con .about-detail .about-contact .about-item2 h3{
		font-size: 1.4em;
		
	}
	
	.about-con .about-detail .about-contact .about-item1 h2 b{
		font-size: 0.6em;
	}
	.about-con .about-detail .about-contact .about-item2 p{
		background-image: url("../images/about2_logo.png");
		background-size: 12em auto;
		background-repeat: no-repeat; 
		background-position: center bottom;
	}
	.about-con .about-detail .about-contact .about-item3{
		padding-top: 2em;
		padding-bottom: 3em;
	}
	.about-con .about-detail .about-contact .about-item4{
		padding-top: 1em;
		padding-bottom: 2em;
	}
	
	.about-con .about-title .contact .history-title{
		color: #fff;
		padding: 2.5em 1em;
		font-size: 1.2em;
		line-height: 1.4em;
		background-color: rgba(0,96,46,0.65);
	}
	.about-con .about-title .contact .history-title b{
		display: block;
		width: 100%;
		height: 1.4em;
		border: 0px solid #fff;
	}

	
	
	

	.corp .phone .acc h1{
		margin: 0em;
	}
	.corp .phone .acc h3{
		font-size: 1em; 
		letter-spacing: 0px; 
		line-height: 2.5em;
	}
	.corp .phone .acc cite {
		color: #b28247 !important;
		font-size: 1.1em;
	}
	.corp .phone .acc cite b{
		margin-right: 0.4em;
		color: #6a3906 !important;
		font-weight: 600;
	}
	.pro-detail .small-photo a img ,.pro-detail .small-photo a.active img{/*內頁商品小圖*/
		margin-right: 0.8em;
		width: 61px !important;
		height: 61px  !important;
	}
	.pro-detail .small-photo a.active img{
		width: 61px !important;
		height: 61px  !important;
	}
	
	.pro-detail .small-photo a img ,.pro-detail .small-photo a.active img{
		width: 61px !important;
		height: 61px  !important;
	}
	.pro-detail .small-photo a.active img ,.pro-detail .small-photo a:hover img ,.pro-detail .small-photo a.active:hover img{
		width: 61px !important;
		height: 61px  !important;
	}
	.pro-detail .main-photo{
		height: 499px !important;
		padding: 0;
	}
	
	.pro-detail .small-photo{
		display: block;
		padding-left: 0; 
		padding-right: 0;
		padding: 0 !important;
	}
	

	.pro-detail .small-photo .photos{
		position: absolute;
		bottom: 15px;
	}
	
	
	
	.pro-detail-menu .back a {
		font-weight: 300;
		padding-left: 1.2em;
		font-size: 1em;
	}
	.pro-detail-menu .next a{
		padding-right: 1.2em;
		text-align: end;
		font-size: 1em;
	}
	.pro-con .pro-title{padding: 0;}
	.pro-con .pro-title h2{font-size: 1.3em; font-weight: normal;}
	.pro-con .pro-title h2 cite{
		font-size: 1.3em; 
		font-weight: 600;
		height: 65px;
	}
	.html-edit{
		padding: 1em 0.3em;
	}
}


/*直立視窗*/
@media screen and (orientation: portrait) {
.test::after {content: "";}
}

/*橫向視窗*/
@media screen and (orientation: landscape) {
.test::after {content: "";}
}