@charset "utf-8";
/* CSS Document */
body{ font-family:"proxima-nova", Helvetica, Arial, sans-serif,"微軟正黑體"}.copyright{	color:#fff;	background-color: #333333;    padding: 10px 0;}.footer{	margin-top:50px;}.border_Bsolid {    border-width: 1px;    border-bottom-style: solid;    border-color: #CCCCCC;}.quickmu li ul li{float:none}.quickmu li ul li a , .quickmu li ul li a:hover{ height:30px;line-height:30px; padding:0 15px; text-align:center; color:#333}.quickmu .dropdown-menu{ min-width:100px}.quickmu{ position: relative;top:0px;  z-index:51;}.quickmu ul{}.quickmu li{ float:left}.quickmu li a{ height:45px;padding:12px 10px; color:#fff}.quickmu .nav .open > a:hover, .quickmu .nav .open > a:focus, .quickmu .nav a:hover {color:#fff; background-color:#333}#topmenu{}#topmenu .navbar-nav{float:none;margin: 0 auto;display: table;table-layout: fixed;}@media (max-width: 992px){#topmenu .navbar-nav{margin:revert;display:inherit}}#topmenu .navbar-fixed-top, .navbar-fixed-bottom { position:relative}.mainmu{}#topmenu .navbar-default{ background-color:#ededed;-moz-box-shadow:0px 4px 12px -2px rgba(20%,20%,40%,0.5);-webkit-box-shadow:0px 4px 12px -2px rgba(20%,20%,40%,0.5);box-shadow:0px 4px 12px -2px rgba(20%,20%,40%,0.5);}#topmenu .navbar{ margin-bottom:0px}#topmenu .navbar-toggle{margin-right:0px;margin-left:15px; padding:10px 10px;}#topmenu .navbar-toggle{border:0}.breadcrumb {    background-color: #FFFFFF;    margin-bottom: 0px;    margin-top: 20px;}.ceremony-btn{	font-size:30px;	text-decoration:none;	color:#000;}.ceremony-btn div {	padding: 30px 0;	border-bottom:5px solid #ccc;}.ceremony .active div {	padding: 30px 0;	border-bottom:5px solid #a00;}.ceremony-btn:hover , .ceremony-btn:link , .ceremony-btn:visited , .ceremony-btn:active{	color:#000;	text-decoration:none;}.registered a{	font-size:20px;}.panel-buda {    border-color: #9f1b22;}.panel-buda>.panel-heading {    color: #fff;    background-color: #9f1b22;    border-color: #9f1b22;}.btn-buda {    color: #fff;    background-color: #9f1b22;    border-color: #9f1b22;}

.img_wap{
padding-bottom: 56%;
width: 100%;
position: relative;
}

.img_wap75{
padding-bottom: 75%;
width: 100%;
position: relative;
}

.img_wap100{
padding-bottom: 100%;
width: 100%;
position: relative;
}

.img_wap150{
padding-bottom: 150%;
width: 100%;
position: relative;
} 

.img_wap200{
padding-bottom: 200%;
width: 100%;
position: relative;
}

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

.vertical-align{ display:flex; align-items:center}
/*** 選單調整 ***/
.dropdown-menu li a
{
	padding-top:10px;
	padding-bottom:10px;
}
/*** 最頂LOGO條 ***/
.topbar{height: 79px;    background-image: url(../images/headbg.png);    background-repeat: no-repeat;    background-position: top right;    background-color: #9f1b22;    padding-top: 5px;}
.topbar .navbar-brand{padding: 0px;}
.LOGO img{ width:100%}
.quickmu li ul li{float:none}
.quickmu li ul li a , .quickmu li ul li a:hover{ height:30px;line-height:30px; padding:0 15px; text-align:center; color:#333}
.quickmu .dropdown-menu{ min-width:100px}
.quickmu{ position: relative;top:0px;  z-index:51;}
.quickmu ul{}
.quickmu li{ float:left}
.quickmu li a{ height:45px;padding:12px 10px; color:#fff}
.quickmu .nav .open > a:hover, .quickmu .nav .open > a:focus, .quickmu .nav a:hover {color:#fff; background-color:#333}
.navbar-right{margin-right:0}

/*** 首頁 ***/
.indexlist .list-group-item {
    padding: 5px 10px;
	}
#mobileindex_newslist .openbtn{ border-bottom: #993333 solid 2px}
#mobileindex_newslist .openbtn .btn{ background-color:#993333; border-radius: 10px 10px 0px 0px; color:#fff; padding:5px 20px}
#mobileindex_newslist .indexlist .list-group-item{ border:0px}


/*** 會員登入 ***/
.account .user-img {
    color: #000;
    display: block;
    font-size: 75px;
    left: 0;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: -80px;
}

/** 公版 圖片滿寬度 **/
.img-responsive100{
	display:block;
	width:100%;
	max-width:100%;
	height:auto;
}
/** 產品列表頁 **/
.product-list h2 {
	font-size:23px;
}

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

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

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

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

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

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

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

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

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

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

.product .numsbox p {
	margin:0;
}

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

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

/** 圖片輪播 **/

#carousel-custom .carousel-indicators {

    margin: 10px 0 0;

    overflow: auto;

    position: static;

    text-align: left;

    white-space: nowrap;

    width: 100%;

}

#carousel-custom .carousel-indicators li {

    background-color: transparent;

    -webkit-border-radius: 0;

    border-radius: 0;

    display: inline-block;

    height: auto;

    margin: 0 !important;

    width: auto;

}

#carousel-custom .carousel-indicators li img {

    display: block;

    opacity: 0.5;

  width:160px;

  height:90px

}

#carousel-custom .carousel-indicators li.active img {

    opacity: 1;

}

#carousel-custom .carousel-indicators li:hover img {

    opacity: 0.75;

}

#carousel-custom .carousel-outer {

    position: relative;

}



.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{ width:100%}

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

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

.vstyle:focus{
	outline:none;
}


@media (max-width: 991px) {
  .LOGO{ width:100%; text-align:center}
  .LOGO img{ width:148px; display:inline}
  .quickmu li a{ height:49px}
  .quickmu{right:-15px}
  .topbar{height: auto;}
}
.book_bg{background-image: url(../../../images/book_BG.jpg);
    background-repeat: no-repeat;
    background-position: right;}

 @media (max-width: 991px) {
.book_bg{    background-position: bottom;}
}


body{font-family:'Rubik', sans-serif;color: #5a5a5a;padding: 0;}

/*背景顏色樣式*/
.bgcolor-bk{background-color: black;}
.bgcolor-lgrey{background-color: #ececec;}
.bgc-lergrey{background-color: #f6f6f6;}
.bgc-no{background-color: transparent;}
/*間距*/
.p-8{padding: 8rem;}
/*文字大小*/
.rem-0875{font-size: 0.875rem;}
.rem-12{font-size: 1.2rem;}
.rem-2{font-size: 2rem;}
.rem-28{font-size: 2.8rem;}
/*文字顏色*/
.text-bk{color: #333}
/*文字連結樣式*/
.white-a a{color: #fff;}
.black-a a{color: #000;}
.clear-a a{}
.font-shadow{text-shadow: black 0.1em 0.1em 0.2em}
.btn-boder .btn {color: #ababab;border-bottom: solid 2px #ababab;border-radius: 0;box-shadow: none;}
.btn-boder .btn:hover, .btn-boder .btn:focus, .btn-boder .active{background-color: transparent;border-bottom: solid 2px #333;color: #333;}
/*圖片控制*/
.img_wap{
    padding-bottom: 56%;
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .img_wap75{
    padding-bottom: 75%;
    width: 100%;
    position: relative;
    overflow: hidden;
  }
.img_wap100{
    padding-bottom: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .img_wap125{
    padding-bottom: 125%;
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .img_wap150{
    padding-bottom: 150%;
    width: 100%;
    position: relative;
    overflow: hidden;
  } 
  .img_wap200{
    padding-bottom: 200%;
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .img_wap img, .img_wap100 img, .img_wap200 img,   .img_wap150 img, .img_wap75 img, .img_wap125 img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;  
  	object-fit:cover
  }
/*線條樣式*/
.border-g1{border: 1px solid #dee2e6;}
.border-not{border-top: 0px}
/*全幅下拉選單*/

.topmenu .dropdown {position: static !important;}
.topmenu .dropdown-menu {box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;margin-top: 0px !important;width: 100% !important;}


/*手機板產品左側選單*/
.mybtn 
{
	margin-right:5px;
	margin-bottom:5px;
}

/* 網頁右方購物車按鈕 */
.fixbanner{position:fixed; right:15px; top:30%; width:60px; z-index:11; background-color:#ccc;}
.fixbanner i {font-size:2em;color:#fff;}
.fixbanner strong {color:#fff;}
.fixbanner a:hover{ text-decoration: none }


@media (min-width: 992px){.topmenu .dropdown-menu {min-width: 960px;}}
@media (min-width: 1200px){.topmenu .dropdown-menu {min-width: 1140px;}}
.topmenu .navbar .container-fluid{align-items:start}
/*上方header區塊*/
#headerbar{}
.sticky-top{position: sticky;top: 0;}
.header-qmenu-l{height: 45px;}
.header-qmenu-l ul{height: 100%;list-style: none;align-items: center;display: flex;padding-left: 0;margin: 0;}
.header-qmenu-l ul li{padding: 0 0.75em ;border-right: 1px #fff solid;}
.header-qmenu-r{height: 45px;align-items: center;display: flex;}
.topmenu .navbar-toggler:focus,.topmenu .navbar-toggler:active,.topmenu .navbar-toggler-icon:focus,.topmenu .navbar-light .navbar-toggler {outline: none;box-shadow: none;border: 0;}
.topmenu .navbar-light .navbar-nav .nav-link:link {color: #000;}
.topmenu .navbar-light .navbar-nav .nav-link:focus, .topmenu .navbar-light .navbar-nav .nav-link:hover, .topmenu .navbar-light .navbar-nav .show>.nav-link {color: #af3223;}
@media (min-width: 768px){.topmenu .navbar-expand-md .navbar-nav .nav-link{padding-left: 0.875rem ;padding-right: 0.875rem}}
/*搜尋區塊*/
.topmenu .Searchbar{width: 300px;}
@media (max-width: 992px){.topmenu .Searchbar{width: 100%;}}
.topmenu .Searchbar .input-group{align-items: center;}
.topmenu .form-control, .topmenu .btn{border-radius: 0}
.topmenu .list-group-item{border: 0;}
/*LOGO*/
.LOGO{width: 113px;padding: 0.5rem;}
.LOGO-sm{width: 35px; position: absolute; top: 8px; left: 80px;}
@media (max-width: 992px){.LOGO{display: none}}
@media (min-width: 991px){.LOGO-sm{display: none}}
/*輪播區塊*/
.carousel-item > img {object-fit: cover;height: auto;position: relative;}
.carousel-item{height: auto;}

@media (min-width: 992px){.navbar-expand-lg .navbar-nav .nav-link {padding-right: 1rem;padding-left: 1rem;}}
/*產品種類輪播*/
.Pt-text{padding: 6rem; z-index: 1;}
.Pt-pic{margin-top:calc(-300px);}
@media (max-width: 575px) { .Pt-pic{margin-top:calc(-550px)}.Pt-text{padding:3rem 3rem 36rem 3rem;} }
@media (min-width: 576px) and (max-width: 767px) {.Pt-pic{margin-top:calc(-380px)}.Pt-text{padding:3rem 3rem 25rem 3rem;} }
@media (min-width: 768px) and (max-width: 991px) {.Pt-pic{margin-top:calc(-280px)}.Pt-text{padding: 3rem; }}
@media (min-width: 992px) and (max-width: 1199px) {.Pt-pic{margin-top:calc(-320px)}.Pt-text{padding:6rem}}
@media (min-width: 1200px) {.Pt-text{padding: 5rem;}.Pt-pic{margin-top:calc(-250px)} }
.Pt-pic .img_wap150 img{transform:scale(1,1);transition: all 1s ease-out;}
.Pt-pic .img_wap150 img:hover{transform:scale(1.1,1.1);}
/*最新消息*/
.news .img_wap img{transform:scale(1,1);transition: all 1s ease-out;}
.news .img_wap img:hover{transform:scale(1.1,1.1);}
.news .btn{font-size: 0.8rem;border-radius: 0;}
/*footerlink*/
.footerlink h5{font-size: 1.25rem;}
.footerlink .list-unstyled a, .footercp a{font-size: 0.875rem; color: #333;line-height: 2rem;padding: 0.5rem;}
.footerlink .list-unstyled a:hover, .footercp a:hover {color: #fff;background-color: #333;}
/*麵包屑*/
.breadcrumb{background-color: #fff;}
/*產品列表*/
.pdline{position: relative;width: 100%;height: 100%;}
.pdline::before{content: "";display: block;position: absolute;width: 1px;height: 100%;background-color: rgb(233,233,233);left: calc(-16px);}
.pd-kind{}

.pd-kind .accordion-head i{
    font-size: 2em;
    float: right;
    line-height: 2;
}

.pd-kind .accordion-head > .collapsed > i:before{
    content: "\F4FE";
}
.pd-kind .card-header{padding: 0}
.pd-kind h3{font-size: 1rem;margin: 0;padding: 20px;height: 100%;}
.pd-kind .card{border-radius: 0;border: none;}
.pd-kind .card a{color: #828282;}
.pd-kind .card-header{border-bottom: 0}
.pd-kind .btn-link{color: #828282;}
.pd-kind .btn{border-radius: 0;transition: 0}
.pd-kind .btn:focus, .btn.focus {
  outline: 0;
  box-shadow:none;
}
.pd-kind label{font-size: 0.875rem;text-align:left;}

/*產品詳細頁*/
#Pdetal-page .preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
@media screen and (max-width: 996px) {
  #Pdetal-page .preview {
    margin-bottom: 20px; } }

#Pdetal-page .preview-pic {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
#Pdetal-page .preview-thumbnail.nav-tabs {
  border: none;
  margin-top: 15px; }
#Pdetal-page .preview-thumbnail.nav-tabs li {
  width: 18%;
  margin-right: 2.5%; }
#Pdetal-page .preview-thumbnail.nav-tabs li img {
  max-width: 100%;
  display: block; }
#Pdetal-page .preview-thumbnail.nav-tabs li a {
  padding: 0;
  margin: 0; }
#Pdetal-page .preview-thumbnail.nav-tabs li:last-of-type {
  margin-right: 0; }
#Pdetal-page .tab-content {
  overflow: hidden; }
#Pdetal-page .tab-content img {
  width: 100%;
  -webkit-animation-name: opacity;
          animation-name: opacity;
  -webkit-animation-duration: .3s;
          animation-duration: .3s; }
.p-spec .bbb_color a {border: 1px solid #dee2e6; padding: 2px;float: left;}
.p-spec .bbb_color {margin-bottom:8px;margin-right:8px;}
.p-spec .bbb_bt a{border: 1px solid #dee2e6;padding: 5px 10px; line-height:31px;}
.p-spec .bbb_bt {margin-bottom:8px;margin-right:8px;}
.p-spec a:focus {border: 1px solid #f0a438;}
.p-spec .btn-light{border-radius: 0px;border: 1px solid #ced4da;}

#Pdetal-page .pd-kind .card-header .border-g1{border-bottom: 0px;}
#Pdetal-page .pd-kind .card-header {background-color:rgba(0,0,0,0) ;}
#Pdetal-page .pd-kind .card-header .collapsed h3{background-color:rgba(0,0,0,.03) ;border-bottom: 1px solid #dee2e6;}
#Pdetal-page .pd-kind .table td, #Pdetal-page .pd-kind .table th{border: 0px;color: #828282;}
#Pdetal-page .bbb_bt { margin: 0 8px 5px 0;}

/*Cart購物車的頁面*/
#shoppingCart td,#shoppingCart th {vertical-align: middle;}
/*購物車訂單頁面*/
#Cart-order .form-outline .form-control {
    min-height: auto;
    padding: 0.33em 0.75em;
    border: 0;
    background: transparent;
    transition: all .2s linear;}
/*聯絡我們頁面*/
.dbox .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #333;
    margin: 0 auto;
    margin-bottom: 20px;
    color: #fff;
}

.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

@media (min-width: 768px) {
.bd-placeholder-img-lg {
  font-size: 3.5rem;
}
}