/* -------------------------------- Primary style-------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;

	/*vertical-align: baseline;*/
}
html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-size: 100%;
	font-family: "微軟正黑體";
	color: #000; font-size:14px;
    /*background-color: #eeeff7;*/

}

body.overflow-hidden {
  /* prevent 2 vertical scrollbars on ie and firefox when the cart is visible */
	overflow: hidden;
}

a {/*color: #435779;*/text-decoration: none;}
img {max-width: 100%;}
.web{display: block;}
.mobile{display:none!important;}
:target:before {
content: "";
display: block;
height: 60px;
margin: -60px 0 0;
}
.mt2{ margin-top:20px;}
.font_red{ color:#f91b04}
.font_brown{ color:#8c604d}
.font_black{ color:#000000}
/* -------------------------------- Modules - reusable parts of our design-------------------------------- */
.cd-container {
  /* this class is used to horizontally align the gallery of items */
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

.cd-container::after {
  /* clearfix */
	content: '';
	display: table;
	clear: both;
}

.cd-img-replace {
  /* replace text with a background-image */
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
/*省略符號*/
.ellipsis {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

/*消失*/
.none {display: none;}
.statusBall {
    position: absolute;
    width: 18px;font-family: Arial, Helvetica, sans-serif;
    height: 18px;font-size: 10px;line-height: 20px;
    border-radius: 50%;
    background-color: #9e9e9e;text-align: center;
    right: 0px;color: #fff;
    top: 18px;
}
/*寬度*/
.w6{width: 6%;}
.w8{width: 8%;}
.w10{width: 10%;}
.w12{width: 12%;}
.w13{width: 13%;}
.w14{width: 14%;}
.w15{width: 15%;}
.w18{width: 18%;}
.w20{width: 20%;}
.w22{width: 22%;}
.w25{width: 25%;}
.w30{width: 30%;}
.w32{width: 32%;}
.w35{width: 35%;}
.w40{width: 40%;}
.w45{width: 45%;}
.w50{width: 50%;}
.w55{width: 55%;}
.w60{width: 60%;}

.content{margin-top: 60px;min-height: calc(100vh - 371px);}
.line{width: 100%;height: 1px;background-color: #dddddd;}
.borderleft{border-left:1px solid #dddddd;}
.font_orange{ color: #efab08; }
/*==============================================button==============================================*/
.gray01-btn{
    padding: 8px 15px;
    border:1px solid #e9e9e9;
    background-color: #e9e9e9;
    color: #999999;
}
.gray02-btn{
    padding: 8px 15px;
    border:1px solid #CCC;
    background-color: #FFF;
    color: #999999;margin:5PX 0PX;
}
.white-btn{
    padding: 8px 15px;
    border:1px solid #fdb813;
    background-color: #ffffff;
    color: #fdb813;
}
.white-btn:hover{
    border:1px solid #fdb813;
    background-color: #fdb813;
    color: #ffffff;
}
.gray-btn{
    padding: 8px 15px;
    border:1px solid #dddddd;
    background-color: #ffffff;
    color: #999999;
}
.gray-btn:hover{
    border:1px solid #dddddd;
    background-color: #999999;
    color: #ffffff;
}
.orange-btn{
    padding: 8px 15px;
    border:1px solid #fdb813;
    background-color: #fdb813;
    color: #ffffff;
}
.orange-btn:hover{
    border:1px solid #fdb813;
    background: rgb(239,155,0);
    background: -moz-linear-gradient(top, rgba(239,155,0,1) 0%, rgba(253,184,19,1) 100%);
    background: -webkit-linear-gradient(top, rgba(239,155,0,1) 0%,rgba(253,184,19,1) 100%);
    background: linear-gradient(to bottom, rgba(239,155,0,1) 0%,rgba(253,184,19,1) 100%);
    /* background-clip: padding-box; */
}
.orange-btn[disabled] {
    background-color: #e9e9e9;
    cursor: not-allowed;
    color: #999999;
    border-color: #e9e9e9;
}
.orange-btn[disabled]:hover {
    background: #e9e9e9;
    border-color: #e9e9e9;
}
.brown-btn{
    padding: 8px 15px;
    border: 1px solid #8c604d;
    background-color: #8c604d;
    color: #ffffff;
}
.brown-btn:hover{
    padding: 8px 15px;
    border: 1px solid #643c1f;
    background-color: #643c1f;
    color: #ffffff;
}
.fb-btn{
    padding: 8px 15px;
    border:1px solid #4866a3;
    background-color: #4866a3;
    color: #ffffff;
}
.fb-btn:hover{
    border:1px solid #38538a;
    background-color: #38538a;

}
.fb-btn svg{
    font-size: 18px;
    transform: scale(1.2) translateY(0.5px);
    margin-right: 10px;
}
/*==============================================SVG ICON==============================================*/
.four-squares{
	width: 100%;
	height: 100%;
	display: inline-block;
	background-image: url(/img/four-squares.svg);
	background-repeat: no-repeat;
	background-size: cover;
}
.four-squares:hover{
   /* background-color: #f1a100;*/
	filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(370deg) brightness(104%) contrast(97%);

}
/*==============================================圖文編輯器==============================================*/

.section.tabs.num-1{
    margin: 0px  0px  0px  0px ;
}
.section.tabs.num-1 .tab-content{
	/* padding: 30px;*/
	word-break: break-word;
	font-size: 14px;
	/*line-height: 33px;*/
	text-align: left;  max-width: 100%!important;
}
.section.tabs.num-1 .tab-content img,
.section.tabs.num-1 .tab-content iframe,
.section.tabs.num-1 .tab-content video,
.section.tabs.num-1 .tab-content table{
    max-width: 100%!important;
}

/*==============================================日期外掛==============================================*/

.dateBox.form-control[disabled],
.dateBox.form-control[readonly],
fieldset[disabled] .dateBox.form-control{
    background-color: #ffffff;
    color: #999999;
}
.flatpickr-calendar {
    padding: 15px;
    box-shadow: 0 0 5px 1px rgba(221, 221, 221,0.4);
}
/*月曆尖角*/
.flatpickr-calendar:after,
.flatpickr-calendar:before{
    left: 50%;
    transform: translateX(-50%);
}
.flatpickr-calendar:before {
    border-width: 8px;
    margin: 0;
}
.flatpickr-calendar:after {
    border-width: 6px;
    margin: 0;

}
/*年月*/
.flatpickr-month {
    font-size: 15px;
    padding: 0px;
    margin-bottom: 15px;
}
.flatpickr-month .cur_month{
    margin-right: 10px;
    font-weight: initial;
}
/*左右按鈕*/
.flatpickr-next-month svg,
.flatpickr-prev-month svg {
    top: 50%;
    transform: translateY(-50%);
}
.flatpickr-next-month svg:hover, .flatpickr-prev-month svg:hover{
    fill:#f1a100;
}

/*今日*/
.flatpickr-day.today{
    line-height: 34px;
    border-color: #f1a100;
    color: #f1a100;
}
.flatpickr-day.today:focus,
.flatpickr-day.today:hover{
    color: #ffffff;
    background-color: #f1a100;
}
/*日期*/
span.flatpickr-weekday {
    color: #999999;
    font-weight: initial;
}
.flatpickr-day.selected,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover{
    background: #f1a100;
    color: #fff;
    border-color: #f1a100;
}
.flatpickr-day{
    color: #333333;
}
/*==============================================消除藍框==============================================*/

:focus {outline: none;}
a:focus{outline: none;}
select:focus{outline: none;}
button:focus{outline: none;}
button.btn:focus,button.btn:active:focus{outline: none;}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {outline: none;}
.form-control:focus {outline: none;border-color: #cccccc;box-shadow: none;}
.input-box span:focus {outline: none;}

/*==============================================select設置==============================================*/

/*內置input*/
.select2-search--dropdown {
    display: none;
}
/*select框*/
.select2-container{
   /* width: 100%!important;*/
}
.select2-container--default .select2-selection--single {
    height: 40px; font-size: 14px;

}
.flavorBox,.packageBox{ margin-bottom:10px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    font-size: 14px;
    padding: 0 12px;
    color: #ababab;
    line-height: 40px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #cccccc;
    border-radius: 0px;
    text-align: left;font-size: 14px;
}
/*小三角設置*/
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}
/*select顏色*/
.select2-results__option--highlighted {
    background-color: #fdb813 !important; 
}
/*select懸停顏色*/
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fdb813;
    color: #ffffff;
}
/*select下拉*/
.select2-dropdown{
    border-radius: 0px; font-size: 14px;
}
/* -------------------------------- xheader -------------------------------- */
header {
	position: fixed;
	top: 0;
	left: 0;
	height: 60px;
	width: 100%;
	background: #fff;	
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
	z-index: 50; 
}
  @media screen and (max-width: 1366px) { #main-nav {left: 15em;}#main-nav ul a {padding: 0em 0.8em;}  }
  @media only screen and (min-width: 1200px) {header {height: 60px;}}
  #logo{padding-top: 5px;-webkit-transform: scale(0.8);-moz-transform: scale(0.8); -ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);}
  #logo img {width: 180px;}
  @media only screen and (min-width: 1200px) {  
  #logo { padding-top: 5px;position: absolute;left: 50px;top: 0;-webkit-transform: scale(1); -moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);    transform: scale(1);}}
  #cd-hamburger-menu, #cd-cart-trigger,.snav2 {  position: absolute;  top: 0;  height: 100%;}
  #cd-hamburger-menu a, #cd-cart-trigger a {  width: 60px;  height: 100%;}
  #cd-hamburger-menu {left: 0;}
  #cd-hamburger-menu a {background:  url("/img/cd-hamburger-menu.svg") no-repeat center center;}
  @media only screen and (min-width: 1200px) {#cd-hamburger-menu {display: none;}}
  .snav2 {right:0;}
  @media only screen and (min-width: 1200px) {.snav2 {right:0;}}  
  @media only screen and (min-width: 768px) { #main-nav{ width: 350px;width: 100%;}}
  @media screen and (max-width: 1200px) {
  #main-nav,#cd-cart {  position: fixed;  top: 0;  height: 100%;  width: 85%;  padding-top: 60px;  overflow-y: auto;  -webkit-overflow-scrolling: touch;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);  z-index: 4;}
  #main-nav .navbar-nav {margin: 0px 0px;}
  }
  @media only screen and (min-width: 1200px) {#main-nav, #cd-cart {width: 30%;padding-top: 60px;}}
  #main-nav { left: -100%; background: #FFF; -webkit-transition: left 0.3s;-moz-transition: left 0.3s;transition: left 0.3s;}
  #main-nav.speed-in {left: 0;}
  #main-nav ul a {display: block;height: 50px;line-height: 50px;padding: 0 1em;border-bottom: 1px solid #e0e6ef;color:#000;font-size:16px;}
  #main-nav ul .current {  box-shadow: inset 3px 0 #435779;}
  
  @media only screen and (min-width: 1200px) {  
  #main-nav {position: absolute;height: auto;width: auto;left: 18em;/*right: 20em;*/padding-top: 0;top: 0;background: transparent;box-shadow: none;line-height: 60px;z-index: 4;}  
  #main-nav li {}  
  #main-nav ul a { height: 60px;  line-height: 60px;   padding: 0em 1em;    border-bottom: none; font-size:14px;} 
  #main-nav .dropdown-menu>li>a,.snav2 .dropdown-menu>li>a{padding: 1em 2em; color: rgba(255, 255, 255, 0.2);}   
  #main-nav ul a.current {box-shadow: none;background: #435779;color: #FFF;}  
  .no-touch #main-nav ul a:hover {background: #435779;color: #FFF;}
  }
  .no-js #main-nav {  position: fixed;}

  /* -------------------------------- xgallery -------------------------------- */
	main {  position: relative;  min-height: 100%;  background: #eeeff7;  padding-top: 70px;  z-index: 1;}
	@media only screen and (min-width: 768px){ main {padding-top: 90px;}}
	@media only screen and (min-width: 1200px){ main {padding-top: 120px;}}
	 /* -------------------------------- xkeyframes -------------------------------- */
	 @-webkit-keyframes cd-fade-in {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}
	 @-moz-keyframes cd-fade-in {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}
	 @keyframes cd-fade-in {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}
	 
	 #main-nav .dropdown-menu ,.snav2 .dropdown-menu {background-color: rgba(35, 24, 21, 0.8);z-index: 15;right:0;left:auto}
	 #main-nav .dropdown-menu>li>a,.snav2 .dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:30px; height: auto;color:#FFF;white-space:nowrap;color: rgba(255, 255, 255, 0.65);}
	 #main-nav .dropdown-menu>li>a:focus,#main-nav .dropdown-menu>li>a:hover{color:#FFF;text-decoration:none; background:inherit/*background-color:#570404; /*background:inherit*/}
	 #main-nav .nav .open>a,#main-nav  .nav .open>a:focus,#main-nav .nav .open>a:hover {/* background-color: #eee; */background-color: #fff;/* border-color: #337ab7; */}
     #main-nav .dropdown-menu .Sub{display: flex;}
     #main-nav .dropdown-menu .Sub{}
     #main-nav .dropdown-menu .Sub>li{display: block;flex-grow: 1;} 
     /*#main-nav .Sub-menu{}	
	 #main-nav .Sub-menu>li>a{color:#FFF;line-height: 40px;height: 40px;font-size: 13px;padding:0px 20px;}*/
     
     .snav2 .dropdown-menu>li>a:focus,.snav2 .dropdown-menu>li>a:hover{color:#FFF;text-decoration:none; background:inherit}
	 .snav2 .dropdown-menu li .cartType a{color: rgba(255, 255, 255, 0.5);text-decoration: none;}
	 .snav2 .dropdown-menu>li>.cartType a:focus,.snav2 .dropdown-menu>li>.cartType a:hover{color:#FFF;text-decoration:none;background-color:#570404;} 
	 @media only screen and (min-width: 1200px) {
     .snav2  .dropdown:hover .dropdown-menu {display: block; }	 
	 }
	 @media only screen and (min-width: 1201px) {
     #main-nav  .dropdown:hover .dropdown-menu{display: block; }	 
	 }
 	 @media screen and (max-width: 1200px) {
     #main-nav .dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:40px; height: auto;color:#333;white-space:nowrap; background:#eeeeee}
  	 #main-nav .dropdown-menu,.snav2 .dropdown-menu {padding: 0px 0;right:0;}
  	 #main-nav .nav .open>a, #main-nav  .nav .open>a:focus, #main-nav  .nav .open>a:hover {
     background-color: #3d3532; color:#FFF; /*border-color: #337ab7;*/}
	 #main-nav .nav .open>a span svg,#main-nav .nav .open>a:focus i{transform: rotate(-270deg); background: # CCC}
	 }
@media (max-width: 1200px){

 .navbar-nav>li {
	float: none;
	width:100%;
}
.navbar-nav>li>a { width:100%;}
}
.navbar-nav{margin:7.5px -15px}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}
@media (max-width:1200px){
.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}
.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}
.navbar-nav .open .dropdown-menu>li>a{line-height:20px}
.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}
@media (min-width:1200px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}

/*==============================================麵包籤==============================================*/
.breadcrumb-region{
  background-color: #f3f4f5;
}
.breadcrumb {
    font-size: 14px;
    padding: 17px 0 20px;
    margin: 0px;
    border-radius: 0px;
    list-style: none;
}
.breadcrumb li {
    display: inline-block;
}
.breadcrumb a {text-decoration: none;color: #999999;}
.breadcrumb a:hover {color: #333333;}
.breadcrumb .active {color: #333333;}
/*==============================================頁首標題==============================================*/
.titleRegion{
    width: 100%;
    font-size: 32px;
    color: #333333;
    padding: 50px 0 20px;
   
}
.titleRegion a{ color: #333333;text-decoration:none;}
.section.article.num-1 .titleRegion{
	border-bottom:1px solid #dddddd;
   
}
.titleRegion span{
    font-size: 20px;
    color: #fdb813;
    margin-left: 20px;
}
@media screen and (max-width: 680px) {.titleRegion{font-size: 30px;text-align: center;font-weight: bold; border-bottom: 1px solid #dddddd;}}
/*==============================================頁面看更多按鈕==============================================*/
.buttonRegion {
    width: 100%;
    margin: 15px 0 50px;
    text-align: center;
}
.buttonRegion button{
    font-size: 20px;
    width: 200px;
    height: 50px;
}
.buttonRegion button:hover{
    color: #ffffff;
    background-color: #fdb813;
}
@media screen and (max-width: 680px) {
.buttonRegion button{ font-size: 15px; width:100%;}
}	
/*==============================================浮動側邊欄==============================================*/
	
.floatMenu {
    position: fixed;
    bottom: 60px;
    right: 30px;
    width: 40px;
    height: auto;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    z-index: 99999;
    color: #f3f2ee;
    opacity: 0.7;
}
.floatMenu>li {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    background-color: #fdb813;
    opacity: 0.85;
    display: none;
}
.floatMenu>li a {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-decoration: none;
    display: block;
    color: #ffffff;
    font-size: 26px;
    vertical-align: sub;
}
.floatMenu>li:hover {
    opacity: 1;
}
/*會員登入區塊*/
#main-nav .member-region{
    width: 100%;
    height: 120px;
    padding: 15px 8%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: rgba(0, 0, 0, 0.2);display: none;	
}
#main-nav .member-region:after{
    content: "";
    width: 100%;
    height: 100%;
    padding: 10px 15px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../img/big_2.jpg);
    background-size: cover;
    background-position: center;
    z-index: -1;
}
/*會員登入按鈕*/
#main-nav .member-region .member-btn{
	border-radius: 0px;
	padding: 12px 15px;
	font-size: 1.6rem;
	min-width: 160px;
	background: inherit;
	border: 1px solid #FFF;
	color: #FFF;
	position: absolute;
	bottom: 20px;
	right: 20px;
}
#main-nav .menu_img {
    padding: 0px;
    position: relative;
   
}
#main-nav ul li.menu_img a{ border-bottom: none !important;}
#main-nav .menu_img a {
    position: absolute;
    width:85%;
    left: 10px;
    top: 20px;
}

#main-nav .menu_img img {
    width: 100%;
    height: auto;
    transform: translateY(-32px);
    object-fit: cover;
}
/*==============================================footer==============================================*/

footer{
    width: 100%;
    padding: 0px 0 10px;
    background-color: #eeeeee;
}
footer .footer-region{
    width: 100%;
    padding: 50px 0 30px;
}
footer .footer-region .container{
    display: flex;
}

/*logo*/
footer .footer-region .logo-box{
    width: 180px;
    margin-right: 200px;
}

/*聯絡區塊*/
footer .footer-region .contact-region{
    display: flex;
    width:calc(100% - 360px);
}
footer .contact-region ul:first-child {
    margin: 0px 0px 0 0;
    width: 60%;
}
footer .contact-region ul {
    width: 15%;
    margin: 0px 0px 0 80px;
    padding: 0px;
    list-style: none;
    color: #333333;
}
footer .contact-region li.title {
    font-size: 15px;
    min-height: 21px;
    margin-bottom: 30px;
}
footer .contact-region li {
    font-size: 14px;
    margin-bottom: 20px
}
footer .contact-region li a{
    text-decoration: none;
    color: #333333;
}
footer .contact-region li img{
    width: 15px;
    height: auto;
    margin-right: 15px;
    transform: translateY(-1px);
}
footer .contact-region li svg{
    height: auto;
    margin-right: 15px;
    color: #f1a100;
}

/*copyright*/
footer .copyright-region{
    width: 100%;
    height: 50px;
    font-size: 14px;
    color: #999999;
}
footer .copyright-region .container{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/*copyright文字*/
footer .copyright-region .text{
    width: calc(100% - 135px);
}
/*icon連結*/
footer .copyright-region .shareRegion{
    display: flex;
    align-items: center;
}
footer .copyright-region .shareRegion button{
    width: 30px;
    height: 30px;
    padding: 2px;
    margin-left:15px;
    color: #999999;
    background-color: transparent;
    border: none;
}
footer .copyright-region .shareRegion button svg{
    width: 100%;
    height: 100%;
}
footer .copyright-region .shareRegion .facebookIcon:hover{
    color: #3b5998;
}
footer .copyright-region .shareRegion .lineIcon:hover{
    color: #01b901;
}
footer .copyright-region .shareRegion .instagramIcon:hover{
    color: #fdb813;
}
@media screen and (max-width: 1280px){
footer .footer-region .logo-box{
    width: 160px;
    margin-right: 20px;
}
footer .footer-region .contact-region{
    display: flex;
    width:calc(100% - 200px);
}
footer .contact-region ul:first-child {width: 60%;}
footer .contact-region ul {width: 13.3%;margin: 0px 0px 0 50px;}
   
}
@media screen and (max-width: 1024px){
footer .footer-region .logo-box{
    width: 160px;
    margin-right: 20px;
}
footer .footer-region .contact-region{
    display: flex;
    width:calc(100% - 200px);
}
footer .contact-region ul:first-child {width: 55%;}
footer .contact-region ul {width: 21.6%;margin: 0px 0px 50px;}
}
@media screen and (max-width: 990px){
footer{
    width: 100%;
    padding: 0px 0 40px;
    background-color: #eeeeee;	position: relative;
}
footer .footer-region{
    width: 100%;
    padding: 50px 0 10px;
}
footer .copyright-region{
    width: 100%;
    height: 50px;
    font-size: 14px;
    color: #999999;
}
footer .contact-region li {
    font-size: 14px;font-size: 1.58rem;font-weight: bold;
    margin-bottom: 15px
}
footer .copyright-region .container{
    height: 100%;
    display: block;
    align-items: center;
    justify-content: space-between;
}


footer .copyright-region .shareRegion{
	display: block;
	width: 66%;
	align-items: center;
	position: absolute;
	top: 70px;
	right: 0px;
}
footer .copyright-region .shareRegion button{
	width: 50px;
	height: 50px;
	padding: 2px;
	margin-left: 15px;
	color: #999999;
	background-color: transparent;
	border: none;
}
footer .footer-region .container{
   display: block;
}
footer .footer-region .logo-box{
	width: 30%;
	margin: 0px 0px 15px 0px;
	text-align: center;
}

footer .footer-region .contact-region{
	/*display: block;*/
width: 100%;display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
}
footer .footer-region .contact-region .add{
	text-align: center;
	/*position: absolute;*/
	bottom: 50px;width: 100%;
}
footer .footer-region .contact-region .title{
	display: none;
}
footer .contact-region li svg{display: none;}
footer .contact-region ul:first-child {
    margin: 0px 0px 0 0;
    width: 100%;
}
footer .contact-region ul:first-child li {
    font-size: 14px;font-size: 1.58rem;
    margin-bottom: 15px
}
footer .contact-region ul {
    width: 100%;/*display: block;*/
    margin: 0px 0px 0 0px;
    padding: 0px;
    list-style: none;
    color: #333333;
}
footer .copyright-region .text{
	width: 100%;
	text-align: center;font-size: 1.6rem;
}
.c_link{width: 100%; margin-top:20px;}
.c_link li{
	width: 33.33%;
	float: left;
	text-align: center;
}

}
/*購物車、會員中心ICON*/
.snav2 {right: 50px;}
.snav2>li{float: left;list-style-type: none;height: auto;padding: 0em 0.5em;border-bottom: none;}
.snav2 .dropdown-menu{border-radius: 5px;}
.snav2 .dropdown-menu li{padding: 0em ;}
.snav2 .close_ti{font-size:23px;height: 50px;line-height: 50px;text-align: center;}
.fa-angle-down{ margin-left:5px;}	

.icon-region button {width: 30px;height: 60px;padding: 0px;border: none;border-radius: 0;background-color: transparent;}
.icon-region .changeIcon{width: 100%;font-size: 27px;color: #f1a100;}
.icon-region .imgRegion{height: 60px; /*line-height: 60px;*/}
.icon-region .imgRegion img {width: 30px;margin-top: 15px;}

/*購物車數字*/
.navbar .icon-region .num-box {width: 26px;height: 26px;line-height: 25px;font-size: 12px;border-radius: 50%;text-align: center;right: 0;top: 50%;position: absolute;color: #ffffff;background-color: #f1a100;transform: translateX(50%) translateY(calc(-50% + 5px)) scale(0.75);}

/*dropdown Menu*/

.navbar .navbar-nav .dropdown-menu{background-color: rgba(35, 24, 21, 0.8);padding: 5px 10px;border-radius: 0px;}
.navbar .navbar-nav .dropdown-menu>li a{height: 40px;line-height: 40px;color: rgba(255, 255, 255, 0.65);}
.navbar .navbar-nav .dropdown-menu>li a:hover{color: #ffffff;background-color: transparent;}

.cartType .descBox h3 {font-size:14px; padding:10px 15px;}
.cartType .iconBox,.cartType .descBox p{display:none}
/* 購物車modal */
@media screen and (max-width: 768px) {
.snav2 .dropdown-menu li .cartType a{color: rgba(0, 0, 0, 1);text-decoration: none;}
.cartType {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    margin-bottom: 20px;
    border: 2px solid #DDDDDD;
    border-radius: 4px;
}
.cartType a {
    display: flex;
    align-items: center; 
}
.cartType a:focus,
.cartType a:hover {
    text-decoration: none;
}
.cartType .iconBox {display: block;
	font-size: 35px;
	float: left; margin-right:10px;
}
.cartType .descBox{float: left;}
.cartType .descBox h3 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 24px;padding:0px ;
}
.cartType .descBox p {
    margin-bottom: 0;display: block;
    color: #F1A100;font-size: 14px;
}
.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 1;
  top: 62px;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.5);
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 95%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 10px;
  right: 0px;
  font-size: 25px; color:#F00
}
}
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}
/*==============================================區塊／輪播／01-大圖輪播==============================================*/
.section.slider.num-1.small.index{ width: 90%;margin: 70px 5% 0px 5%!important;}
.section.slider.num-1.small{ width: 90%;margin: 0px 5% 0px 5%!important;}
.section.slider.num-1.normal{ width: 100%;margin: 0px 0% 0px 0%!important;}
.section.slider.num-1{
    margin: 0px;

}
.section.slider.num-1 .slick-prev,.section.slider.num-1 .slick-next{
    z-index: 1;
    height: 50px;
    opacity: 1;
}

.section.slider.num-1.small .slick-prev {left: -30px;}
.section.slider.num-1.small .slick-next {right: -30px;}
@media screen and (max-width: 1024px) { 
.section.slider.num-1.small.index{ width: 80%;margin: 70px 10% 0px 10%!important;}   
}
.section.slider.num-1 .slick-prev {left: 30px;}
.section.slider.num-1 .slick-next {right: 30px;}
.section.slider.num-1 .slick-prev:before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(/img/left-arrow.svg);
    opacity: 1;
    background-size: 40px 50px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-filter: drop-shadow(0px 0px 1px #333);
}
.section.slider.num-1 .slick-next:before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(/img/right-arrow.svg);
    opacity: 1;
    background-size: 40px 50px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-filter: drop-shadow(0px 0px 1px #333);
}
.section.slider.num-1 img {
    width: 100%;
    object-fit: cover;
}
/*==============================================區塊／文字區／01-標題文字區==============================================*/
.section.titleText.num-1{margin: 30px 0 100px 0;}
.section.titleText.num-1 .verticalLine{
    width: 2px;
    height: 60px;
    background-color: #fdb813;
    left: 50%;
    position: relative;
    transform: translateX(-50%);    
}
.section.titleText.num-1 .title{
    font-size: 20px;
    font-weight: bold;
    padding: 40px 0;
    text-align: center;
    color: #fdb813; 
}
.section.titleText.num-1 .descBox{width: 50%;margin: auto;
    font-size: 25px;font-weight: bold;
    line-height: 40px;
    color: #333333;
    text-align: center;
    overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

}
@media screen and (max-width: 768px) {
.section.titleText.num-1{margin: 50px 0;}
.section.titleText.num-1 .title{font-size: 22px;}
}
/*==============================================區塊／消息區／01-最新消息區==============================================*/
.section.information.num-1{
    margin: 100px 0;
}
/*最新標題*/
.section.information.num-1 .title-region{
    height: 70px;
    font-size: 20px;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #dddddd;
}
/*more*/
.section.information.num-1 .title-region a{
    display: flex;
    color: #999999;
    text-decoration: none;
    font-size: 16px;
    margin-right: 50px;
    align-items: center;
}
.section.information.num-1 .title-region a:hover{
    color: #fdb813;
}
.section.information.num-1 .title-region .iconBox{
    width: 15px;
    margin-left: 10px;
    height: 100%;
}
.section.information.num-1 .title-region .iconBox svg{
    width: 100%;
    vertical-align: middle;
    font-size: 22px;
}
/*消息內容*/
.section.information.num-1 .infoRegion .info-item{
    width: 100%;
    min-height: 70px;
    padding: 20px 15px 20px 50px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #333333;
    border-bottom: 1px solid #dddddd;
}
.section.information.num-1 .infoRegion .info-item a{
    display: flex;
    align-items: center;
    color: #333333;
    text-decoration: none;
}
.section.information.num-1 .infoRegion .info-item a:hover .text{
    color: #fdb813;
}
.section.information.num-1 .infoRegion .info-item .date{
    width: 135px;
    padding-right: 50px;
    color: #999999;
}
.section.information.num-1 .infoRegion .info-item .type{
    width: 190px;
    padding-right: 50px;
    color: #999999;
}
.section.information.num-1 .infoRegion .info-item .text{
    width: calc(100% - 325px);
}
@media screen and (max-width: 768px) {
.section.information.num-1{
    margin: 100px 0;
}
/*最新標題*/
.section.information.num-1 .title-region{
    height: 70px;
    font-size: 20px;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #dddddd;
}
/*more*/
.section.information.num-1 .title-region a{
    display: flex;
    color: #999999;
    text-decoration: none;
    font-size: 16px;
    margin-right: 0px;
    align-items: center;
}
.section.information.num-1 .title-region a:hover{
    color: #fdb813;
}
.section.information.num-1 .title-region .iconBox{
    width: 15px;
    margin-left: 10px;
    height: 100%;
}
.section.information.num-1 .title-region .iconBox svg{
    width: 100%;
    vertical-align: middle;
    font-size: 22px;
}
/*消息內容*/
.section.information.num-1 .infoRegion .info-item{
    width: 100%;
    min-height: 70px;
    padding: 20px 0px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #333333;
    border-bottom: 1px solid #dddddd;
}
.section.information.num-1 .infoRegion .info-item a{
    display: block;
    align-items: center;
    color: #333333;
    text-decoration: none;
}
.section.information.num-1 .infoRegion .info-item a:hover .text{
    color: #fdb813;
}
.section.information.num-1 .infoRegion .info-item .date{
    width: 100px;
    padding-right: 0px;float: left;
    color: #999999;
}
.section.information.num-1 .infoRegion .info-item .type{
	width: 190px;
	padding-right: 0px;
	color: #999999;
	float: left;
}
.section.information.num-1 .infoRegion .info-item .text{
	width: 100%; padding-top:8px;
	display: block;
	clear: both;
}

}
/*==============================================區塊／banner／01-banner-slick==============================================*/
.section.banner.num-1{
    margin: 100px 0;
    padding: 0 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;/*position: relative;*/
}
.section.banner.num-1 .bannerNum-1{/*width: calc(50% - 25px);	*/}
.section.banner.num-1 .banner-slick{width: calc(50% - 25px);position: relative;}
.section.banner.num-1 .slick-prev,.section.banner.num-1 .slick-next{
    z-index: 2;
    height: 50px;
    opacity: 1;
}
.section.banner.num-1 .slick-prev {
    left: 30px;
}
.section.banner.num-1 .slick-next {
    right: 30px;
}
.section.banner.num-1 .slick-prev:before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(/img/left-arrow.svg);
    opacity: 1;
    background-size: 40px 50px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-filter: drop-shadow(0px 0px 1px #333);
}
.section.banner.num-1 .slick-next:before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(/img/right-arrow.svg);
    opacity: 1;
    background-size: 40px 50px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-filter: drop-shadow(0px 0px 1px #333);
}

/*slick範圍*/
.section.banner.num-1 .bannerNum-1 .banner-item {
    position: relative;
}
/*slick圖片*/
.section.banner.num-1 .banner-item img{
    width: 100%;
    object-fit: cover;
}
/*slick底圖色塊*/
.section.banner.num-1 .bannerNum-1 .banner-item:before {  
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0); 
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 25%, rgba(35,24,21,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 25%,rgba(35,24,21,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 25%,rgba(35,24,21,1) 100%);
    /*  background: rgb(35,24,21);
    background: linear-gradient(0deg, rgba(35,24,21,0.7035189075630253) 0%, rgba(255,255,255,1) 100%);
    opacity: 0.4;*/
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
}
.section.banner.num-1 .bannerNum-1 .banner-item a>div{position: absolute;z-index: 22;bottom: 0px; height: 100%;width:100%; left: 0%;} 
/*slick文字*/
.section.banner.num-1 .text{
    font-size: 14px;
    text-align: center;
    height: 20px;
    width: calc(100% - 40px);
    padding: 0px;
    left: 50%;
    color: #ffffff;
    transform: translateX(-50%);
    word-break: break-word;
    position: absolute;
    overflow: hidden;
}

.section.banner.num-1 .text:first-child{
    bottom: 48px;
}
.section.banner.num-1 .text:last-child{
    bottom: 14px;
}
/*banner slick標題*/
.section.banner.num-1 .title-region{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 30px;
}
.section.banner.num-1 .title{
	width: 100%;
	text-align: center;
	font-size: 20px;
	color: #333333;
	position: absolute;
	bottom: -50px;
	left: 0px;
}

@media screen and (max-width: 768px) {
.section.banner.num-1 {padding: 0 20px;}
.section.banner.num-1 .title{bottom: -40px;}

}
@media screen and (max-width: 680px) {
.section.banner.num-1{
    margin: 0px 0;
    padding: 0 0px;
    display: block;width: 100%;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.section.banner.num-1 .banner-slick{
    width: 100%;
	margin-bottom:80px;
}
}
/*==============================================區塊／banner／02-banner-slick==============================================*/
.section.banner.num-2{
    margin: 100px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.section.banner.num-2 .bannerNum-2{
    width: 50%;
}

.section.banner.num-2 .bannerNum-2 .bannerBox{
    float: left;
    padding: 1.5px;
    position: relative;
}
.section.banner.num-2 .bannerNum-2 .bannerBox a{
    display: block;
}
.section.banner.num-2 .bannerNum-2 .bannerBox:hover:before {
    background: rgba(35, 24, 21, .9); 
    background: -moz-linear-gradient(top, rgba(35, 24, 21, .9) 0%, rgba(35, 24, 21, .9) 100%);
    background: -webkit-linear-gradient(top, rgba(35, 24, 21, .9) 0%, rgba(35, 24, 21, .9) 100%);
    background: linear-gradient(to bottom, rgba(35, 24, 21, .9) 0%, rgba(35, 24, 21, .9) 100%);
}
.section.banner.num-2 .bannerNum-2 .bannerBox:before{
    content: "";
    width: calc(100% - 3px);
    height: calc(100% - 3px);
    position: absolute;
    top: 1.5px;
    left: 1.5px;
    background: rgba(255,255,255,0); 
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 25%, rgba(35,24,21,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 25%,rgba(35,24,21,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 25%,rgba(35,24,21,1) 100%);
    opacity: 0.4;
    pointer-events: none;
}

.section.banner.num-2 .bannerNum-2 .large{
    width: 100%;
}
.section.banner.num-2 .bannerNum-2 .small{
    width: 50%;
}
.section.banner.num-2 .bannerNum-2 .large img,
.section.banner.num-2 .bannerNum-2 .small img{
    width: 100%;
    height: auto;
}
/*文字標題*/
.section.banner.num-2 .text{
    font-size: 14px;
    height: 20px;
    width: calc(100% - 56px);
    padding: 0px;
    left: 50%;
    color: #ffffff;
    transform: translateX(-50%);
    word-break: break-word;
    position: absolute;
    overflow: hidden;
    pointer-events: none;
}
.section.banner.num-2 .text:first-child{
    bottom: 62px;
}
.section.banner.num-2 .text:last-child{
    bottom: 28px;
}

/*==============================Media==============================*/


@media (max-width: 1199px) {

/*==============================================banner slick==============================================*/
    .section.banner.num-1 {
        /*padding: 0 50px;*/
    }
    .section.banner.num-1 .bannerNum-1{
        /*width: calc(50% - 15px);*/
    }
    .section.banner.num-1 .slick-prev {
        left: 12px;
    }
    .section.banner.num-1 .slick-next {
        right: 12px;
    }

    /*slick文字*/
    .section.banner.num-1 .text {
        font-size: 14px;
        height: 20px;
        width: calc(100% - 38px);
    }
    .section.banner.num-1 .text:first-child {
        bottom: 44px;
    }
    .section.banner.num-1 .text:last-child {
        bottom: 14px;
    }

/*==============================================banner==============================================*/
    /*文字標題*/
    .section.banner.num-2 .text {
        font-size: 14px;
        width: calc(100% - 28px);
        height: 20px;
    }
    .section.banner.num-2 .text:first-child {
        bottom: 44px;
    } 
    .section.banner.num-2 .text:last-child {
        bottom: 14px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {

/*==============================================banner slick==============================================*/
    .section.banner.num-1 {
        padding: 0 80px;
    }

    /*slick文字*/
    .section.banner.num-1 .text {
        font-size: 14px;
    }
    .section.banner.num-1 .text:first-child {
        bottom: 44px;
    }
    .section.banner.num-1 .text:last-child {
        bottom: 14px;
    }

/*==============================================banner==============================================*/
    /*文字標題*/
    .section.banner.num-2 .text {
        font-size: 14px;
        width: calc(100% - 40px);
        height: 20px;
    }
    .section.banner.num-2 .text:first-child {
        bottom: 50px;
    } 
    .section.banner.num-2 .text:last-child {
        bottom: 20px;
    } 
}
@media screen and (max-width: 680px) {
.section.banner.num-2 .bannerNum-2{
    width: 100%;
}
.section.banner.num-2 .bannerNum-2 .bannerBox{
    float: left;
    padding: 1.5px 0px;}
}



/*==============================================articleDetail區塊／文章區／02-一大項目區塊==============================================*/
/*文章標題區塊*/
.section.article.num-2 .articleBar {
	margin: 50px 0 30px;
	height: 40px;
	width: 100%;
	/*display: flex;
	text-align: center;
	align-items: center;
	justify-content: space-between;*/
	position: relative;
}
.section.article.num-2 .articleBar.coffeeDetail{
    margin: 50px 0 30px;
	height: 40px;
	width: 100%;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
/*文章標題*/
.section.article.num-2 .articleBar .title{
    width: calc(100% - 0px);
    font-size: 32px;
    color: #333333;
    text-align: center;
}
/*文章icon*/
.section.article.num-2 .articleBar .iconBox{
	width: 40px;
	height: 40px;
	padding: 5px;
	display: block;
	
}
.section.article.num-2 .articleBar .iconBox svg{
    width: 100%;
    height: 100%;
    color: #999999;
}
.section.article.num-2 .articleBar .iconBox svg:hover{
    color: #f1a100;
}
.section.article.num-2 .articleBar .icon-region{
	position: absolute;
	right: 0px;
	top: 0px;
    /*width: 95px;*/
    display: block;

}
.section.article.num-2 .articleBar .icon-left{
	position: absolute;
	left: 0px;
	top: 0px;
}
.section.article.num-2 .articleBar .icon-region .iconBox{
	padding: 0px;
	margin-left:15px;
	display: block;
	float: left;
}

/*==============================================頁首Banner==============================================*/
.section.article.num-2 .banner-region{
    width: 100%;
	
}
.section.article.num-2 .banner-region img{
    width: 100%;
    height: auto;
}

/*==============================================圖文編輯器==============================================*/
.section.tabs.num-1 .tab-content{
    padding: 30px 0;
}
#faqsRegion .section.tabs.num-1 .tab-content{
    padding: 30px;
}
/*==============================================分享區塊==============================================*/
.section.article.num-2 .share-region {
    width: 100%;
    margin: 0px 0;

}
.section.article.num-2 .share-region .date{
	font-size: 16px;
	color: #333333;
	margin-top: 20px;
	text-align: right;	
}
.section.article.num-2 .shareRegion{
    border-left: 1px solid #eeeeee;
    margin-left: 15px;
}

/*==============================Media mobile==============================*/

@media (max-width: 1199px) {
    /*消息分類*/
    .section.article.num-1 .sort-region ul a {
        font-size: 16px;
    }
    .section.article.num-1 .sort-region ul li {
        margin-left: 30px;
    }
    /*消息項*/
    .section.article.num-1 .item {
        height: 284px;
    }
    .section.article.num-1 .articleNum-1.masonry .item {
        height: auto;
    }
    /*消息標題*/
    .section.article.num-1 .item .title {
        font-size: 16px;
    }
    /*消息日期*/
    .section.article.num-1 .item .date {
        font-size: 14px;
    }
}
@media (max-width: 768px) {
.section.article.num-2 .articleBar .iconBox{display: none;}
.section.article.num-2 .articleBar .icon-region .iconBox{display: none;}
.section.article.num-2 .articleBar {
    margin: 40px 0 0px;
    height: auto;
    width: 100%;
    display: block;
    align-items: center;
   justify-content: space-between;
}

    /*文章標題區塊*/
	.section.article.num-2 .articleBar .title{
    width:100%;
    font-size: 25px;
    color: #333333;
    text-align: left;font-weight: bold;
}
.section.article.num-2 .articleBar .title.ellipsis {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
    .section.article.num-2 .articleBar .title {
        /*font-size: 1.6rem;*/
    }
    .section.article.num-2 .line {
        margin: 20px 0;
    }
/*==============================================分享區塊==============================================*/
    .section.article.num-2 .share-region .date {
	font-size: 1.2rem;
	font-size: 2rem;
	font-weight: bold;
	color: #fdb813;
	display: block; text-align: left;
    }

}

/*==============================================product_detail==============================================*/
.product-block .imgBox{ margin-bottom:10px;}
.slick-slide img {
   /*height: auto;*/
}

.select2-dropdown {
   z-index: 10;
}

.productName {
   font-size: 24px;
   margin: 35px 0px;line-height: 35px;
}

.detailWrap {
   margin-bottom: 105px;
}

.detailWrap:after {
   content: '';
   display: block;
   clear: both;
}

.detailWrap > div {
   float: left;
}

.detailWrap > .detailL {
   width: 300px;
}

.slickTop {
   margin-bottom: 12px;
}

.slick-nav .slick-slide {
   padding: 0 3px;
}

.slick-nav .slick-slide.slick-center img {
   border: 2px solid #fdb813;
}

.detailWrap > .detailR {
   width: calc(100% - 300px);
   
   padding-left: 25px;
}

.descBox_list{
   margin-bottom: 50px; 
}
.descBox_list.groupByDetail{
   margin-bottom: 50px; padding-left:10px;
}
.packageBox .select2-container {
   width: 215px !important;
}

.packageTip {
   color: #FF3E3E;
}

.flavorBox {
   display: block;
}

.flavorInner {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
}

.flavorInner:last-child {
   margin-bottom: 0;
}

.flavorInner > * {
   margin-right: 10px;
}

.flavorInner > *:last-child {
   margin-right: 0;
}

.flavorType+.select2-container {
   width: 215px !important;
}

.flavorNumbr+.select2-container {
   width: 90px !important;
}







.addItem,
.removeItem {
   width: 28px;
   height: 28px;
   line-height: 28px;
   text-align: center;
   border: 1px solid #fdb813;
   color: #fdb813;
   border-radius: 50%;
   cursor: pointer;
}

.addItem.noStock,
.calculateBox.noStock {
   display: none;
}

.calculateTip {
   color: red;
   font-size: 16px;
}

.moneyInfo {
   display: flex;
   align-items: center;
   margin-bottom: 25px;
}

.moneyInfo > * {
   margin-right: 15px;
} 

.moneyInfo > *:last-child {
   margin-right: 0px;
}

.specialPrice {
   font-size: 24px;
   color: #333333;
   margin-bottom: 0;
}

.settleBox > button {
   width: 160px;
   height: 45px; font-size:14px;margin-right: 15px;
}

.settleBox > button:last-child {
   margin-right: 0px;
}

.categoryEditBox {
   margin-bottom: 50px;
}
.categoryEditBox ul{
	padding-left: 20px;
}
.categoryEditBox img,
.categoryEditBox iframe {
   max-width: 100% !important;
   height: auto;
}

.recommend-slick{ margin-bottom:50px;}
.recommend > h3 {
   font-size: 24px;
   margin-bottom: 35px;
}

.recommend-item {
   position: relative;
   padding: 35px 15px 0px 15px;
}

.recommend-slick .slick-slide {
   padding: 15px;
}

.recommend-slick .slick-slide a {
   display: block;
   text-decoration: none;
   color: black;
}

.recommend-text {
   display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.arrowBox {
   position: absolute;
   width: 30px;
   height: 45px;
   line-height: 45px;
   background-color: #bdb9b8;
   color: #fff;
   text-align: center;
   opacity: 1;
   cursor: pointer;
}

.arrowL {
   left: -10px;
   top: 40%;
}

.arrowR {
   right: -10px;
   top: 40%;
}

.soldOutBox {
   display: none;
   width: 160px;
   height: 45px;
   line-height: 45px;
   color: #fff;
   background-color: #bdb9b8;
   text-align: center;
}

.soldOutBox.noStock {
   display: block;
}

/* set disbaled select2 */
[aria-disabled="true"] {
   background-color: lightgray;
}

.select2-results__options > li {
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.select2-results__options > li:last-child {
   border-bottom: none;
}
.norm{padding-left:0px;}
.norm li{ padding-bottom:20px;}
.norm li:before,.norm li:after {display:table;line-height:0;content:"";}
.norm li:after {clear:both;}
.norm li {*zoom: 1; /*forIE*/}
.norm_ti {
   width: 9%;
   padding-top: 5px;
   color: #333333;
   font-size: 16px;float: left;
}
.norm_body{
	 width: 91%;
	float: left;
}
.descBox_list ul,.norm li{list-style: none}
.descBox_list ul li{
	/*width: calc(100% - 25px);*/
	 width: 100%;
	font-size: 16px;
	line-height: 35px;
}
.descBox_list ul li::before {content: "●"; color: #eda30b;font-size: 6px;
  display: inline-block; width: 1.6em;}
  
.descBox_list ul{
 margin: -10px 0px 0px 5px ;	
text-indent: -8px;
}

.radio-select .radio-none {
    position: absolute;
    visibility: hidden;
    display: none;
}
.radio-select label { font-size:14px;
    display: inline-block;
    cursor: pointer;
    padding: 2px 12px;
   
    text-align: center;
    border: 1px solid #999999;
    color: #999999;
    line-height: 2;
    margin: 0px 15px 10px 0px;
    /*font-weight: bold;*/
}
.radio-select:last-child label { margin-right: 0; }
.radio-select .radio-none[type=radio]:checked + label {
  color: #fdb813;
  border: 1px solid #fdb813;
}
.recommend-slick .slick-next,.recommend-slick  .slick-prev{font-size:0;line-height:0;top:50%;width:30px;height:45px;margin-top:-30px;cursor:pointer;color:transparent;border:none;outline:0;background:0 0}
.recommend-slick .slick-next{background:url(/images/atslick-lg-r.png) center center no-repeat;right:-20px;}
.recommend-slick .slick-prev{background:url(/images/atslick-lg-l.png) center center no-repeat;left:-20px;}
.recommend-slick .slick-next:hover,.atslick .slick-prev:hover{opacity:1}
.recommend-slick .slick-next{background:url(/img/slick-lg-r.svg) center center no-repeat;right:-15px;}
.recommend-slick .slick-prev{background:url(/img/slick-lg-l.svg) center center no-repeat;left:-15px;}	
.slickTop .slick-dots li button:before{font-size: 45px;}
.slickTop .slick-dots{position: absolute;bottom: 15px;}
.slickTop .slick-dots li button:before{color:#FFFFFF; opacity: .9;}
.slickTop .slick-dots li.slick-active button:before{color:#f6a800;}

.slick-nav .slick-dots li button:before{font-size: 15px;}
.slick-nav .slick-dots{position: absolute;bottom: 15px;}
.slick-nav .slick-dots li button:before{color:#FFFFFF; opacity: .9;}
.slick-nav .slick-dots li.slick-active button:before{color:#f6a800;}

@media (max-width: 768px) {
.slickTop{
	display: NONE;
}
.detailWrap > .detailL {
   width: 100%;
}
.detailWrap > .detailR {
    width: 100%;
   padding-left: 0px;
}
.norm_ti {width: 23%;   }
.norm_body{width: 77%;float: left;}

.packageTip,.packageBox .select2-container {
   width: 100% !important;

}
.flavorType+.select2-container {
   width:60% !important;
}

.flavorNumbr+.select2-container {
   width:25% !important;
}
.settleBox > button {
   width: 31%;margin-right: 2%;
   height: 45px; padding:0PX;
}

.settleBox > button:last-child{
	margin-right: 0%;
	float: right;
}
.infoBody{width:100%;
   flex-direction:  column  ;

}

}
@media (max-width: 320px) {
.flavorNumbr+.select2-container {
   width:20% !important;
}
}

/*==============================================product_detail end==============================================*/
/*======================================================================區塊／側欄區／01-左側欄======================================================================*/
.section.sidebar.num-1{
    margin: 0px 0px 50px;
}
.section.sidebar.num-1 .container{
    display: flex;
    flex-wrap: wrap;
}
.section.sidebar.num-1 .container .ti{
	margin-bottom:20px;font-size: 20px;

}
.section.sidebar.num-1 .container .ti span{
	font-size: 14px; color:#999999;

}
/*==============================側邊欄區塊==============================*/
.section.sidebar.num-1 .sidebar-region{
	width: 170px;
	font-size: 16px;
	text-align: left;
}
.section.sidebar.num-1 .sidebar-region ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.section.sidebar.num-1 .sidebar-region li{
    padding: 12px 0;
}

/*li框*/
.section.sidebar.num-1 .sidebar-region li.li-item{
    cursor: pointer;
}
.section.sidebar.num-1 .sidebar-region a{
    text-decoration: none;
    display: block;
    color: #333333; color: #777777;
    padding: 0 15px;
}
.section.sidebar.num-1 .sidebar-region a:hover div{
    color: #f1a100;
    text-decoration: none;
}


.section.sidebar.num-1 .sidebar-region .title{
	font-size: 18px;
	margin-bottom: 5px;
	color: #333333;
}
.section.sidebar.num-1 .sidebar-region .sub{
    font-size: 14px;
    color: #999999;
}

/*active狀態*/
.section.sidebar.num-1 .sidebar-region li.active{
    position: relative;
    border-left: 4px solid #fdb813;
}
.section.sidebar.num-1 .sidebar-region .showmenu {display: none;}
/*==============================側邊-內容區塊==============================*/
.section.sidebar.num-1 .wrap-region{
    width: calc(100% - 200px);
    margin-left: 30px;
    padding: 0px;
}
/*側邊-內容標題*/
.section.sidebar.num-1 .wrap-region .title-region{
    font-size: 20px;
    text-align: center;
    color: #333333;
    margin-bottom: 30px;
}

/*==============================側邊-表格內容區塊==============================*/
.section.sidebar.num-1 .wrap-block{
    width: 100%;
    word-break: break-word;
}
/*側邊-表格內容-表格標題*/
.section.sidebar.num-1 .wrap-block .wrap-title{
    font-size: 14px;
    padding: 10px 0;
    width: 100%;
    min-height: 40px;
    display: flex;
    align-items: center;
    color: #999999;
    background-color: #f3f4f5;
}
.section.sidebar.num-1 .wrap-block .itemBox{
    padding: 0 12px;
    text-align: center;
}
.section.sidebar.num-1 .wrap-block .itemBox p{line-height: 30PX;}
/*側邊-表格內容-item*/
.section.sidebar.num-1 .wrap-block .wrap-item{
    width: 100%;
    font-size: 14px;
    padding: 15px 0;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    border-bottom: 1px solid #eeeeee;
    color: #333333;
}
.section.sidebar.num-1 .wrap-block .wrap-item .itemBox div:first-child{
    margin-bottom: 5px;
}
.section.sidebar.num-1 .wrap-region.mem .wrap-block .wrap-item.beans_product{
    width: 100%;
    font-size: 14px;
    padding: 15px 0;
    display: flex;
    align-items:center;
    flex-wrap: wrap;
    border-bottom: 1px solid #eeeeee;
    color: #333333;
}
.section.sidebar.num-1 .wrap-region.mem .wrap-block .wrap-item.promotions_product{
    width: 100%;
    font-size: 14px;
    padding: 15px 0;
    display: flex;
    align-items:center;
    flex-wrap: wrap;
    border-bottom: 1px solid #eeeeee;
    color: #333333;
}
.section.sidebar.num-1 .wrap-region.mem .wrap-block .wrap-item{
    width: 100%;
    font-size: 14px;
    padding: 15px 0;
    display: flex;
    align-items:center;
    flex-wrap: nowrap;
    border-bottom: 1px solid #eeeeee;
    color: #333333;
}

@media (max-width: 680px){
 .section.sidebar.num-1 .wrap-region.mem .wrap-block .wrap-item{
    width: 100%;
    font-size: 14px;
    padding: 15px 0;
    display: flex;
    align-items:center;
    flex-wrap: wrap;
    border-bottom: 1px solid #eeeeee;
    color: #333333;
}   
}
/*======================================================================區塊／訂單區／01-Step訂單區塊======================================================================*/
/*訂單標題*/
.section.order.num-1 .wrap-title{
    font-size: 16px;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #333333;
}
.section.order.num-1 .title-region{
    font-size: 20px;
    color: #fdb813;
    margin-bottom: 20px;
}
.section.order.num-1 .title-region label{
    font-size: 16px;
    font-weight: initial;
    color: #333333;
    margin:0 0 0 4px;
}
.section.order.num-1 .title-region .icheckbox_minimal{
    margin-left: 15px;
    transform: translateY(-0.5px);
}
.section.order.num-1 .wrap-title .sub{
    color: #888888;
}
/*商品項區塊*/
.section.order.num-1 .product-region{
    border:1px solid #dddddd;
    margin-bottom: 50px;
}
.section.order.num-1 .wrap-block .wrap-item {
    width: 100%;
    font-size: 14px;
    padding: 20px 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #eeeeee;
    color: #333333;
}
.section.order.num-1 .wrap-block .wrap-item a{
    text-decoration: none;
    color: #333333;width: 100%;
}
.section.order.num-1 .wrap-block .wrap-item a:hover{
    text-decoration: none;
    color: #fdb813;
}
.section.order.num-1 .wrap-block .itemBox{
    padding: 0 12px;
    text-align: center;
}
.section.order.num-1 .wrap-block .itemBox .text-box{
    text-align: center;
}
@media screen and (max-width: 768px) {
.section.order.num-1 .wrap-block .itemBox{
    padding: 10px 10px 10px 15px;
    text-align: center;
}
.section.order.num-1 .wrap-block .itemBox .text-box{
    text-align: right;
}
}
@media screen and (max-width: 680px) {
.section.order.num-1 .buttonRegion button{
	font-size: 15px;
	width: 50%; margin-bottom:20px;
	float: left;
}
.section.order.num-1 .itemBox.w13{width: 35%;}
}
/*刪除icon按鈕*/
.section.order.num-1 .wrap-block .itemBox .iconBox>svg{
    width: 100%;
    height: auto;
    max-width: 38px;
    max-height: 38px;
    color: #fdb813;
}
.section.order.num-1 .wrap-block .itemBox .iconBox>svg:hover{
    color: #fd9713;
}
/*磨豆選擇區塊*/
.section.order.num-1 .wrap-block .grind-block{
    width: 100%;
    margin-top: 20px;
    padding: 12px 0;
    padding-left: calc(6% + 107px);
    display: flex;
    align-items: center;
    background-color: #f3f4f5;
}
.section.order.num-1 .wrap-block .grind-block label{
    font-weight: initial;
    margin: 0px; 
}
.section.order.num-1 .wrap-block .grind-block .text-box{
    width: 20%;
    margin-left: 30px;
}
.section.order.num-1 .wrap-block .grind-block .notice{
    margin-left: 30px; 
}
@media screen and (max-width: 680px) {
.section.order.num-1 .wrap-block .grind-block{
	width: 100%;
	margin-top: 20px;
	padding: 12px 0;
	padding-left: 0px;
	display: block;
	background-color: #f3f4f5;
}
.section.order.num-1 .wrap-block .grind-block label{
	width: 50%;
	float: left;
	padding-left: 15px;
	text-align: left;margin-top: 10px;
	vertical-align: middle;
}
.section.order.num-1 .wrap-block .grind-block .text-box{
    width: 50%;padding-right:15px;
    margin-left: 0px;float: left; margin-bottom:10px;
}
.section.order.num-1 .wrap-block .grind-block .notice{
    margin-left: 0px; width: 100%;text-align: left;padding:0px 15px;
}
}
.subscribe-section .grind-block{
	width: 100%;
    margin-top: 0px;
    padding: 12px 0;
    padding-left: calc(6% + 107px); padding-left: 53px;
    display: flex;
    align-items: center; 
	
}
.subscribe-section .grind-block label{
    font-weight: initial;
    margin: 0px; 
}
.subscribe-section .grind-block .text-box{
    width: 20%;
    margin-left: 30px;
}
.subscribe-section .grind-block .notice{
    margin-left: 30px; 
}
.subscribe-section.cart-subscribe2 .grind-block span{
	margin-right:5px;
}
.subscribe-section.cart-subscribe2 .grind-block span:first-child{
color: #999999;
}
@media screen and (max-width: 680px) {
.subscribe-section.cart-subscribe2 .grind-block{
	width: 100%;
	margin: 5px 0px 10px;
	padding: 12px ;
	display: block;
	background-color: #f3f4f5; 
}
.subscribe-section .grind-block{
	width: 100%;
	margin: 5px 0px 10px;
	padding: 12px 0;
	padding-left: 0px;
	display: block;
	background-color: #f3f4f5;
}
.subscribe-section .grind-block label{
	width: 50%;
	float: left;
	padding-left: 15px;
	text-align: left;margin-top: 10px;
	vertical-align: middle;
}
.subscribe-section .grind-block .text-box{
    width: 50%;padding-right:15px;
    margin-left: 0px;float: left; margin-bottom:10px;
}
.subscribe-section .grind-block .notice{
    margin-left: 0px; width: 100%;text-align: left;padding:0px 15px;
}
}
/*活動大聲公ICON*/
.section.order.num-1 .wrap-block .product-title{
    display: flex;
    align-items: center;
}
.section.order.num-1 .wrap-block .product-title .loud{
    line-height: 26px;
    width: 26px;
    height: 26px;
    margin-right: 8px;
    border-radius: 50%;    
    background-color: #927662;
    text-align: center;
}
.section.order.num-1 .wrap-block .product-title .loud svg{
    font-size: 14px;
    max-width: 15px;
    max-height: 15px;
    color: #ffffff;
}
.section.order.num-1 .wrap-block .product-title .loud svg:hover{
    color: #ffffff;
}
/*活動複製商品按鈕*/
.section.order.num-1 .wrap-block .itemBox .gray-btn{
    font-size: 16px;
    width: 100%;
    height: 40px;
    color: #333333;
}
.section.order.num-1 .wrap-block .itemBox .gray-btn:hover{
    color: #ffffff;
}
.section.order.num-1 .wrap-block .itemBox .gray-btn:hover svg{
    color: #ffffff;
}
.section.order.num-1 .wrap-block .itemBox .gray-btn svg{
    font-size: 16px;
    margin-right: 6px;
    color: #333333;
}
/*活動商品名*/
.section.order.num-1 .wrap-block .promotions-block{
    padding-left: calc(6% + 12px);
}

/*一般商品*/
.section.order.num-1 .normal_product .loud{
    display: none;
}
.section.order.num-1 .normal_product .promotions-block{
    display: none;
}
.section.order.num-1 .normal_product .grind-block{
    display: none;
}
.section.order.num-1 .normal_product.wrap-item{
    padding: 20px 0;
}
/*咖啡豆商品*/
.section.order.num-1  .beans_product .loud{
    display: none;
}
.section.order.num-1  .beans_product .promotions-block{
    display: none;
}

/*==============================加購商品區==============================*/
.section.order.num-1 .plus-region{
    width: 100%;
    margin-bottom: 50px;
    border:1px solid #dddddd;
    display: flex;
    flex-wrap: wrap;
}
.section.order.num-1 .plus-region .title{
    font-size: 16px;
    width: 100%;
    padding: 20px; 
    background-color: #f3f4f5;
}
/*加購商品*/
.section.order.num-1 .plus-region .product-block{
    font-size: 16px;
    width: calc(100% / 5);
    padding: 15px;
    margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.section.order.num-1 .plus-region .product-block{ width: calc(100% / 3);}
}
@media screen and (max-width: 680px) {
.section.order.num-1 .plus-region .product-block{ width: calc(100% / 1);}
}
.section.order.num-1 .plus-region .product-block a{
    text-decoration: none;
    color: #333333;
}
.section.order.num-1 .plus-region .product-block>a> .imgBox{
    width: 100%;
    height: 197.59px;height: auto;
    overflow: hidden;
	background-color: #e7e7e7;
    background-image: url(../img/404.png);
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
}
.section.order.num-1 .plus-region .product-block .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;	background:#FFF;

}
.section.order.num-1 .plus-region .product-block .descBox{
    height: 45px;
    line-height: 24px;
    margin: 15px 0;
    -webkit-line-clamp: 2;
}
.section.order.num-1 .plus-region .product-block .price-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    color: #333333;
}
.section.order.num-1 .plus-region .product-block .price-sub{
    color: #999999;
    text-decoration: line-through;
}
 
/*區塊小計*/
.section.order.num-1 .wrap-block .total{
    font-size: 16px;
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #dddddd;
    display: flex;
    align-items: center;
}
.section.order.num-1 .wrap-block .total .itemBox{
    padding: 0 20px;
    text-align: left;
}
.section.order.num-1 .wrap-block .total .itemBox span{
    margin:0 6px;
    color: #ff5151;
}
.section.order.num-1 .wrap-block .total .itemBox.price{
    text-align: center;
    color: #ff5151;
}
@media screen and (max-width: 768px) {
.section.order.num-1 .wrap-block .total .itemBox{
    padding: 0 0px 0 15px;
    text-align: left;
}
.section.order.num-1 .wrap-block .total .itemBox.price{
    text-align:right; padding: 0 10px 0 0px;
    color: #ff5151;
}
}
/*金額區塊*/
.section.order.num-1 .wrap-region .total-region {
    width: 100%;
    border:1px solid #eeeeee;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
}
.section.order.num-1 .wrap-region .total-region .total-block{
    width: 50%;
}
.section.order.num-1 .wrap-region .total-item {
    border: none;
}
.section.order.num-1 .wrap-region .total-item .total-label{
    padding-left: 0;
}
.section.order.num-1 .wrap-region .total-item .total.price{
    color: #ff5151;
}
@media screen and (max-width: 768px) {
.section.order.num-1 .wrap-region .total-region {flex-direction: column-reverse;}
.section.order.num-1 .wrap-region .total-region .total-block{
	width: 100%;
	border-top: 1px solid #eeeeee;
	text-align: right;
}
.section.order.num-1 .wrap-region .total-item .total-label{
    margin-left: 0%;
}
.section.order.num-1 .wrap-region .total-item:last-child {
    display: flex;
    justify-content: flex-end;

}
}
/*注意事項*/
.section.order.num-1 .wrap-region .note-region ol{
    margin: 0 0 45px 0;
    padding-left: 30px;
    font-size: 16px;
}
.section.order.num-1 .wrap-region .note-region li{
    padding: 0px;
    margin-bottom: 15px;
}
.section.order.num-1 .wrap-region .note-region li{
    padding: 0px;
    margin-bottom: 15px;
}

/*check項目*/
.section.order.num-1 .wrap-region .note-region .note-item{
    font-size: 16px;
    padding: 0 15px;
    margin-bottom: 50px;
}
.section.order.num-1 .wrap-region .note-region .note-item .icheckbox_minimal{
    transform: translateY(-1.5px);
}
.section.order.num-1 .wrap-region .note-region .note-item label{
    font-weight: initial;
    margin: 0 0 0 10px;
    padding: 9px 0;
    display: initial;
}

/*======================================================================橫列-商品項區塊======================================================================*/
.wrap-region .wrap-item .itemBox.sub .text-box{
    color: #888888;
}
.wrap-region .wrap-item .itemBox .text-box{
    text-align: right;
}
/*商品項目*/
.wrap-region .wrap-item .product-block{
    display: flex;
    align-items: center;
}
/*商品圖*/
.wrap-region .wrap-item .product-block .productImg{
    width: 80px;
    height: 80px;
    margin-right: 15px;
}
.wrap-region .wrap-item .product-block .productImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*商品文字*/
.wrap-region .wrap-item .product-block .product-item{
    width: calc(100% - 95px);
    height: 100%;
    text-align: left;
}
.wrap-region .wrap-item .product-block .product-sub {
    margin-top: 2px;
    color: #999999;
}
/*活動商品名*/
.wrap-region .wrap-item .promotions-block{
    width: 100%;
    margin-top: 15px;
    padding: 0 10px;
}
.wrap-region .wrap-item .promotions-block .promotions-item{
    padding: 6px 0 6px 15px;
    border-left: 2px solid #fdb813;
    display: flex;
    align-items: center;
}
/*活動商品數量*/
.wrap-region .wrap-item .promotions-block .promotions-item .quantity{
    padding: 0 15px;
}
/*活動商品icon*/
.wrap-region .wrap-item .promotions-block .promotions-item .iconBox{
    margin-right: 10px;
    color: #dddddd;
}
/*一般商品*/
.wrap-region .normal_product .product-sub{
    display: none;
}
.wrap-region .normal_product .promotions-block{
    display: none;
}
/*咖啡豆商品*/
.wrap-region  .beans_product .promotions-block{
    display: none;
}
/*加購商品區*/
.wrap-region .plus-region{
    width: 100%;
}
.wrap-region .plus-region .title{
    font-size: 16px;
    padding: 20px; 
    background-color: #f3f4f5;
}

/*==============================金額區塊==============================*/
.wrap-region .total-region {
    width: 100%;
    border:1px solid #eeeeee;
    border-bottom: none;
}
.wrap-region .total-item {
    font-size: 15px;
    min-height: 50px;
    width: 100%;
    padding: 12px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom:1px solid #eeeeee;
}
.wrap-region .total-item.sub {
    font-size: 14px;
    color: #ff5151;
}
.wrap-region .total-item .total-label{
    margin-left: 50%;
}
/*==============================訂購收件人資訊==============================*/
.wrap-region .buyerInfo{
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    border: 1px solid #eeeeee;
}
.wrap-region .buyerInfo .buy-item{
    font-size: 15px;
    width: 100%;
    min-height: 55px;
    padding: 12px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #333333;
    background-color: #ffffff;
}
.wrap-region .buyerInfo .buy-item input{
    min-height: 40px;
    border-radius: 0px;
}
.wrap-region .buyerInfo .buy-item textarea{
    width: 100%;
    padding: 6px 12px;
    border-radius: 0px;
    resize: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.wrap-region .buyerInfo .buy-item .quarter{
	width: 25%;
	padding: 0 15px  0 0px;
	word-break: break-all;
	text-align: left;
	line-height: 40px;
}
.wrap-region .buyerInfo .buy-item .quarter:nth-child(3n) { padding: 0 15px}
.wrap-region .buyerInfo .buy-item .half{
    width: 50%;
    padding: 0 15px;
    word-break: break-all;
}
.wrap-region .buyerInfo .buy-item .threeQuarter{
    width: 75%;
    padding: 0 15px  0 0px;
    word-break: break-all;
}
.wrap-region .buyerInfo .buy-item .all{
    width: 100%;
    padding: 0 15px;
    word-break: break-all;
}
@media screen and (max-width: 768px) {
.wrap-region .buyerInfo .buy-item .quarter{
    width: 25%;
    padding: 0 0px;	
    word-break: break-all; height:35px; margin-bottom:20px;
}
.wrap-region .buyerInfo .buy-item .quarter:nth-child(2n) {
    width: 75%;
    padding: 0px;
    word-break: break-all;

}
.wrap-region .buyerInfo .buy-item .half{
	width: 100%;
	word-break: break-all;height:35px;
	padding: 0  0  0 25%; 

}
.wrap-region .buyerInfo .buy-item .threeQuarter{
    padding: 0; margin-bottom:20px;
}
.wrap-region .buyerInfo .buy-item{ padding:  0;height:auto;}
.wrap-region .buyerInfo .buy-item .quarter:nth-child(3n) { padding: 0 15px  0 0px;}
.wrap-region .buyerInfo .buy-item{ margin-bottom:20px;}
.wrap-region .buyerInfo .buy-item .quarter.delivery{width: 100%;}
}
/*==============================================Collapse ICON變換(複數顯示)==============================================*/
.collapseStyle {
    border: 1px solid #eeeeee;
    border-bottom: none;
}
.collapseStyle .collapse-title {
    font-size: 16px;
    padding: 20px 20px;
    cursor: pointer;
    background-color: #f3f4f5;
}
.collapseStyle .collapseToggle {
    font-size: 21px;
    padding: 0px;
    text-align: center;
    cursor: pointer;
    background-color: #f3f4f5;
}
.collapseStyle .collapse-title svg{
    font-size: 21px;
    float: right;
}

/*======================================================================Modal======================================================================*/
/*modal底色*/
.modal-backdrop.in {opacity: 0.6;}

/*modal範圍*/
.modal-dialog{
    width: 700px;
}
.modal-content{
    width: 700px;
    padding: 0px 25px;
}
#logout .modal-footer{
    margin-top: 0px;
}

/*==============================Modal／01-中尺寸-form、圖文、兩個按鈕==============================*/
.section.modal.num-1{
    margin: 0px;
    padding-right: 0 !important;
}
.section.modal.num-1 .modal-dialog{
    margin: 150px auto;
}
.section.modal.num-1 .modal-header .close {
    display: none;
}
.section.modal.num-1 .modal-content{
    box-shadow: none;
    border-radius: 10px;
    background-color: #ffffff;
}
/*==============================modal標頭==============================*/
.section.modal.num-1 .modal-header{
    padding: 50px 0;
    text-align: center;
    border-bottom: none;
}

/*modal標題*/
.section.modal.num-1 .modal-title{
    font-size: 20px;
    text-align: center;
    letter-spacing: 1px;
    margin: 0px;
    color: #000000;
}
/*==============================modal範圍==============================*/
/*modal內容*/
.section.modal.num-1 .modal-body {
    padding: 0 75px;
    width: 100%;
    height: auto;
}


/*輔助文字*/
.section.modal.num-1 .modal-body .sub-box{
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    padding: 0 15px;
    color: #333333;
}

.section.modal.num-1 .modal-body .sub-box span{
    color: #ff5151;
}
/*form表*/
.section.modal.num-1 .form-region{
    padding: 0px;
}
.section.modal.num-1 .form-group{
    margin-bottom: 25px;
}
.section.modal.num-1 .form-region input{
    font-size: 16px;
    height: 40px;
    border-radius: 0px;
    text-align: left;
}
.section.modal.num-1 .form-region button{
    padding: 8px 0;
    width: 100%;
    font-size: 16px;
    border-radius: 20px;
}
/*圖文編輯器*/
.section.modal.num-1 .section.tabs.num-1 .tab-content{
    font-size: 16px;
    width: 100%;
    height: auto;
    letter-spacing: 1px;
    text-align: center;
}
/*提示區塊*/
.section.modal.num-1 .tip-region{
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #999999;
}
.section.modal.num-1 .tip-region .tip-box svg{
    color: #fdb813;
    margin-right: 15px;
}

/*==============================modal footer==============================*/
.section.modal.num-1 .modal-footer{
    text-align: center;
    padding: 0 0 40px;
    margin-top: 25px;
    border: none;
}
/*兩個按鈕區*/
.section.modal.num-1 .modal-footer .button-region{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 75px;
}
.section.modal.num-1 .modal-footer .button-region button {
    padding: 8px 0;
    width: calc(50% - 15px);
    font-size: 16px;
}
/*顯示上傳區塊*/
.section.modal.num-1 .upload-region{
    width: 100%;
}
.section.modal.num-1 .upload-region .sub-box{
    font-size: 16px;
    text-align: left;
    margin-bottom: 12px;
    color: #333333;
}
.section.modal.num-1 .upload-region .sub-box span{
    color: #f1a100;
}
.section.modal.num-1 .upload-region .upload-item{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.section.modal.num-1 .upload-region .upload-item .upload-box{
    height: 35px;
    width: calc(100% - 100px);
    font-size: 16px;
    font-weight: 800;
    line-height: 35px;
    padding-right: 5px;
    color: #333333;
}
.section.modal.num-1 .upload-region .upload-item button{
    height: 35px;
    width: 100px;
    padding: 6px 10px;
    border-radius: 30px;
}

/*==============================Modal／02-中尺寸-form、圖文、一個按鈕==============================*/
.section.modal.num-2{
    margin: 0px;
    padding-right: 0 !important;
}
.section.modal.num-2 .modal-dialog{
    margin: 150px auto;
}
.section.modal.num-2 .modal-header .close {
    display: none;
}
.section.modal.num-2 .modal-content{
    box-shadow: none;
    border-radius: 10px;
    background-color: #ffffff;
}
/*==============================modal標頭==============================*/
.section.modal.num-2 .modal-header{
    padding: 50px 0;
    text-align: center;
    border-bottom: none;
}
/*modal標題*/
.section.modal.num-2 .modal-title{
    font-size: 20px;
    text-align: center;
    letter-spacing: 1px;
    margin: 0px;
    color: #000000;
}
.section.modal.num-2.changemodal .modal-header{
    padding: 20px 0;
    text-align: center;
    border-bottom: none;
}
/*==============================modal範圍==============================*/
/*modal內容*/
.section.modal.num-2 .modal-body {
    /*padding: 0 75px;*/
    width: 100%;
    height: auto;
}
/*輔助文字*/
.section.modal.num-2 .modal-body .sub-box{
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    padding: 0 15px;
    color: #333333;
}
.section.modal.num-2 .modal-body .sub-box span{
    color: #ff5151;
}
/*form表*/
.section.modal.num-2 .form-region{
    padding: 0px;
}
.section.modal.num-2 .form-group{
    margin-bottom: 25px;
}
.section.modal.num-2 .form-region input{
    font-size: 16px;
    height: 40px;
    border-radius: 0px;
    text-align: left;
}
.section.modal.num-2 .form-region button{
    padding: 8px 0;
    width: 100%;
    font-size: 16px;
    border-radius: 20px;
}
/*圖文編輯器*/
.section.modal.num-2 .section.tabs.num-1 .tab-content{
    font-size: 16px;
    width: 100%!important;
    height: auto;
    letter-spacing: 1px;
    text-align: center;
}

/*提示區塊*/
.section.modal.num-2 .tip-region{
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #999999;
}
.section.modal.num-2 .tip-region .tip-box svg{
    color: #fdb813;
    margin-right: 15px;
}

/*icon區塊*/
.section.modal.num-2 .modal-body .icon-region{
    width: 100%;
    height: auto;
    padding: 0 10%;
    margin: 40px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section.modal.num-2 .modal-body .icon-region .icon-box{
    width: 80px;
    height: 80px;
    font-size: 16px;
    line-height: 78px;
    text-align: center;
    border-radius: 50%;
    background-color: #dddddd;
}
.section.modal.num-2 .modal-body .icon-region .icon-box a{
    text-decoration: none;
    color: #333333;
}

/*==============================modal footer==============================*/
.section.modal.num-2 .modal-footer{
    text-align: center;
    padding: 0 0 40px;
    margin-top: 25px;
    border: none;
}
.section.modal.num-2.changemodal .modal-footer{
    text-align: center;
    padding: 0 0 0px;
    margin-top: 25px;
    border: none;
}
/*單顆按鈕區*/
.section.modal.num-2 .modal-footer .button-region{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 75px;
}
.section.modal.num-2 .modal-footer .button-region button{
    padding: 8px 0;
    width: calc(50% - 15px);
    font-size: 16px;
}

/*==============================Modal／03-大尺寸-無按鈕==============================*/
.section.modal.num-3{
    margin: 0px;
    padding-right: 0 !important;
}
.section.modal.num-3 .modal-dialog{
    margin: 150px auto;
    width: 80%;
    max-width: 1000px;
}
.section.modal.num-3 .modal-header .close {
    display: block;
    font-size: 30px;
    color: #fdb813;
    opacity: 1;
    transform: translateX(75%) translateY(-75%);
}
.section.modal.num-3 .modal-content{
    width: 100%;
    box-shadow: none;
    border-radius: 0px;
    background-color: #ffffff;
    padding: 0 35px;
}
/*==============================modal標頭==============================*/
.section.modal.num-3 .modal-header{
    padding: 35px 0;
    text-align: center;
    border-bottom: none;
}
/*modal標題*/
.section.modal.num-3 .modal-title{
    font-size: 18px;
    text-align: left;
    letter-spacing: 1px;
    margin: 0px;
    color: #000000;
}
/*==============================modal範圍==============================*/
/*modal內容*/
.section.modal.num-3 .modal-body {
    padding: 0;
    width: 100%;
    height: auto;
    display: flex;
    margin-bottom: 35px;
}
.section.modal.num-3 .modal-body .img-region{
    width: 300px;
    overflow: hidden;
}
.section.modal.num-3 .modal-body .img-region img{
    width: 100%;
    height: auto;
}
.section.modal.num-3 .modal-body .prodInfo-region{
    width: calc(100% - 300px);
    font-size: 14px;
    margin-left: 15px;
}
.section.modal.num-3 .modal-body .prodInfo-region .sub-region ul{
    margin-bottom: 20px;
}
.section.modal.num-3 .modal-body .prodInfo-region .sub-region li{
    padding:0 0 0 18px;
    margin-bottom: 10px;
}
.section.modal.num-3 .modal-body .prodInfo-region .price-box{
    font-size: 20px;
    margin-bottom: 0px;
}

/*==============================modal footer==============================*/
.section.modal.num-3 .modal-footer{
    display: none;
}
.section.modal.num-3 .modal-body .choose-region .orange-btn{ text-align: center; margin:20px 0px 0px 10px;width: 20%; height:35px;}
@media screen and (max-width: 680px) {
.section.modal.num-3 .modal-dialog{
    margin: 20px auto;
    width: 90%;
}
.section.modal.num-3 .modal-body {
	display: flex;
    flex-direction:  column  ;
}
.section.modal.num-3 .modal-body .img-region{
    width: 100%;}
.section.modal.num-3 .modal-body .prodInfo-region{
    width: 100%;
    margin-left: 0px;
}
.section.modal.num-3 .modal-body .prodInfo-region .choose-region{
 flex-direction:  column  ;
}
.section.modal.num-3 .modal-body .choose-region .orange-btn{ text-align: center; margin:10px 0px;width: 100%;}
}
@media screen and (max-width: 680px) {
.modal-content{width: 95%; padding: 0px 5px; margin:auto }
.modal-dialog{
    width: 100%;}
.section.modal.num-1 .modal-header{
    padding: 30px 0;}
.section.modal.num-1 .modal-body {
    padding: 0 25px;
    width: 100%;
    height: auto;
}
.section.modal.num-1 .modal-footer{
    text-align: center;
    padding: 0 0 0px;
    margin-top: 25px;
    border: none;
}
}
/*==============================Media==============================*/
.mall .container{width: 80%;}
@media (max-width: 1366px){.mall .container{width: 100%;}}
/*==============================================標頭篩選區塊==============================================*/
.wrap-region .order-region{
    font-size: 16px;
    width: 100%;
    min-height: 40px;
    padding: 20px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #dddddd;
    display: flex;
    align-items: center;
}
.wrap-region .order-region .numBox{
    width: calc(100% / 3);
}
.wrap-region .order-region .numBox span{
    color: #fdb813;
    margin: 0 5px;
}
/*關鍵字搜尋*/
.wrap-region .order-region .input-group{
    width: calc(100% / 3);
    margin-left: 15px;
}
.wrap-region .order-region .input-group input{
    border-radius: 0px;
    height: 40px;
}
.wrap-region .order-region .input-group button{
    border-radius: 0px;
    height: 40px;
}
.select-order+.select2-container {
   width:100% !important;
}

/*==============================================區塊／Bannar／活動Bannar大圖==============================================*/
.section.banner.num-1{
    width: 100%;
    height: auto;
    margin-bottom: 25px;
}
.section.banner.num-1 img{
    width: 100%;
    height: auto;
}
.section.banner.num-1.promotions{
    margin: 0px 0;
    padding: 0 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;/*position: relative;*/
}
/*==============================================區塊／產品／Num1 (類別頁商品列表)==============================================*/
.promotions-product{margin: 0px -20px;}

#vm{margin: 0px 20px;}

#vm .recommend-item .product-block .imgBox {
    height: 290px;height: auto;
}
.section.product.num-1{
    margin: 0px;
    width: 100%!important;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-shrink: 0!important;


}
.section.product.num-1 .title-region {
    font-size: 24px;
    color: #333333;
    width: 100%;
    margin: 15px 0 25px;
}
/*單個商品區*/
.section.sidebar.num-1 .br{ margin-bottom:20px;}
/*.section.product.num-1 .product-block{
    width: calc(100% / 3);
    padding: 20px; padding: 0px 0px 0px 0px;
    margin-bottom: 30px;margin-right: 20px;
    background-color: #ccc;position: relative;
}*/
.section.product.num-1 .product-block:nth-child(4n){margin-right: 0px;}

.section.product.num-1 .product-block a{
    text-decoration: none;
    display: block;
}
.section.product.num-1 .product-block a:hover .descBox{
    color: #fdb813;
}
.section.product.num-1 .product-block .fa-times{
    text-decoration: none; color: #FFF;font-size: 25px;width:25px;height:25px;border-radius:999em;text-align: center;
    display: block;background-color: #fdb813;position: absolute;right: 25px;z-index: 2;top: 25px;
}
.section.product.num-1 .product-block .fa-times:hover{background-color: #999999;}
/*.section.product.num-1 .product-block:nth-child(4n) .fa-times{right: 0px;}*/
/*完售標籤*/
.section.product .label-box {
    font-size: 16px;
    width: 100%;
    height: 100%;
    padding: 15px;
    bottom: 0px;
    left: 0px;
    position: absolute;
    color: #ffffff;
    background-color: rgba(0,0,0,0.6);
    display: none;
}
.section.product .label-box.show {
    display: block;
}
.section.product .label-box>div{
    font-size: 16px;
    text-align: center;
    width: 100%;
    top: 50%;
    left: 0px;
    position: absolute;
    transform: translateY(-50%);
}

/*商品圖片*/
.section.product.num-1 .product-block>a>.imgBox{
	width: 100%;
	height: 273.33px;height: auto;
	position: relative;
	background-color: #e7e7e7;
	background-image: url(../img/404.png);
	background-size: 60%;
	background-position: center;
	background-repeat: no-repeat;
}
.section.product.num-1 .product-block .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
	background:#FFF;
}

/*商品名稱*/
.section.product.num-1 .product-block .descBox{
    height: 55px;
    padding: 0px 8px;
    margin: 20px 0;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    color: #333333;
}
.section.sidebar.num-1.mall .section.product.num-1 .product-block .descBox{
    height: 55px;
    padding: 0px;
    margin: 0px 0;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
	text-align: left;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    color: #333333;
}
/*商品按鈕*/
.section.product.num-1 .product-block .button-box{
	width: 100%;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}
.section.product.num-1 .product-block .button-box button{
    width: calc(100% / 2);
    min-height: 40px;
    padding: 6px 12px; padding: 6px 0px;
    text-align: -webkit-center;
}

/*商品售價列*/
.section.product.num-1 .product-block .price-box{
    font-size: 16px;
    height: 25px;
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #999999;
}
.section.sidebar.num-1.mall .section.product.num-1 .product-block .price-box{
	font-size: 16px;
	height: 25px;
	margin: 20px 0;
	display: block;
	align-items: center;
	justify-content: space-between;
	color: #999999;
}
.section.product.num-1 .product-block .price-box .price-sub{
    text-decoration: line-through;
}
.section.product.num-1 .product-block .price-box span{
    color: #333333;
}

/*售完商品*/
.section.product.num-1 .product-block.soldOut .label-box{
    display: block;
}
/*==============================================product_list區塊／產品／Num1 (類別頁商品列表)==============================================*/
.category-content .orange-btn {
   width: 100%;
   text-align: center;
   color: #fff;
}
/*單個商品區*/

.category-content .section.product.num-1 .product-block{
    width: calc(100% / 4);padding: 20px;
    margin-bottom: 30px;
    background-color: #ffffff;
}
/*商品圖片*/
.category-content .section.product.num-1 .product-block>a>.imgBox{
    /*height: 195px;*/
    position: relative;
}
.category-content .section.product.num-1 .product-block .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;	background:#FFF;
}
/*紅綠標*/
.section.product.num-1 .product-block.red .imgBox:before{
    content: '紅';
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    top:0px;
    transform: translateX(-25%) translateY(25%);
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    color: #ffffff;
    background-color: #da0933;
}
.section.product.num-1 .product-block.green .imgBox:before{
    content: '綠';
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    top:0px;
    transform: translateX(-25%) translateY(25%);
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    color: #ffffff;
    background-color: #04a978;
}
/*商品名稱*/
.section.product.num-1 .product-block .descBox{
    margin: 15px 0;
    height: 48px;
    line-height: 24px;
}
/*商品按鈕*/
.section.product.num-1 .product-block .button-box{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section.product.num-1 .product-block .button-box button{
    width: 100%;
}
/*商品售價列*/
.section.product.num-1 .product-block .price-box{
    justify-content: center;
    margin: 15px 0;
    height: 20px;
}
.section.product.num-1 .product-block .price-box span {
    color: #999999;
}
.section.product.num-1 .product-block .price-box .price-sub{
    text-decoration:none;
}
/*商品輔助*/
.section.product.num-1 .product-block .sub-box{
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    word-wrap: break-word;
    height: 48px;
    margin: 15px 0;
    padding: 0px 8px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #999999;
}
.section.sidebar.num-1.mall .section.product.num-1 .product-block .sub-box{
  font-size: 16px;
    line-height: 24px;
    text-align: left;
    word-wrap: break-word;
    height: 48px;
    margin: 15px 0;
    padding: 0px ;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #999999;
}

/*售完商品*/
.section.product.num-1 .product-block.soldOut .label-box{
    display: block;
}



/*==============================Media==============================*/
@media (max-width: 1199px) {

/*==============================================product_list區塊／產品／Num1 (類別頁商品列表)==============================================*/

	/*單個商品區*/
	.section.product.num-1 .product-block{
    	padding: 15px;
	}
	/*商品圖片*/
	.section.product.num-1 .product-block>a>.imgBox {
	    height: 158.75px;height: auto;
	}
	/*商品名稱*/
	.section.product.num-1 .product-block .descBox {
	    font-size: 14px;
	    margin: 10px 0;
	}
	/*商品售價列*/
	.section.product.num-1 .product-block .price-box{
	    margin: 10px 0;		
	}
	/*商品輔助*/
	.section.product.num-1 .product-block .sub-box{
		font-size: 14px;
		margin: 10px 0;
	}
	/*商品按鈕*/
	.section.product.num-1 .product-block .button-box button{
		min-height: 35px
	}

}
/* 頁籤選單(pagemenu) 
========================*/
/*.pagemenu{
	width: 100%;
	display: block;
	border-bottom: 1px solid #999;
	font-size: 90%;
    z-index: 2;
    background-color: #fff;

}*/
.pagemenu>ul{
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	height: 48px;
	list-style-type: none;
}
.pagemenu>ul>li{
	-webkit-flex: none;
	height: 50px;
	/*width: 90px;*/
	font-size: 14px;
	border: 1px solid #b4b5b5;
	color:#069;
	margin-right:10px;text-align: center;
}

/* 頁籤選單(pagemenu) end */
/* 頁籤(Tab) */
ul.tabs {height: 40px;}
ul.tabs li {
	float: left;
	height: 40px;
	/*line-height: 50px;*/
	overflow: hidden;
	position: relative;
	margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
	color: #FFF; padding:10px 20px;
	text-align: center;
	}
ul.tabs li a {	
	/*padding: 0 10px;*/
	width: 100%; color:#b4b5b5;
	text-decoration: none;
	}
ul.tabs li:hover {
         color: #fff;border: 1px solid #b4b5b5;background:#b4b5b5;		
	}
ul.tabs li:hover a {
         color: #fff;	
	}
ul.tabs li.active  {
	color: #fff;
	border: 1px solid #fdb813;
	font-weight: bold;
	background:#fdb813;
	}
ul.tabs li.active a:hover {
        color: #fff;
		
	}
ul.tabs li.active a{
        color: #fff;
		
	}
div.tab_container {
	clear: left;
	border-top: none;
	text-align: left;
	width: 100%;
	}
div.tab_container .tab_content {
		padding: 10px 0px;margin:20px 0px;
	}

/* 頁籤(Tab) EMD */
/*==============================form表==============================*/
.section.form.num-1{
    width: 75%;
    margin: 0px auto;
}
.section.form.num-1 .form-group{
    margin: 0px;
    margin-bottom: 25px;
    width: 100%;
    text-align: left;
}
/*form內提示*/
.section.form.num-1 .form-group input{
    border-radius: 0px;
    min-height: 40px;
    width: 100%;
}
.section.form.num-1 .form-group label{
    font-size: 16px;
    font-weight: initial;
    text-align: left;
    min-height: 40px;
    padding: 9px 0;
    margin: 0px;
    color: #333333;
}
.section.form.num-1 .form-group textarea{
    width: 100%;
    padding: 6px 12px;
    resize : none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.section.form.num-1 .form-group textarea:focus {
    outline: none;
    border-color: #cccccc;
    box-shadow: none;
}

/*==============================按鈕區塊==============================*/
.button-region{
    width: 75%;
    margin: 0px auto 40px;
    text-align: right;
}
.button-region button{
    width: 235px;
}

/*==============================聯絡區塊==============================*/
.wrap-block .contact-region{
    width: 100%;
    margin-bottom: 40px;
}
.wrap-block .contact-region ul {
    width: 75%;
    margin: 0px auto;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.wrap-block .contact-region li {
    font-size: 16px;
}
.wrap-block .contact-region li svg{
    height: auto;
    margin-right: 20px;
    color: #f1a100;
}
.select-style+.select2-container {
   width:100% !important;
}
.heartSelect+.select2-container {
   width:100% !important;
}
/*==============================Media==============================*/
@media (max-width: 1199px) {

/*==============================================頁面內容==============================================*/
    /*==============================聯絡區塊==============================*/
    .wrap-block .contact-region li {
       width: 100%;
       margin-bottom: 10px;
    }
    .wrap-block .contact-region li svg{
        margin-right: 10px;
    }

}
@media (max-width: 680px) {
.section.form.num-1{
    width: 100%;
    margin: 0px auto;
}
.section.form.num-1 .form-group .col-form-label{ margin-left:15px;}
.section.form.num-1 .form-group .name{ margin-bottom:20px;}
.button-region{
    width: 100%; font-size:14px;
    margin: 0px auto 40px;
    text-align: right;
}
.button-region button{
   width: 100%;
}
}
/*摺疊區塊*/
.collapse-region{}
.collapse-region .panel{
    background-color: #eeeeee;
    border: 1px solid #eeeeee;
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 10px;
}
.collapse-region .panel-heading{
	background-color: #ffffff;
    padding: 0;
}
/*摺疊標題*/
.collapse-region .panel-heading a {
    display: block;
    padding: 0 15px;
    font-size: 16px;
    color: #999999;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 50px;
}
.collapse-region .panel-heading a span {
	margin-left: 10px;
	color: #333333;
}

.collapse-region .panel-body {
    border-top: 1px solid #eeeeee;
}
/*摺疊ICON*/
.collapse-region .iconBox {
    font-size: 30px;
}

/*==============================Media==============================*/

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

@media (max-width: 1199px) {
    /*摺疊標題*/
    .collapse-region .panel-heading a {
        padding: 6px 15px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {}
/*==============================login==============================*/
/*==============================內容區塊==============================*/
/*標題
.titleRegion{
    padding: 50px 0 40px;
    border-bottom: none;
}
.wrap-region {
    margin-bottom: 50px;
}*/
/*登入區塊*/
.wrap-block.login{
	display: flex;
}
.wrap-block.login .order1 .button-region  button:first-child{ margin-right:30px;
}
/*半個區塊*/
.half-block{
	width: 50%;
	padding: 80px 0px;
}
.login .half-block .halfBox{
	width: 430px;
	margin: 0px auto;
	display: flex;
    flex-direction: column;
	align-items: center;
    justify-content: space-between;
	font-size: 16px;
	color: #333333;
	text-align: center;
}
/*輔助文字*/
.login .half-block .halfBox .text-box {
	line-height: 30px;
	margin-bottom: 50px;
	width: 100%;
	text-align: center;color: #333333;
}
/*==============================左側區==============================*/
/*左側圖片*/
.half-block .halfBox .img-box {
    height: 137px;
    margin-bottom: 40px;
}
.half-block .halfBox .img-box img{
    height: 100%;
    width: auto;
}
/*==============================右側區==============================*/
/*form表*/
.half-block .section.form.num-1{
	width: 100%;
}
.half-block .section.form.num-1 .form-group{
	margin: 0px;
	margin-bottom: 25px;
}
.half-block .section.form.num-1 .form-group input{
	border-radius: 0px;
	min-height: 40px;
	
}
.half-block .section.form.num-1 .form-group input.form-check-input{
	border-radius: 0px;
	width: auto;
	vertical-align: middle;
}

/*記住我*/
.half-block .section.form.num-1 .form-group.check .form-item{
	text-align: left;
}
.half-block .section.form.num-1 .form-group.check label{
    font-size: 14px;
    margin: 0 0 0 10px;
    color: #999999;
    font-weight: initial;
    transform: translateY(1px);
}
/*忘記密碼*/
.half-block .sub-region {
    font-size: 14px;
    text-align: right;
    width: 430px;
    margin: 0 auto;
    margin-top: 20px;
}
.half-block .sub-region .sub-box {
    display: inline-block;
    padding: 3px 0;
}
.half-block .sub-region .sub-box:first-child {
    padding-right: 10px;
}
.half-block .sub-region .sub-box:last-child {
    padding-left: 10px;
}
.half-block .sub-region .sub-box a{
	color: #333333;
	text-decoration: none;
}
.half-block .sub-region .sub-box a:hover{
	color: #f1a100;
}

/*==============================按鈕區塊==============================*/
.half-block .halfBox .button-region{
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.half-block:nth-child(1) .halfBox .button-region{
    justify-content: center;
}
.half-block .halfBox .button-region button{
	width: calc(50% - 6px);
	/*max-width: 209px;*/
}
.button-region.button2 button:first-child {
    margin-right: 30px;
}
/*==============================Media==============================*/

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

@media (max-width: 1199px) {

/*==============================內容區塊==============================*/
	.half-block .halfBox {
	    width: 85%;
	}
	/*輔助文字*/
	.half-block .halfBox .text-box {
	    font-size: 14px;
	    line-height: 28px;
	}
/*==============================右側區==============================*/
	/*忘記密碼*/
	.half-block .sub-region {
	    width: 85%;
	}
	.half-block .halfBox .button-region button {
	    font-size: 14px;
	}
}
@media (max-width: 680px) {
.half-block{
	width: 100%;
	padding: 30px 0px;
}

.wrap-block.login {   
    display: flex;
    flex-direction:  column  ;
}
.wrap-block.login  .half-block.borderleft{border-left:none; border-bottom:1px solid #dddddd;
padding:0px 0px 20px 0px; margin:0px 0px 30px 0px;
}
.half-block .halfBox {
	    width: 100%;
	}	
.half-block .sub-region {
	    width: 100%;  margin-top: 0px;
	}
.wrap-block.login .button-region{
    margin: 0px auto 20px;	width: 100%;
}
.half-block .halfBox .button-region button.m_shopnow{
	width: calc(100%);
	max-width: 100%;
}
.half-block .halfBox .text-box {
   margin-bottom: 20px;

}
}
@media (min-width: 1200px) and (max-width: 1400px) {}
/*==============================login end==============================*/
/*==============================mem==============================*/
/*會員卡區域*/
.wrap-region .card-region{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}
/*卡片框*/
.wrap-region .card-region .card-box{
    width: 350px;
/*    height: 216.88px;*/
    margin-right: 30px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    color: #ffffff;
}
.wrap-region .card-region .card-box.silverVip .number-item{
	background: rgb(114,116,123);
    background: -moz-linear-gradient(left, rgba(114,116,123,1) 0%, rgba(203,208,219,1) 26%, rgba(123,125,132,1) 51%, rgba(162,166,175,1) 74%, rgba(229,234,246,1) 100%);
    background: -webkit-linear-gradient(left, rgba(114,116,123,1) 0%,rgba(203,208,219,1) 26%,rgba(123,125,132,1) 51%,rgba(162,166,175,1) 74%,rgba(229,234,246,1) 100%);
    background: linear-gradient(to right, rgba(114,116,123,1) 0%,rgba(203,208,219,1) 26%,rgba(123,125,132,1) 51%,rgba(162,166,175,1) 74%,rgba(229,234,246,1) 100%);
    color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -webkit-filter:drop-shadow(0px -0.4px 0.1px #ffffff) drop-shadow(0px 1.2px 0.5px #000);
}
.wrap-region .card-region .card-box.goldVip .number-item{
    background: rgb(108,57,0); 
    background: -moz-linear-gradient(left, rgba(108,57,0,1) 1%, rgba(233,176,105,1) 26%, rgba(154,96,43,1) 51%, rgba(204,142,84,1) 74%, rgba(95,47,0,1) 100%); 
    background: -webkit-linear-gradient(left, rgba(108,57,0,1) 1%,rgba(233,176,105,1) 26%,rgba(154,96,43,1) 51%,rgba(204,142,84,1) 74%,rgba(95,47,0,1) 100%);
    background: linear-gradient(to right, rgba(108,57,0,1) 1%,rgba(233,176,105,1) 26%,rgba(154,96,43,1) 51%,rgba(204,142,84,1) 74%,rgba(95,47,0,1) 100%);
    color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -webkit-filter:drop-shadow(0px -0.4px 0.1px #ffffff) drop-shadow(0px 1.2px 0.5px #000);
}
.wrap-region .card-region .card-box.Vip .number-item{
    -webkit-filter:drop-shadow(0px 1.5px 0.1px #dddddd) drop-shadow(0px 1.2px 0.5px rgba(0, 0, 0, 0.2));
}
.wrap-region .card-region .card-box.goldVip{
    color: #FED120;
}
.wrap-region .card-region .card-box img{
    width: 100%;
    height: auto;
}
.wrap-region .card-region .number-box{
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    padding: 22px 15px;
    position: absolute;
    font-weight: bold;
    -webkit-filter: drop-shadow(0px 0px 0.8px #000000);
}
/*卡片號碼*/
.wrap-region .card-region .number-item{
    width: 100%;
    font-size: 17px;
    text-align: right;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}
.wrap-region .card-region .number-item:last-child{
    font-size: 14px;
}
/*會員點數區*/
.wrap-region .card-region .point-box{
	 width: 230px;
	 font-size: 16px;
	 color: #333333;
}
.point-box .point,.point-box .date,.point-box .level{
	margin-bottom: 20px;
}
.wrap-region .card-region .point-box .point span{
	font-size: 24px;
	margin-right: 20px;
	color: #fdb813;
}
.wrap-region .card-region .point-box .sub{
	color: #999999;
}
.section.form.num-1.mem .white-btn{ width:100%}

@media (max-width: 680px) {
.sidebar-region.sort-region_mem{margin:0px  0px 20px  0px;}
.sort-region_mem ul{
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	list-style-type: none;	
}
.sort-region_mem ul>li{
	-webkit-flex: none;
	/*width: 90px;*/
	font-size: 14px;
	color:#069;
    text-align: center; 
 
}
.section.sidebar.num-1  .sidebar-region.sort-region_mem  li.active{
    position: relative;
    border-left: none;
	border-bottom: 4px solid #fdb813;
}

.section.form.num-1.mem .ml0{ margin:0px 0px 10px 0px;}
.wrap-region .card-region{
flex-direction:  column  ;
}
.wrap-region .card-region .card-box{
    width: 100%;text-align: center; margin: 0px 0px 10px 0px ;}
.wrap-region .card-region .point-box{
	 width: 100%;
}
.wrap-region .card-region .card-box.goldVip{
	color: #FED120;
	
}
}
/*==============================mem end==============================*/
/*==============================mem_order_mgr==============================*/
.wrap-region.mem{
	display: flex;
	flex-wrap: wrap;

}
.wrap-region .title-region{
	width: 100%;
}
/*日期搜尋*/
.wrap-region.mem .search {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 52%;
}
.wrap-region.mem .search .flatpickr{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
}
.wrap-region.mem .search .flatpickr input{
	border-radius: 0px;
	min-height: 40px;
	max-width: 105px;
}
.wrap-region.mem .search .flatpickr a{
	width: 40px;
	height: 40px;
	line-height: 38px;
	border: 1px solid #cccccc;
	border-left: none;
	color: #acacac;
	text-align: center;
}
.wrap-region.mem .search button{
	min-width: 70px;
}

/*狀態搜尋*/
.wrap-region.mem .status-search {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24%;

}
.wrap-region.mem .status-search label {
    font-weight: inherit;
    margin: 0px 0 0 10px;
    min-width: 110px;
}


/*配送狀趟*/
.wrap-region.mem .ship-status{
	width: calc(100% - 150px);
	margin: 20px 0;
}
.wrap-region.mem .ship-status label {
	font-weight: inherit;
	margin: 0px 15px 0px 0px;
}
.wrap-region.mem .ship-status button {
	margin-right: 15px;
}
/*取消訂單*/
.wrap-region.mem .cancel{
    margin: 20px 0;
    display: flex;
    align-items: center;
}
.wrap-region.mem .cancel a{
	color: #999999;
	text-decoration: none;
}
.wrap-region.mem .cancel a:{
	color: #999999;
	text-decoration: none;
}
.wrap-region.mem .cancel span{
	margin:0 4px;
	text-decoration:underline;	
}

.wrap-region.mem .notice{
	width: 100%;
	margin: 0px 0 30px;
	color: #ff3e3e;
}
/*==============================側邊-表格內容區塊==============================*/

.section.sidebar.num-1 .wrap-block .wrap-item{
	align-items: center;
}

.section.sidebar.num-1 .wrap-block .wrap-item .itemBox div {
    margin-bottom: 5px;
}
.section.sidebar.num-1 .wrap-block .wrap-item .itemBox div a{
	text-decoration: none;
	color: #333333;
}
.section.sidebar.num-1 .wrap-block .wrap-item .itemBox div a:hover{
	text-decoration: none;
	color: #fdb813;
}
.section.sidebar.num-1 .wrap-block .wrap-item .itemBox div:last-child {
    margin-bottom: 0px;
}
/*付款按鈕*/
.section.sidebar.num-1 .wrap-block .itemBox button {
    width: 100%;
}
/*付款成功*/
.section.sidebar.num-1 .wrap-block .itemBox .success {
	color: #1bbc22;
}

/*==============================複製貨運編號==============================*/
.itemNumber {
	position: relative;
}
.itemNumber .itemInput {
 	position: absolute;
 	top: 0;
 	left: 0;
 	opacity: 0;
 	z-index: -10;
 }
/*複製按鈕*/
.section.sidebar.num-1 .wrap-block .itemBox div button {
    margin-left: 10px;
    width: 30px;
    height: 30px;
    padding: 0;
}
/*超商條碼*/
.wrap-block.barCode{
	border: 1px solid #dddddd;
    min-height: 55px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.wrap-block.barCode .buy-item {
    font-size: 15px;
    width: 100%;
    min-height: 55px;
    padding: 12px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #333333;
    background-color: #ffffff;
}
.wrap-block.barCode .buy-item .quarter {
    width: 25%;
    padding: 0 15px;
    word-break: break-all;
}
.wrap-block.barCode .buy-item .heartSelect {
    width: 25%;
    padding: 0 15px;
    word-break: break-all; background: #CCC
}
.wrap-block.barCode .buy-item .threeQuarter {
    width: 75%;
    padding: 0 15px;
    word-break: break-all;
}
.wrap-block.barCode .buy-item .half{
    width: 50%;
    padding: 0 15px;
    word-break: break-all;
}
/*條碼繳費*/
.wrap-block.barCode>.buy-item>.barcodeTarget{
    margin:  0 15px !important;
}
.section.sidebar.num-1 .wrap-region.mem .title-region{
	/*text-align: left;*/
	margin: 50px 0 20px;
}
/*see more*/
.buttonRegion{
    margin: 30px 0 50px;
}
.m_spti{float: left; color:#999;display:none;}
/*點數區塊*/
.wrap-region .point-region {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #333333;
}
.wrap-region .point-region>div{
	margin-bottom: 20px;
}
.wrap-region .point-region .point span{
    font-size: 24px;
    color: #fdb813;
    margin-right: 20px;
}
/*到期*/
.wrap-region .date-box{
	display: flex;
    align-items: center;
    justify-content: center;
    color: #999999;
}
.wrap-region .date-box .date{
	padding: 5px 10px;
}
.wrap-region .date-box .date span{
	margin-left: 5px;
    color: #333333;
}
.wrap-region .search {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*==============================Media==============================*/

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

@media (max-width: 1199px) {
    .wrap-region.mem .search {width: 100%!important;}
	.wrap-region .status-search,.wrap-region .search {
	    width: 100%;
	    margin-bottom: 15px;
	}
	.wrap-region .status-search label {
	    margin: 0px ;
	}
	.wrap-region .ship-status {
	    margin: 0 0 15px;
	}
	.wrap-region .cancel {
	    margin: 0 0 15px;
	}
}
@media (max-width: 680px) {
.wrap-region.mem,.wrap-region.mem .search {
	display: flex;
	flex-direction:column;
}
.wrap-region.mem .search {
	display: block;
	text-align: center;
}

.wrap-region.mem .search .flatpickr input{
	border-radius: 0px;
	min-height: 40px;
	max-width: 100%!important;
}
.wrap-region.mem .search .flatpickr input {
    width: 100%!important;
}
.wrap-region.mem .search .flatpickr{width:100%; margin:10px 0px 10px 0px;}
.wrap-region.mem .search .flatpickr input{width: 100%;}
.wrap-region.mem .search button{
	min-width: 100px;
	float: right;
}
.wrap-region.mem .ship-status{width: 100%!important;}
.wrap-region.mem .col-form-label{width: 100%!important;}
.wrap-region.mem .ship-status button {
width: 48%;margin:10px 0px 0px 0px;
}
.wrap-region.mem .ship-status button:nth-child(2n) {
margin-right: 2%;

}
.section.sidebar.num-1 .wrap-region.mem .wrap-block .itemBox{
    padding: 10px ;
    text-align: left;
}
.itemBox.w40{width: 100%;}
.itemBox.w12,.itemBox.w15{width: 50%;}
.section.sidebar.num-1 .wrap-region.mem .wrap-block .itemBox.w18{width: 50%;text-align: right;}
.section.sidebar.num-1 .wrap-region.mem .wrap-block .itemBox.w10{width: 100%;}
.section.sidebar.num-1 .wrap-region.mem .wrap-block .itemBox.w30,.section.sidebar.num-1 .wrap-region.mem .wrap-block .itemBox.w20{width: 100%;}
.section.sidebar.num-1 .wrap-region.mem .wrap-block .itemBox.w15 .success,.section.sidebar.num-1 .wrap-region.mem .wrap-block .itemBox.w15 .null{
	width: 50%;
	text-align: right;
	float: right;
}
.section.sidebar.num-1 .wrap-block .wrap-item:nth-child(odd){
	background:#f3f4f5;
}
.section.sidebar.num-1 .wrap-block .wrap-item{
    border-top: 1px solid #eeeeee;


}
.m_spti{float: left; color:#999;display:block;}
.wrap-region .buyerInfo{width: 100%; padding:20px;}
.itemBox.w60.product-block{width: 100%;}
.wrap-block.barCode .buy-item .quarter {
    width: 30%;}
.wrap-block.barCode .buy-item .threeQuarter {
    width: 70%;}
.section.sidebar.num-1 .wrap-block{
	margin-top:20px;
}
.section.order.num-1 .wrap-region .buyerInfo{width: 100%; padding:0px;}
.wrap-region.mem .search {width: 100%;}
.wrap-region.mem .status-search{width: 100%;}
.wrap-region.mem .status-search label{ margin-left:0px;}
}
/*==============================mem_order_mgr end==============================*/
/*==============================promotions==============================*/
/*==============================活動商品選取==============================*/
.promotions_choose{
	width: 100%;
	margin: 30px  0px;
	border: 1px solid #fdb813;
}
.promotions_choose .promotions-bar{
	padding: 20px 15px;
	border-bottom: 1px solid #dddddd;
	display: flex;
	align-items: center;
}
/*條件區塊*/
.promotions-bar .title-block{
	width: calc(100% - 130px);
	font-size: 16px;
	margin-bottom: 0px;
}
.promotions-bar .title-block>div{
	margin: 10px 0;
}
/*條件項*/
.promotions-bar .title-block .require-box .result{
	margin: 0 5px;
	color: #ff5151;
}
.promotions-bar .title-block .require-box span{
    font-weight: bold;
    margin: 0 5px;
}
.promotions-bar .title-block .require-box .require-red,
.promotions-bar .title-block .require-box .result-red{
    color: #da0933;
}
.promotions-bar .title-block .require-box .require-green,
.promotions-bar .title-block .require-box .result-green{
    color: #04a978;
}
/*結果項*/
.promotions-bar .title-block .total-box .through{
	color: #333333;
	text-decoration: line-through;
	margin-right: 10px;
}
.promotions-bar .title-block label{
    margin: 0;
    font-weight: inherit;
}
.promotions-bar .title-block .require-box .tip{
    margin-left: 10px;
    color:#ff5151;display: initial;
}
.promotions-bar .title-block label.discount{
	margin-left: 10px;
	color:#ff5151;
}
.promotions-bar .title-block .total-box span{
	margin-left: 5px;
}
/*按鈕區塊*/
.promotions-bar .button-region{
	width: 130px;
}
.promotions-bar .button-region button{
	width: 100%;
}


/*==============================活動商品項==============================*/
.promotions-item .wrap-item{
    width: 100%;
    font-size: 14px;
    padding: 20px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #eeeeee;
    color: #333333;
}
.promotions-item .wrap-item .itemBox{
    padding: 0 15px;
    text-align: center;
}
.promotions-item .wrap-item .itemBox .text-box{
    text-align: center;
}
.promotions-item .wrap-item a{
    text-decoration: none;
    color: #333333;
}
.promotions-item .wrap-item a:hover{
    text-decoration: none;
    color: #fdb813;
}
@media screen and (max-width:680px) {
.promotions-item .wrap-item .itemBox .text-box{text-align: right;}
.promotions-item .itemBox.w50{ margin-bottom:20px;}
.promotions-item .itemBox.w22{ width:50%}
.promotions-item .itemBox.w20{width:50%; text-align: right;}
}
/*刪除icon按鈕*/
.promotions-item .itemBox .iconBox>svg{
    width: 100%;
    height: auto;
    max-width: 38px;
    max-height: 38px;
    color: #fdb813;
}
.promotions-item .itemBox .iconBox>svg:hover{
    color: #fd9713;
}

/*select*/
.promotions-item .select-style{
    width: 100%;
    height: 35px;
    font-size: 14px;
    padding: 0 12px;
    color: #ababab;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
/*==============================================區塊／產品／Num1 (類別頁商品列表)==============================================*/

/*單個商品區*/

.promotions-product .section.product.num-1 .product-block{width: 25%; padding: 20px; } 
@media screen and (max-width: 1024px) {.promotions-product .section.product.num-1 .product-block{width: calc(100% / 3);}}
@media screen and (max-width: 768px) {.promotions-product .section.product.num-1 .product-block{width: calc(100% / 2);}}
.section.product.num-1 .product-block{
    width: calc(100% / 3);
}
/*商品圖片*/
.mall .category-content .promotions-product .section.product.num-1 .product-block>a>.imgBox{
height: 300px;height: auto;
}
.mem .category-content .promotions-product .section.product.num-1 .product-block>a>.imgBox{height: 200px;height: auto;}
.mem .section.product.num-1 .product-block {position: relative;}

.category-content .promotions-product .section.product.num-1 .product-block>a>.imgBox{height: 250px;height: auto;}

@media screen and (max-width: 1720px) {
.mall .category-content .promotions-product .section.product.num-1 .product-block>a>.imgBox{height: 238.25px;height: auto;}
.category-content .promotions-product .section.product.num-1 .product-block>a>.imgBox{height: 250px;height: auto;}   
#vm .recommend-item .product-block .imgBox {height: 231px;}  
}
@media screen and (max-width: 1024px) {
.mall .category-content .promotions-product .section.product.num-1 .product-block>a>.imgBox{height: 230px;height: auto;}   
.category-content .promotions-product .section.product.num-1 .product-block>a>.imgBox{height: 273.33px;height: auto;}   
}
@media screen and (max-width: 768px) {
.category-content .promotions-product .section.product.num-1 .product-block>a>.imgBox{height: 273.33px;height: auto;}   
}
@media screen and (max-width: 680px) {
.mall .category-content .promotions-product .section.product.num-1 .product-block>a>.imgBox{height: 140px;height: auto;}   
.category-content .promotions-product .section.product.num-1 .product-block>a>.imgBox{height: 140px;height: auto;}
.mem .category-content .promotions-product .section.product.num-1 .product-block>a>.imgBox{height:140px;height: auto;} 
.promotions-product {margin: 0px -15px;}  
}
.section.product.num-1 .product-block>a>.imgBox{
    height: 195px;height: auto;
}
.section.product.num-1 .product-block .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;	background:#FFF;
}
/*商品名稱*/
.section.product.num-1 .product-block .descBox{
    margin: 15px 0;
    height: 48px;
    line-height: 24px;
}
/*商品按鈕*/
.section.product.num-1 .product-block .button-box{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section.product.num-1 .product-block .button-box button{
    width: 100%;
}
/*商品售價列*/
.section.product.num-1 .product-block .price-box{
    justify-content: center;
    margin: 15px 0;
    height: 20px;
}
.section.product.num-1 .product-block .price-box span {
    color: #999999;
}
.section.product.num-1 .product-block .price-box .price-sub{
    text-decoration:none;
}
.section.product.num-1 .product-block .price-box .track{
	float: right; font-size: 16px; 
}
.section.product.num-1 .product-block .price-box .track a{
	color: #999999;
}
.section.product.num-1 .product-block .price-box .track a{color:#fdb813;}
/*商品輔助*/
.section.product.num-1 .product-block .sub-box{
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    word-wrap: break-word;
    height: 48px;
    margin: 15px 0;
    padding: 0px 8px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #999999;
}

/*售完商品*/
.section.product.num-1 .product-block.soldOut .label-box{
    display: block;
}


/*==============================================Tab 標籤==============================================*/
.wrap-region .sort-region .nav-tabs{
    border: none;
    margin-bottom: 20px;
    padding: 0 20px;
}
.wrap-region .sort-region .nav-tabs li{
    margin-right: 20px;
}
.wrap-region .sort-region .nav-tabs li.active>a, 
.wrap-region .sort-region .nav-tabs li.active>a:focus, 
.wrap-region .sort-region .nav-tabs li.active>a:hover{
    border:none;
    margin: 0px;
    border-radius: 0px;
}
.wrap-region .sort-region .nav-tabs li.all a{
    border-color: #fdb813;
    margin: 0px;
    border-radius: 0px;
    color: #fdb813;
    background-color: #ffffff;
}
.wrap-region .sort-region .nav-tabs li.all.active a, 
.wrap-region .sort-region .nav-tabs li.all a:focus, 
.wrap-region .sort-region .nav-tabs li.all a:hover{
    border:1px solid #fdb813;
    margin: 0px;
    border-radius: 0px;
    color: #ffffff;
    background-color: #fdb813;
}
.wrap-region .sort-region .nav-tabs li.redProd a{
    border-color: #da0933;
    margin: 0px;
    border-radius: 0px;
    color: #da0933;
    background-color: #ffffff;
}
.wrap-region .sort-region .nav-tabs li.redProd.active a, 
.wrap-region .sort-region .nav-tabs li.redProd a:focus, 
.wrap-region .sort-region .nav-tabs li.redProd a:hover{
    border:1px solid #da0933;
    margin: 0px;
    border-radius: 0px;
    color: #ffffff;
    background-color: #da0933;
}
.wrap-region .sort-region .nav-tabs li.greenProd a{
    border-color: #04a978;
    margin: 0px;
    border-radius: 0px;
    color: #04a978;
    background-color: #ffffff;
}
.wrap-region .sort-region .nav-tabs li.greenProd.active a, 
.wrap-region .sort-region .nav-tabs li.greenProd a:focus, 
.wrap-region .sort-region .nav-tabs li.greenProd a:hover{
    border:1px solid #04a978;
    margin: 0px;
    border-radius: 0px;
    color: #ffffff;
    background-color: #04a978;
}
/*==============================Media==============================*/

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

@media (max-width: 1199px) {

/*==============================================區塊／產品／Num1 (類別頁商品列表)==============================================*/

	/*單個商品區*/
	.section.product.num-1 .product-block{
    	padding: 15px;padding: 0px 15px 0px 0px;
	}
	/*.section.product.num-1 .product-block:nth-child(3n){padding: 0px;}
	.section.product.num-1 .product-block:nth-child(4n){padding: 0px 15px 0px 0px;}*/
	/*商品圖片*/
	.section.product.num-1 .product-block>a>.imgBox {
	   /* height: 158.75px;height: 140px;*/
	}
	/*商品名稱*/
	.section.product.num-1 .product-block .descBox {
	    font-size: 14px;
	    margin: 10px 0;
	}
	/*商品售價列*/
	.section.product.num-1 .product-block .price-box{
	    margin: 10px 0;		
	}
	/*商品輔助*/
	.section.product.num-1 .product-block .sub-box{
		font-size: 14px;
		margin: 10px 0;
	}
	/*商品按鈕*/
	.section.product.num-1 .product-block .button-box button{
		min-height: 35px
	}

}
@media (max-width: 680px) {
.promotions_choose .promotions-bar{
	padding:15px;
	border-bottom: 1px solid #dddddd;
	display: flex;
	align-items: center; flex-direction:  column  ;
}
.promotions-bar .title-block{
	width: 100%;
	font-size: 16px;
	margin-bottom: 0px;
}
.promotions-bar .button-region{
	width: 100%;margin: 0px auto 0px;
}
.promotions .itemBox.w50.product-block{width: 100%;}
.normal_product .itemBox.w6{width: 20%;}
.normal_product .itemBox.w50.product-block{width: 80%;}
.normal_product .itemBox.w18{width: 30%;}

.beans_product .itemBox.w50.product-block{width: 80%;}
.beans_product .itemBox.w6{width: 20%;}
.beans_product .itemBox.w18{width: 30%;}
.promotions_product .itemBox.w50.product-block{width: 80%; }
.promotions_product .itemBox.w6{width: 20%;}
.promotions_product .itemBox.w18{width: 100%;}
/*.promotions-product .section.product.num-1 .product-block{width: calc(100% / 1);}*/
.promotions_choose .itemBox.w50.product-block{width: 80%;}
.promotions_choose .itemBox.w8{width:20%;}
}
/*==============================promotions end==============================*/
/*==============================store_location==============================*/
/*內容區塊*/

/*分類區塊*/
.wrap-region .search-region {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.wrap-region .search-region .textBox{
    margin-right: 18px;
}
.wrap-region .search-region .select2-container{
    width: calc(100% / 5)!important;
    margin-left: 5px;
}
.wrap-region .search-region button{
    min-width: 100px;
    margin-left: 10px;
}
/*==============================================頁面內容==============================================*/
.wrap-block.store_location{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    min-height: 500px;
}
.wrap-block .store-region{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    min-height: 500px;
}
.wrap-block .store-region{
	width: calc(100% / 3);
	min-height: 200px;
	padding: 0 20px;
	margin-bottom: 40px;
	text-align: left;
}
/*店家圖*/
.wrap-block .store-region .imgBox{
    width: 100%;
    height: 340px;
    overflow: hidden;
}
.wrap-block .store-region .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;	background:#FFF;
}
/*店家名*/
.wrap-block .store-region .title-region{
    width: 100%;
    min-height: 70px;
    font-size: 20px;
    padding: 8px 10px 6px;
    display: flex;
}
.wrap-block .store-region .title-region .storeName {
    width: calc(100% - 30px);
}
.wrap-block .store-region .storestyle{
    color: #fdb813;
}
.wrap-block .store-region .title-region .iconBox{
    width: 30px;
    height: 30px;
    line-height: 29px;
    background-color: #fdb813;
    color: #ffffff;
    text-align: center;
}
.wrap-block .store-region .title-region a {
    color: #333333;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.wrap-block .store-region .title-region a:hover {
    color: #fdb813;
}
/*店家址*/
.wrap-block .store-region .addressBox{
	width:100%;
    font-size: 16px;
    line-height: 25px;
    height: 50px;
    padding: 0px 10px;
    margin-bottom: 15px;
    overflow: hidden;
}
/*店家電話*/
.wrap-block .store-region .telBox{
	width:100%;
    font-size: 16px;
    height: 25px;
    padding: 0px 10px;
    margin-bottom: 15px;
    overflow: hidden;
}
/*營業時間*/
.wrap-block .store-region .hoursBox{
	width:100%;
    font-size: 16px;
    line-height: 25px;
    height: 65px;
    padding: 8px 10px;
    color: #888888;
    border: 1px solid #eeeeee;
    overflow: hidden;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

/*==============================Media==============================*/
@media (max-width: 991px) {}

@media (max-width: 1199px) {


/*==============================================頁面內容==============================================*/
    /*店家圖*/
    .wrap-block .store-region .imgBox{
        height: 273px;
    }
    .wrap-block .store-region .title-region{
        font-size: 16px;
    }
}
@media (max-width: 768px) {
.wrap-block .store-region{
	width: calc(100% / 2);
	min-height: 200px;
	padding: 0 20px;
	margin-bottom: 40px;
	text-align: left;
}
}
@media (max-width: 680px) {
.wrap-region .search-region .textBox{
    margin:10px 25px 0px 0px;
}
.wrap-region .search-region .select2-container{
	width: 48%!important;
    margin: 10px 2% 10px 0px;
	float: left;
}
.wrap-region .search-region .select2-container:nth-child(3n) {
	margin-right: 0%; margin-left: 0px;
	float: right;
	background:#CCC;
}
.wrap-region .search-region button{
    min-width: 100px;
    margin-left: 10px;
}

.wrap-region .search-region {
	width: 100%;
	padding: 0;
	display: block;
}
.wrap-block .store-region{
    width: calc(100% / 1);
    min-height: 200px;
    padding: 0 0px;
    margin-bottom: 40px;
}
.wrap-region .search-region button{
    width: 100%;
    margin-left: 0px;
}
}
/*==============================store_location end==============================*/
/*==============================register==============================*/
.section.form.num-1 .twzipcode {
   display: flex;
   justify-content: space-between;
   width: 100%;margin-bottom:20px;
}
.giftTip {
    display: flex;
    align-items: center;
}

.giftTip > .title {
    padding: 3px 8px;
    margin-right: 10px;
    text-align: center;
    color: #fff;
    background-color: #FDB813;
    border-radius: 4px;
    font-size: 12px;
}
.noReached {
    color: #FF5151;
}

.reached {
    color: #FDB813;
}
/*標題*/
.titleRegion{
    padding: 50px 0 20px;
    /*border-bottom: none;*/
}
.wrap-region {
    margin-bottom: 50px;
}
.wrap-block{
	text-align: -webkit-center;
	
}
.wrap-block.register{
	display: block;	width: 100%;
	padding: 0;
	min-height: 500px;
}
/*半個區塊*/
.half-block{
	width: 50%;
	padding: 0px;
}
.half-block .halfBox{
	max-width: 550px;	width: 100%;
	margin: 0 auto;
	display: flex;
    flex-direction: column;
	align-items: center;
    justify-content: space-between;
	font-size: 16px;
	color: #333333;
	text-align: center;
}
/*輔助文字*/
.half-block .halfBox .text-box {
    font-size: 16px;
    text-align: left;
    line-height: 30px;
    width: 100%;
    margin-bottom: 20px;
    color: #999999;
}

/*==============================流程區域==============================*/
.half-block .halfBox .process-region {
    width: 100%;
    padding: 0 60px;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.half-block .halfBox .process-region .process-box{
    font-size: 20px;
    font-weight: bold;
    line-height: 46px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: solid 2px #dddddd;
    color: #dddddd;
}
.half-block .halfBox .process-region .process-box.active{
    border: solid 2px #fdb813;
    background-color: #fdb813;
    color: #ffffff;
}
.half-block .halfBox .process-region .icon-box{
	width: calc((100% - 150px) / 2);
	height: 2px;
	background-color: #dddddd;
}
 .half-block .halfBox .process-region .icon-box.active{
	background-color: #fdb813;
}

/*==============================form表==============================*/
.half-block .section.form.num-1{
	width: 100%;
}
.half-block .section.form.num-1 .form-group{
	margin: 0px;
	margin-bottom: 25px;
	width: 100%;
    text-align: left;
}
/*form內提示*/
.half-block .section.form.num-1 .form-group.tip{
	padding: 0 15px;
	line-height: 30px;
}
/*form內按鈕*/
.half-block .section.form.num-1 .form-group.button{
	text-align: right;
    padding: 0 15px;
}
.half-block .section.form.num-1 .form-group.button button{
	width: calc(50% - 6px);
}
.half-block .section.form.num-1 .form-group input{
	border-radius: 0px;
	min-height: 40px;
	width: 100%;
}
.half-block .section.form.num-1 .form-group label{
    font-size: 16px;
    font-weight: initial;
    text-align: left;
    min-height: 40px;
    padding: 9px 0 9px 15px;
    margin: 0px;
    color: #333333;
}
/*地址外掛*/
.twzipcode select{
	width: calc(50% - 8px);
	font-size: 14px;
    padding: 0 12px;
    margin-bottom: 0px;
    color: #ababab;
    min-height: 40px;
    line-height: 40px;
    border: 1px solid #ccc;
}
.twzipcode select:first-child{
	margin-right: 10px;
}
.twzipcode input{
	display: none;
}
/*checkbox區塊*/
.half-block .section.form.num-1 .form-group.check .form-item{
    /*padding: 0 15px;*/
	text-align: left;
}
.register .half-block .section.form.num-1 .form-group.check .form-item{padding: 0 15px;}
.half-block .section.form.num-1 .form-group.check label{
    font-size: 14px;
    margin: 0 0 0 10px;
    padding: 9px 0;
    color: #999999;
    font-weight: initial;
    transform: translateY(1px);
}
.half-block .section.form.num-1 .form-group.check a{
	color: #4285f4;
}
.half-block .section.form.num-1 .form-group.notice{
    padding: 0 15px;
    font-size: 14px;
    color: #ff5151;
}

/*==============================按鈕區塊==============================*/
.half-block .halfBox .button-region{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.half-block .halfBox .button-region.spaceBetween{
    justify-content: space-between;
}
.half-block .halfBox .button-region button{
	width: calc(50% - 6px);
}
.modal-footer .button-region{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.modal-footer .button-region.spaceBetween{
    justify-content: space-between;
}
.modal-footer .button-region button{
	width: calc(50% - 6px);
}
/*==============================Modal／02-中尺寸-form、圖文、一個按鈕==============================*/
.section.modal.num-2 .tip-region{
    color: #333333;
}


/*==============================Media==============================*/

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

@media (max-width: 1199px) {
    /*半個區塊*/
    .half-block{
        width: 100%;
    }
/*==============================內容區塊==============================*/
	/*輔助文字*/
	.half-block .halfBox .text-box {
	    font-size: 14px;
	    line-height: 28px;
	}

/*==============================form表==============================*/
	.half-block .section.form.num-1 .form-group label {
	    font-size: 14px;
	}
}

/*==============================register end==============================*/
/*==============================subscribe_detail==============================*/
ul {
   list-style: none;
   margin-bottom: 0;
}
.wrap-region.mem .buyerInfo{ padding:15px;}
.subscribeDetail {
   border-bottom: 1px solid #DDDDDD;
}

.subscribeDetail > .detailTop {
   padding: 15px;
}

.subscribeDetail > .detailTop {
   border-bottom: 1px solid #DDDDDD;
}

.itemColumn {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
}

.itemColumn > div:first-child {
   flex: 0 0 60%;
}

.itemColumn > div:not(:first-child) {
   flex: 0 0 13.33%;
   text-align: center;
}

.itemColumn > .first {
   display: flex;
   align-items: center;
}

.itemColumn > .first > img {
   display: block;
   width: 80px;
   height: 80px;
}

.itemColumn > .first > .itemData {
   padding-left: 10px;	text-align: left;
}

.itemData > .itemTitle {
   font-size: 18px;
   margin: 0;
   margin-bottom: 8px;
}

.itemData > .itemPeriod {
   color: #999999;
   margin-bottom: 0;
   transform: translateX(-5px);
}

.itemList {
	padding-left: 15px;
	border-left: 2px solid #FDB813;
	text-align: left;
	line-height: 30px;
}
.itemList > li:last-child {
   margin-bottom: 0;
}

.itemList > li > span {
   margin-right: 12px;
}

.itemList > li > .multiply {
   color: #999999;
}
.timeSchedule {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 15px;
   border-bottom: 1px solid #DDDDDD;
   font-size: 14px;
   font-weight: bold;
}

.timeSchedule .doing > span {
   color: #1AA23A;
}

.timeSchedule .stop > span {
   color: #FF5151;
}

.shippingHead {
   display: flex;
   align-items: center;
   font-size: 12px;
   padding: 15px;
   font-weight: bold;
}

.shippingHead > div:first-child {
	flex: 0 0 50%;
	text-align: left;
}

.shippingHead > div:not(:first-child) {
   flex: 1 0 0;
   text-align: right;
}

.shippingList {
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 15px;
}

.shippingList > li {
   display: flex;
   align-items: center;
   margin-bottom: 15px;
   font-size: 12px;
}

.shippingList > li:last-child {
   margin-bottom: 0;
}

.shippingList > li > div:first-child {
   flex: 0 0 50%;
   margin-bottom: 0;
}

.shippingList > li > div:not(:first-child) {
   flex: 1 0 0;
   text-align: right;
}

.shippingFirst {
   display: flex;
   align-items: center;
}

.shippingFirst > * {
   margin-right: 10px;
}

.shippingFirst > *:last-child {
   margin-right: 0px;
}

.shippingFirst > .fa-truck-moving {
   font-size: 18px;
}

.shippingFirst > .shippingNumber {
   color: #999999;
}

.shippingFirst > .shippingStatus {
   padding: 3px 14px;
   border-radius: 100px;
   color: #fff;
}

.shippingFirst > .shipped {
   background-color: #FDB813;
}

.shippingFirst > .noShip {
   background-color: #FF5151;
}
@media screen and (max-width: 680px) {
.wrap-region.mem .wrap-item .m_spti{display: block;width:100%;}
.shippingHead {display: none;}
.itemColumn {
    margin-bottom: 20px;
	display: block;

}
.itemColumn > div:first-child {
   width:100%;
}
.itemColumn > div:not(:first-child) {
	width: 33.33%;
	float: left;
	padding:10px 0px;	text-align: right;	
}

.itemList {
	padding-left: 15px;
	border-left: 2px solid #FDB813;
	margin-top: 50px;
	text-align: left;
}
.shippingList > li {width:100%;display: block; }
.shippingList > li:before,.shippingList > li:after {display:table;line-height:0;content:"";}
.shippingList > li:after {clear:both;}
.shippingList > li {*zoom: 1; /*forIE*/}
.shippingList > li> div{
	padding: 10px 0px;
	display: inline-block;
}
.shippingList > li > div:first-child {
   width:100%;
   margin-bottom: 0;
}
.shippingList > li > div:not(:first-child) {
   width:50%;float: left;
   text-align: right;	
}
.shippingList > li > div:nth-child(2) { padding-right:20px;}
.shippingList > li > div:last-child{width:100%;}
}

.payStatus {
   width: 72px;
   height: 28px;
   line-height: 28px;
   color: #fff;
   text-align: center;
   display: inline-block;
}

.payStatus.paid {
   background-color: #DDDDDD;
}

.payStatus.failPay {
   background-color: #FF5151;
}

.payStatus.unpaid {
   background-color: #fff;
   color: #FDB813;
   border: 1px solid #FDB813;
   line-height: 26px;
}
/*==============================subscribe_detail end==============================*/
/*==============================prod_detailView==============================*/
/*======================================================================商品詳細頁面======================================================================*/
.prodDetail-region{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
/*商品名稱*/
.prodDetail-region .prodName{
    font-size: 24px;
    width: 100%;
    margin: 50px 0 35px; 
    color: #333333;
}

/*==============================================商品圖區塊==============================================*/
/* 商品大圖 */
.imgSlider{
    width: 400px;
}
.imgSlider .slider-for {
    margin-bottom: 10px;
}
.imgSlider .slider-for div{
    width: 100%;
    height: 100%;
}
.imgSlider .slider-for img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.imgSlider .slick-slide:focus {
  outline: none;
}

/*商品nav小圖*/
.imgSlider .slider-nav .slick-slide {
    margin: 5px;
}
.imgSlider .slider-nav img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.slider-nav {
  cursor: pointer;
}

/*==============================================商品詳細區塊==============================================*/
.prodInfo-region{
    width: calc(100% - 425px);
	width: calc(100% - 100px);
	    width: 100%;	
    margin-left: 0px;
}
/*商品名稱*/
.prodInfo-region .title-region{
    font-size: 24px;
    margin: 20px 0;
    color: #333333;
}
/*商品輔助詳細區*/
.prodInfo-region .sub-region{
    font-size: 16px;
    color: #333333;
}
.prodInfo-region .sub-region ul{
    font-size: 16px;
    padding: 0;
    margin: 0 0 50px 0;
    color: #fdb813;
    list-style: none;
}
.prodInfo-region .sub-region li{
    line-height: 25px;
    padding: 0 0 0 30px;
    margin-bottom: 20px;
    position: relative;
    color: #333333;
}
.prodInfo-region .sub-region li:before{
    content: "●";
    color: #f1a100;
    position: absolute;
    left: 0px;
    transform: scale(0.6);
}
/*磨豆方式區*/
.prodInfo-region .sort-region{
    font-size: 16px;
    width: 100%;
    margin-bottom: 35px;
    display: flex;
}
.prodInfo-region .sort-region label{
    width: 110px;
    margin: 0px;
    font-weight: initial;
}
.prodInfo-region .sort-region .label-block{
    width: calc(100% - 110px);
}
.prodInfo-region .sort-region .label-block .labelBox{
    border: 1px solid #999999;
    color: #999999;
    padding: 8px 12px;
    border-radius: 0px;
    margin: 0  10px 15px 0;
    display: inline-block;
    cursor: pointer;
}
.prodInfo-region .sort-region .label-block .labelBox:hover{
    border: 1px solid #fdb813;
    color: #fdb813;
}
.prodInfo-region .sort-region .label-block .active.labelBox{
    border: 1px solid #fdb813;
    color: #fdb813;
}

/*選取區塊*/
.prodInfo-region .choose-region{
    width: 100%;
    display: flex;
    /*align-items: center;*/
    flex-wrap: wrap;
}
/*商品價錢*/
.prodInfo-region .price-box{
    font-size: 24px;
    width: 100%;
    margin-bottom: 20px;
    color: #333333;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}
.prodInfo-region .price-box span{
    margin-left: 12px;
}
.prodInfo-region .price-box .price-sub{
    font-size: 16px;
    margin-left: 15px;
    color: #999999;
    text-decoration: line-through;
}
/*下拉*/
.prodInfo-region .num-box{
    width: 42%;
    margin-right: 3%;
}
.prodInfo-region .num-box .select2-selection--single{
    border-radius: 0px;
}
.prodInfo-region .num-box .select2-container{
    width: 100% !important;
}
.plus-region .num-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.plus-region .num-box .beans{width: 140%; margin-left:2%}
@media screen and (max-width: 680px) {

}
/*商品按鈕區塊*/
.prodInfo-region .button-region{
    width: 55%;
    display: flex;
    align-items: center;
}
.prodInfo-region .button-region button{
    font-size: 15px;
    width: 50%;
    height: 40px;
    margin-left: 12px;
    padding: 0px;
}
.prodInfo-region .button-region .orange-btn:hover,
.prodInfo-region .button-region .orange-btn:focus{
    background: #fd9713;
    border-color: #fd9713;
}
.prodInfo-region .button-region .white-btn:hover,
.prodInfo-region .button-region .white-btn:focus{
    border: 1px solid #fdb813;
    background: rgb(239,155,0);
    background: -moz-linear-gradient(top, rgba(239,155,0,1) 0%, rgba(253,184,19,1) 100%);
    background: -webkit-linear-gradient(top, rgba(239,155,0,1) 0%,rgba(253,184,19,1) 100%);
    background: linear-gradient(to bottom, rgba(239,155,0,1) 0%,rgba(253,184,19,1) 100%);
    background-clip: padding-box;
}
@media screen and (max-width: 768px) {
.prodInfo-region{
    width: 100%; margin-right: 0%;}
}
@media screen and (max-width: 680px) {
.prodInfo-region .num-box{
    width: 100%;
    margin-right: 0%;
}
.prodInfo-region{
    width: 100%;
    margin-left: 0px;
}
.prodInfo-region .button-region{
	width: 100%;
	display: block;
	align-items: center;
	margin-top: 20px;
}
.prodInfo-region .button-region button{
	width: 32%; font-size:15px;
	margin-left: 0px;
	margin-right: 2%;
	float: left;
}
.prodInfo-region .button-region button:last-child{
margin-right: 0%;

}
}
/*==============================prod_detailView end==============================*/
/*==============================投資人專區==============================*/
/* ------------------------------------------
 *  table
 * ----------------------------------------- */
.page-body .title{margin-bottom:20px;}
.section.sidebar.num-1.investors .wrap-region .status-search {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35%;

}
 .section.sidebar.num-1.investors .wrap-region{
    width: calc(100% - 200px);
    margin:20px 0px 20px 0px;
    padding: 0px;
}
 .section.sidebar.num-1.investors .wrap-region .status-search label {
    font-weight: inherit;
    margin: 0px 0px 0 0px;
    min-width: 110px;
}
 .announcement-table{width: 100%!important;}
 .announcement-table td:nth-child(1), .announcement-table td:nth-child(3) {
  width: 15%; }
.announcement-table td:nth-child(2) {
  width: 70%;
  text-align: left; }
.btn-style {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none !important;
  font-size: 16px;
  line-height: 1;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  transition-property: color;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  cursor: pointer; }
  .btn-style.fill-lightBlue {
    background-color: #53C3F1;
    color: #ffffff;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color; }
    .min-md-size .btn-style.fill-lightBlue:hover {
      background-color: #1D2089; }
  .btn-style.border-white {
    border: 1px solid #ffffff;
    color: #ffffff; }
  .btn-style.border-black {
    border: 1px solid #000000;
    color: #000000; }
  .btn-style.rounded {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 200px;
    height: 65px;
    padding: 0 50px;
    border-radius: 65px; }
    .max-sm-size .btn-style.rounded {
      min-width: 0;
      height: 55px;
      border-radius: 55px; }
  .btn-style.circle {
    width: 50px;
    height: 50px;
    border-radius: 50%; }

.download-table {width: 100%; }
  .download-table td, .download-table th {
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0.05em;
    line-height: 1.5;
    border: 1px solid #E3E3E3; }
    .download-table td:first-child, .download-table th:first-child {
      border-left: none; }
    .download-table td:last-child, .download-table th:last-child {
      border-right: none; }
  .download-table thead th {
    padding: 20px 15px;
    font-weight: 700;
    background-color: #F9F9F9;
    border-top: 3px solid #000000;
    border-bottom: 1px solid #000000; }
    .download-table thead th:first-child {
      border-top-color: #f6a800; }
    .max-xs-size .download-table thead th {
      padding: 20px 10px; }
  .download-table tbody td {
    padding: 15px; }
    .max-xs-size .download-table tbody td {
      padding: 15px 10px; }
    .download-table tbody td a, .download-table tbody td img {
      display: inline-block;
      vertical-align: top; }
    .download-table tbody td a {
      margin: 0 1em; }
      .max-sm-size .download-table tbody td a {
        display: block;
        margin: 0; }
      .download-table tbody td a.download-link {
        width: max-content;
        white-space: nowrap; }
  .download-table tbody tr:nth-child(even) td {
    background-color: #F9F9F9; }
.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1; }
  .pagination a:hover {
    color: #727171; }
  .pagination .pagi-arrow {
    display: block;
    font-size: 22px; }
    .pagination .pagi-arrow i {
      display: block; }
  .pagination .pagi-jump {
    padding: 0 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;
    font-size: 16px;
    color: #808080; }
    .pagination .pagi-jump li + li {
      margin-left: 35px; }
      .max-sm-size .pagination .pagi-jump li + li {
        margin-left: 20px; }
    .pagination .pagi-jump li.current a {
      color: #000000; }
@media screen and (max-width: 680px) {
.section.sidebar.num-1.investors .wrap-region .status-search {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;

}
.announcement-table td:nth-child(1), .announcement-table td:nth-child(3){width: 20%; }
.announcement-table td:nth-child(2){width: 60%;}
.section.sidebar.num-1.investors .wrap-region{
    width:100%;
    margin-left: 0px; 
    padding: 0px;
}
}
/* -------------------------------------------
 *  keyframes
 * ------------------------------------------ */
@-webkit-keyframes jump {
  0% {
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@-moz-keyframes jump {
  0% {
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@-o-keyframes jump {
  0% {
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@-ms-keyframes jump {
  0% {
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes jump {
  0% {
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes fadeEffect {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeEffect {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fadeEffect {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes fadeEffect {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeEffect {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
	
	.system-table td {
  padding: 30px 45px;
  line-height: 2;
  letter-spacing: 0.05em;
  border-top: 2px solid #000000; }
  .max-md-size .system-table td {
    padding: 15px 25px; }
  .max-sm-size .system-table td {
    padding: 10px; }
  .system-table td:first-child {
    width: 25%;
    border-top: 3px solid #fdb813;
    font-weight: 700;
    text-align: center; }
  .system-table td ol {
    list-style-type: none;
    margin: 0;
    padding-left: 2em; }
    .system-table td ol .list-number {
      display: inline-block;
      width: 2em;
      margin-left: -2em; }
    .system-table td ol li {
      margin: 0.5em 0; }
.system-table tr:last-child td {
  border-bottom: 1px solid #E3E3E3; }
.max-xs-size .system-table tr, .max-xs-size .system-table td {
  display: block;
  width: 100%; }

.stock-table th, .stock-table td {
  width: 20%; }
/*==============================投資人專區 end==============================*/
/*==============================result404==============================*/
.result404{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-60%);
}
/*錯誤圖*/
.result404 .img-box{
    width: 220px;
    margin-right: 90px;
}
.result404 .img-box img{
    width: 100%;
    height: auto;
}
/*文字區*/
.result404 .text-region{
    width: 280px;
    text-align: center;
}
.result404 .text-region .text-box{
    font-size: 35px;
    color: #fdb813;
    margin-bottom: 35px;
}
.result404 .text-region .sub-box{
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 35px;
    color: #333333;
}
.result404 .button-region{
    width: 100%;
    font-size: 16px;
    text-align: center;
    color: #333333;
}
.result404 .button-region button{
    width: 180px; font-size: 16px;
    height: 40px;
}

/*============================================================Media============================================================*/

@media (max-width: 767px) {
    .result404 .img-box {
        width: 150px;
        margin-right: 20px;
    }
    .result404 .text-region {
        width: 260px;
        text-align: center;
    }
    .result404 .text-region .text-box {
        font-size: 30px;
        color: #fdb813;
        margin-bottom: 20px;
    }
    .result404 .text-region .sub-box {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .result404 .img-box {
        margin: 25px 0;
    }
}
/*==============================result404 end==============================*/
/*==============================組織圖==============================*/
.page-body .article-content .container, .page-body .article-foot .container {
  max-width: 900px; }
.page-body .article-content {
  padding-bottom: 55px; }
  .max-xs-size .page-body .article-content {
    padding-bottom: 25px; }
.page-body { width:100%;}

.page-body .stock-section{ width:100%; margin-top:30px;}
.page-body .article-foot {
  background-color: #F3F3F3;
  padding-bottom: 20px; }
  .page-body .article-foot a:hover {
    color: #727171; }
  .page-body .article-foot .article-foot-share {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 0;
    font-size: 16px;
    line-height: 1;
    text-align: center; }
    .page-body .article-foot .article-foot-share .a2a_kit a {
      display: inline-block;
      float: none;
      margin: 0 0.5em; }
  .page-body .article-foot .article-foot-nav {
    position: relative;
    height: 145px;
    border-top: 1px solid #D4D4D4; }
    .max-sm-size .page-body .article-foot .article-foot-nav {
      height: 75px; }
    .page-body .article-foot .article-foot-nav > div {
      position: absolute;
      top: 0;
      bottom: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .page-body .article-foot .article-foot-nav .back {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      left: calc(50% - 12px); }
      .page-body .article-foot .article-foot-nav .back::before, .page-body .article-foot .article-foot-nav .back::after {
        content: "";
        display: block;
        width: 1px;
        height: 35px;
        background-color: #D4D4D4; }
      .max-sm-size .page-body .article-foot .article-foot-nav .back {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .max-sm-size .page-body .article-foot .article-foot-nav .back::before, .max-sm-size .page-body .article-foot .article-foot-nav .back::after {
          display: none; }
      .page-body .article-foot .article-foot-nav .back a {
        display: block;
        font-size: 24px;
        line-height: 1; }
    .page-body .article-foot .article-foot-nav .navigate {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      max-width: 300px; }
      .page-body .article-foot .article-foot-nav .navigate a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
        .max-sm-size .page-body .article-foot .article-foot-nav .navigate a {
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
        .page-body .article-foot .article-foot-nav .navigate a .arrow {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          width: 50px;
          height: 50px;
          border: 1px solid #000000;
          border-radius: 50%;
          -moz-transition-property: color, background-color, border-color;
          -o-transition-property: color, background-color, border-color;
          -webkit-transition-property: color, background-color, border-color;
          transition-property: color, background-color, border-color;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
          -moz-transition-timing-function: ease;
          -o-transition-timing-function: ease;
          -webkit-transition-timing-function: ease;
          transition-timing-function: ease; }
          .max-sm-size .page-body .article-foot .article-foot-nav .navigate a .arrow {
            width: 35px;
            height: 35px; }
          .max-xs-size .page-body .article-foot .article-foot-nav .navigate a .arrow {
            width: 25px;
            height: 25px; }
        .page-body .article-foot .article-foot-nav .navigate a .text {
          width: calc(100% - 65px);
          font-size: 16px; }
          .page-body .article-foot .article-foot-nav .navigate a .text .date {
            margin-bottom: 5px;
            font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif; }
          .max-sm-size .page-body .article-foot .article-foot-nav .navigate a .text {
            width: auto; }
            .max-sm-size .page-body .article-foot .article-foot-nav .navigate a .text p {
              display: none; }
            .max-sm-size .page-body .article-foot .article-foot-nav .navigate a .text::before {
              white-space: nowrap; }
          .max-xs-size .page-body .article-foot .article-foot-nav .navigate a .text::before {
            font-size: 15px; }
        .page-body .article-foot .article-foot-nav .navigate a:hover .arrow {
          color: #ffffff;
          background-color: #f6a800;
          border-color: #f6a800; }
        .page-body .article-foot .article-foot-nav .navigate a:hover .text {
          color: #f6a800; }
      .page-body .article-foot .article-foot-nav .navigate.prev {
        left: 0; }
        .page-body .article-foot .article-foot-nav .navigate.prev a {
          text-align: left; }
          .max-sm-size .page-body .article-foot .article-foot-nav .navigate.prev a .text::before {
            content: "上一篇";
            margin-left: 1em; }
      .page-body .article-foot .article-foot-nav .navigate.next {
        right: 0; }
        .page-body .article-foot .article-foot-nav .navigate.next a {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
          text-align: right; }
          .max-sm-size .page-body .article-foot .article-foot-nav .navigate.next a .text::before {
            content: "下一篇";
            margin-right: 1em; }
.section.sidebar.num-1.investors{ margin:0px;}			
.investor_window{ background:#e6e8e7;position:relative;margin-top:80px;/* display: flex;flex-wrap: wrap;width: 100%; margin-top:80px;*/}
.investor_window .pic{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0; 
	

}
.investor_window .contact_person{/*width: calc(100% / 2);text-align: center;padding:100px 8% 100px 0;*/
/*padding: 75px 0;*/padding: 3% 0;
display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
	position: relative;
    z-index: 1;


}
.investor_window .container {
    width: calc(100% - 100px);
    max-width: 1440px;
    margin: 0 auto; 
}


.investor_window .column{display: flex;flex-wrap: wrap;width: 100%;}
.investor_window .contact-info{width: calc(100% / 2);text-align: left;font-size: 18px;line-height: 30px;padding:50px 0px 30px 50px;} 
.investor_window .contact-info:first-child{border-right: 1px solid #CCC;padding:50px 50px 30px 50px;}
.investor_window .title{
	margin-bottom: 20px;
	text-align: center;
}
.investor_window .contact-info .name{
	font-size: 25px;
	line-height: 30px;
	font-weight: bold;
	margin-bottom:10px;
}
.section-inner {
	max-width: 750px;

}

.section-bg {
	overflow: hidden;
	position: relative;
	height: 100%;
	width: 100%;
	max-width: 100%;
	line-height: 0px;
}
.section-bg img {
    transition: all 0.3s linear;
    -webkit-backface-visibility: hidden;
	height:500PX;
	position: absolute;
	 -webkit-transform: translate(0%, -50%);
	transform: translate(0%,-50%);
    top: 50%;
    left: 0%;
}
 .webbg{display: block;}
 .mobilebg{
	display:none;
}
@media screen and (max-width: 1466px) {.section-bg {left: -15%; }}
@media screen and (max-width: 1280px) {.section-bg { left: -20%;  }}
@media screen and (max-width: 1200px) {.section-bg {left: -30%;  }}
@media screen and (max-width: 1130px) {.section-bg {left: -40%;  }}
@media screen and (max-width: 1050px) {.section-bg {left: -50%;  }}
@media screen and (max-width: 900px) {
.webbg{
	display: none;
}
.mobilebg{
	display: block;
}
.section-bg {left: 0%;}

.investor_window .contact_person{padding:5% 0 50% 0;}
.section-bg img {
    transition: all 0.3s linear;
    -webkit-backface-visibility: hidden;
	height:auto;width: 100%;
	position: absolute;
	 -webkit-transform: translate(-50%, 0%);
	transform: translate(-50%,0%);
    top: 33%;
    left: 50%;bottom: 0%; 
}

}

@media screen and (max-width: 680px) {
.section-bg img {
    transition: all 0.3s linear;
    -webkit-backface-visibility: hidden;
	height:auto;width: 100%;
	position: absolute;
	 -webkit-transform: translate(-50%, 0%);
	transform: translate(-50%,0%);
    top: 60%;
    left: 50%;bottom: 0%; 
}
.investor_window .title{font-size: 20px;margin-bottom: 0px;}
.investor_window .contact-info .name{font-size: 18px;}
.investor_window .contact-info{width: calc(100% / 2);text-align: left;font-size: 15px;line-height: 30px;padding:20px 0px 20px 0px;} 
.investor_window .contact-info:first-child{border-right: none;border-bottom: 1px solid #CCC;padding:20px 0px 20px 0px;}
.investor_window .column{display: flex;flex-direction:  column  ;}
.investor_window .contact-info{width: calc(100% / 1);}
.section-inner {
    max-width: 100%;
}
.investor_window .container {
    width: calc(100% - 50px);
    max-width: 100%;
    margin: 0 auto; 
}
}
/*==============================組織圖 end==============================*/

.section.sidebar.num-1.mall .category-content {width:100%!important;}
.section.sidebar.num-1.mall .category-content .section.product.num-1 .product-block{/* width:25%;padding:0px 15px; margin-right:2%*/}
/*.section.sidebar.num-1.mall .category-content .section.product.num-1 .product-block:nth-child(4n){margin-right:0%}*/
/*.section.sidebar.num-1.mall .section.product.num-1{margin: 0px -15px;}*/
@media screen and (max-width:768px) {
.section.sidebar.num-1.mall .category-content .section.product.num-1 .product-block{ width:50%;padding: 20px;}
/*.section.sidebar.num-1.mall .category-content .section.product.num-1 .product-block:nth-child(2n){margin-right:0%}*/
}
@media screen and (max-width: 680px) {
.section.sidebar.num-1.mall .category-content .section.product.num-1 .product-block{ width:50%;}
/*.section.sidebar.num-1.mall .category-content .section.product.num-1 .product-block:nth-child(2n){margin-right:0%}*/
}
.section.sidebar.num-1.mall .category-content {margin:50px 0px;}
.section.sidebar.num-1.mall .category-content h3{margin:30px 0px 20px 0px; }

/* 將子選單加入+號 */
.section.sidebar.num-1.mall li.dropdown-submenu>a{
	font-size: 95%;
	width: 100%;
	position: relative;			
		}
.section.sidebar.num-1.mall li.dropdown-submenu>a:after{
	display: block;
	content: "+";
	font-size: 150%;
	/*margin-top:-1px;
			margin-left:5px;*/
	/*overflow: scroll;*/
	position: absolute;
	right:0;
	top:-8px;
		}
		/* 選單開啟時變- */
.section.sidebar.num-1.mall li.dropdown-submenu.open .title{color: #fdb813;}

.section.sidebar.num-1.mall li.dropdown-submenu.open>a:after{
			content:"-";
		}
.section.sidebar.num-1.mall .dropdown-menu{
	width: 100%;
	overflow: hidden;
	
}		
.section.sidebar.num-1.mall .dropdown-menu{
			position:static;
			float:none;
			width:auto;
			margin-top:0;
			background-color:transparent;
			border:0;
			-webkit-box-shadow:none;
			box-shadow:none;}
.section.sidebar.num-1.mall li.open ul.dropdown-menu{
	/*height: 150px;
	overflow: hidden;z-index: 22;*/
}
.section.sidebar.num-1.mall li.open ul.dropdown-menu>li>a{
			font-size:90%;
	text-overflow : ellipsis;
        white-space : nowrap;
	
			
		}
.section.sidebar.num-1.mall li.open ul.dropdown-menu>li.open>ul.dropdown-menu{
			position: relative;
			border: 0;
			border-radius: 0;
			box-shadow: none;
		}
.section.sidebar.num-1.mall li.open ul.dropdown-menu>li.open>ul.dropdown-menu>li{
			padding-left: 30px;
		}

		/* 滑入選單時變換底色 */
.section.sidebar.num-1.mall .dropdown-menu>li>a:focus, 
.section.sidebar.num-1.mall .dropdown-menu>li>a:hover,.section.sidebar.num-1.mall .dropdown-menu>li>a.active {
		   background: rgba(246,168,0,0.2) !important;
		}
.section.sidebar.num-1.mall .dropdown-menu>li>a p{ color:#999999; margin:5px 0px;}
.section.sidebar.num-1.mall .dropdown-backdrop{position: static;top: 0;right: 0;bottom: 0;left: 0;z-index: 990}
.related_products{ margin:40px 0px;}
.related_products .products-item{
	float: left;
	width: 49%;
	margin-right: 2%;
	text-align: center;
}
.related_products .products-item:nth-child(2n){margin-right:0%}
@media screen and (max-width: 680px) {
.section.sidebar.num-1.mall li{text-align: left;}
.related_products{ margin:0px 0px;}
.related_products .products-item{
	float: left;
	width: 100%;
	text-align: center; margin-top:20px;
}
}
.products-item{width: 100%;
	position: relative;
	background: #CCC;
	text-align: center;
	height:345px;overflow: hidden;
}
@media screen and (max-width: 1366px){.products-item{height:345px;}}
@media screen and (max-width: 1024px){.products-item{height:245px;}}
@media screen and (max-width: 850px) {.products-item{height:200px;}}
@media screen and (max-width: 768px) {.products-item{height:180px;}}
@media screen and (max-width: 680px) {.products-item{height:240px;}}
@media screen and (max-width: 375px) {.products-item{height:215px;}}
@media screen and (max-width: 360px) {.products-item{height:206px;}}
@media screen and (max-width: 320px) {.products-item{height:180px;}}

.products-item .text01{
	color: #FFF;
	position: absolute;
	z-index: 22;
	bottom: 20px;
	text-align: center;
	width:100%;
}


/*slick圖片*/
.products-item  img{
    width: 100%;height:100%;
    object-fit: cover;
	/*position: absolute;
	 -webkit-transform: translate(-50%, -50%);
	transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;*/
}

/*slick底圖色塊*/
/*.products-item a{
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1;position: absolute;
}*/
.products-item:before {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 25%, rgba(35,24,21,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 25%,rgba(35,24,21,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 25%,rgba(35,24,21,1) 100%);
	opacity: 0.4;
	position: absolute;
	top: 0;
	left: 0;

}
.section.sidebar.num-1.mall .related_products .products-item a>div{position: absolute;z-index: 22;bottom: 0px; height: 100%;width:100%; left: 0%;}       
.related_products .text{
    font-size: 14px;
    text-align: center;
    height: 20px;
    width: calc(100% - 40px);
	width:100%;
    padding: 0px;
    left: 50%;
    color: #ffffff;
    transform: translateX(-50%);
    word-break: break-word;
    position: absolute;
    overflow: hidden; 
}
.related_products .text:first-child{
    bottom: 48px;
}
.related_products .text:last-child{
    bottom: 14px;
}
.section.product.num-1 .product-block .price-box .New_product.price-sub span:nth-child(2n){
	color: #000;
	display: inline-block;
}
.recommend-item .New_product.price-sub{ margin-top:10px;}
.recommend-item .New_product.price-sub span{color: #999999;}
.New_product.price-sub span{color: #000;}
.New_product.price-sub span:nth-child(1n){
	text-decoration: line-through; margin-right:20px;
}
.New_product.price-sub span:nth-child(2n){
	color: #000;
	text-decoration: none;
}
@media screen and (max-width: 680px) {
.New_product.price-sub span:nth-child(1n){
margin-right:10px;
}
}
.big .slider {
  width: 100%;
  margin: 100px auto;
 
}
.big .sliderNum-1{ background: #f3f4ef;}
.big .slick-slide {
  margin: 10px 20px;
}

.big .slick-slide img {
  width: 100%;
  transform: scale(0.95);
}

.big .slick-prev:before,
.big .slick-next:before {
  color: black;
}

.big .slick-dotted .slick-current img {
  transform: scale(1.1);
}
.menu-block{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.menu-block .menu{
display: flex;
flex-direction: column;
}
.menu{
	width: 32%;
	float: left;
	margin:0px 2% 30px 0px;
	border: 1px solid #CCC;
	
}
.menu:nth-child(3n){margin-right:0%;}


.menu ul{
	font-size: 10px;
	text-align: left;
	line-height: 25px;
	margin:10px 0px;
}
/*.menu_banner{
	margin: 0px 0px 0px 0px;
	text-align: center;
}
.menu_banner img {width: 100%;}*/
.menu_banner{text-align: center;}
.menu_banner .banner{
	overflow: hidden;
	position: relative;
	height: 400px;
	width: 100%;
	max-width: 100%;
	margin: auto;
	background-color: #E6E6E6;
}
.menu_banner .banner img {
    transition: all 0.3s linear;
    -webkit-backface-visibility: hidden;
	height: 400px;max-width:none!important;
	position: absolute;
	 -webkit-transform: translate(-50%, -50%);
	transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}

@media screen and (max-width: 680px) {.menu_banner .banner,.menu_banner .banner img {height: 200px;}}
@media screen and (max-width: 768px) {.menu_banner .banner,.menu_banner .banner img {height: 200px;}}
.menusort{ margin-bottom:20px; width:30%}
.menusort+.select2-container {
   width:30% !important;
}
.menu .ti{
	font-size: 20px;
    padding: 20px 0 0px 0; 
    text-align: center;
    color: #000000; }
.menu .ti span{
	font-size: 15px;
    color: #fdb813; }
.special_mark {
	position: relative;
}
.special_mark a{
	text-decoration: none;
}
.special_mark .iconBox{
	font-size:30px;
	position: absolute;
	top: 10px;
	right: 0px;color: #fdb813;
}
.ingredient_modal.section.modal.num-1.modal .modal-header .row{text-align: left; padding:20px 0px 10px 0px;}
.ingredient_modal.section.modal.num-1.modal .modal-header{
	text-align: left;
	padding: 0px 0px;
	font-size: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	position: relative;
}
.ingredient_modal.section.modal.num-1.modal .modal-header .name span{
	display:block;font-size: 14px;
}
.ingredient_modal.section.modal.num-1.modal .col-md-10.name{width: 75%;}
.ingredient_modal.section.modal.num-1.modal .col-md-2.ingredient_price{width: 25%;}
@media screen and (max-width: 768px) {
.ingredient_modal.section.modal.num-1.modal .col-md-10.name{width: 100%;}
.ingredient_modal.section.modal.num-1.modal .col-md-2.ingredient_price{width: 100%;}
}
.ingredient_modal.section.modal.num-1.modal .ingredient_price span{
	width: 33.33%;
	text-align: right;
	float: left;
	margin-top:20px;
}
#Meals_ingredient .ingredient_price  span{
	float: right;text-align: right;
}
.ingredient_modal.section.modal.num-1.modal .calories_box{
	width: 50%;
	text-align: left;
	float: left;
	color: #999999;

	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.ingredient_modal.section.modal.num-1.modal .modal-body{
	padding: 10px 0px 20px 0px;
	line-height: 28px;
} 
.ingredient_modal.section.modal.num-1.modal .calories li span{
	width: 33.33%;
	text-align: left;
	float: left;
}
.ingredient_modal.section.modal.num-1.modal .modal-header .close {
	
}
.ingredient_modal.section.modal.num-1.modal .modal-header .close{
	display: block;
	margin:0px;
	font-size:25px;
	opacity: .8;
	position: absolute;
	top: 5px;
	right: -10px;
}
.ingredient_modal.section.modal.num-1.modal .ti{font-size:16px; color: #000000;}
.total_content01{border-radius: 50%;width: 10px;height: 10px;background: #e90003;display: inline-block;margin-right:10px;}
.total_content03{border-radius: 50%;width: 10px;height: 10px;background: #0c9902;display: inline-block;margin-right:10px;}
.total_content02{border-radius: 50%;width: 10px;height: 10px;background: #ffc801;display: inline-block;margin-right:10px;}
.dli{clear:both;}
.dli li:before,.dli li:after {display:table;line-height:0;content:"";}
.dli li:after {clear:both;}
.dli li{*zoom: 1; /*forIE*/}
@media screen and (max-width: 990px) {
.menu{width: 49%;margin-right:2%; padding-left:15px;}
.menu:nth-child(3n){margin-right:2%;}
.menu:nth-child(2n){margin-right:0%;}
.menusort{ margin-bottom:20px; width:100%;}
}
@media screen and (max-width: 680px) {
.menu{width: 100%;margin-right:0%; padding-left:15px;}
.menu:nth-child(3n){margin-right:0%;}
.menusort{ margin-bottom:20px; width:100%;}
.ingredient_modal.section.modal.num-1.modal .modal-content{width: 100%; padding: 10px  20px;}
.ingredient_modal.section.modal.num-1.modal .modal-header .close{right: 0px;}
}

.subscription{
	padding: 10px 0px;
	width: 100%;
	font-size: 18px;
	display: block;
	z-index: 1;
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	height: 45px;
	list-style-type: none;
}
.subscription a{
	display: block;
	color: #000;
	float: left;-webkit-flex: none;
	height: 20px;
	text-decoration: none;
}
.subscription a.active{
	color: #fdb813;
	font-weight: bold;
}
#sub1,#sub2,#sub3{ padding-top:30px;}
.input-group.mb-3{
	position: relative;width: 100%;
}
.input-group-append button{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2;
}
.lih>li{ margin-bottom:50px;}
.product-block.none{
	overflow: hidden;
}
.editti01{
	color: #333333;
	font-size: 25px;
	font-weight: bold;
	margin:10px 0px;width:100%;
}
.editti{
	color: #333333;
	font-size: 20px;
	font-weight: bold;
	margin:10px 0px;width:100%;
}
.editmain{ 
	line-height: 25px;width:100%;
}
/*aiqua*/
.aiqua {
    background-color: #fff;
    max-width: 300px;
    height:auto;
    border-radius: 5px;
    overflow: hidden;
}

.aiqua > img {
  width: 100%;
}

.aiqua .aiqua__content {
  padding: 0 20px 30px;
}

.aiqua .aiqua__content .aiqua__title {
  font-family: OpenSans;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  white-space: initial;
  margin: 10px 0 20px;
  text-align:center;
}

.aiqua .aiqua__content .aiqua__message {
  font-family: "Folio", "PingFang TC", "Noto Sans TC", sans-serif;
  font-size: 20px;
  color: #000;
  white-space: initial;
  margin: 10px auto 20px;
  text-align:center;
  border:solid;
  width:60%;
}

.aiqua .aiqua__content .aiqua__button {
  font-family: OpenSans;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  line-height: 40px;
  border-radius: 5px;
  background-color: black;
  cursor: pointer;
  width:60%;
  margin:0px auto;
  border:solid black;
}

.aiqua .aiqua__content .aiqua__button a {
  color: #fff;
  text-decoration: none;
}
.aiq-1hLqpZ {
    max-width: 100%;
    max-height: 100%;
    text-align: start;
    position: relative;
    white-space: normal;
    overflow: auto;
    pointer-events: auto;
    -webkit-overflow-scrolling: touch;
}
.aiq-2aHe41 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    z-index: 999999;
    padding: 30px 10px;
    -webkit-animation-name: aiq-2oTt77;
    animation-name: aiq-2oTt77;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    pointer-events: none;
}
.aiq-LlnVqh {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    background-color: #fff;
    color: #000;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.aiq-3oE8YH {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.7);
    pointer-events: auto;
}
/*aiqua end*/
.fb_registered button.w100{ width:100%; margin-bottom:20px;}
.w100{ width:100%;}
/* iCheck plugin Minimal skin, black----------------------------------- */
.icheckbox_minimal,
.iradio_minimal {
	display: inline-block;
    *display: inline;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 18px;
	height: 18px;
	border: none;
	cursor: pointer;
	background-image: url(../img/minimal.png);
	background-repeat: no-repeat;
}

.icheckbox_minimal {
    background-position: 0 0;
}
    .icheckbox_minimal.hover {
        background-position: -20px 0;
    }
    .icheckbox_minimal.checked {
        background-position: -40px 0;
    }
    .icheckbox_minimal.disabled {
        background-position: -60px 0;
        cursor: default;
    }
    .icheckbox_minimal.checked.disabled {
        background-position: -80px 0;
    }

.iradio_minimal {
    background-position: -100px 0;
}
    .iradio_minimal.hover {
        background-position: -120px 0;
    }
    .iradio_minimal.checked {
        background-position: -140px 0;
    }
    .iradio_minimal.disabled {
        background-position: -160px 0;
        cursor: default;
    }
    .iradio_minimal.checked.disabled {
        background-position: -180px 0;
    }

/* HiDPI support */
/*
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
    .icheckbox_minimal,
    .iradio_minimal {
        background-image: url(minimal@2x.png);
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}*/
/* iCheck plugin Minimal skin, black----------------------------------- END*/
.finance-table th, .finance-table td {
  width: 23%; }
  .finance-table th:first-child, .finance-table td:first-child {
    width: 8%; }
.finance-table tbody td a.download-link {
  max-width: 180px;
  white-space: normal; }
/*.section.sidebar.num-1.investors .container{
    display: flex;
  
}
.section.sidebar.num-1.investors .contact_person.container{
	display: flex;
}*/
 .section.tabs.num-1 {
    margin: 0px 0px 0px 0px;width: 100%;
}  
.download-table th, .download-table td {
    min-width: 100px;
}
.table-wrapper {
    overflow-y: hidden;
    overflow-x: auto;
}
/* 推薦商品圖設高*/
.recommend-item .product-block  .imgBox{
    height: 248px;overflow: hidden;height: auto;
    position: relative;
}
.recommend-item .product-block .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;	background:#FFF;
}
@media screen and (max-width: 1366px) {.recommend-item .product-block .imgBox{height: 248px;height: auto;}}
@media screen and (max-width: 1024px) {.recommend-item .product-block .imgBox{height: 198px;height: auto;}}
@media screen and (max-width: 850px) {.recommend-item .product-block .imgBox{height: 143px;height: auto;}}
@media screen and (max-width: 768px) {.recommend-item .product-block .imgBox{height: 143px;height: auto;}}
@media screen and (max-width: 680px) {.recommend-item .product-block .imgBox{height: 324px;height: auto;}}
@media screen and (max-width: 375px) {.recommend-item .product-block .imgBox{height: 285px;height: auto;}}
@media screen and (max-width: 360px) {.recommend-item .product-block .imgBox{height: 270px;height: auto;}}
@media screen and (max-width: 320px) {.recommend-item .product-block .imgBox{height: 230px;height: auto;}}
.button-box button,.button-box a,.settleBox button,.button-region button{
	font-weight: bold;
	/*font-size: 15px;*/
}
.calories_box {display: block;}
.calories_box:after {clear:both;}
.franchise_forms{
	line-height: 25px;
}
.franchise_forms .title{font-weight: bold;line-height: 35px; margin-bottom:5px;}

/* 報名表 */
.form_style .mdn-label{
	width: 100%;
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: bold;
}
.form_style input[type="text"]{font: 15px/24px 'Muli', sans-serif; color: #333; width: 50%; box-sizing: border-box; letter-spacing: 1px;}
.form_style :focus{outline: none;}
.form_style .col-3{position: relative;width: 75%!important; } 
.form_style .effect-2{
	border: 0;
	padding: 7px 0;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.form_style .effect-2 ~ .focus-border{position: absolute; top: 95px; left: 50%; width: 0; height: 2px; background-color: #fdb813; transition: 0.4s;}
.form_style .effect-2:focus ~ .focus-border{width: 50%; transition: 0.4s; left: 20px;}
.form_style .effect-3{
	border: 0;
	border-bottom: 1px solid #ccc;
	position: relative;width: 75%!important; 
}

.form_style .effect-3 ~ .focus-border{position: absolute; top: 20px; left: 50%; width: 0; height: 2px; background-color: #fdb813; transition: 0.4s;}
.form_style .effect-3:focus ~ .focus-border{width: 100%; transition: 0.4s; left: 0px;}
@media screen and (max-width: 680px) {
.form_style input[type="text"]{width: 100%; }
.form_style .effect-2:focus ~ .focus-border{width: 90%; transition: 0.4s; left: 20px;}
}

.form_style .form-row{
	width: 100%;
	clear: both;
	padding: 20px 20px 35px 20px;
	margin-bottom: 30px;
	display: block;
	border: 1px solid #dcdddd;
	position: relative;border-radius:10px;
}
.form_style .form-row:focus {
  outline: none;
  border: 3px solid green;
}

.form_style .form-row:focus:invalid {
  border: 3px solid red;
}
.form_style .error {
	border: 1px #fdb813 solid;
	/*background-color: #FBF9BB;*/
	
}
.form_style .error input[type="text"],
.form_style .error input[type="password"] {
/*background-color: #FBF9BB;*/
color: #f00;border-bottom: 1px solid #fdb813;
}

.form_style input[type="text"]:focus,.form_style input[type="password"]:focus {border: none;outline: none;}



.form_style .form-row .valid_message {
	color: #fdb813;
	position: absolute;
	left: 20px;
	/*top: 105px;*/
	bottom:10px;
}

.form_style .form-row.error .valid_message {
	color: #fdb813;	/*display: block;
	position: absolute;
	top: 40px;
	left: 0px;*/
}

.form_style .form-row.success .valid_message {
background: url(sucess.png) no-repeat;
left: auto;
right: 5px;
top: 4px;
width: 16px;
height: 16px;
}

.radio-group{ margin-bottom:20px;}
.radio-group [type="radio"]:checked,
.radio-group [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.radio-group [type="radio"]:checked + label,
.radio-group [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666; 
}
.radio-group [type="radio"]:checked + label:before,
.radio-group [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    border-radius: 100%;
    background: #fff;
}
.radio-group [type="radio"]:checked + label:after,
.radio-group [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #fdb813;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.radio-group [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.radio-group [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.radio-group [type="radio"]:focus + label:before {
  outline: none;
  border-color: #fdb813;
}
.changebtn a{display:block ; margin: 5PX 0PX;text-decoration: underline;}
@media screen and (max-width: 680px){.changebtn a{display:inline-block ; margin: 5PX 40PX 5PX 0PX;}}
@media screen and (max-width: 375px){.changebtn a{display:inline-block ; margin: 5PX 20PX 5PX 0PX;}}
.changelist .wrap-block {
    width: 100%;
    word-break: break-word;
}
.changelist .wrap-title {
    font-size: 14px;
    padding: 10px 0;
    width: 100%;
    min-height: 40px;
    display: flex;
    align-items: center;
    color: #999999;
    background-color: #f3f4f5;
}
.changelist .wrap-item {
    width: 100%;
    font-size: 14px;
    padding: 15px 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    border-bottom: 1px solid #eeeeee;
    color: #333333;
}
.changelist .itemBox.w45 {text-align: left;}
@media screen and (max-width: 680px){
.changelist .wrap-item {
    width: 100%;
    font-size: 14px;
    padding: 15px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #eeeeee;
    color: #333333;
}
.changelist .itemBox.w45 { width: 90%;}
.changelist .itemBox.w15 { width: 33.33%;margin-top: 10px;}

}
.modal-body .half-block{
    width: 100%;
    padding: 0px;
}
.modal-body .login .half-block .halfBox {
    width: 100%;
    margin: 0px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    color: #333333;
    text-align: center;
}
.section.modal.num-1.signin .titleRegion{
    padding: 0px;
    border-bottom: none;
}
.section.modal.num-1.signin .half-block .sub-region {
    font-size: 14px;
    text-align: right;
    width: 100%;
    margin: 0 auto;
    margin: 0px 0px 30px 0px;
}
#main-nav .dropdown-menu{
    background-color: rgba(35, 24, 21, 0.8);
    z-index: 15;
    right:auto; 
    /*left: 0 ;*/
}
.snav2 .dropdown-menu {
    background-color: rgba(35, 24, 21, 0.8);
    z-index: 155555555555;margin-top: 0px;
   /* right:auto; 
    left: 0 ;*/
}
.flex {display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;}
.flex_item {flex: 1;padding: 0px 10px;flex: auto;}
.dropdown-large {
  position: static !important;
}
.dropdown-menu-large {
  /*margin-left: 16px;
  margin-right: 16px;*/
  padding: 10px 10px;color: rgba(255, 255, 255, 0.65);
}
.dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu-large > li > ul > li {
  list-style: none;
}
.dropdown-menu-large .flex> li > ul > li > a {
  display: block;
  padding: 3px 0px!important;
font-size: 10px!important;
  font-weight: normal;
  line-height: 30px!important;
   height: 30px!important;
  color: #ffffff!important;color: rgba(255, 255, 255, 0.65)!important;
white-space:nowrap;
}
.dropdown-menu-large .flex> li > ul > li.dropdown-header > a {
color: #ffffff!important;
font-size: 15px!important;padding: 0px!important;line-height: 20PX!important;height: 20PX!important;
}

.dropdown-menu-large .flex> li > ul > li > a:hover {
  color: rgba(255, 255, 255, 1)!important;text-decoration: none;

}
.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
  text-decoration: none;
  color: #ffffff; 
  /*background-color: #f5f5f5;*/
}
.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  color: #999999;
}
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.dropdown-menu-large .dropdown-header{
  color: #ffffff!important;
  font-size: 15px!important;padding: 3px 0px!important;
}
@media (max-width: 768px) {
#main-nav .dropdown-menu-large  .flex> li ul > li > a{border-bottom: none}
  .dropdown-menu-large {
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .dropdown-menu-large > li {
    margin-bottom: 10px;
  }
  /*.dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }*/
  .dropdown-menu-large .dropdown-header {
    padding: 13px 0px !important;
    color: #3c763d!important;
    border-bottom: 1px solid #ced1d5;
  }
#main-nav .dropdown-menu.dropdown-menu-large{
    background-color: #eeeeee;color: #333!important;

}
.dropdown-menu-large  .flex > li > ul > li > a {
  line-height: 35px!important;
   height: 35px!important;
  color: #333!important;
  background-color: #eeeeee;
}
.flex {display: flex;flex-direction: column;}
.investor_window .column.flex{display: flex;flex-direction: row }
.flex_item {flex: 1;}
}
.text-center{text-align: center!important;}
/*
.slick-slide img {
  width: 100%!important;display: block!important;
}*/
.flex_w{display: flex;}
.flex_wcen{flex: 1;text-align: center;}
.flex_w1{width: 35%;}
.flex_w3{width: 65%;}
.subscription_btn {margin: 30px 0px;width: 100%!important;}

.subscription_btn div{margin:0px 5px;}
.subscription_btn div.slick-track{margin:0px!important;}
.subscription_btn div img{width: 100%;margin: auto;}
.subscription_btn.slick-initialized.slick-slider .slick-list.draggable{padding: 0px 10px!important;}
.wrap-franchise .br{ padding-right: 20px;}
.wrap-franchise .bti{color:#ff9c00;font-family: 微軟正黑體; font-size: 36px; font-weight: bold;text-align: center;margin-top: 20PX;}
.wrap-franchise .ulstyle>li{margin-bottom: 30px;}
@media screen and (max-width:680px) {
.subscription_btn {margin: 30px 0px 0px 0px;width: 100%!important;}
.subscription_btn div{margin: 0px 2px;}
}

/* ------------------------------------------

 *  responsibility

 * ----------------------------------------- */
 .stakeholders .title_s{ margin: 30px 0px;text-align: center; }
 .container.extra-large {max-width: 100%; }
 .container.extra-large {
    width: calc(100% - 100px);
    max-width: 1440px;
    margin: 0 auto;
}
.responsibility-section.intro .pic {
    margin-bottom: -175px;
}
.responsibility-section.intro .desc {
    position: relative;
    margin: 0 auto;
    max-width: 910px;
    padding: 75px 90px;
    background-color: #FFF;
}
.responsibility-section.intro .container { padding-right: 0px;padding-left: 0px;}

.responsibility-section .styled-head {text-align: center; }

.responsibility-section .styled-head .sub {

    font-size: 18px;

    line-height: 1.25;

    letter-spacing: 0.05em; }

.responsibility-section .styled-head .sub {font-size: 16px; }

.responsibility-section .styled-head .sub::before, .responsibility-section .styled-head .sub::after {

      content: "";

      display: inline-block;

      vertical-align: 0.35em;

      width: 15px;

      height: 1px;

      background-color: #959595; }
.responsibility-section .styled-head .sub::before, .max-xs-size .responsibility-section .styled-head .sub::after {display: none; }
.responsibility-section .styled-head .sub::before {margin-right: 15px; }
.responsibility-section .styled-head .sub::after {margin-left: 15px; }

.responsibility-section .styled-head .title {

    margin-top: 15px;

    font-size: 32px;

    line-height: 1.5;

    letter-spacing: 0.05em; }

.responsibility-section.intro .pic {width: 100%;margin-bottom: -175px; }

.responsibility-section.intro .desc {text-align: center; }

.responsibility-section.intro .desc {

    position: relative;

    margin: 0 auto;

    max-width: 910px;

    padding: 75px 90px;

    background-color: #ffffff; }



.responsibility-section.intro .desc .desc-head {margin: 0 auto;max-width: 540px; }

.responsibility-section.intro .desc .desc-content {

    margin-top: 25px;

    font-size: 16px;

    letter-spacing: 0.05em;

    line-height: 2; }

.responsibility-section.intro .desc .desc-content {margin-top: 15px;line-height: 1.75; }
.responsibility-section.goals {counter-reset: item; }
.responsibility-section.goals .goal-item {position: relative; }
.responsibility-section.goals .goal-item + .goal-item {margin-top: 105px; }
.responsibility-section.goals .goal-item::before {

      content: "";

      position: absolute;

      top: 0;

      bottom: 0;

      display: block;

      background-color: #F3F3F3; }

    .responsibility-section.goals .goal-item .goal-item-inner {

      position: relative;

      z-index: 1;

      display: -webkit-box;

      display: -webkit-flex;

      display: -ms-flexbox;

      display: flex; }

      .responsibility-section.goals .goal-item .goal-item-inner:lang(zh-Hant) {

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center; }

      .responsibility-section.goals .goal-item .goal-item-inner:lang(en) {

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start; }

.responsibility-section.goals .goal-item .goal-item-inner {width: 100%; }

.responsibility-section.goals .goal-item .goal-item-inner .pic {

        -webkit-flex-shrink: 0;

        -moz-flex-shrink: 0;

        -ms-flex-negative: 0;

        flex-shrink: 0;

        padding: 60px 0; }

.responsibility-section.goals .goal-item .goal-item-inner .desc {

        -webkit-box-flex: 1;

        -webkit-flex-grow: 1;

        -moz-flex-grow: 1;

        -ms-flex-positive: 1;

        flex-grow: 1; }

.responsibility-section.goals .goal-item .goal-item-inner .desc {

          padding: 135px 0 75px; }

.responsibility-section.goals .goal-item .goal-item-inner .desc {

          padding: 50px 0; }

.responsibility-section.goals .goal-item .goal-item-inner .desc .desc-head .title {

          font-size: 25px;

          line-height: 1.5;

          letter-spacing: 0.05em; }

.responsibility-section.goals .goal-item .goal-item-inner .desc .desc-head::before {

          display: block;

          margin-bottom: 10px;

          counter-increment: item;

          content: counter(item,decimal-leading-zero) ".";

          font-family: "Century Gothic", "Heiti TC", "Microsoft JhengHei", sans-serif;

          font-size: 50px;

          font-weight: 700;

          line-height: 1; }

.responsibility-section.goals .goal-item .goal-item-inner .desc .desc-head::before {font-size: 35px; }

.responsibility-section.goals .goal-item .goal-item-inner .desc .desc-head::after {

          content: "";

          display: block;

          width: 25px;

          height: 1px;

          margin-top: 25px;

          background-color: #000000; }

.responsibility-section.goals .goal-item .goal-item-inner .desc .desc-head::after {margin-top: 15px; }

.responsibility-section.goals .goal-item .goal-item-inner .desc .desc-content {

          margin-top: 25px;

          font-size: 16px;

          line-height: 2;

          letter-spacing: 0.05em; }

.responsibility-section.goals .goal-item .goal-item-inner .desc .desc-content {margin-top: 15px; }

.responsibility-section.goals .goal-item .goal-item-inner .desc .desc-subjects {margin-top: 35px; }

     
.responsibility-section.goals .goal-item .goal-item-inner .desc .desc-subjects ul {

            display: -webkit-box;

            display: -webkit-flex;

            display: -ms-flexbox;

            display: flex;

            -ms-flex-wrap: wrap;

            flex-wrap: wrap;

            margin: -15px; }

.responsibility-section.goals .goal-item .goal-item-inner .desc .desc-subjects ul li {

            display: -webkit-box;

            display: -webkit-flex;

            display: -ms-flexbox;

            display: flex;

            -webkit-box-align: center;

            -ms-flex-align: center;

            align-items: center; }

            .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-subjects ul li {

              margin: 15px; }

              .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-subjects ul li:lang(zh-Hant) {

                max-width: 37.5%; }

            .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-subjects ul li + li {

              margin-top: 20px; }

            .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-subjects ul li .icon {

              -webkit-flex-shrink: 0;

              -moz-flex-shrink: 0;

              -ms-flex-negative: 0;

              flex-shrink: 0;

              display: -webkit-box;

              display: -webkit-flex;

              display: -ms-flexbox;

              display: flex;

              -webkit-box-pack: center;

              -ms-flex-pack: center;

              justify-content: center;

              -webkit-box-align: center;

              -ms-flex-align: center;

              align-items: center;

              width: 80px;

              height: 80px;

              border: 1px solid #000000;

              border-radius: 50%; }

              .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-subjects ul li .icon img {

                display: block;

                width: 50px; }

       .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-subjects ul li .icon {

                width: 65px;

                height: 65px; }

         .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-subjects ul li .icon img {

                  width: 40px; }

            .responsibility-section.goals .goal-item .goal-item-inner .desc .desc-subjects ul li p {

              margin-left: 10px;

              font-size: 16px;

              line-height: 1.5; }

.responsibility-section.goals .goal-item:nth-child(odd)::before {

      left: 20%;

      right: 0; }

.responsibility-section.goals .goal-item:nth-child(odd) .goal-item-inner .pic {

      width: 825px; }

.responsibility-section.goals .goal-item:nth-child(odd) .goal-item-inner .pic {

      width: 50%; }

.responsibility-section.goals .goal-item:nth-child(odd) .goal-item-inner .desc {

      margin-left: 85px;

      padding-right: 125px; }
.responsibility-section.goals .goal-item:nth-child(odd) .goal-item-inner .desc {

      margin-left: 50px; }

    .responsibility-section.goals .goal-item:nth-child(even)::before {

      left: 0;

      right: 20%; }

    .responsibility-section.goals .goal-item:nth-child(even) .goal-item-inner {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: reverse;

      -ms-flex-direction: row-reverse;

      flex-direction: row-reverse; }

.responsibility-section.goals .goal-item:nth-child(even) .goal-item-inner .pic {

        width: 695px; }

.responsibility-section.goals .goal-item:nth-child(even) .goal-item-inner .pic {

        width: 40%; }

.responsibility-section.goals .goal-item:nth-child(even) .goal-item-inner .desc {

        margin-right: 105px;

        padding-left: 105px; }
.responsibility-section.goals .goal-item:nth-child(even) .goal-item-inner .desc {

        margin-right: 50px; }

    .responsibility-section.goals .goal-item.alt::before {

      top: 65px;

      right: 12.5%; }

.responsibility-section.goals .goal-item.alt::before {

        top: 50px; }

.responsibility-section.goals .goal-item.alt .goal-item-inner {

      -webkit-box-align: start;

      -ms-flex-align: start;

      align-items: flex-start; }

.responsibility-section.goals .goal-item.alt .goal-item-inner .pic { padding-top: 0; }

.responsibility-section.goals .goal-item.alt .goal-item-inner .pic {padding-bottom: 80px; }

.responsibility-section.goals .goal-item.alt .goal-item-inner .desc {padding-top: 170px; }
.responsibility-section.goals .goal-item.alt .goal-item-inner .desc {padding-top: 100px; }

.responsibility-section.download .section-inner { padding: 90px 0 140px; }

.responsibility-section.download .section-inner {padding: 75px 0; }

.responsibility-section.download .section-inner {padding: 50px 0; }

.responsibility-section.download .section-inner {padding: 25px 0; }

.responsibility-section.download .section-inner .download-content {margin-top: 65px; }

.responsibility-section.download .section-inner .download-content {margin-top: 50px; }
.responsibility-section.download .section-inner .download-content {margin-top: 25px; }

.responsibility-section.download .section-inner .download-content .slick-slider {padding: 0 155px; }
.responsibility-section.download .section-inner .download-content .slick-slider {padding: 0 75px; }
.responsibility-section.download .section-inner .download-content .slick-slider {padding: 0; }

.responsibility-section.download .section-inner .download-content .slick-slider.has-arrows {padding-bottom: 50px; }

.responsibility-section.download .section-inner .download-content .slick-arrow {

      position: absolute;

      z-index: 5;

      -moz-transition-property: color, background-color, border-color;

      -o-transition-property: color, background-color, border-color;

      -webkit-transition-property: color, background-color, border-color;

      transition-property: color, background-color, border-color; }

.responsibility-section.download .section-inner .download-content .slick-arrow {top: calc(50% - 25px); }

.responsibility-section.download .section-inner .download-content .slick-arrow.slick-prev {left: 0; }

.responsibility-section.download .section-inner .download-content .slick-arrow.slick-next {right: 0; }

.responsibility-section.download .section-inner .download-content .slick-arrow {

        width: 35px;

        height: 35px;

        bottom: 0; }
.responsibility-section.download .section-inner .download-content .slick-arrow.slick-prev {left: calc(50% - 40px); }

.responsibility-section.download .section-inner .download-content .slick-arrow.slick-next {right: calc(50% - 40px); }

.responsibility-section.download .section-inner .download-content .slick-arrow:hover {

        color: #ffffff;

        background-color: #53C3F1;

        border-color: #53C3F1; }

.responsibility-section.download .section-inner .download-content .slick-slide {padding: 0 37.5px; }

.responsibility-section.download .section-inner .download-content .slick-slide {padding: 0 25px; }
.responsibility-section.download .section-inner .download-content .slick-slide {padding: 0 10px; }

.responsibility-section.download .section-inner .download-content .slick-slide a {

        display: block;

        -moz-transition-property: opacity;

        -o-transition-property: opacity;

        -webkit-transition-property: opacity;

        transition-property: opacity; }

.responsibility-section.download .section-inner .download-content .slick-slide a:hover {opacity: 0.7; }

.responsibility-section.download .section-inner .download-content .slick-slide .caption {

        margin-top: 15px;

        font-size: 16px;

        text-align: center; }

.responsibility-section.team .section-inner .team-head, .responsibility-section.report .section-inner .report-head {text-align: center; }

.responsibility-section.team .section-inner .team-head .title, .responsibility-section.report .section-inner .report-head .title {

    font-size: 32px;

    line-height: 1.25; }

.responsibility-section.team .section-inner .team-head .title, .max-sm-size .responsibility-section.report .section-inner .report-head .title {

      font-size: 25px; }

.responsibility-section.team .section-inner .team-head .title, .max-xs-size .responsibility-section.report .section-inner .report-head .title {

      font-size: 22px; }

.responsibility-section.team .section-inner .team-head + div, .responsibility-section.report .section-inner .report-head + div {

    margin-top: 45px; }

.responsibility-section.team .section-inner .team-head + div, .max-xs-size .responsibility-section.report .section-inner .report-head + div {

      margin-top: 25px; }

.responsibility-section.team .section-inner {

  padding: 85px 50px 105px;

  background-color: #F3F3F3; }

.responsibility-section.team .section-inner {

    padding: 75px 50px; }

.responsibility-section.team .section-inner {

    width: 100%; }

.responsibility-section.team .section-inner {

    padding: 50px; }

.responsibility-section.team .section-inner {

    padding: 50px 25px; }
.responsibility-section.team .section-inner {

    padding: 25px; }

.responsibility-section.team .section-inner .team-content .dendrogram {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center; }
.responsibility-section.team .section-inner .team-content .dendrogram .nametag .nametag-inner {

      width: 175px;

      padding: 12.5px 15px 10px;

      border-radius: 7.5px;

      border-bottom-style: solid;

      border-bottom-width: 4px;

      color: #ffffff;

      font-size: 16px;

      text-align: center;

      line-height: 1; }

.responsibility-section.team .section-inner .team-content .dendrogram .nametag .nametag-inner .name {

        margin-top: 7.5px;

        font-weight: 700; }

.responsibility-section.team .section-inner .team-content .dendrogram .profile .profile-inner {

      min-height: calc(100% - 40px);

      background-color: #ffffff;

      padding: 25px 15px;

      border: 2px solid #53C3F1;

      border-bottom-width: 4px;

      border-radius: 10px;

      font-size: 16px;

      font-weight: 700;

      color: #53C3F1; }

.responsibility-section.team .section-inner .team-content .dendrogram .profile .profile-inner {

        padding: 15px; }

      .responsibility-section.team .section-inner .team-content .dendrogram .profile .profile-inner ul {

        list-style-type: none;

        padding-left: 1em; }

        .responsibility-section.team .section-inner .team-content .dendrogram .profile .profile-inner ul li::before {

          content: "-";

          display: inline-block;

          width: 1em;

          margin-left: -1em; }

.responsibility-section.team .section-inner .team-content .dendrogram .profile .profile-inner ul li + li {

          margin-top: 0.75em; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(1)::after, .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3)::before {

      content: "";

      display: block;

      margin: 0 auto;

      width: 1px;

      height: 65px;

      background-color: #53C3F1; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(1)::after, .max-sm-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3)::before {

        height: 45px; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(1)::after, .max-xs-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3)::before {

        height: 25px; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(1) .nametag .nametag-inner {

      background-color: #333333;

      border-bottom-color: #000000; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(2) .nametag {

      display: -webkit-box;

      display: -webkit-flex;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      border-right: 1px solid #53C3F1; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(2) .nametag .nametag-inner {

        background-color: #1D2089;

        border-bottom-color: #101149; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(2) .nametag {

        margin-left: -220px; }
.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(2) .nametag::after {

        content: "";

        display: block;

        width: 45px;

        height: 1px;

        background-color: #53C3F1; }
.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(2) .nametag {

        margin-left: -200px; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(2) .nametag::after {

          width: 25px; }
.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) {

      width: 100%; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) > ul {

      position: relative;

      display: -webkit-box;

      display: -webkit-flex;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      overflow: hidden; }

      .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) > ul::before {

        content: "";

        position: absolute;

        top: 0;

        left: 75px;

        right: 75px;

        display: block;

        height: 1px;

        background-color: #53C3F1; }

      .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) > ul > li {

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) > ul > li + li {

          margin-left: 35px; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) > ul > li {

          -webkit-box-orient: horizontal;

          -webkit-box-direction: normal;

          -ms-flex-direction: row;

          flex-direction: row;

          position: relative; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) > ul > li + li {

            margin-top: 25px; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) > ul > li::before {

            content: "";

            position: absolute;

            top: -25px;

            left: calc(50% - 0.5px);

            display: block;

            width: 1px;

            height: 25px;

            background-color: #53C3F1; }
.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) > ul {

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) > ul::before {

        left: 65px;

        right: 65px; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) > ul {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) > ul::before {

          display: none; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .nametag::before, .min-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .profile::before {

      content: "";

      display: block;

      margin: 0 auto;

      width: 1px;

      height: 40px;

      background-color: #53C3F1; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .nametag .nametag-inner, .min-lg-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .nametag .profile-inner, .min-lg-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .profile .nametag-inner, .min-lg-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .profile .profile-inner {

      width: 150px; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .nametag .nametag-inner, .max-lg-size.min-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .nametag .profile-inner, .max-lg-size.min-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .profile .nametag-inner, .max-lg-size.min-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .profile .profile-inner {

      width: 130px; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .nametag .nametag-inner, .max-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .nametag .profile-inner, .max-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .profile .nametag-inner, .max-md-size .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .profile .profile-inner {

      border-radius: 0; }

    .responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .nametag .nametag-inner {

      background-color: #53C3F1;

      border-bottom-color: #129BD3; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .nametag {

      -webkit-flex-shrink: 0;

      -moz-flex-shrink: 0;

      -ms-flex-negative: 0;

      flex-shrink: 0; }
.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .nametag .nametag-inner {

        width: 150px;

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        height: 100%;

        border-top-left-radius: 5px;

        border-bottom-left-radius: 5px; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .nametag .nametag-inner {

      width: 100px; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .profile .profile-inner {

      height: 200px; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .profile {

      -webkit-box-flex: 1;

      -webkit-flex-grow: 1;

      -moz-flex-grow: 1;

      -ms-flex-positive: 1;

      flex-grow: 1; }

.responsibility-section.team .section-inner .team-content .dendrogram > li:nth-child(3) .profile .profile-inner {

        border-left: none;

        border-top-right-radius: 5px;

        border-bottom-right-radius: 5px; }

.responsibility-section.report .section-inner {

  padding: 115px 0 140px; }

.responsibility-section.report .section-inner {

    padding: 75px 0; }
.responsibility-section.report .section-inner {

    padding: 50px 0; }

.responsibility-section.report .section-inner {

    padding: 25px 0; }

.responsibility-section.report .section-inner .report-content .download-table td:first-child, .responsibility-section.report .section-inner .report-content .download-table td:last-child, .responsibility-section.report .section-inner .report-content .download-table th:first-child, .responsibility-section.report .section-inner .report-content .download-table th:last-child {

    width: 25%; }
@media screen and (max-width: 768px) {
.container.extra-large {width: calc(100% - 50px);max-width: 100%;}
.responsibility-section.intro .desc {max-width: 100%;padding: 50px;margin: 0px;}
.responsibility-section .styled-head .title{font-size: 20px;}
.responsibility-section.goals .goal-item .goal-item-inner,.responsibility-section.goals .goal-item:nth-child(even) .goal-item-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.responsibility-section.goals .goal-item::before{background-color: #FFF;}
.responsibility-section.goals .goal-item .goal-item-inner .desc{background-color: #F3F3F3;padding: 50px!important;margin: 0px!important;}
.responsibility-section.goals .goal-item:nth-child(odd) .goal-item-inner .pic,.responsibility-section.goals .goal-item:nth-child(even) .goal-item-inner .pic
 {width: 100%!important;padding: 0px!important;margin: auto;}
.responsibility-section.intro .pic {margin-bottom: 0px;}

}
@media screen and (max-width: 680px) {
.responsibility-section.intro .desc {padding: 20px;}
.responsibility-section.goals .goal-item .goal-item-inner .desc{padding: 20px!important;}
.container.extra-large {width: calc(100% - 30px);}
.responsibility-section.goals .goal-item .goal-item-inner .desc .desc-head .title {font-size: 20px;}
.responsibility-section.goals .goal-item .goal-item-inner .desc .desc-head::before {font-size: 30px;}
}
.promotions_name{width: 100%;display:block;}
.promotions_name a{
    display: inline-block;
    line-height: 15px;
    padding: 5px 26px 5px 7px;
    margin: 0px 0px 20px 0px;
    color: #fff;background: #000;
    background: #ea0000 url(../img/arrow-go-activity-red.gif) no-repeat 97% 50%;
}
.promotions_name a:hover{text-decoration:none;background: #fdb813 url(../img/arrow-go-activity-orange.gif) no-repeat 97% 50%;}

.itemBox.w18 .text-box .select-style {
    border: 1px solid #cccccc;
    border-radius: 0px;width: 100%;
    text-align: left;height: 45px;
    padding: 0 12px;
    color: #ababab;
    line-height: 45px;
}
.radiostyle{margin-bottom: 45px;}
.radiostyle label{cursor: pointer;display: flex;align-items: center;}
.radiostyle label img{height: 65px;}
.radiostyle>li+li{margin-top: 20px;}
.radiostyle input[type="radio"] {
  background-color: transparent;margin: 0px 10px 0px 0px;
  border: .0625em solid rgba(90,90,90,.5);
  border-radius: 50%;
  box-shadow: inset 0 0 0 0 #fdb813;
  cursor: pointer;
  font: inherit;
  height:20px;
  outline: none;
  width: 20px;color: #fdb813;
  -moz-appearance: none;
  -webkit-appearance: none;}
.radiostyle input[type="radio"]:checked {
    background-color: #fdb813;border: .0625em solid rgba(90,90,90,.0);
    box-shadow: inset 0 0 0 .1875em #fff;
    -webkit-transition: background .15s, box-shadow .1s; 
    transition: background .15s, box-shadow .1s; 
  }