@charset "utf-8";

/** bootstrap **/
@import url(bootstrap.css);

/** 文字icon **/
@import url(font-awesome.min.css);

/** 手機選單 **/
@import url(slicknav.css) screen and (max-width:1240px);

/** googlefont **/
@import url(Noto+Sans+TC.css);
@import url(Gilda+Display.css);
@import url(Tenor+Sans.css);

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{width:100%; height:auto;}
body{background:#ffffff; margin:0; padding:0; width:100%; height:auto; font-size:18px;line-height: 1.6;font-family: 'Tenor Sans', 'Noto Sans TC', sans-serif;word-break: break-word;letter-spacing:1px; overflow-y: scroll;}
a,a:hover{text-decoration:none;transition: all 0.5s ease 0s;cursor: pointer;}
img{border:0; vertical-align:middle; max-width:100%;}
input{vertical-align:middle;border-radius: 0; }
input:focus, select:focus, textarea:focus, button:focus{outline:0;}
/** 取消ios按鈕樣式 **/
input[type="button"], input[type="submit"], input[type="reset"], button[type="button"], button[type="submit"], button[type="reset"], a[type="button"], a[type="submit"], a[type="reset"], textarea{border-radius: 0; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
.slicknav_menu{display:none;}

/** 表單預設文字顏色設定 **/
::-webkit-input-placeholder{color:#999999;}
::-moz-placeholder{color:#999999;}
:-ms-input-placeholder{color:#999999;}
input:-moz-placeholder{color:#999999;}
#field2::-webkit-input-placeholder{color:#999999;}
#field3::-webkit-input-placeholder{color:#999999; background:lightgreen; text-transform:uppercase;}
#field4::-webkit-input-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999999;}
#field2::-moz-placeholder{color:#999999;}
#field3::-moz-placeholder{color:#999999; background:lightgreen; text-transform:uppercase;}
#field4::-moz-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999999;}
.writing-mode-vertical{writing-mode:tb-lr; -ms-writing-mode:tb-lr; -webkit-writing-mode:vertical-lr; -moz-writing-mode:vertical-lr; -ms-writing-mode:vertical-lr; writing-mode:vertical-lr;}

/** 手機選單、選單 色塊-變色 **/
.b-color, .slicknav_menu{}
.slicknav_icon-bar{background-color:#2c1a08;}
.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover{}
.border-color{border-left:7px #A0A0A0 solid;}
.slicknav_nav .slicknav_arrow{font-family:Arial;position: absolute;top: 18px; right: 10px;}

/** 浮動icon **/
.float-icon{position: fixed;width: 55px;bottom:80px;right: 15px;z-index: 10000;}
.float-icon>ul{list-style: none;padding: 0;margin: 0;}
.float-icon>ul>li{padding: 0;margin:10px 0;}
.float-icon>ul>li a{display:flex;align-items: center;justify-content: center; width: 55px;height: 55px;background: #a6652c;padding: 10px;border-radius: 5px;}
.float-icon>ul>li a:hover{box-shadow: 0 0 15px 0 rgba(0,0,0,.25);}
@media screen and (max-width:800px){
	.float-icon{width: 45px;bottom:70px;right: 10px;}
	.float-icon>ul>li a{width:45px;height:45px;}
}

/** 上版 **/
header{background:#ffffff;padding:0 5%;position:fixed;top: 0;left: 0;width: 100%; border-bottom: 1px #dddddd solid;z-index: 10000;}
.head-main{display: flex;align-items: center;}
.head-tool {width: 200px;transition: all 0.5s ease 0s;}
.head-tool ul{list-style:none;padding: 0;margin: 0; display:flex;}
.head-tool ul li{width:40px; padding:0; margin:0;transition: all 0.5s ease 0s;}
.head-tool ul li a{display: block;padding: 8px;}
.head-tool ul li a:hover{transform: translateY(-5px);}
.head-main .logo{width: 174px; height:auto;transition: all 0.5s ease 0s;}
.head-main .logo a{display: block;}
.head-main .logo img{width:100%; height:auto;}
.header-height .head-tool {width: 180px;transition: all 0.5s ease 0s;}
.header-height .head-tool ul li{width:36px;transition: all 0.5s ease 0s;}
.header-height .head-main .logo{width: 140px;transition: all 0.5s ease 0s;}
@media screen and (max-width:1420px){
	header{padding:0 15px;}
	.head-tool {width: 180px;}
	.head-tool ul li{width:36px;}
	.head-main .logo{width: 140px;}
}
@media screen and (max-width:1240px){
	header{padding:0;position:inherit;top:inherit;left: inherit; border-bottom:0;}
	.head-tool{position: fixed;top: 2px;right:55px;z-index: 10000;}
	.head-main .logo{width: 100px;position: fixed;top: 7px;left: 10px;z-index: 10000;}
	.header-height .head-main .logo{width: 100px;}
}
@media screen and (max-width:400px){
	.head-tool {width: 150px;top: 5px;right:50px;}
	.head-tool ul li{width:30px;}
	.head-tool ul li a{padding: 5px;}
	.header-height .head-tool {width: 150px;}
	.header-height .head-tool ul li{width:30px;}
}

/** 主選單與下拉 **/
nav{flex: 1;margin: 0 50px;}
.menu{ padding:0; list-style:none; margin:0; display:flex;justify-content:flex-start;}
.menu>li{color:#2c1a08; font-size:16px; cursor:pointer; padding:0; margin:0;flex: 1;}
.menu>li .menu-en{color: #999999;font-size: 12px;text-transform: uppercase;line-height: 1;}
.menu>li .menu-ch{color: #2c1a08;}
.menu>li>a{color:#2c1a08; display:block; padding:26.2px 0 26.2px 20px; margin:0;position: relative;transition: all 0.5s ease 0s;}
.menu>li>a:before{content: "";display: block;width:0px; height: 0px;position: absolute;top: 0px;left: 0px;background: url("../images/menu-icon.svg")no-repeat top left;background-size: 18px;transition: all 0.5s ease 0s;}
.menu>li>a:hover{}
.menu>li>a:hover:before{width: 18px; height: 18px;top: 10px;left: 0;transition: all 0.5s ease 0s;}
.menu>li:hover .menu-en{color: #a6652c;}
.menu>li>a:hover{position: relative;}
.menu>li>a:hover:after{content: "";display: block;position: absolute;bottom:0;left:47px; width: 0;height: 0;border-style: solid;border-width: 0 7px 8px 7px;border-color: transparent transparent #a6652c transparent;}
.menu>li.sub ul.sub-menu{list-style: none;background:#ffffff;border-bottom: 1px #dddddd solid;border-top: 1px #dddddd solid;z-index:999; margin:0; padding:25px 5% ;width:100%;display: flex;flex-wrap: wrap;justify-content:space-evenly;position: absolute;top: 89.97px;left: 0;display: none;}
.menu>li.sub:hover ul.sub-menu{display: flex;}
.menu>li.sub ul.sub-menu .menu-photo-main{transition: all 0.5s ease 0s;}
.menu>li.sub ul.sub-menu .menu-photo-main .menu-photo{background-color: #ffffff;background-position: center center;background-repeat: no-repeat;background-size: contain;}
.menu>li.sub ul.sub-menu h3{padding: 0;margin:15px 0 5px 0;font-weight: 400;line-height: 1.6;font-size: 16px; color: #2c1a08;transition: all 0.5s ease 0s;}
.menu>li.sub ul.sub-menu>li{padding: 0;margin:15px;width: calc(100%/3 - 30px);text-align: center;}
.menu>li.sub ul.sub-menu>li>a{display:block; color:#2c1a08; padding:0; margin:0;}
.menu>li.sub ul.sub-menu>li>a:hover{}
.menu>li.sub ul.sub-menu>li:hover .menu-photo-main{box-shadow: 10px 10px 0 0 #a6652c;transition: all 0.5s ease 0s;}
.menu>li.sub ul.sub-menu>li:hover h3{color: #a6652c;transition: all 0.5s ease 0s;}
.menu>li.sub02{position: relative;}
.menu>li.sub02 ul.sub-menu02{position: absolute;top: 89.97px;left:0px;padding: 5% ;border: 1px #dddddd solid;}
.menu>li.sub02 ul.sub-menu02>li{margin: 0; width:100%;border-bottom: 1px #dddddd solid;}
.menu>li.sub02 ul.sub-menu02>li:last-of-type{border-bottom:0;}
.menu>li.sub02 ul.sub-menu02>li>a{padding:10px 0;}
.menu>li.sub02 ul.sub-menu02>li>a:hover{background: #a6652c;color: #ffffff;}
.header-height .menu>li>a{ padding:14px 0 14px 20px;transition: all 0.5s ease 0s; }
.header-height .menu>li>a:before{background: url("../images/menu-icon.svg")no-repeat top left;background-size: 14px;transition: all 0.5s ease 0s;}
.header-height .menu>li>a:hover:before{width: 14px; height: 14px;transition: all 0.5s ease 0s;}
.header-height .menu>li.sub ul.sub-menu{top: 65.59px;transition: all 0.5s ease 0s;}
.header-height .menu>li.sub ul.sub-menu02{top: 65.59px;}
@media screen and (max-width:1420px){
	nav{flex: 1;margin: 0 25px;}
	.menu>li>a{ padding:14px 0 14px 20px;}
	.menu>li>a:before{background: url("../images/menu-icon.svg")no-repeat top left;background-size: 14px;}
	.menu>li>a:hover:before{width: 14px; height: 14px;}
	.menu>li.sub ul.sub-menu{padding:20px 15px;top: 65.59px;}
	.menu>li.sub ul.sub-menu02{padding:5px;top: 65.59px;}
}
@media screen and (max-width:1240px){
	#menu{display:none;}
	.slicknav_menu{display:block;background:#ffffff;position:fixed;top: 0;left: 0;width: 100%; border-bottom: 1px #dddddd solid;z-index: 10000;}
	.slicknav_nav li .menu-photo-main{display: none;}
	.slicknav_nav li h3{padding: 0;margin:0;font-weight: 400;line-height: 1.6;font-size: 16px; color: #2c1a08;}
}

/** edm輪播 **/
.edm-main{padding: 90.97px 0 0 0;overflow: hidden;}
.edm{position: relative;}
.edm-font{font-size: 1.17vw;color: #ffffff;position: absolute;top:0;left:-50%;visibility: hidden;opacity: 0;height: 100%;display: flex;flex-wrap: wrap; align-content: center;width: 40vw;}
.edm-font h2{padding: 0;margin:0.98vw 0;font-weight: 700;font-size: 3.9vw;letter-spacing: 0.7vw; color: #f1decd;line-height: 1.4;width: 100%;}
.edm-font .edm-font-content{font-size: 1.17vw;color: #ffffff;letter-spacing: 0.1vw;width: 100%;}
.edm-font .edm-font-service{border-top: 1px #ffffff solid;padding:0.98vw 0 0 0;margin:1.63vw 0 0 0;width: 100%;}
.edm-font .edm-more{font-size: 0.976vw; color: #673f1d;margin:2.6vw 0 0 0;width: 100%;}
.edm-font .edm-more a{display:table;background: #f1decd;color: #673f1d;padding: 0.85vw 2.48vw;}
.edm-font .edm-more a:hover{background:#a6652c ;color: #f1decd;}
.edm-photo-main{}
.edm-photo-main .edm-photo{background-color: #ffffff;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.owl-item.active .edm-font {left:8%;transition: all 2s ease 0s;visibility: visible;opacity: 1;}
@media screen and (max-width:1420px){
	.edm-main{padding: 66.59px 0 0 0;}
	.owl-item.active .edm-font {left:5%;}
}
@media screen and (max-width:1240px){
	.edm-main{padding: 49px 0 0 0;}
	.owl-item.active .edm-font {left:30px;}
}
@media screen and (max-width:575px){
	.edm-font{width:45vw;}
	.owl-item.active .edm-font {left:15px;}
}
@media screen and (max-width:400px){
	.edm-font .edm-font-content{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.edm-font .edm-font-service{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
}

/** 配置 **/
.warpper{overflow: hidden;}
.main{}
.i-title-main{position: relative;}
.i-title{width: 100%; font-weight: 500;font-size: 38px; color: #2c1a08;margin: 0 0 15px 0;padding: 0;line-height: 1.4;position: relative;z-index: 100;letter-spacing:2px;}
.i-title-en{font-size:100px; color: #f1decd;font-family: 'Gilda Display', serif;line-height: 1;text-transform: uppercase;letter-spacing: 0px;position: absolute;bottom:-28px;right:calc(-5% - 14px);}
.i-more{width: 100%;font-size: 15px;color: #673f1d;position: relative;text-align: right;text-transform: uppercase;margin: 5vw 0 0 0;}
.i-more02{margin:3vw 0 0 0;}
.i-more:before{content: "";display: block;background: #673f1d ;width: calc(100% - 145px);height: 1px;position: absolute;left: 0;top: calc(50% - 0.5px);}
.i-more a{display: block;color: #673f1d;}
.i-more a:hover{transform: translateX(-10px);}
@media screen and (max-width:1240px){
	.i-title{font-size: 34px; }
	.i-title-en{font-size:86px;bottom:-22px;right:calc(-5% - 10px);}
	.i-more{font-size: 14px;margin: 4vw 0 0 0;}
	.i-more02{margin:4vw 0 0 0;}
	.i-more:before{width: calc(100% - 130px);}
}
@media screen and (max-width:1000px){
	.i-title{font-size: 30px; }
	.i-title-en{font-size:70px;bottom:-16px;right:-19px;}
	.i-more{font-size: 13px;margin: 5vw 0 0 0;}
	.i-more02{margin: 5vw 0 0 0;}
	.i-more:before{width: calc(100% - 120px);}
}
@media screen and (max-width:800px){
	.i-title{margin: 0 0 10px 0;}
	.i-title-en{font-size:60px;bottom:-12px;}
}
@media screen and (max-width:575px){
	.i-title-en{font-size:40px;bottom:1px;right:-18px;}
}
@media screen and (max-width:400px){
	.i-title-en{font-size:35px;bottom:3px;right:-17px;}
}
@media screen and (max-width:374px){
	.i-title-en{font-size:27px;bottom:6px;right:-16px;}
}
	
/** 首頁品牌故事 **/
.i-brand-main{}
.i-brand{display: flex;}
.i-brand-info{flex: 1;padding: 5%;display: flex;flex-wrap: wrap; align-content: center;}
.i-brand-info p{margin-bottom: 30px;}
.i-brand-info .i-brand-subheading{width: 100%;font-size: 24px; color: #a6652c;margin:15px 0;}
.i-brand-info .i-brand-content{width: 100%;font-size: 18px; color: #333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.i-brand-photo-main{flex: 1.25;position: relative;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.i-brand-photo-main .i-title-en{color: #ffffff;position: absolute;top: 12%;right: 8%;font-size: 74px;text-align: right;bottom: inherit;width: 84%;}
@media screen and (max-width:1000px){
	.i-brand-info .i-brand-subheading{font-size: 20px;margin:10px 0;}
	.i-brand-info .i-brand-content{font-size: 16px;}
	.i-brand-photo-main .i-title-en{font-size:64px;}
}
@media screen and (max-width:800px){
	.i-brand{display:block;}
	.i-brand-info{flex: initial;padding:8% 15px;width: 100%;}
	.i-brand-info .i-brand-subheading{margin:0 0 10px 0;}
	.i-brand-photo-main{flex: initial;width: 100%;min-height: 40vh;}
	.i-brand-photo-main .i-title-en{top: 8%;right: 5%;width: 90%;}
}
@media screen and (max-width:374px){
	.i-brand-photo-main .i-title-en{font-size:50px;}
}

/** 首頁設計師 **/
.i-design-main{}
.i-design{display: flex;}
.i-design-info-main{flex: 1.74;padding: 4.5%;background:#673f1d;}
.i-design-info{background:rgba(166,101,44,.2);border: 1px #ffffff solid;padding: 8%;height: 100%;display: flex;flex-wrap: wrap; align-content: center;}
.i-design-info h2.i-title{color: #ffffff;margin: 5% 0 3% 0;}
.i-design-info .i-title-en{width: 100%;font-size: 72px;position:inherit;bottom: inherit;right: inherit;}
.i-design-info .i-design-content{width: 100%;font-size: 18px; color: #ffffff;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.i-design-info .i-more{color: #ffffff;}
.i-design-info .i-more:before{background: #ffffff ;}
.i-design-info .i-more a{color: #ffffff;}
.i-design-photo-main{flex: 1;}
.i-design-photo-main .i-design-photo{}
@media screen and (max-width:1420px){
	.i-design-info-main{padding: 3%;}
	.i-design-info{padding: 5%;}
	.i-design-info h2.i-title{margin: 2% 0;}
	.i-design-info .i-title-en{font-size: 66px;}
}
@media screen and (max-width:1240px){
	.i-design-info-main{flex: 2;}
	.i-design-info .i-title-en{font-size:56px;}
}
@media screen and (max-width:1000px){
	.i-design-info .i-title-en{font-size:46px;}
	.i-design-info .i-design-content{font-size: 16px;-webkit-line-clamp: 3;}
}
@media screen and (max-width:800px){
	.i-design-main{padding:8% 0;}
	.i-design{display:block;}
	.i-design-info-main{flex: initial;width: 100%;padding:15px;}
	.i-design-info{padding:8% 15px;}
	.i-design-photo-main{flex: initial;width: 100%;}
	.i-design-info .i-design-content{-webkit-line-clamp: 4;}
}
@media screen and (max-width:374px){
	.i-design-info .i-title-en{font-size:42px;}
}

/** 首頁珠寶服務 **/
.i-service-main{}
.i-service{display: flex;}
.i-service-info-main{flex: 1;display: flex;flex-wrap: wrap;justify-content: center; align-content: center;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.i-service-info-black{background: rgba(0,0,0,.5);padding:15% 10% 10% 10%;width: 100%;height: 100%; transition: all 0.5s ease 0s;}
.i-service-info-black-center{display: flex;align-items: center;justify-content: center;padding:13%;}
.i-service-info{}
.i-service-info .i-title-en{width: 100%;font-size: 72px;margin:0;position:inherit;bottom: inherit;right: inherit;}
.i-service-info h2.i-title{color: #ffffff;margin: 25px 0 20px 0;}
.i-service-info .i-service-content{width: 100%;font-size: 18px; color: #ffffff;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.i-service-info .i-service-content02{width: 100%;font-size:20px; color: #ffffff;}
.i-service-info .i-more{color: #ffffff;}
.i-service-info .i-more:before{background: #ffffff ;}
.i-service-info .i-more a{color: #ffffff;}
.i-service-info-main:hover .i-service-info-black{background: rgba(0,0,0,.7);padding:10% 5% 5% 5%;margin: 5%;width: calc(100% - 10%);height: calc(100% - 10%); transition: all 0.5s ease 0s;}
.i-service-info-main:hover .i-service-info-black-center{background: rgba(0,0,0,.5);padding:13%;margin: 0;width: 100%;height:  100%; }
@media screen and (max-width:1240px){
	.i-service-info .i-title-en{font-size:56px;}
}
@media screen and (max-width:1000px){
	.i-service-info .i-title-en{font-size:46px;}
	.i-service-info .i-service-content{font-size: 16px;}
	.i-service-info .i-service-content02{font-size:18px;}
}
@media screen and (max-width:800px){
	.i-service{display: block;}
	.i-service-info-main{flex:initial;width: 100%;}
	.i-service-info-black{padding:8% 15px;}
	.i-service-info-black-center{padding:8% 15px;}
	.i-service-info-main:hover .i-service-info-black{background: rgba(0,0,0,.5);padding:5% 15px;margin:3% 5%;height: calc(100% - 6%); }
	.i-service-info-main:hover .i-service-info-black-center{padding:8% 15px;margin: 0;height: 100%;}
	.i-service-info h2.i-title{margin: 15px 0 10px 0;}
}
@media screen and (max-width:374px){
	.i-service-info .i-title-en{font-size:42px;}
}

/** 首頁定製案例 **/
.i-case-main{padding:8% 5% 0 5%;}
.i-case{display: flex;}
.i-case-title{flex: 1;margin: 0 15px 0 0;display: flex;flex-wrap: wrap;justify-content: center;text-align: center; align-content: center;padding: 5%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.i-case-title .i-title-en{width: 100%;font-size: 72px;margin:0;position:inherit;bottom: inherit;right: inherit;}
.i-case-title  h2.i-title{color: #ffffff;margin: 30px 0 0 0;width: 100%}
.i-case-title .case-more{font-size: 15px; color: #673f1d;margin:25px 0 0 0;width: 100%;}
.i-case-title .case-more a{display:table;margin:0 auto;background: #f1decd;color: #673f1d;padding:13px 38px;}
.i-case-title .case-more a:hover{background:#a6652c ;color: #f1decd;}
.i-case-list{flex: 1.257;margin: 0 0 0 15px;}
.i-case-list>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.i-case-list>ul>li{padding: 0;margin:0 0 30px 0;width:100%;}
.i-case-list>ul>li:last-of-type{margin:0;}
.i-case-list>ul>li a{display:flex;background: #f3f3f3;}
.i-case-list>ul>li a:hover{background: #ffffff;box-shadow: 0 0 0 1px #f3f3f3;}
.case-photo-main{overflow: hidden;flex: 1;}
.case-photo-main .case-photo{background-color: #ffffff;background-position: center center;background-repeat: no-repeat;background-size: contain;transform: scale(1);transition: all 0.5s ease 0s;}
.i-case-list>ul>li .i-case-info{flex: 1.2; padding: 25px;display: flex;flex-wrap: wrap;align-content: center;}
.i-case-list>ul>li .i-case-info h3{width: 100%; padding: 0;margin: 0 0 15px 0;font-weight: 400;line-height: 1.4;font-size: 20px;color: #333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.i-case-list>ul>li .i-case-info .i-case-content{width: 100%;font-size: 18px;color: #666666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.i-case-list>ul>li:hover .case-photo-main .case-photo{transform: scale(1.1);transition: all 0.5s ease 0s;}
@media screen and (max-width:1420px){
	.i-case-title{padding:5% 15px;}
	.i-case-title .i-title-en{font-size: 66px;}
	.i-case-list{flex:1.0512}
}
@media screen and (max-width:1240px){
	.i-case-title{margin: 0 10px 0 0;}
	.i-case-title .i-title-en{font-size:56px;}
	.i-case-title .case-more a{padding:12px 30px;}
	.i-case-list{flex:1.0588;margin: 0 0 0 10px;}
	.i-case-list>ul>li{margin:0 0 20px 0;}
	.i-case-list>ul>li .i-case-info{padding: 15px;}
}
@media screen and (max-width:1000px){
	.i-case-title .i-title-en{font-size: 46px;}
	.i-case-title .case-more a{padding:10px 22px;}
	.i-case-title .case-more{font-size: 13px;}
	.i-case-list{flex:1.07458;}
	.i-case-list>ul>li .i-case-info{flex: 1.1; }
	.i-case-list>ul>li .i-case-info h3{font-size: 18px;}
	.i-case-list>ul>li .i-case-info .i-case-content{font-size: 16px;}
}
@media screen and (max-width:800px){
	.i-case-main{padding:8% 0 0 0;}
	.i-case{display:block;}
	.i-case-title{flex: initial;width: 100%;margin:0 0 5px 0;padding:8% 15px;}
	.i-case-title  h2.i-title{margin: 15px 0 0 0;}
	.i-case-title .case-more{margin:15px 0 0 0;}
	.i-case-list{flex: initial;width: 100%;margin:0;padding: 0 15px;}
	.i-case-list>ul>li{margin:5px 0;}
	.i-case-list>ul>li:last-of-type{margin:5px 0;}
	.i-case-list>ul>li .i-case-info{flex:2; }
	.i-case-list>ul>li .i-case-info h3{margin: 0 0 5px 0;}
}
@media screen and (max-width:575px){
	.i-case-list>ul>li .i-case-info{flex:1.2; }
	.i-case-list>ul>li .i-case-info .i-case-content{-webkit-line-clamp: 2;}
}
@media screen and (max-width:374px){
	.i-case-title .i-title-en{font-size: 42px;}
}

/** 首頁珠寶展示 **/
.i-exhibit-main{padding:8% 5%;}
.i-exhibit{}
.i-exhibit .item{padding:15px;margin:0;text-align: center;}
.exhibit-photo-main{overflow: hidden;}
.exhibit-photo-main .exhibit-photo{background-color: #ffffff;background-position: center center;background-repeat: no-repeat;background-size: contain;transform: scale(1);transition: all 0.5s ease 0s;}
.i-exhibit .item .i-exhibit-info{padding: 25px 15px;}
.i-exhibit .item .i-exhibit-info h3{padding: 0;margin: 0;font-weight: 400;line-height: 1.4;font-size: 20px;color: #333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.i-exhibit .item a{display: block;color: #333333;}
.i-exhibit .item a:hover{}
.i-exhibit .item:hover .exhibit-photo-main{box-shadow: 10px 10px 0 0 #f1decd; transition: all 0.5s ease 0s;}
.i-exhibit .item:hover .exhibit-photo-main .exhibit-photo{transform: scale(1.1);transition: all 0.5s ease 0s;}
@media screen and (max-width:1240px){
	.i-exhibit .item{padding:10px;}
	.i-exhibit .item:hover .exhibit-photo-main{box-shadow: 8px 8px 0 0 #f1decd; }
}
@media screen and (max-width:1000px){
	.i-exhibit .item .i-exhibit-info{padding: 15px 15px;}
	.i-exhibit .item .i-exhibit-info h3{font-size: 18px;}
}
@media screen and (max-width:800px){
	.i-exhibit-main{padding:8% 15px;}
	.i-exhibit .item{padding:5px;}
	.i-exhibit .item:hover .exhibit-photo-main{box-shadow: 4px 4px 0 0 #f1decd; }
}

/** 首頁珠寶知識 **/
.i-knowledge-main{padding:0 5% 8% 5%;}
.i-knowledge{}
.i-knowledge>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.i-knowledge>ul>li{padding: 0;margin: 15px;width: calc(100%/4 - 30px);}
.i-knowledge>ul>li a{display: block;border: 1px #f3f3f3 solid;}
.i-knowledge>ul>li a:hover{box-shadow: 10px 10px 0 0 #a6652c;}
.knowledge-photo-main{overflow: hidden;}
.knowledge-photo-main .knowledge-photo{background-color: #ffffff;background-position: center center;background-repeat: no-repeat;background-size: contain;transform: scale(1);transition: all 0.5s ease 0s;}
.i-knowledge>ul>li .i-knowledge-info{padding: 25px 15px;}
.i-knowledge>ul>li .i-knowledge-info h3{padding: 0;margin: 0;font-weight: 400;line-height: 1.4;font-size: 20px;color: #333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.i-knowledge>ul>li .i-knowledge-info .i-knowledge-line{display: block;width: 60px; height: 4px;background: #a6652c;margin: 15px 0 15px -15px;}
.i-knowledge>ul>li .i-knowledge-info .i-knowledge-content{font-size: 18px;color: #666666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.i-knowledge>ul>li:hover .knowledge-photo-main .knowledge-photo{transform: scale(1.1);transition: all 0.5s ease 0s;}
@media screen and (max-width:1240px){
	.i-knowledge>ul>li{margin:10px;width: calc(100%/4 - 20px);}
	.i-knowledge>ul>li a:hover{box-shadow: 8px 8px 0 0 #a6652c;}
}
@media screen and (max-width:1000px){
	.i-knowledge>ul>li .i-knowledge-info{padding: 15px 10px;}
	.i-knowledge>ul>li .i-knowledge-info h3{font-size: 18px;}
	.i-knowledge>ul>li .i-knowledge-info .i-knowledge-line{width: 50px; height: 4px;margin: 15px 0 15px -10px;}
	.i-knowledge>ul>li .i-knowledge-info .i-knowledge-content{font-size: 16px;}
}
@media screen and (max-width:800px){
	.i-knowledge-main{padding:0 15px 8% 15px;}
	.i-knowledge>ul>li{margin:5px;width: calc(100%/2 - 10px);}
	.i-knowledge>ul>li a:hover{box-shadow: 4px 4px 0 0 #a6652c;}
}

/** 首頁最新消息 **/
.i-news-main{padding:0 5% 8% 5%;}
.i-news{}
.i-news>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.i-news>ul>li{padding: 0;margin: 15px;width: calc(100%/3 - 30px);}
.i-news>ul>li a{display: block;}
.i-news>ul>li a:hover{}
.news-photo-main{overflow: hidden;position: relative;}
.news-photo-main .news-photo{background-color: #ffffff;background-position: center center;background-repeat: no-repeat;background-size: contain;transform: scale(1);transition: all 0.5s ease 0s;}
.i-news>ul>li .i-news-date{padding: 2px;text-align: center; color: #673f1d;font-size: 13px;background: rgba(255,255,255,.8);border: 1px #673f1d solid;box-shadow: 0 0 0 8px rgba(255,255,255,.8);text-transform: uppercase; position: absolute;bottom: 8px;left: 8px;width: 80px;height: 80px;display: flex;flex-wrap: wrap;align-content:center;justify-content: center;}
.i-news>ul>li .i-news-date .i-news-day{font-size: 30px;line-height: 1.2;}
.i-news>ul>li .i-news-date .i-news-year{font-size: 13px;}
.i-news>ul>li .i-news-info{padding: 25px 0 0 0;}
.i-news>ul>li .i-news-info h3{padding: 0;margin: 0 0 10px 0;font-weight: 400;line-height: 1.4;font-size: 20px;color: #333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.i-news>ul>li .i-news-info .i-news-content{font-size: 18px;color: #666666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.i-news>ul>li:hover .news-photo-main .news-photo{transform: scale(1.1);transition: all 0.5s ease 0s;}
@media screen and (max-width:1240px){
	.i-news>ul>li{margin:10px;width: calc(100%/3 - 20px);}
}
@media screen and (max-width:1000px){
	.i-news>ul>li .i-news-date{font-size: 12px;box-shadow: 0 0 0 6px rgba(255,255,255,.8);bottom: 6px;left: 6px;width: 76px;height: 76px;}
	.i-news>ul>li .i-news-date .i-news-day{font-size: 24px;}
	.i-news>ul>li .i-news-date .i-news-year{font-size: 12px;}
	.i-news>ul>li .i-news-info{padding: 15px 0 0 0;}
	.i-news>ul>li .i-news-info h3{font-size: 18px;}
	.i-news>ul>li .i-news-info .i-news-content{font-size: 16px;}
}
@media screen and (max-width:800px){
	.i-news-main{padding:0 15px 8% 15px;}
	.i-news>ul>li{margin:5px;width: calc(100%/3 - 10px);}
}
@media screen and (max-width:575px){
	.i-news>ul>li{margin:5px 0;width: calc(100%/1 - 0px);}
	.i-news>ul>li .i-news-info{padding: 15px 0;}
}

/** 內頁banner **/
.inside-banner{padding:115.97px 5% 25px 5%;background: #ffffff url("../images/banner_bg.png")no-repeat center center ;background-size: cover;}
.inside-banner .banner-title{font-size:38px; color:#2c1a08; text-align: center;}
.inside-banner .banner-title .banner-title-ch{font-size:38px; color:#2c1a08; margin:0; padding:0;font-weight: 500;line-height: 1.4;letter-spacing: 2px;}
.inside-banner .banner-title .banner-title-en{font-size:16px; color:#a6652c; line-height: 1.2;position: relative;display: table;margin: 0 auto;padding: 0 25px;}
.inside-banner .banner-title .banner-title-en:before{content: "";display: block;width: 10px;height: 1px;background:#a6652c;position: absolute;left: 0;top: calc(50% - 0.5px);}
.inside-banner .banner-title .banner-title-en:after{content: "";display: block;width: 10px;height: 1px;background:#a6652c;position: absolute;right: 0;top: calc(50% - 0.5px);}
@media screen and (max-width:1420px){
	.inside-banner{padding: 91.59px 5% 25px 5%;}
}
@media screen and (max-width:1240px){
	.inside-banner{padding: 74px 5% 25px 5%;}
	.inside-banner .banner-title .banner-title-ch{font-size: 34px; }
}
@media screen and (max-width:1000px){
	.inside-banner .banner-title .banner-title-ch{font-size: 30px; }
}
@media screen and (max-width:800px){
	.inside-banner{padding: 69px 15px 20px 15px;}
}

/** Breadcrumb **/
.breadcrumb{display:flex; flex-wrap:wrap; width:100%; max-width:1280px; margin:0 auto; padding:0.75rem 1rem 0.75rem 0; list-style:none; background-color:#e9ecef; border-radius:0.25rem;}
.breadcrumb-item{padding-left:0.5rem;}
.breadcrumb-item + .breadcrumb-item::before{display:inline-block; padding-right:0.5rem; color:#6c757d; content:"/";}
.breadcrumb-item a{font-weight:bold; text-decoration:none; color:#4697bf;}
.breadcrumb-item a:hover{color:#007bff; text-decoration:none;}

/** 內頁架構 **/
.content-body{ padding:4vw 5%;}
.page-title{font-size:26px; color:#2c1a08;padding:10px 0 10px 48px; margin:0 0 15px 0;background: url("../images/title-icon.svg")no-repeat left top 3px;background-size: 46px;font-weight: 500;line-height: 1.4;}
.page-main{padding:0; font-size:18px; color:#333;}
.page-main-note{padding:2.5vw 0; font-size:18px; color:#333;margin: -4vw 0 4vw 0;background: #fef4eb;text-align:center;position: relative;z-index: 1;}
.page-main-note:after{content: "";display: block;width: 200%; height: 100%;background: #fef4eb;position: absolute;top: 0;left: -50%;z-index: -1;}
.font001{ font-size:20px; color:#a6652c;font-weight: 500;margin: 30px 0 15px 0;padding: 0 0 0 30px; position: relative;}
.font001:before{content: "";display:block;width: 20px; height: 3px; background: #a6652c;position: absolute;top: 12px; left: 0;}
@media screen and (max-width:1000px){
	.page-title{font-size:22px;padding:10px 0 10px 40px; background: url("../images/title-icon.svg")no-repeat left top 4px;background-size: 38px;}
	.page-main{font-size:16px;}
	.page-main-note{font-size:16px;}
	.font001{font-size:18px;}
}
@media screen and (max-width:800px){
	.content-body{padding:6vw 15px;}
	.page-main-note{margin: -6vw 0 6vw 0;padding:20px 0;}
	.font001{margin: 30px 0 10px 0;}
}

/** 左邊分類 **/
.left-menu-title{font-size:24px;font-weight: 500; padding:10px 0; margin:0 0 10px 0; color:#2c1a08;position: relative;z-index: 1;}
.left-menu-title:after{content: "";display: block;width:30px; height: 30px;background: #fef4eb;position: absolute;top:0; left: -12px;z-index: -1;}
.in-left-menu>ul{margin:0; padding:0; list-style:none;}
.in-left-menu>ul>li{font-size:18px; color:#333333; padding:0;}
.in-left-menu>ul>li>a{color:#333333;display:block; padding:10px 0 10px 20px;position: relative;}
.in-left-menu>ul>li>a:before{content: "";display: block;width: 10px;height: 1px;background:#a6652c;position: absolute;top: 22.5px; left: 0;transition: all .5s ease 0s;}
.in-left-menu>ul>li>a:hover{color:#a6652c;padding:10px 20px 10px 0;}
.in-left-menu>ul>li>a:hover:before{ right: 0;left: inherit;transition: all .5s ease 0s;}
.in-left-menu>ul>li>.current{color:#a6652c; padding:10px 20px 10px 0;position: relative;}
.in-left-menu>ul>li>.current:before{content: "";display: block;width: 10px;height: 1px;background:#a6652c;position: absolute;top: 22.5px; right: 0;left: inherit;transition: all .5s ease 0s;}
.in-left-menu>ul>li ul{margin:5px 0 0 30px; padding:0; list-style:square;}
.in-left-menu>ul>li ul li{border-top:1px #CCC dotted; padding:5px 5px 5px 0;}
.in-left-menu>ul>li ul li a{font-size:13px; color:#666; display:block;}
.in-left-menu>ul>li ul li a:hover{color:#71743D;}
.left-beautify img{width:100%; height:auto; margin-top:0px;}
.m_classLink{display:none;}
@media screen and (max-width:1000px){
	.left-menu-title{font-size:20px;}
    .left-menu-title:after{width:26px; height: 26px;left: -10px;}
    .in-left-menu>ul>li{font-size:16px;}
    .in-left-menu>ul>li>a:before{top: 20.5px;}
    .in-left-menu>ul>li>.current:before{top: 20.5px;}
    
}
@media screen and (max-width:991.9px){
	.classBox{padding:0 0 25px 0;}
	ul.classLink{display:none;}
	.m_classLink{display:block; position:relative; background-color:#ffffff; border:1px solid #a6652c;}
	.m_classLink a.main{display:block; background:none; font-size:16px; color:#333; position:relative; padding:10px 58.8px 10px 10px;}
	.m_classLink a.main i{display:block; font-size:16px; background:#a6652c; width:48.8px; height:100%; text-align:center; color:#FFF; line-height:48.8px; position:absolute; right:0; top:0;}
	.m_classLink a.main b{font-weight: normal;}
	.m_classLink ul{display:none; margin:0; padding:0; list-style:none; width:100%; background:#FFF; border:1px solid #a6652c; position:absolute; left:0; top:100%; z-index:99; box-sizing:border-box;}
	.m_classLink ul li{margin:0; padding:0;}
	.m_classLink ul li a{display:block; padding:10px; border-top:1px solid #a6652c;font-size:16px; color:#222;}
	.m_classLink ul li:first-child a{border:none;}
	.m_classLink ul li a:hover{background:#f3f3f3;}
	.m_classLink ul li ul{display:block; margin:0 10px 10px 10px; padding:0; list-style:none; width:calc(100% - 20px); background:#FFF; border:1px solid #a6652c; position:inherit; left:inherit; top:inherit; z-index:999; box-sizing:border-box;}
	.left-menu-title{padding:10px 0 0 0;}
	.left-beautify{display:none;}
}

/** 品牌故事**/
.brand{}
.brand>ul{list-style: none;padding: 0;margin: 0;}
.brand>ul>li{display: flex;width: 100%;padding:5% 0;margin:0;position: relative;z-index: 1;}
.brand>ul>li:nth-child(even){flex-direction: row-reverse;position: relative;}
.brand>ul>li:first-of-type{padding: 0 0 5% 0;}
.brand>ul>li:last-of-type{margin: 0 0 -4vw 0;}
.brand>ul>li:nth-child(even):after{content: "";display: block;width: 200%; height: 100%;background: #f3f3f3;position: absolute;top: 0;left: -50%;z-index: -1;}
.brand>ul>li .brand-photo-main{flex: 1;}
.brand>ul>li .brand-photo-main .brand-photo{background-color:transparent;background-position: center center;background-repeat: no-repeat;background-size: contain;}
.brand>ul>li .brand-info{flex: 2;padding: 15px 0 15px 5%;}
.brand>ul>li:nth-child(even) .brand-info{padding: 15px 5% 15px 0;}
.brand>ul>li .brand-info h3{font-size: 28px; color:#2c1a08;padding: 0 0 20px 0;margin: 0 0 20px 0;font-weight: 500;line-height: 1.4;position: relative;}
.brand>ul>li .brand-info h3:after{content: "";display: block;width: 50px; height: 5px; background: #a6652c;position: absolute;bottom: 0;left: 0;}
.brand-content-main {width:100%;min-height: 200px;position: relative;}
.brand-content {height:200px ;font-size: 18px;overflow: hidden;padding: 0 0 50px 0;}
.brand-content-main .morecontent {display: block;position: relative;height:200px ;background-color: #ffffff;}
.brand>ul>li:nth-child(even) .brand-content-main .morecontent{background: #f3f3f3;}
input[id^="more"] {display: none;}
.brand-content-main .more {position: absolute;right: 0;bottom:0px;text-align: right;cursor: pointer;font-size: 15px;color: #673f1d;text-transform: uppercase;width: 100%;background-color:#ffffff;padding: 0 2px;}
.brand>ul>li:nth-child(even) .brand-content-main .more {background-color: #f3f3f3;}
.brand-content-main .more:before{content: "";display: block;background: #673f1d ;width: calc(100% - 145px);height: 1px;position: absolute;left: 0;top: calc(50% - .5px);transition: all .5s ease 0s;}
.brand-content-main .more:hover{color: #a6652c;transition: all .1s ease 0s;font-style: italic;}
.brand-content-main .more:hover:before{background: #a6652c ;transition: all .5s ease 0s;}
.brand-content-main input[id^="more"]:checked ~ .brand-content {height: auto;overflow: visible;}
.brand-content-main input[id^="more"]:checked ~ .brand-content .morecontent {display: none;}
.brand-content-main input[id^="more"]:checked ~ .more:after {content: "close";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color:#ffffff;color:#673f1d;padding: 0 2px;}
.brand>ul>li:nth-child(even) .brand-content-main input[id^="more"]:checked ~ .more:after {background-color:#f3f3f3;}
.brand-content-main input[id^="more"]:checked ~ .more:before{content: "";display: block;background: #673f1d ;width: calc(100% - 95px);height: 1px;position: absolute;left: 0;top: calc(50% - .5px);transition: all .5s ease 0s;z-index: 1;}
.brand-content-main input[id^="more"]:checked ~ .more:hover:after {color:#a6652c;}
.brand-content-main input[id^="more"]:checked ~ .more:hover:before{background: #a6652c ;transition: all .5s ease 0s;}
@media screen and (max-width:1000px){
	.brand>ul>li .brand-info{flex: 2;padding: 0px 0 0px 5%;}
	.brand>ul>li:nth-child(even) .brand-info{padding: 0px 5% 0px 0;}
	.brand>ul>li .brand-info h3{font-size: 24px;}
	.brand-content-main {min-height: 148px;}
	.brand-content {height:148px ;font-size: 16px;padding: 0 0 30px 0;}
	.brand-content-main .morecontent {height:148px ;}
	.brand-content-main .more {font-size: 13px;}
	.brand-content-main .more:before{width: calc(100% - 120px);}
	.brand-content-main input[id^="more"]:checked ~ .more:before{width: calc(100% - 75px);}
}
@media screen and (max-width:800px){
	.brand>ul>li{padding:8% 0;display: block;}
	.brand>ul>li:last-of-type{margin: 0 0 -6vw 0;}
	.brand>ul>li .brand-photo-main{flex:initial;width: 100%;margin: 0 auto 15px auto;max-width: 500px;}
	.brand>ul>li .brand-info{flex:initial;width: 100%;padding: 15px 0;}
	.brand>ul>li:nth-child(even) .brand-info{padding: 15px 0;}
}

/** 團隊 **/
.team{}
.team>ul{list-style: none;padding: 0;margin: 0;}
.team>ul>li{display: flex;width: 100%;padding: 0;margin:10% 0;}
.team>ul>li:first-of-type{margin:0 0 10% 0;}
.team>ul>li:last-of-type{margin:10% 0 2% 0;}
.team>ul>li:nth-child(even){flex-direction: row-reverse;}
.team>ul>li .team-photo-main{flex: 1;position: relative;height: 100%;}
.team>ul>li .team-photo-main:after{content: "";display: block;width: 100%;height: 100%;border: 1px #2c1a08 solid;position: absolute;top: 15px;left: 15px;}
.team>ul>li .team-photo-main .team-photo{background-color:transparent;background-position: center center;background-repeat: no-repeat;background-size: contain;}
.team>ul>li .team-info{flex: 2;padding: 15px 0 15px 5%;}
.team>ul>li:nth-child(even) .team-info{padding: 15px 5% 15px 0;}
.team>ul>li .team-info h3{font-size: 28px; color:#2c1a08;padding: 0 0 0 40px;margin: 0 0 20px 0;font-weight: 500;line-height: 1.4;position: relative;}
.team>ul>li .team-info h3:after{content: "";display: block;width:28px;height: 28px;background: url("../images/team-icon.svg")no-repeat center center;background-size: 28px;position: absolute;top:6px;left: 0;}
.team>ul>li .team-info h3 span{font-size: 20px;padding: 0 0 0 20px;color: #666666;}
.team>ul>li .team-info .team-subheading{font-size: 18px;color: #2c1a08; margin: 30px 0 40px 0;padding: 15px 20px;background: #fef4eb;border: 1px #a6652c solid;box-shadow: 0 0 0 8px #fef4eb;}
.team-content-main {width:100%;min-height: 286px;position: relative;}
.team-content {height:286px ;font-size: 18px;overflow: hidden;padding: 0 0 50px 0;}
.team-content-main .morecontent {display: block;position: relative;height:286px ;background-color: #ffffff;}
.team-content-main input[id^="more"] {display: none;}
.team-content-main .more {position: absolute;right: 0;bottom:0px;text-align: right;cursor: pointer;font-size: 15px;color: #673f1d;text-transform: uppercase;width: 100%;background-color:#ffffff;padding:  0 2px;}
.team-content-main .more:before{content: "";display: block;background: #673f1d ;width: calc(100% - 145px);height: 1px;position: absolute;left: 0;top: calc(50% - .5px);transition: all .5s ease 0s;}
.team-content-main .more:hover{color: #a6652c;transition: all .1s ease 0s;font-style: italic;}
.team-content-main .more:hover:before{background: #a6652c ;transition: all .5s ease 0s;}
.team-content-main input[id^="more"]:checked ~ .team-content {height: auto;overflow: visible;}
.team-content-main input[id^="more"]:checked ~ .team-content .morecontent {display: none;}
.team-content-main input[id^="more"]:checked ~ .more:after {content: "close";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color:#ffffff;color:#673f1d;padding: 0 2px;}
.team-content-main input[id^="more"]:checked ~ .more:before{content: "";display: block;background: #673f1d ;width: calc(100% - 95px);height: 1px;position: absolute;left: 0;top: calc(50% - .5px);transition: all .5s ease 0s;z-index: 1;}
.team-content-main input[id^="more"]:checked ~ .more:hover:after {color:#a6652c;}
.team-content-main input[id^="more"]:checked ~ .more:hover:before{background: #a6652c ;transition: all .5s ease 0s;}
@media screen and (max-width:1000px){
	.team>ul>li .team-photo-main:after{top: 10px;left: 10px;}
	.team>ul>li .team-info{flex: 2;padding: 0px 0 0px 5%;}
	.team>ul>li:nth-child(even) .team-info{padding: 0px 5% 0px 0;}
	.team>ul>li .team-info h3{font-size: 24px;padding: 0 0 0 34px;}
	.team>ul>li .team-info h3 span{font-size: 18px;}
	.team>ul>li .team-info h3:after{width:22px;height: 22px;background: url("../images/team-icon.svg")no-repeat center center;background-size: 22px;}
	.team>ul>li .team-info .team-subheading{font-size: 16px;}
	.team-content-main {min-height: 148px;}
	.team-content {height:148px ;font-size: 16px;padding: 0 0 30px 0;}
	.team-content-main .morecontent {height:148px ;}
	.team-content-main .more {font-size: 13px;}
	.team-content-main .more:before{width: calc(100% - 120px);}
	.team-content-main input[id^="more"]:checked ~ .more:before{width: calc(100% - 75px);}
}
@media screen and (max-width:800px){
	.team>ul>li{margin:8% 0;display: block;}
	.team>ul>li:first-of-type{margin:0 0 8% 0;}
	.team>ul>li:last-of-type{margin:8% 0 1% 0;}
	.team>ul>li .team-photo-main{flex:initial;width: 100%;margin: 0 auto 15px auto;max-width: 500px;}
	.team>ul>li .team-info{flex:initial;width: 100%;padding: 15px 0;}
	.team>ul>li:nth-child(even) .team-info{padding: 15px 0;}
}
@media screen and (max-width:575px){
	.team>ul>li .team-info h3 span{display: block;padding: 0;width: 100%;}
}

/** 門市**/
.shop{}
.shop>ul{list-style: none;padding: 0;margin: 0;}
.shop>ul>li{display: flex;flex-wrap: wrap; width: 100%;padding:5% 0;margin:0;position: relative;z-index: 1;}
.shop>ul>li:first-of-type{padding: 0 0 5% 0;}
.shop>ul>li:nth-child(even){background: #f3f3f3;}
.shop>ul>li:last-of-type{margin: 0 0 -4vw 0;}
.shop>ul>li:nth-child(even):after{content: "";display: block;width: 200%; height: 100%;background: #f3f3f3;position: absolute;top: 0;left: -50%;z-index: -1;}
.shop>ul>li .shop-photo-main{flex: 1;}
.shop>ul>li .shop-photo-main .shop-photo{background-color:transparent;background-position: center center;background-repeat: no-repeat;background-size: contain;}
.shop>ul>li .shop-info{flex: 2;padding: 15px 0 15px 5%;}
.shop>ul>li .shop-info h3{font-size: 28px; color:#2c1a08;padding: 0 0 20px 0;margin: 0 0 20px 0;font-weight: 500;line-height: 1.4;position: relative;}
.shop>ul>li .shop-info h3:after{content: "";display: block;width: 50px; height: 5px; background: #a6652c;position: absolute;bottom: 0;left: 0;}
.shop-content-main {width:100%;min-height: 80px;position: relative;}
.shop-content {height:80px ;font-size: 18px;overflow: hidden;padding: 0 0 50px 0;}
.shop-content-main .morecontent {display: block;position: relative;height:80px ;background-color: #ffffff;}
.shop>ul>li:nth-child(even) .shop-content-main .morecontent{background: #f3f3f3;}
input[id^="more"] {display: none;}
.shop-content-main .more {position: absolute;right: 0;bottom:0px;text-align: right;cursor: pointer;font-size: 15px;color: #673f1d;text-transform: uppercase;width: 100%;background-color:#ffffff;padding: 0 2px;}
.shop>ul>li:nth-child(even) .shop-content-main .more {background-color: #f3f3f3;}
.shop-content-main .more:before{content: "";display: block;background: #673f1d ;width: calc(100% - 145px);height: 1px;position: absolute;left: 0;top: calc(50% - .5px);transition: all .5s ease 0s;}
.shop-content-main .more:hover{color: #a6652c;transition: all .1s ease 0s;font-style: italic;}
.shop-content-main .more:hover:before{background: #a6652c ;transition: all .5s ease 0s;}
.shop-content-main input[id^="more"]:checked ~ .shop-content {height: auto;overflow: visible;}
.shop-content-main input[id^="more"]:checked ~ .shop-content .morecontent {display: none;}
.shop-content-main input[id^="more"]:checked ~ .more:after {content: "close";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color:#ffffff;color:#673f1d;padding: 0 2px;}
.shop>ul>li:nth-child(even) .shop-content-main input[id^="more"]:checked ~ .more:after {background-color:#f3f3f3;}
.shop-content-main input[id^="more"]:checked ~ .more:before{content: "";display: block;background: #673f1d ;width: calc(100% - 95px);height: 1px;position: absolute;left: 0;top: calc(50% - .5px);transition: all .5s ease 0s;z-index: 1;}
.shop-content-main input[id^="more"]:checked ~ .more:hover:after {color:#a6652c;}
.shop-content-main input[id^="more"]:checked ~ .more:hover:before{background: #a6652c ;transition: all .5s ease 0s;}
.shop>ul>li .shop-info .shop-contact{margin: 30px 0 0 0;}
.shop>ul>li .shop-info .shop-contact>ul{list-style: none;padding: 0;margin: 0;}
.shop>ul>li .shop-info .shop-contact>ul>li{padding: 0;margin:15px 0;display: flex;}
.shop>ul>li .shop-info .shop-contact>ul>li a{color: #333333;}
.shop>ul>li .shop-info .shop-contact>ul>li a:hover{color: #a6652c;}
.shop>ul>li .shop-info .shop-contact>ul>li .shop-contact-icon{width:40px;margin: 0 10px 0 0;height: 40px;padding: 8px;border-radius: 100px;border: 1px #a6652c solid;display: flex;align-items: center;justify-content: center;}
.shop>ul>li .shop-info .shop-contact>ul>li .shop-contact-content{flex: 1;}
.shop>ul>li .shop-info .shop-contact>ul>li .shop-contact-content span{font-weight: 500;display: block;width: 100%;}
.shop>ul>li .shop-map{width: 100%;margin: 30px 0 0 0;position: relative; padding:0 0 30% 0; border: 1px #a6652c solid;height: 0;overflow: hidden;}
.shop>ul>li .shop-map iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;padding: 10px;}
@media screen and (max-width:1000px){
	.shop>ul>li .shop-photo-main:after{top: 10px;left: 10px;}
	.shop>ul>li .shop-info{flex: 2;padding: 0px 0 0px 5%;}
	.shop>ul>li .shop-info h3{font-size: 24px;}
	.shop-content-main {min-height: 71px;}
	.shop-content {height:71px ;font-size: 16px;padding: 0 0 30px 0;}
	.shop-content-main .morecontent {height:71px ;}
	.shop-content-main .more {font-size: 13px;}
	.shop-content-main .more:before{width: calc(100% - 120px);}
	.shop-content-main input[id^="more"]:checked ~ .more:before{width: calc(100% - 75px);}
	.shop>ul>li .shop-info .shop-contact>ul>li .shop-contact-icon{width:36px;margin: 0 8px 0 0;height: 36px;}
	.shop>ul>li .shop-map{ padding:0 0 40% 0; }
}
@media screen and (max-width:800px){
	.shop>ul>li{padding:8% 0;display: block;}
	.shop>ul>li:first-of-type{padding:0 0 8% 0;}
	.shop>ul>li:last-of-type{margin: 0 0 -6vw 0;}
	.shop>ul>li .shop-photo-main{flex:initial;width: 100%;margin: 0 auto 15px auto;max-width: 500px;}
	.shop>ul>li .shop-info{flex:initial;width: 100%;padding: 15px 0;}
	.shop>ul>li .shop-info .shop-contact{margin: 20px 0;}
	.shop>ul>li .shop-map{margin:0; padding:0 0 70% 0; }
	.shop>ul>li .shop-map iframe {padding: 8px;}
}

/** 珠寶服務 **/
.service{}
.service>ul{list-style: none;padding:0 ;margin: 0;display: block;}
.service>ul>li{padding:0;margin:12% 0; display: flex;flex-wrap: wrap;position: relative;z-index: 1;}
.service>ul>li:last-of-type{margin: 12% 0 0 0;}
.service>ul>li:after{content: "";display: block;width:80%;height:100%;position: absolute;top: 0%;left: 0;border: 1px #a6652c solid;border-top: 5px #a6652c solid;background: #ffffff;z-index: -1;}
.service>ul>li:nth-child(even){flex-direction: row-reverse;}
.service>ul>li:nth-child(even):after{left: inherit;right: 0;}
.service>ul>li .service-info{font-size: 18px;color: #333333;flex: 1.4;padding: 5% ;position: relative;height: 100%;}
.service>ul>li .service-info .service-step{margin:0; padding:0 0 0 50px;font-size: 90px;color: #a6652c;line-height: 1;display:table;position:absolute;top:-75px;left: 8%;}
.service>ul>li .service-info .service-step span{color: #a6652c;text-transform: uppercase;font-size: 16px;position: absolute;left:0;bottom: 11px; }
.service>ul>li .service-info .service-dep{width: 100%; padding: 0;}
.service>ul>li .service-info .service-dep h3{font-size: 24px;color: #333333;font-weight: 500;padding: 0;margin:5px 0 15px 0;line-height: 1.4;}
.service>ul>li .service-info .service-dep h3 span{width: 100%;display: block; font-size: 14px;text-transform: uppercase;color:#a6652c;}
.service>ul>li .service-info .service-dep h3.service-content{color: #666666}
.service>ul>li .service-photo{flex: 1;margin:-8% 0 0 0;position: relative;height: 100%;}
@media screen and (max-width:1000px){
	.service>ul>li .service-info{font-size: 16px;}
	.service>ul>li .service-info .service-step{font-size: 60px;top:-50px;}
	.service>ul>li .service-info .service-step span{font-size: 14px;bottom: 7px; }
	.service>ul>li .service-info .service-dep h3{font-size: 20px;}
	.service>ul>li .service-info .service-dep h3 span{font-size: 12px;}
}
@media screen and (max-width:575px){
	.service>ul>li{display: block;margin:80px 0; }
	.service>ul>li:last-of-type{margin: 80px 0 0 0;}
	.service>ul>li:after{width:100%;height:80%;}
	.service>ul>li .service-info{padding:15px;}
	.service>ul>li .service-info .service-step{left: 15px;}
	.service>ul>li .service-info{flex: initial;width: 100%;}
	.service>ul>li .service-photo{flex: initial;width:90%;max-width: 500px;margin:0 auto;}
}

/** 立即預約 **/
.consult-main{padding:2.5vw 0;margin: 4vw 0 -4vw 0;background: #f3f3f3;position: relative;z-index: 1;}
.consult-main:after{content: "";display: block;width: 200%; height: 100%;background: #f3f3f3;position: absolute;top: 0;left: -50%;z-index: -1;}
.consult{display: flex;}
.consult h3.consult-title{font-size: 24px; color: #333333;padding:15px 0;margin: 0 0 15px 0;font-weight:400;line-height: 1.4;text-align: center;border-bottom: 1px #a6652c solid;position: relative;}
.consult h3.consult-title span{width: 100%;display: block; font-size: 14px;text-transform: uppercase;color:#a6652c;}
.consult h3.consult-title:after{content: "";display: block;width: 50px; height: 5px; background:#a6652c;position: absolute;bottom: -3px;left: calc(50% - 25px);}
.consult .consult-info{flex: 1;margin: 0 3vw 0 0;}
.consult .consult-form{flex: 1.5;margin: 0 0 0 3vw;}
.consult .consult-info .contact-info>ul{border-top: 0;}
.consult .consult-info .contact-info>ul>li{width: calc(100%/1);border-bottom:0;}
.consult .consult-info .contact-info>ul>li:after{width:100%;height: 1px;background: #ffffff; }
.consult .consult-info .contact-info>ul>li:nth-child(4n):after{width:100%;height: 1px;}
.consult .consult-info .contact-info>ul>li:hover:after{height: 100%; transition: all 0.5s ease 0s;background: #fef4eb;}
.consult .consult-info .contact-info>ul>li .contact-icon{margin: 0 20px 0 0;}
.consult .consult-form .input-main-style01{background: #ffffff ;}
.consult .consult-form .input-main-style02{background: #ffffff ;}
.consult .consult-form .input-main-style03{background: #ffffff ;}
.consult .consult-form .input-main-select select{background: #ffffff ;}
@media screen and (max-width:1000px){
	.consult h3.consult-title{font-size: 20px;}
    .consult h3.consult-title span{font-size: 12px}
    .consult .consult-info .contact-info>ul>li .contact-icon{margin: 0 15px 0 0;}
    .consult .consult-form .opinion-main{display:block;}
}
@media screen and (max-width:800px){
	.consult-main{margin: 6vw 0 -6vw 0;padding:20px 0;}
    .consult{display:block;}
    .consult .consult-info{flex:initial;width: 100%; margin: 0 0 4vw 0;}
    .consult .consult-form{flex:initial;width: 100%; margin: 0}
}

/** 珠寶知識 **/
.knowledge{}
.knowledge>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.knowledge>ul>li{padding: 0;margin: 15px;width: calc(100%/4 - 30px);}
.knowledge>ul>li a{display: block;border: 1px #f3f3f3 solid;}
.knowledge>ul>li a:hover{box-shadow: 10px 10px 0 0 #a6652c;}
.knowledge-photo-main{overflow: hidden;}
.knowledge-photo-main .knowledge-photo{background-color: #ffffff;background-position: center center;background-repeat: no-repeat;background-size: contain;transform: scale(1);transition: all 0.5s ease 0s;}
.knowledge>ul>li .knowledge-info{padding: 25px 15px;}
.knowledge>ul>li .knowledge-info h3{padding: 0;margin: 0;font-weight: 400;line-height: 1.4;font-size: 20px;color: #333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.knowledge>ul>li .knowledge-info .knowledge-line{display: block;width: 60px; height: 4px;background: #a6652c;margin: 15px 0 15px -15px;}
.knowledge>ul>li .knowledge-info .knowledge-content{font-size: 18px;color: #666666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.knowledge>ul>li:hover .knowledge-photo-main .knowledge-photo{transform: scale(1.1);transition: all 0.5s ease 0s;}
@media screen and (max-width:1240px){
	.knowledge>ul>li{margin:10px;width: calc(100%/4 - 20px);}
	.knowledge>ul>li a:hover{box-shadow: 8px 8px 0 0 #a6652c;}
}
@media screen and (max-width:1000px){
	.knowledge>ul>li{width: calc(100%/3 - 20px);}
	.knowledge>ul>li .knowledge-info{padding: 15px 10px;}
	.knowledge>ul>li .knowledge-info h3{font-size: 18px;}
	.knowledge>ul>li .knowledge-info .knowledge-line{width: 50px; height: 4px;margin: 15px 0 15px -10px;}
	.knowledge>ul>li .knowledge-info .knowledge-content{font-size: 16px;}
}
@media screen and (max-width:800px){
	.knowledge-main{padding:8% 15px 0 15px;}
	.knowledge>ul>li{margin:5px;width: calc(100%/3 - 10px);}
	.knowledge>ul>li a:hover{box-shadow: 4px 4px 0 0 #a6652c;}
}
@media screen and (max-width:575px){
	.knowledge>ul>li{width: calc(100%/2 - 10px);}
}

/** 定製案例 **/
.case{}
.case>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.case>ul>li{padding: 0;margin:15px;width:calc(100%/2 - 30px);}
.case>ul>li a{display:flex;background: #f3f3f3;}
.case>ul>li a:hover{background: #ffffff;box-shadow: 0 0 0 1px #f3f3f3;}
.case-photo-main{overflow: hidden;flex: 1;}
.case-photo-main .case-photo{background-color: #ffffff;background-position: center center;background-repeat: no-repeat;background-size: contain;transform: scale(1);transition: all 0.5s ease 0s;}
.case>ul>li .case-info{flex: 1.2; padding: 25px;display: flex;flex-wrap: wrap;align-content: center;}
.case>ul>li .case-info h3{width: 100%; padding: 0;margin: 0 0 15px 0;font-weight: 400;line-height: 1.4;font-size: 20px;color: #333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.case>ul>li .case-info .case-content{width: 100%;font-size: 18px;color: #666666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.case>ul>li:hover .case-photo-main .case-photo{transform: scale(1.1);transition: all 0.5s ease 0s;}
@media screen and (max-width:1240px){
	.case>ul>li{margin:10px;width:calc(100%/2 - 20px);}
	.case>ul>li .case-info{padding: 15px;}
}
@media screen and (max-width:1000px){
	.case>ul>li .case-info{flex: 1.1; }
	.case>ul>li .case-info h3{font-size: 18px;margin: 0 0 10px 0;}
	.case>ul>li .case-info .case-content{font-size: 16px;}
}
@media screen and (max-width:800px){
	.case>ul>li{margin:5px 0;width:calc(100%/1 - 0px);}
	.case>ul>li .case-info{flex:2; }
	.case>ul>li .case-info h3{margin: 0 0 5px 0;}
}
@media screen and (max-width:575px){
	.case>ul>li .case-info{flex:1.2; }
	.case>ul>li .case-info .case-content{-webkit-line-clamp: 2;}
}

/** 定製案例明細 **/
.case-detail{display: flex;margin: 0;align-items: center;}
.case-detail .case-detail-photo{flex: 1;position: relative;z-index: 1;height: 100%;}
.case-detail .case-detail-photo:after{content: "";display: block;width: 100%;height: 100%;background: #f3f3f3;position: absolute;top: 20px;left: 20px;z-index: -1;}
.case-detail .case-detail-info{flex: 1.8;margin:10px 0 10px -3%;padding: 5%; border: 1px #a6652c solid;height: 100%;position: relative;z-index: 1;background: rgba(255,255,255,.9);}
@media screen and (max-width:1000px){
	.case-detail .case-detail-photo:after{top: 10px;left: 10px;}
}

@media screen and (max-width:800px){
	.case-detail{display:block;}
	.case-detail .case-detail-photo{flex: initial;width: 100%;max-width: 500px;margin: 0 auto;}
	.case-detail .case-detail-photo:after{display: none;}
	.case-detail .case-detail-info{flex: initial;width: 100%;margin:20px 0 0 0;padding: 15px;}
	
}

/** 最新消息 **/
.news{}
.news>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.news>ul>li{padding: 0;margin: 15px;width: calc(100%/3 - 30px);}
.news>ul>li a{display: block;}
.news>ul>li a:hover{}
.news-photo-main{overflow: hidden;position: relative;}
.news-photo-main .news-photo{background-color: #ffffff;background-position: center center;background-repeat: no-repeat;background-size: contain;transform: scale(1);transition: all 0.5s ease 0s;}
.news>ul>li .news-date{padding: 2px;text-align: center; color: #673f1d;font-size: 13px;background: rgba(255,255,255,.8);border: 1px #673f1d solid;box-shadow: 0 0 0 8px rgba(255,255,255,.8);text-transform: uppercase; position: absolute;bottom: 8px;left: 8px;width: 80px;height: 80px;display: flex;flex-wrap: wrap;align-content:center;justify-content: center;}
.news>ul>li .news-date .news-day{font-size: 30px;line-height: 1.2;}
.news>ul>li .news-date .news-year{font-size: 13px;}
.news>ul>li .news-info{padding: 25px 0 0 0;}
.news>ul>li .news-info h3{padding: 0;margin: 0 0 10px 0;font-weight: 400;line-height: 1.4;font-size: 20px;color: #333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news>ul>li .news-info .news-content{font-size: 18px;color: #666666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news>ul>li:hover .news-photo-main .news-photo{transform: scale(1.1);transition: all 0.5s ease 0s;}
.news-detail-date{background:#a6652c;color: #ffffff;display: table;font-style: italic; padding:3px 15px;margin:10px 0 20px 0;font-size: 16px;text-transform: uppercase;}
@media screen and (max-width:1240px){
	.news>ul>li{margin:10px;width: calc(100%/3 - 20px);}
}
@media screen and (max-width:1000px){
	.news>ul>li .news-date{font-size: 12px;box-shadow: 0 0 0 6px rgba(255,255,255,.8);bottom: 6px;left: 6px;width: 76px;height: 76px;}
	.news>ul>li .news-date .news-day{font-size: 24px;}
	.news>ul>li .news-date .news-year{font-size: 12px;}
	.news>ul>li .news-info{padding: 15px 0 0 0;}
	.news>ul>li .news-info h3{font-size: 18px;}
	.news>ul>li .news-info .news-content{font-size: 16px;}
	.news-detail-date{font-size: 14px;}
}
@media screen and (max-width:800px){
	.news>ul>li{margin:5px;width: calc(100%/2 - 10px);}
}
@media screen and (max-width:575px){
	.news>ul>li{margin:5px 0;width: calc(100%/1 - 0px);}
	.news>ul>li .news-info{padding: 15px 0;}
}

/** 產品列表介紹 **/
.pro-store-info{font-size:16px; color:#666; padding:10px; margin-bottom:20px;}
.exhibit{}
.exhibit>ul{margin:0 ; padding:0; list-style:none; display:flex; flex-wrap:wrap;}
.exhibit>ul>li{width:calc(100%/4 - 30px); margin:15px; padding:0; text-align:center;color: #333333;}
.exhibit>ul>li a{color: #333333;}
.exhibit>ul>li a:hover{}
.exhibit>ul>li .exhibit-info{}
.exhibit>ul>li .exhibit-info h3{padding: 0;margin:15px 0;font-weight: 400;line-height: 1.4;font-size: 20px;color: #333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.exhibit>ul>li:hover .exhibit-photo-main{box-shadow: 10px 10px 0 0 #f1decd; transition: all 0.5s ease 0s;}
.exhibit>ul>li:hover .exhibit-photo-main .exhibit-photo{transform: scale(1.1);transition: all 0.5s ease 0s;}
@media screen and (max-width:1240px){
	.exhibit>ul>li{margin:10px;width: calc(100%/4 - 20px);}
}
@media screen and (max-width:1000px){
	.exhibit>ul>li{margin:10px;width: calc(100%/3 - 20px);}
	.exhibit>ul>li .exhibit-info h3{font-size:16px;}
}
@media screen and (max-width:800px){
	.exhibit>ul>li{margin:5px;width: calc(100%/3 - 10px);}
	.exhibit>ul>li:hover .exhibit-photo-main{box-shadow: 4px 4px 0 0 #f1decd; }
}
@media screen and (max-width:575px){
	.exhibit>ul>li{margin:5px;width: calc(100%/2 - 10px);}
}

/** 產品明細 **/
.pro-detaile-title{font-size:22px; color:#333; padding:0 0 15px 0; margin:0 0 25px 0; font-weight:500;position: relative;border-bottom: 1px #a6652c solid;}
.pro-detaile-title:after{content: "";display: block;width: 40px; height: 5px; background: #a6652c;position: absolute;bottom: -3px;left: 0;}
.pro-detaile-box{display:flex; flex-wrap:wrap; margin:0 0 40px 0;}
.pro-detaile-photo-box{width: 38%; margin:0 6% 0 0;position: relative;z-index: 1;height: 100%;}
.pro-detaile-spe-box{width:56%; position:relative;padding: 15px 0;}
.pro-detaile .pro-photo-box{background:#fff; width:100%; margin:0; padding:0;}
.pro-detaile .pro-photo-box img{width:100%; height:auto;}
.pro-list-time{background:url(../images/time.png) left center no-repeat; font-size:12px; color:#968c69; padding-left:20px;}
.pro-specification{font-size:18px; color:#333333; position:relative;}
.pro-num{font-size: 15px; color: #666666;margin: 0 0 10px 0;}
.mySwiper {margin: 5px 0 0 0;}
.mySwiper .swiper-slide{border: 1px #f3f3f3 solid;}
.mySwiper .swiper-slide-thumb-active{border: 1px #a6652c solid;}
.pro-info{}
.pro-info>ul{list-style: none;padding: 0;margin: 0;}
.pro-info>ul>li{padding: 0;margin:10px 0;display: flex;}
.pro-info>ul>li .pro-title{width: 100px;text-align: center; margin: 0;padding:0 20px 0 0;position: relative;}
.pro-info>ul>li .pro-title:before{content: "";display: block;width: 16px;height: 1px;background: #a6652c;position: absolute;top:14px;right: -8px;}
.pro-info>ul>li .pro-content{flex: 1;padding:0 0 0 20px;}
.pro-note{padding: 15px;margin: 0;background: #f3f3f3;text-align: center;position: relative;z-index: 1;}
.cart-info{position:absolute; width:100%; bottom:0;}
.cart-info .price{font-size:22px; font-weight:bold; color:#F00; vertical-align:middle; display:block; text-align:right;}
.cart-info .price.origin{font-size:smaller; color:#666; text-decoration:line-through;}
.cart-info .price.special{font-size:smaller; color:#000;}
h3.pro-introduce{background:#999; font-weight:normal; border-left:5px #111111 solid; padding:8px 10px; font-size:20px; color:#fff; margin:25px 0 15px 0;}
.pro-content{padding:0px 0; font-size:18px; color:#333; clear:both;}
@media screen and (max-width:1000px){
	.pro-detaile-title{font-size:20px;}
	.pro-specification{font-size:16px;}
	.pro-info>ul>li .pro-title{width: 84px;padding:0 15px 0 0;}
	.pro-info>ul>li .pro-title:before{width: 10px;top:12px;right: -5px;}
	.pro-info>ul>li .pro-content{padding:0 0 0 15px;}
	.pro-content{font-size:16px;}
}
@media screen and (max-width:800px){
	.pro-detaile-box{display:block;margin: 0;}
	.pro-detaile-photo-box{flex: initial;width:100%;max-width: 500px; margin:0 auto 30px auto;}
	.pro-detaile-photo-box:after{top: 10px; left: 10px;}
	.pro-detaile-spe-box{flex: initial;width:100%;}
	.cart-info{position:inherit; bottom:inherit;}
}

/** 聯絡我們 **/
.contact-body{}
.contact-note{font-size:16px; color: #a6652c;padding:0;margin:0;}
.star{color: #ed1b24;padding: 0 10px;}
.contact-info{margin: 0 0 40px 0;}
.contact-info>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;border-top: 1px #f3f3f3 solid;}
.contact-info>ul>li{padding:20px;margin: 0;width: calc(100%/4);position: relative;z-index: 1;border-bottom: 1px #f3f3f3 solid;}
.contact-info>ul>li:after{content: "";display: block;position: absolute;bottom: 0;right: 0;z-index: -1;width: 1px;height: 100%;background: #f3f3f3; transition: all 0.5s ease 0s;}
.contact-info>ul>li:nth-child(4n):after{width: 0px;}
.contact-info>ul>li a{color: #a6652c;display:flex;}
.contact-info>ul>li a:hover{}
.contact-info>ul>li:hover:after{width: 100%;transition: all 0.5s ease 0s;background: #fef4eb;}
.contact-info>ul>li .contact-icon{width: 46px;margin: 0 20px;padding: 10px 0;}
.contact-info>ul>li .contact-content{flex: 1;letter-spacing: 0px;}
.contact-info>ul>li .contact-content .contact-title{display: block;font-size: 20px;color: #2c1a08;}
.contact-info>ul>li .contact-content .contact-dep{display: block;font-size: 18px;color: #a6652c;}
@media screen and (max-width:1240px){
	.contact-info>ul>li{width: calc(100%/2);}
    .contact-info>ul>li:nth-child(4n):after{width: 1px;}
    .contact-info>ul>li:nth-child(2n):after{width: 0px;}
    .contact-info>ul>li:hover:after{width: 100%;transition: all 0.5s ease 0s;background: #fef4eb;}
}
@media screen and (max-width:1000px){
	.contact-note{font-size:14px; }
    .contact-info>ul>li{padding:20px 15px;}
    .contact-info>ul>li .contact-icon{width: 40px;padding: 7px 0;margin: 0 15px 0 0;}
    .contact-info>ul>li .contact-content .contact-title{font-size: 18px;}
    .contact-info>ul>li .contact-content .contact-dep{font-size: 16px;}
}
@media screen and (max-width:800px){
	.contact-info>ul{border-top:0;}
	.contact-info>ul>li{width: calc(100%/1);border-bottom:0;}
    .contact-info>ul>li:after{width: 100%;height: 1px;}
    .contact-info>ul>li:nth-child(4n):after{width: 100%;height: 1px;}
    .contact-info>ul>li:nth-child(2n):after{width: 100%;height: 1px;}
    .contact-info>ul>li:hover:after{height: 100%;}
}

/** 表單欄位 **/
label{min-width: 80px;}
.form-box input, .form-box img{vertical-align:middle;}
.opinion-main{display:flex;}
.opinion{flex: 1; display:flex; flex-wrap:wrap; margin:10px 0;overflow:hidden;}
.opinion-left01{width:100%; padding:8px 0; font-size:18px; display:flex; align-items:center;}
.input-main-style01{background: #f3f3f3 ;flex:1; width:100%; border:1px #f3f3f3 solid; margin:0; padding:8px 15px; font-size:18px; color: #333333; min-height:46.8px;}
.input-main-style02{background: #f3f3f3 ; flex:1; width:100%; border:1px #f3f3f3 solid; margin:0; padding:8px 15px;font-size:18px; color: #333333;min-height:46.8px;}
.input-main-style03{background: #f3f3f3 ; flex:1; width:100%; border:1px #f3f3f3 solid; margin:5px 0 0 0; padding:8px 15px; font-size:18px; color: #333333; min-height:46.8px;}
.input-main-select{background:none; flex:1; width:100%; border:0; margin:0; padding:8px 15px; font-size:18px; color: #333333; display:flex; flex-wrap:wrap;}
.input-main-select select{background: #f3f3f3 ; width:calc(50% - 2.5px); margin-right:5px; padding:8px 15px; line-height:1.8; border:0; font-size:18px; color: #333333; min-height:46.8px;}
.input-main-select select:nth-child(2){margin-right:0;}
.select-style{background:#8a6e0c; font-size:16px; color:#ffffff; line-height:20px;padding:8px 15px; border:0;}
.input-style01{background: #f3f3f3 ; flex:1; width:100%; border:0; margin:0;padding:8px 15px; font-size:18px; color: #333333; min-height:46.8px;}
input:disabled{background-color:#fff; color:#2d7fb9; cursor:no-drop;}
.btn.openlink{margin:3px 0; padding:0 10px; text-align:center; font-size:16px; line-height:1.5; font-weight:bold; background-color:#2d7fb9; color:#fff; border-radius:5px;}
.btn.openlink:hover{background-color:#ffbe00;}
img.code{width:100px; height:46.8px; margin:0; vertical-align:middle; display:inline-block;}
.pay-main{padding:0;font-size: 16px; color: #333333;border-radius:0;margin: 15px 0 ;}
.input-main-style01:focus,.input-main-style02:focus,.input-main-style03:focus,.input-main-select select:focus{background: #ffffff;border: 1px #f1decd solid;}
@media screen and (max-width:1000px){
	.opinion-left01{font-size:16px; }
	.input-main-style01{font-size:16px; }
	.input-main-style02{font-size:16px; }
	.input-main-style03{font-size:16px; }
	.input-main-select{font-size:16px; }
	.input-main-select select{font-size:16px; }
	.input-style01{font-size:16px; }
}
@media screen and (max-width:800px){
	.opinion-main{display:block;}
	.opinion{display:block;}
	.opinion-left01{width:100%;}
	.input-main-style02{width:calc(100% - 108px); display:inline-block;}
}

/** 按鈕 **/
.cart-btn{ text-align:center; margin-top:30px; display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; }
.cart-btn i{margin: 0 8px 0 0;}
.btn-send{font-size:18px;}
a.btn-send{background: #f1decd; padding:6px 20px; text-align:center; font-size:18px; color:#373737; min-width:100px; margin:5px 0 5px 10px; }
a.btn-send:hover{background:#a6652c;color:#ffffff;}
a.btn-reset{background:#666666; padding:6px 20px; text-align:center; font-size:18px; color:#ffffff; min-width:100px; margin:5px 0 5px 10px;}
a.btn-reset:hover{background:#333333; color:#ffffff; }
a.btn-send-over{background:#7ea2c5; padding:6px 20px; text-align:center; font-size:18px; color:#fff; min-width:100px; margin:5px 0 5px 10px; }
a.btn-send-over:hover{background:#96b9dc; border:2px solid #96b9dc;}
@media screen and (max-width:1000px){
	.btn-send{font-size:18px;}
	a.btn-send{font-size:16px;}
	a.btn-reset{font-size:16px;}
	a.btn-send-over{font-size:16px;}
}
@media screen and (max-width:800px){
	a.btn-send{padding:6px 15px; width:calc(50% - 10px);margin:5px;}
	a.btn-reset{padding:6px 15px; width:calc(50% - 10px);margin:5px;}
	a.btn-send-over{padding:6px 15px; width:calc(50% - 10px);margin:5px;}
}

/** 送出訊息 **/
.jump-window-box{max-width:500px; margin:0 auto; border:1px #dddddd solid; padding:20px; }

/** 頁次 **/
.page{font-size:15px ; color:#333; text-align:center; clear:both; margin:20px 0 0 0;}
.page a{border:1px #a6652c solid;display: inline-block;color:#a6652c; padding:2px 15px;margin:10px 0;}
.page a:hover{background:#a6652c; color:#fff;}
.page br{display:none;}
@media screen and (max-width:800px){
	.page br{display:block;}
}

/** 下版 **/
footer{background:#2c1a08;padding: 30px 15px;}
footer .footer{max-width:1280px; margin:0 auto;display: flex;align-items: center;}
footer .footer .footer-logo{width: 171px;}
footer .footer .footer-info{flex: 1;font-size: 15px; color: #ffffff;margin: 0 0 0 5%;}
footer .footer .footer-info a{color: #ffffff;}
footer .footer .footer-info a:hover{color: #f1decd;}
footer .footer .footer-info .footer-menu{border-bottom: 1px #ffffff solid;padding:0 5px 10px 5px;}
footer .footer .footer-info .footer-menu>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
footer .footer .footer-info .footer-menu>ul>li{padding: 0;margin: 5px 50px 5px 0;width: auto;}
footer .footer .footer-info .footer-menu>ul>li a{display: block;color: #ffffff;}
footer .footer .footer-info .footer-menu>ul>li a:hover{color: #f1decd;}
footer .footer .footer-info .footer-contact{margin: 15px 0 0 0; padding: 5px;}
.footer-icon-copyright-main{padding: 5px 15px;}
.footer-icon-copyright{display: flex;align-items: center;max-width:1280px; margin:0 auto;}
.footer-icon-copyright .footer-icon{width: 171px;}
.footer-icon-copyright .footer-icon>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.footer-icon-copyright .footer-icon>ul>li{padding: 0;margin:5px 10px;width: 27px;}
.footer-icon-copyright .footer-icon>ul>li a{display: block;}
.footer-icon-copyright .footer-icon>ul>li a:hover{transform: translateY(-5px);}
.footer-icon-copyright .copyright{flex: 1;text-align: right;font-size: 12px;color: #2c1a08;letter-spacing: 0px;text-transform: uppercase;margin: 0 0 0 5%;}
.footer-icon-copyright .copyright span{display: inline-block;}
.footer-icon-copyright .copyright span.wd{padding: 0 0 0 20px;display: inline-block;}
.footer-icon-copyright .copyright span.wd a{display: inline-block;color: #2c1a08;}
.footer-icon-copyright .copyright span.wd a:hover{color: #a6652c;}
@media screen and (max-width:1100px){
	footer .footer{display: block;}
	footer .footer .footer-logo{width: 150px;margin: 0 auto 25px auto;}
	footer .footer .footer-info{flex:initial;width: 100%; margin: 0;}
	footer .footer .footer-info .footer-menu{padding:0 0 10px 0;}
	footer .footer .footer-info .footer-menu>ul{justify-content: center;}
	footer .footer .footer-info .footer-menu>ul>li{margin: 5px 20px;text-align: center;}
	footer .footer .footer-info .footer-contact{text-align: center;padding: 5px 0;}
	.footer-icon-copyright{display:block;}
	.footer-icon-copyright .footer-icon{width: 171px;margin: 0 auto 5px auto;}
	.footer-icon-copyright .copyright{flex:initial;width: 100%; margin: 0;text-align: center;}
}
@media screen and (max-width:800px){
	footer .footer .footer-logo{width: 130px;}
	footer .footer .footer-info .footer-menu>ul>li{margin: 5px 15px;}
	.footer-icon-copyright .copyright span{display: block;width: 100%;}
	.footer-icon-copyright .copyright span.wd{padding: 0;display: block;width: 100%;}
}

/** top **/
#scrollUp {bottom: 25px;right: 15px;background: #a6652c url("../images/arrow-top.svg") no-repeat top 8px center;background-size: 17px; border-radius: 5px;font-size: 14px; color: #ffffff;padding: 25px 5px 5px 5px;display: block;width: 55px;height: 55px;text-align: center;text-transform: uppercase;}
#scrollUp:hover{box-shadow: 0 0 15px 0 rgba(0,0,0,.25);}
@media screen and (max-width:800px){
	#scrollUp {right: 10px;font-size: 13px; background: #a6652c url("../images/arrow-top.svg") no-repeat top 6px center;background-size: 14px; padding: 20px 5px 5px 5px;width:45px;height:45px;}
}