@charset "utf-8";

/** 影片輪播 **/
@import url(swiper-bundle.min.css);

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html, body {-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;text-size-adjust: none; }
html{width:100%; height:auto;}
body{background:#a3803c url("../images/bg.jpg")repeat-x center top; margin:0; padding:0; width:100%; height:auto; font-size: 15px; color: #f2d7ac;line-height: 1.5;font-family:'Times New Roman', 'Microsoft JhengHei', sans-serif;word-break: break-word;}
a,a:hover{text-decoration:none;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;}
p{margin: 10px 0 15px 0;}
.warpper{width:958px; margin:0 auto;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 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;}

/** 上版 **/
header{background: url("../images/head_bg.png") no-repeat center top,url("../images/c-head_bg.png")no-repeat center top;padding: 0 0 25px 0;}
.header{display: flex;flex-wrap: wrap;padding: 0 8px;position: relative;}
.header .head-tool{width: 100%;}
.header .head-tool>ul{list-style: none;padding: 0;margin: 0;display:flex;justify-content: flex-end;}
.header .head-tool>ul>li{padding: 0 ;margin:0;font-size: 12px; color: #f2d7ac;width: auto;}
.header .head-tool>ul>li:after{content: "|";display:inline-block;}
.header .head-tool>ul>li:last-of-type:after{display: none;}
.header .head-tool>ul>li a{display:inline-block; color: #CC9966;padding:1.5px 3px;}
.header .head-tool>ul>li a:hover{}
.header .logo{width:130px; height: auto;padding:23px 0 13px 0;margin: 20px 0 0 0; -webkit-filter: drop-shadow(0px 0px 1px rgba(255,255,255,1)) drop-shadow(0px 0px 1px rgba(255,255,255,1)) drop-shadow(0px 0px 1px rgba(255,255,255,1));filter: drop-shadow(0px 0px 1px rgba(255,255,255,1)) drop-shadow(0px 0px 1px rgba(255,255,255,1)) drop-shadow(0px 0px 1px rgba(255,255,255,1));}
.header .brand-logo{width:117px; height: auto;margin:20px 2px 0 10px; -webkit-filter: drop-shadow(0px 0px 1px rgba(255,255,255,1)) drop-shadow(0px 0px 1px rgba(255,255,255,1)) drop-shadow(0px 0px 1px rgba(255,255,255,1));filter: drop-shadow(0px 0px 1px rgba(255,255,255,1)) drop-shadow(0px 0px 1px rgba(255,255,255,1)) drop-shadow(0px 0px 1px rgba(255,255,255,1));}
.head-slogan{position: absolute;bottom: -18px;right:240px;}

/** 選單 **/
nav{flex: 1;margin: 10px 0 0 0;}
nav>ul{list-style: none;padding: 0;margin: 0;display: flex;}
nav>ul>li{padding: 0;margin: 0;width: auto;height: 62px;}
nav>ul>li a{display: block;height: 62px;}
nav>ul>li a:hover{}
nav>ul>li:nth-child(1) a{background: url("../images/menu001.png")no-repeat top center;width: 132px;}
nav>ul>li:nth-child(1) a:hover{background: url("../images/menu001.png")no-repeat top -62px center;width: 132px;}
nav>ul>li:nth-child(2) a{background: url("../images/menu002-c.png")no-repeat top center;width: 132px;}
nav>ul>li:nth-child(2) a:hover{background: url("../images/menu002-c.png")no-repeat top -62px center;width: 132px;}
nav>ul>li:nth-child(3) a{background: url("../images/menu003.png")no-repeat top center;width: 132px;}
nav>ul>li:nth-child(3) a:hover{background: url("../images/menu003.png")no-repeat top -62px center;width: 132px;}
nav>ul>li:nth-child(4) a{background: url("../images/menu004.png")no-repeat top center;width: 114px;}
nav>ul>li:nth-child(4) a:hover{background: url("../images/menu004.png")no-repeat top -62px center;width: 114px;}
nav>ul>li:nth-child(5) a{background: url("../images/menu005.png")no-repeat top center;width: 114px;}
nav>ul>li:nth-child(5) a:hover{background: url("../images/menu005.png")no-repeat top -62px center;width: 114px;}

/** Breadcrumb **/
nav[aria-label="breadcrumb"]{margin: 0;}
.breadcrumb{display:flex; flex-wrap:wrap;justify-content: flex-end; width:100%; max-width:1200px; margin:0 auto; padding:5px 10px; list-style:none; background-color:transparent;font-size: 12px; color: #ffffff; }
.breadcrumb-item{padding-left:5px;}
.breadcrumb-item + .breadcrumb-item::before{display:inline-block; padding-right:5px; color:#ffffff; content:">";}
.breadcrumb-item a{font-weight:bold; text-decoration:none; color:#ffffff;}
.breadcrumb-item a:hover{color:#007bff; text-decoration:none;}

/** 內容 **/
main{background: #a3803c url("../images/c-bg.png") repeat-x top center;}
.main{}
.i-info{display: flex;padding: 42px 40px;align-items: center;}
.i-info .i-content{flex: 1;margin: 0 20px 0 258px;}
.i-info .i-content .i-brand{margin: 0 55px;}
.i-info .i-content .i-brand .i-brand-logo{max-width: 206px;margin: 0 auto 20px auto;width: 100%;-webkit-filter: drop-shadow(0px 0px 2px rgba(255,255,255,1)) drop-shadow(0px 0px 2px rgba(255,255,255,1)) drop-shadow(0px 0px 2px rgba(255,255,255,1));filter: drop-shadow(0px 0px 2px rgba(255,255,255,1)) drop-shadow(0px 0px 2px rgba(255,255,255,1)) drop-shadow(0px 0px 2px rgba(255,255,255,1));}
.i-info .i-content .i-brand .i-brand-info{width: 100%;font-size: 16px; color: #413a03;font-family:'Microsoft JhengHei';text-shadow: 1px 1px 0px rgba(255,255,255,.53); font-weight: bold;}
.i-info .i-content .i-news{margin: 40px 0 0 0;}
.i-info .i-content .i-news h2{padding: 0;margin: 0 0 10px 0;}
.i-info .i-content .i-news>ul{list-style: none;padding: 0;margin: 0 25px;}
.i-info .i-content .i-news>ul>li{width: 100%;padding: 0;margin:4px 0;font-size: 15px; color: #f2d7ac;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.i-info .i-content .i-news>ul>li a{display: block;color: #f2d7ac;}
.i-info .i-content .i-news>ul>li a:hover{color: #ffffff;text-decoration: underline;}
.i-info .i-pro{width: 207px;}

/** 內頁架構 **/
.content-body{ padding:45px 10px 20px 10px;margin: -10px 0 0 0; background-position: left top;background-repeat: no-repeat;display: flex;flex-wrap: wrap;}
.left-content{width: 312px;}
.right-content{flex: 1;margin: 0 0 0 15px;}
.page-title{margin: -22px 0 15px 0;}
.page-title02{border-bottom: 1px rgb(255, 255, 153) solid;font-weight: bold;margin:10px 0 40px 0;}
.page-main{ letter-spacing: 0.1px;margin: 0 0 45px 0;padding: 0 10px;width: 100%;}

/** 影片 **/
.video{background: url("../images/video_bg.jpg")no-repeat center center;background-size: contain; padding: 15px;}
.mySwiper{margin: 12px 0 0 0;background: #a3803c;padding: 0 12px;}
.swiper-slide .video-photo{text-align: center;}
.swiper-slide .video-photo-s{text-align: center;}
.swiper-slide h3{color: #f2d7ac;font-size: 12px;text-align: center;font-weight: normal;padding: 0;margin:0;}
.swiper-button-prev{width: 13px; height: 76px;background: url("../images/arrow-left.jpg")no-repeat center center;display: block;padding: 0;margin: 0;top: 0;left: 0;}
.swiper-button-next{width: 13px; height: 76px;background: url("../images/arrow-right.jpg")no-repeat center center;display: block;padding: 0;margin: 0;top: 0;right: 0;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:  1;}
.swiper-button-next, .swiper-button-prev{color:transparent;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display:none;}

/** slogan **/
.slogan{margin: 10px 10px;}

/** 分類 **/
.left-menu{background: url("../images/left-menu_bg.png")no-repeat center top;min-height: 140px;margin: 25px 0 0 0;}
.left-menu>ul{list-style: none;padding:20px 0;margin:0 20px;}
.left-menu>ul>li{padding: 0;margin:4px 0;font-size: 13px; color: #3a1502;}
.left-menu>ul>li a{display: block;padding: 0 0 0 20px; color: #3a1502;background: url("../images/left-menu-icon.png")no-repeat left center;}
.left-menu>ul>li>.current{ color: #FFCC00;text-decoration: none;}
.left-menu>ul>li a:hover{ color: #FFCC00;text-decoration: underline;}

/** 最新消息 **/
.news{margin: 25px 0 0 0;}
.news h2{padding: 0;width: 183px; margin: 0 auto;}
.news>ul{list-style: none;padding:10px;margin:-15px 30px 0 30px;border: 1px #fbe341 solid;}
.news>ul>li{width: 100%;padding: 0;margin:15px 0 20px 0;font-size: 15px; color: #ffffff;}
.news>ul>li:last-of-type{margin:15px 0 0 0;}
.news>ul>li .news-date{font-size: 15px; color: #ffffff;font-weight: bold;margin: 0 0 2px 0;}
.news>ul>li .news-info{font-size: 15px; color: #fbe341;}
.news>ul>li .news-info a{display: block;color: #fbe341;text-decoration: underline;}
.news>ul>li .news-info a:hover{color: #fbe341;}
.c-news{margin: 0;font-family: Arial;}
.c-news>ul{list-style: none;padding:0;margin:10px 0 0 0;}
.c-news>ul>li{width: 100%;padding: 0;margin:5px 0;font-size: 15px; color: #ffffff;}
.c-news>ul>li a{display: block;color: #FFFF99;background: url("../images/icon.gif")no-repeat left center;padding: 0 0 0 20px;}
.c-news>ul>li a:hover{color:#FFCC33;}

/** 關於金沛兒 **/
.about{}
.about>ul{list-style: none;padding: 0;margin: 0;}
.about>ul>li{padding: 0 0 0 40px;margin:5px 0;background: url("../images/icon.gif")no-repeat left 18px center;}
.wtxt {color: #ffffff; font-weight: bold;}
.awardstxt {padding: 0}
.report{display: flex;align-items: flex-start;}
.report img {float: left;margin: 20px 0 0 10px;}

/** 商品通路 **/
.brands-main{background:url("../images/brandsbg.jpg")repeat-y left bottom;background-size:913px; padding: 15px;width: 913px;margin: 0 auto;}
.brands{height: 300px;overflow-y:scroll;padding: 15px;}
.brands span{padding:15px 12px;}
.brandstop{width: 913px;height: 10px;display: block;margin: 0 auto;}
.brandsbottom{width: 913px; height: 15px;display: block;margin: -7px auto 0 auto;}

/** 頁數 **/
.pagenumer { font-family: Arial; font-size: 13px; height: 25px; color: #FFFF99; padding-left: 50px; padding-top: 30px; }
.pagenumer a:link, .pagenumer a:visited { color: #FFFF99; text-decoration: none; background-color: #4B1E12; padding: 5px; height: 20px;}
.pagenumer a:hover {color: #FFCC33; text-decoration: none; background-color: #993300;}

/** 下版 **/
footer{padding:20px 40px;font-size: 12px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7c6844+0,7c6844+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(124,104,68,0) 0%, rgba(124,104,68,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(124,104,68,0) 0%,rgba(124,104,68,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(124,104,68,0) 0%,rgba(124,104,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007c6844', endColorstr='#7c6844',GradientType=0 ); /* IE6-9 */
}
.footer{color: #ffffff;display: flex;flex-wrap: wrap;justify-content: flex-end;}
.footer .f-menu{width: 100%;}
.footer .f-menu>ul{list-style: none;padding: 0;margin: 0;display: flex;justify-content: flex-end;}
.footer .f-menu>ul>li{padding: 0;margin: 0;width: auto;}
.footer .f-menu>ul>li:after{content: "│";display:inline-block;}
.footer .f-menu>ul>li:last-of-type:after{display: none;}
.footer .f-menu>ul>li a{display:inline-block;color: #ffffff;}
.footer .f-menu>ul>li a:hover{}
.footer .f-content{width:100%;text-align: right;}
.footer .copyright{width:100%; color: #bbbbbb;text-align: right;}