<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@import url("reset.css?2022");
@import url("loading.css");
@import url(jquery-ui.css);
@import url(jquery-ui.theme.css);
@import url("bootstrap.css");
/*@import url('https://fonts.googleapis.com/earlyaccess/cwtexming.css');*/
@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond');
@import url(icon/css/ionicons.css);
@import url(fontawesome5.0/css/fontawesome-all.min.css);
/*@import url("/style/assets/plugins/bootstrap-sweetalert/sweetalert2.css");*/
@import url("../js/sweetalert/sweetalert2.min.css");
@import url("/style/assets/plugins/toastr/toastr.min.css");
@import url("/style/front/js/fancyBox/source/jquery.fancybox.css?v=2.1.7");

/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------&gt;&gt;&gt; Main &lt;&lt;&lt;------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

html {
  position: relative;
  min-height: 100%;
  font-family: 'Century Gothic', '微軟正黑體';
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 210px;
}
a:hover{
  text-decoration: none;
}
body { -webkit-text-size-adjust: none; font-size: 12px; overflow-y: scroll; }
body, td, th { font-family: Verdana, Geneva, sans-serif; }
img { max-width: 100%; height: auto; }
#hiddle { display: none; }
.show { display: block; }
.hide { display: none; }
.show_table { display: block; }
.hide_table,.hide_item {
	display: none;
}
.iframe_ch { display: none; }
.license-box input { display: none; }
select::-ms-expand { display: none; }
select { }
/*div, a, section, article, span, img, h1, h2, h3, h4, h5, h6 { -webkit-user-select: none; -moz-user-select: none; }*/
#rand-img { cursor: pointer; }
#event_left, #event_right { width: 120px; height: 250px; }
.event_left_link a { padding: 5px 0; display: block; font-size: 14px; color: #888; font-family: 'Noto Sans TC', '微軟正黑體'; }
.nodata { font-size: 14px; line-height: 1.8; color: #666; }
.text-custom { color: #64b0f2 !important; }
.text-muted { color: #818a91 !important; }
.text-purple { color: #9261c6 !important; }
.text-pink { color: #ff7aa3 !important; }
.text-dark { color: #2b3d51 !important; }
.text-white { color: #ffffff !important; }
.text-success { color: #e73e31 !important; }
.m-t-10 { margin-top: 10px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-t-30 { margin-top: 30px !important; }
.m-t-50 { margin-top: 50px !important; }
.m-t-70 { margin-top: 70px !important; }
.m-b-10 { margin-bottom: 10px !important; }
.m-b-15 { margin-bottom: 15px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-b-30 { margin-bottom: 30px !important; }
.m-l-5 { margin-left: 5px !important; }
.m-r-5 { margin-right: 5px !important; }
.label { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 400; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; }
.label-danger { background-color: #ff5d48; }
.card_num_block .card_num_label { display: block; font: normal 14px '微軟正黑體'; letter-spacing: 1px; line-height: 25px; cursor: default; }
.card_num { padding: 3px 5px; font: normal 14px '微軟正黑體'; letter-spacing: 1px; color: #555; width: 55px; }
.card_info{ font-size: 13px; line-height: 1.4; }
.file input { width: 100%; min-width: 14rem; margin: 0; filter: alpha(opacity=0); opacity: 1; top: 0; right: 0; left: 0; z-index: 5; padding: .0rem 1rem; line-height: 1.5; color: #555; user-select: none; background-color: #fff; border: 1px solid #ccc; border-radius: 0rem; }
.ifile { position: absolute; opacity: 0; filter: alpha(opacity=0); padding: 0;width: calc(100% - 30px);}
.upfile{margin: -5px 0 0; width: calc(100% - 70px);}
.newfilebtn { width: 60px; border: none; padding: 5px 12px; color: #fff; background: #003366; border-radius: 0px; vertical-align: bottom; font: normal 15px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px;}
.swal2-container button, .swal2-modal .swal2-title, .swal2-modal .swal2-content{font-family: 'Century Gothic', '微軟正黑體';}
.jFiler-items-default .jFiler-item { line-height: 20px; }
.jFiler-theme-default .jFiler-input { width: 100%; line-height: 20px; }
.icon-jfi-file-image:before { content: ''; display: none; }
.jFiler-items-default .jFiler-item .jFiler-item-title { line-height: 20px; }
.jFiler-items-default .jFiler-item .jFiler-item-others { line-height: 20px; }
.jFiler-items-default .jFiler-item-assets a { line-height: 0px; }
li.parsley-required, li.parsley-custom-error-message, li.parsley-type { font-family: 'Century Gothic', '微軟正黑體'; font-size: 12px; line-height: 16px; color: #ffaf8c; text-align: left; }
ul.parsley-errors-list.filled { margin-bottom: 0; }
.hide_item, .hide{ display: none; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------&gt;&gt;&gt; public &lt;&lt;&lt;----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


.titleContainer{font: normal 20px 'Cinzel', '微軟正黑體'; line-height: 30px; letter-spacing: 1px; color: #6d8faa; width: 250px; text-align: center;margin: 0px auto 30px; padding-top: 25px;}
.titleCh{font-size: 25px; border-bottom: solid 1px #6d8faa;}
.titleEn{}
.titleContainer.whiteTitle{color: #fff}
.whiteTitle .titleCh{ border-bottom: solid 1px #fff;}
.titleEn{}
.btnCustom-outline { border-radius: 0; border: solid 1px #042d5a; color: #042d5a; background: none; font: normal 14px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; height: 30px;padding: 0;line-height: 30px;}
.btnCustom-outline:hover, .btnCustom-outline:focus { color: #042d5a; background: #fff; }
.btnCustom-outline.btnWhite { border-radius: 0; border: solid 1px #fff; color: #fff; }
.btnCustom-outline.btnWhite:hover, .btnCustom-outline.btnWhite:focus { color: #000; background: #fff; }
.btnCustom-outline.btnGray { border-radius: 0; border: solid 1px #999; color: #777; }
.btnCustom-outline.btnGray:hover, .btnCustom-outline.btnGray:focus, .btnCustom-outline.btnGray:disabled { color: #fff; background: #999; }
.btnCustom-outline.btnOrange { border-radius: 0; border: solid 1px #c20d23; color: #fff; background-color: #c20d23; }
.btnCustom-outline.btnOrange:hover, .btnCustom-outline.btnOrange:focus { color: #c20d23; background: #fff; }
.btnCustom-outline.btnOrange:disabled {
  background-color: #444;
  color: #fff;
}
.btnCustom-outline.btnGreen { border-radius: 0; border: solid 1px #ffc107; color: #fff; background-color: #ffc107; }
.btnCustom-outline.btnGreen:hover, .btnCustom-outline.btnGreen:focus { color: #ffc107; background: #fff; }
.btnCustom-outline.btnGreen:disabled {
  background-color: #444;
  color: #fff;
}
.btnCustom-outline.btnPink { border-radius: 0; border: solid 1px #163962; color: #fff; background-color: #163962; }
.btnCustom-outline.btnPink:hover, .btnCustom-outline.btnPink:focus { color: #042d5a; background: #fff; }
.btnCustom-outline.googleBtn { border-radius: 0; border: solid 1px #dd4e41; color: #dd4e41; }
.btnCustom-outline.googleBtn:hover, .btnCustom-outline.googleBtn:focus, .btnCustom-outline.googleBtn.active { color: #fff; background: #dd4e41; }
.btnCustom-outline.facebookBtn { border-radius: 0; border: solid 1px #3b5998; color: #3b5998; }
.btnCustom-outline.facebookBtn:hover, .btnCustom-outline.facebookBtn:focus, .btnCustom-outline.facebookBtn.active { color: #fff; background: #3b5998; }
.btnCustom-outline.btnBorderRadius-5px{border-radius:5px; }
.width-80px  { width: 80px; }
.width-100px { width: 100px; }
.width-150px { width: 150px; }
.width-200px { width: 200px; }
.width-214px { width: 214px; }
.width-250px { width: 250px; }
.width-300px { width: 300px; }
.width-100P { width: 100%; }
.maxWidth-80px { max-width: 80px; }
.maxWidth-100px { max-width: 100px; }
.maxWidth-150px { max-width: 150px; }
.maxWidth-200px { max-width: 200px; }
.maxWidth-250px { max-width: 250px; }
.maxWidth-300px { max-width: 300px; }
.mt-10px{margin-top: 10px;}
.mt-20px{margin-top: 20px;}
.mt-30px{margin-top: 30px;}
.mt-40px{margin-top: 40px;}
.tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: #aaa;
}
.tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  border-right-color: #aaa;
}
.tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  border-bottom-color: #aaa;
}
.tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  border-left-color: #aaa;
}
.tooltip-inner {
  background-color: #aaa;
}
.pageBanner { max-width: 1140px; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.tableRwdContent{display: none}
.tableCustomStyle { color: #555; font: normal 14px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; }
.tableCustomStyle thead tr th { border-top: none; border-top: solid 1px #bbb; border-bottom: solid 1px #bbb; color: #777; font: normal 14px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; background: #eee;}
.tableCustomStyle tbody tr td { border-top: none; border-bottom: dashed 1px #bbbbbb; font: normal 14px 'Century Gothic', '微軟正黑體'; color: #555 ;vertical-align: middle;}
.tableCustomStyle tbody tr:last-child td { border-top: none; border-bottom: double 3px #bbb; }
.tableCustomStyle a { text-decoration: none; color: #777; }
.tableCustomStyle a:hover { opacity: 0.6; }
.pageCustomStyle{}
.pageCustomStyle.pagination { border-radius: 0; }
.pageCustomStyle .page-item:first-child .page-link { border-radius: 0; }
.pageCustomStyle .page-item:last-child .page-link { border-radius: 0; }
.pageCustomStyle .page-item.active .page-link { background-color: #fff; color: #777; border: none; font-weight: bolder; }
.pageCustomStyle .page-item.active:hover .page-link { background-color: #e9ecef; }
.pageCustomStyle .page-link { padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #777; background-color: #fff; font: normal 14px 'Century Gothic', '微軟正黑體'; border: none; }
.pageCustomStyle .page-link:focus, .pageCustomStyle .page-link:hover { color: #777; text-decoration: none; font-weight: bolder; background-color: #e9ecef; border-color: #ddd; }
.mr-10px { margin-right: 10px; }
.table-hover tbody tr { transition: background 0.3s; }
.table-hover tbody tr:hover { background-color: rgba(0, 100, 200, 0.075); }
.formCustomStyle .form-group input.form-control, .formCustomStyle .form-group select.form-control { height: 30px; padding: 3px 5px; line-height: 24px; border-radius: 0px; font: normal 14px 'Century Gothic', '微軟正黑體'; }
.formCustomStyle .form-group input.form-control:focus, .changeSearchFormContainer .form-group select.form-control:focus { box-shadow: none; }
.formCustomStyle .form-check-input{margin-left: 0;}
.formCustomStyle .form-control.form-control-plaintext:focus{outline: none;border: none}
.formCustomStyle&gt;.row&gt;div.formText{
  font: normal 16px 'Century Gothic', '微軟正黑體';
  padding-top:  calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
}
.cursor-pointer { cursor: pointer; }
.cursor-not-allowed { cursor: not-allowed; }
.infoContainer{
    font: normal 14px 'Century Gothic', '微軟正黑體'; line-height: 46px; letter-spacing: 1px; color: #777; margin: 0 0 20px;
}
.infoContainer .form-group{
    margin: 8px 0;
}
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{
  width: auto !important;
  height: auto !important;
  min-width: 500px;
}

.infoContainer .formCustomStyle { font: normal 14px 'Century Gothic', '微軟正黑體'; line-height: 46px; letter-spacing: 1px; color: #777; margin: 0 0 20px; }
.formCustomStyle&gt;.row&gt;div { padding-top: 10px; padding-bottom: 10px; }
.formCustomStyle label { font: normal 15px 'Century Gothic', '微軟正黑體'; color: #777; letter-spacing: 1px; }
.nav-pills-custom { font: normal 15px 'Century Gothic', '微軟正黑體'; }
.nav-pills-custom a { color: #999 }
.nav-pills-custom .nav-item { border: solid 1px #ccc; padding: 0;  /*margin: 0 10px 0 0;*/ }
.nav-pills-custom .nav-item:hover { background: #aaa; }
.nav-pills-custom .nav-item a:hover { color: #fff; }
.nav-pills-custom .nav-link { padding: 0 10px; line-height: 30px; }
.nav-pills-custom.nav-pills .nav-link.active, .nav-pills-custom.nav-pills .show &gt; .nav-link { background: #aaa; }
.nav-pills-custom.nav-pills .nav-link { border-radius: 0; }
.badge { font-family: 'Century Gothic', '微軟正黑體'; font-weight: normal; }
.memberOrderDetailProductTable .badge { padding: 5px 10px; font-size: 13px; }
.textCustom { font: normal 14px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; }
.breadcrumb { background: none; padding: 0; }
.breadcrumb-item { font: normal 14px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; }
.breadcrumb-item a { color: #777; }
.breadcrumb-item a:hover { text-decoration: none; opacity: 0.6; }
.modal-body { font-size: 16px; }
.contentContainer{
  font: normal 15px 'Century Gothic', '微軟正黑體';
  line-height: 25px;
  letter-spacing: 1px;
  color: #777;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------&gt;&gt;&gt; include_header.php &lt;&lt;&lt;----------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


.headerContainer { /*height: 200px; */background: #ac111e; padding: 16px 0 0; width: 100%; box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.3); }
.headerLogoContainer{margin: 0 0 15px 0 ;}
.headerLogoContainer .logo{ width: 85px; }
.headerTopNavContainer{font: normal 14px 'Century Gothic', '微軟正黑體'; line-height: 20px;letter-spacing: 1px; margin: 10px;}
.headerTopNavMember:after { content: ''; width: 2px; height: 12px; background: #ccc; display: inline-block; margin: 0px 5px 0; vertical-align: middle; }
.headerTopNavContainer a{ color: #565656; }
.headerTopNavContainer a:hover{text-decoration: none;opacity: 0.6;}
.headerNavContainer { font: normal 17px 'Cormorant Garamond', '微軟正黑體'; line-height: 22px; letter-spacing: 2px; color: #fff; }
.headerNavContainer .headerNavEn{font-size: 13px;}
.headerNavContainer a { color: #ccc; transition: all 0.8s;}
.headerNavContainer a:hover { opacity: 0.6; }
.headerNavContainer li {position: relative;}
.secondCate {
	position: absolute;
	background-color: #f3f1f2;
	top: 60px;
	padding: 10px 20px;
	display: none;
	opacity: 0;
	transition: opacity .3s ease;
	z-index: 10;
	width: 165px;
}
.secondCate .secondCateInner {
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
}
.headerNavContainer&gt;ul&gt;li:hover .secondCate {
	display: block;
	opacity: 1;
	transition: opacity .3s ease;
}
.secondCate ul li {
	margin: 2px 0;
	padding: 0;
	float: none;
}
.secondCate ul li a {
	color: #5b5b5b;
	display: block;
	text-align: left;
	transition: color .2s ease;
	font-size: 14px;
	text-decoration: none;
}
.navMemberContainer a.nav-link:first-child { display: inline-block; padding: 0.5rem 0 0.5rem 1rem; }
.navMemberContainer a.nav-link:last-child { display: inline-block; padding: 0.5rem 1rem 0.5rem 0; }
.insidePageBody .headerContainer { position: relative; background: rgba(4, 45, 90, 1); }

.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ac111e;
  color: white;
  padding: 0;
  height: 110px;
  outline: 1px solid #ac111e;
  z-index: 99;
}

.logo-section {
  flex: 0 1 25%;
  justify-content: center;
  background-color: #cc5350;
  height: 100%;
}


.logo-section,
.nav-links {
  display: flex;
  align-items: center;
  margin: 0;
}

.logo-section span,
.nav-links a {
  margin: 0 10px;
}

.logo {
  height: 90px;
  margin: 10px 20px;
}

.menu-link {
  display: inline-flex;
  flex: 0 1 150px;
  justify-content: center;
  position: relative;
  height: 100%;
  text-align: center;
}

.nav-links {
  flex: 0 1 75%;
  height: 8em;

}

.nav-links .menu-link&gt;a {
  color: white;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  letter-spacing: 5px;
}

.nav-links a:hover {
  text-decoration: none;
  color: #db8c35;
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: 90px;
  left: -18px;
  background-color: #cc5350;
  border: none;
  border-radius: 0;
  box-shadow: none;
  z-index: 1000;
  min-width: 180px;
  padding: 15px;
}

.dropdown-menu li {
  list-style: none;
}

.dropdown-menu li a {
  display: block;
  padding: 5px 0;
  text-decoration: none;
  color: #fff;
  white-space: nowrap;
  text-align: center;
}

.dropdown-menu li a:hover {
  color: #fff;
}

.menu-link.dropdown:hover .dropdown-menu {
  display: block;
}

/* --------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------&gt;&gt;&gt; index.php &lt;&lt;&lt;-----------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------*/

.banner { position: relative; }
.indexArrivalContainer { background: url(../images/bg.png); padding: 60px 0 60px; margin: 0 0 0px 0; }
.indexArrivalContainer&gt;.container { position: relative; }
.indexArrivalImg { width: 60%; }
.indexArrivalTextContainer { width: 50%; background: rgba(0, 0, 0, 0.6); position: absolute; top: 40px; bottom: 40px; left: 50%; }
.indexArrivalText { position: relative; top: 50%; transform: translateY(-50%); }
.indexArrivalTextTitle { font: normal 35px 'Cormorant Garamond', '微軟正黑體'; margin: 0 0 10px 0; color: #fff; letter-spacing: 1px; line-height: 40px; }
.indexArrivalTextContent { font: normal 14px 'Century Gothic', '微軟正黑體'; line-height: 25px; letter-spacing: 1px; margin: 0 0 30px 0; color: #ddd; }
.indexProductTitleContainer { width: 100%; height: 200px; background: center center url(../images/index_seriesbanner.jpg); background-size: cover; }
.indexProductTitleContainer&gt;.container { height: 100%; }
.indexProductTitle { border-top: solid 1px #fff; border-bottom: solid 1px #fff; position: relative; top: 50%; transform: translateY(-50%); font: normal 35px 'Cormorant Garamond', '微軟正黑體'; color: #fff; line-height: 60px; }
.indexArrivalTextContentBtn { }
.indexArrivalTextContentBtn button { font: normal 16px 'Cormorant Garamond', '微軟正黑體'; }
.indexProductContainer { }
.indexProductTitleContainer { }
.indexProductTitle { }
.indexProductContentContainer { width: calc(100% - 30px); margin-right: auto; margin-left: auto; }
.indexProductContentContainer .col-6 { }
.pr-75 { padding-right: 7.5px; }
.pl-75 { padding-left: 7.5px; }
.indexProductContentBox { position: relative; text-align: center;}
.indexProductContentHover { position: absolute; top: 0; bottom: 0; width: calc(100% - 30px); background: rgba(0, 0, 0, 0); transition: all 0.6s; }
.indexProductContentContainer .col-sm-6 .indexProductContentHover { width: calc(100% - 22.5px); }
.indexProductContentBox:hover .indexProductContentHover { background: rgba(0, 0, 0, 0.5) }
.indexProductContent { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); opacity: 0; transition: all 0.6s; }
.indexProductContentBox:hover .indexProductContent { opacity: 1; }
.indexProductContent p { font: normal 30px 'Cormorant Garamond', '微軟正黑體'; color: #fff; }
.indexProductContent button { font: normal 16px 'Cormorant Garamond', '微軟正黑體'; }
.indexContactContainer { margin-top: 50px; }
/*20201223 聯絡我們圖片改為3D圖片*/
.indexContactImg{
  width: 100%;
}
.indexContactImg iframe{
  width: 100%;
  height: 100%;
  min-height: 380px;
}
/**/
.indexContactContainer .title { font: normal 35px 'Cormorant Garamond', '微軟正黑體'; color: #777; margin-bottom: 50px; }
.indexContactBox { position: relative; }
.indexContactBoxTopDecPlace { display: inline-block; width: 100px; font: normal 14px 'Cormorant Garamond', '微軟正黑體'; letter-spacing: 1px; line-height: 19px; color: #333; }
.indexContactBoxTopDecLine { display: inline-block; width: calc(100% - 105px); text-align: right; border-bottom: dashed 1px #ccc; vertical-align: middle; }
.indexContactContent { padding: 10px 15px; }
.indexContactContentTitle { font: normal 18px 'Century Gothic', '微軟正黑體'; margin-bottom: 5px; letter-spacing: 2px; color: #333; }
.indexContactContent p { margin-bottom: 0; font: normal 14px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; line-height: 20px; color: #777; }
.indexContactContent p span { display: inline-block; width: 50px; font-weight: bold; }
.indexContactBoxBottomDecLine { display: inline-block; width: calc(100% - 75px); text-align: left; border-bottom: dashed 1px #ccc; vertical-align: middle; }
.indexContactBoxBottomDecMore { display: inline-block; width: 70px; font: normal 14px 'Cormorant Garamond', '微軟正黑體'; letter-spacing: 1px; line-height: 19px; text-align: right; }
.indexContactBoxBottomDecMore a { color: #333; }
.indexContactBoxBottomDecMore a:hover { text-decoration: none; opacity: 0.6; }
.indexNewProductContainer {
  padding: 60px 20px 20px 20px;
  margin: 0 auto;
}
.indexNewProductsTitle, .indexContactTitle {
  text-align: center;
  color: #777;
  font-family: 'Cormorant Garamond', '微軟正黑體';
}
.titleCn {
  font-size: 35px;
  font-weight: 400;
}
.titleEn {
  font-size: 22px;
  font-weight: 200;
  letter-spacing: 5px;
}
.indexNewProductsList {
  margin: 40px 0 20px 0;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------&gt;&gt;&gt; product.php &lt;&lt;&lt;-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.productBanner { text-align: center; }
.productListContainer { }
.productListTitle { border-bottom: solid 1px #999; margin-bottom: 20px; font: normal 18px 'Cormorant Garamond', '微軟正黑體'; line-height: 30px; color: #777 }
.productList { font: normal 16px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; line-height: 35px; }
.productList a { color: #666; transition: all 0.6s; display: block; }
.productList a:hover { opacity: 0.6; }
.productList a:hover, .productList&gt;ul&gt;li.active&gt;a { opacity: 0.6; }
.productSubListTitle.productSubListTitleActive { opacity: 0.6;}
.productSubListTitle { cursor: pointer; }
.productSubListTitle:hover { opacity: 0.6; }
.productSubListTitle span { display: inline-block; margin-left: 10px; transition: all 0.4s; }
.productSubList { font-size: 14px; }
.productSubList a { color: #666; opacity: 0.7; transition: all 0.8s; padding-left: 16px; }
.productSubList a:hover,.productSubList&gt;ul&gt;li.active&gt;a  { background: #eee; opacity: 1; }
.productSubListTitle .transformRotate { transform: rotate(90deg); }
.productSearchContainer { }
.productSearchBtn { width: 30px; border: none; background: none; position: absolute; right: 15px; top: 0; line-height: 30px; text-align: center; color: #777; }
.productSearchBtn:hover { opacity: 0.6; }
.productTitleContainer { font: normal 20px 'Century Gothic', '微軟正黑體'; letter-spacing: 2px; color: #777; line-height: 20px; position: relative; }
.productTitleContainer:after { content: ''; width: 100%; height: 1.2px; position: absolute; left: 0; bottom: 3px; background: linear-gradient(to right, rgba(130, 130, 130, 1), rgba(130, 130, 130, 0)); }
.productTitleCh { }
.productTitleEn { font-size: 16px; }
.productBoxContainer { }
.productBox { padding: 10px; position: relative; }
.productBox:hover { background: rgba(200, 200, 200, 0.2); transition: all 0.6s; }
.productBox::before { content: ''; position: absolute; top: 0; left: 0; height: 0; width: 0; border-left: solid 1px #ccc; border-top: solid 1px #ccc; transition: all 0.6s; opacity: 0; z-index: -1; }
.productBox:hover::before { height: 100%; width: 100%; opacity: 1; }
.productBox::after { content: ''; position: absolute; bottom: 0; right: 0; height: 0; width: 0; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; transition: all 0.6s; opacity: 0; z-index: -1; }
.productBox:hover::after { height: 100%; width: 100%; opacity: 1; }
.productImgContainer { overflow: hidden; width: 100%; padding-bottom: 100%; margin-bottom: 10px; position: relative; }
.productImg1 { position: absolute; width: 100%; height: 100%; transition: all 0.6s; }
.productImg2 { position: absolute; width: 100%; height: 100%; transition: all 0.6s; opacity: 0; }
.productBox:hover .productImg1 { opacity: 0; }
.productBox:hover .productImg2 { opacity: 1; }
.productStatusContainer { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.productNew { font: normal 14px 'Century Gothic', '微軟正黑體'; line-height: 20px; color: #fff; background: rgba(255, 50, 0, 0.6); text-align: center; width: 80px; transform: rotate(-45deg); position: absolute; top: 10px; left: -20px; }
.productHot { position: absolute; bottom: 5px; right: 5px; color: #fff; background: #ffcc00; font-size: 16px; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50%; opacity: 0.8; }
.productContentContainer { }
.productName { width: 100%; font: normal 18px 'Century Gothic', '微軟正黑體'; line-height: 30px; letter-spacing: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #777; }
.productName:hover { opacity: 0.6; }
.productNum { font: normal 13px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; color: #999; }
.productNum:hover { opacity: 0.8; }
.productPrice { font: normal 18px 'Century Gothic', '微軟正黑體'; line-height: 25px; letter-spacing: 1.5px; text-align: right; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------&gt;&gt;&gt; product_detail.php &lt;&lt;&lt;----------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.productDetailContainer { margin-bottom: 50px; }
.productDetailTopContainer { }
.productDetailImgContainer { }
.productDetailNameContainer { }
.productDetailName { margin-bottom: 10px; font: normal 18px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; color: #777; }
.productDetailNum { font: normal 12px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; color: #999; }
.productDetailPrice { font: bold 18px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; text-align: right; }
.productDetailNameDecoration { width: 100%; height: 2px; margin-bottom: 5px; background: linear-gradient(to right, rgba(150, 150, 150, 1), rgba(150, 150, 150, 0)); }
.productDetailShareContainer { text-align: right; }
.productDetailShareContainer a { border: none; padding: 0; background: none; font-size: 25px; cursor: pointer; }
.productDetailIntroduction { font: normal 13px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; line-height: 20px; }
.productDetailStock { font: normal 14px 'Century Gothic', '微軟正黑體'; color: #777; }
.productDetailStyleContainer { font: normal 14px 'Century Gothic', '微軟正黑體'; color: #777; }
.productDetailStyleBoxContainer .ui-state-default a, .productDetailStyleBoxContainer .ui-state-default a:link, .productDetailStyleBoxContainer .ui-state-default a:visited, .productDetailStyleBoxContainer a.ui-button, .productDetailStyleBoxContainer a:link.ui-button, .productDetailStyleBoxContainer a:visited.ui-button, .productDetailStyleBoxContainer .ui-button { font: normal 14px 'Century Gothic', '微軟正黑體'; border-radius: 0; border: solid 1px #ccc; padding: 5px 15px; color: #c20d23; background: none; text-decoration: none; }
.productDetailStyleBoxContainer .ui-state-hover, .productDetailStyleBoxContainer .ui-widget-content .ui-state-hover, .productDetailStyleBoxContainer .ui-widget-header .ui-state-hover, .productDetailStyleBoxContainer .ui-state-focus, .productDetailStyleBoxContainer .ui-widget-content .ui-state-focus, .productDetailStyleBoxContainer .ui-widget-header .ui-state-focus, .productDetailStyleBoxContainer .ui-button:hover, .productDetailStyleBoxContainer .ui-button:focus { background: #c20d23; color: #fff; }
.productDetailStyleBoxContainer .ui-state-active, .productDetailStyleBoxContainer .ui-widget-content .ui-state-active, .productDetailStyleBoxContainer .ui-widget-header .ui-state-active, .productDetailStyleBoxContainer a.ui-button:active, .productDetailStyleBoxContainer .ui-button:active, .productDetailStyleBoxContainer .ui-button.ui-state-active:hover { background: #c20d23; color: #fff; outline: none; box-shadow: none; }
.productDetailAmountContainer { font: normal 14px 'Century Gothic', '微軟正黑體'; color: #777; }
.productDetailAmountContainer .btnCustom-outline { border-color: #ccc; color: #777; }
.productDetailAmountContainer .btnCustom-outline:hover { color: #fff; background: #c20d23; }
.productDetailAmountContainer .btnCustom-outline:focus { color: #fff; background: #c20d23; box-shadow: none }
.productDetailBtn { }

.productDetailAdditionalPurchaseContainer { border: solid 1px #ddd; }
.productDetailAdditionalPurchaseTitle { margin-bottom: 15px; padding: 5px 0 3px 0; font: normal 18px 'Century Gothic', '微軟正黑體'; letter-spacing: 2px; text-align: center; color: #fff; background: #aaa; }
.productDetailAdditionalPurchaseBoxContainer { padding: 0 15px; }
.productDetailAdditionalPurchaseName { font: normal 15px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; line-height: 15px; margin-bottom: 8px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.productDetailAdditionalPurchaseName a { color: #555; }
.productDetailAdditionalPurchaseName a:hover { opacity: 0.6; }
.productDetailAdditionalPurchasePrice { font: normal 12px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; color: #999; margin-bottom: 8px; }
.productDetailAdditionalPurchasePrice span { font-size: 18px; font-weight: bold; color: #ff8686; }
.productDetailAdditionalPurchaseBoxContainer .ui-state-default a, .productDetailAdditionalPurchaseBoxContainer .ui-state-default a:link, .productDetailAdditionalPurchaseBoxContainer .ui-state-default a:visited, .productDetailAdditionalPurchaseBoxContainer a.ui-button, .productDetailAdditionalPurchaseBoxContainer .ui-state-focus, .productDetailAdditionalPurchaseBoxContainer .ui-widget-content .ui-state-focus, .productDetailAdditionalPurchaseBoxContainer .ui-widget-header .ui-state-focus, .productDetailAdditionalPurchaseBoxContainer a:link.ui-button, .productDetailAdditionalPurchaseBoxContainer a:visited.ui-button, .productDetailAdditionalPurchaseBoxContainer .ui-button, .productDetailAdditionalPurchaseBoxContainer .ui-button:focus { font: normal 14px 'Century Gothic', '微軟正黑體'; border-radius: 0; border: solid 1px #db8c36; padding: 5px 5px; color: #8c0024; color: #db8c36; background: none; text-decoration: none; width: 100%; }
.productDetailAdditionalPurchaseBoxContainer .ui-state-hover, .productDetailAdditionalPurchaseBoxContainer .ui-widget-content .ui-state-hover, .productDetailAdditionalPurchaseBoxContainer .ui-widget-header .ui-state-hover, .productDetailAdditionalPurchaseBoxContainer .ui-button:hover { background: #06aaad; color: #fff; }
.productDetailAdditionalPurchaseBoxContainer .ui-state-active, .productDetailAdditionalPurchaseBoxContainer .ui-widget-content .ui-state-active, .productDetailAdditionalPurchaseBoxContainer .ui-widget-header .ui-state-active, .productDetailAdditionalPurchaseBoxContainer a.ui-button:active, .productDetailAdditionalPurchaseBoxContainer .ui-button:active, .productDetailAdditionalPurchaseBoxContainer .ui-button.ui-state-active:hover { background: #06aaad; color: #fff; outline: none; box-shadow: none; }
.productDetailAdditionalPurchaseContainer .modal.fade .modal-dialog.modal-dialog-centered{
  top: 40%;
  transform: translate(0, -50%);
  font-family:  'Century Gothic', '微軟正黑體'; ;
}
.productDetailAdditionalPurchaseContainer .modal.fade .modal-dialog.modal-dialog-centered .modal-body p{
  font: normal 15px 'Century Gothic', '微軟正黑體';
  color: #777;
}


.productDetailRecommendContainer { }
.productDetailRecommendContainer .slick-prev:before, .productDetailRecommendContainer .slick-next:before { color: #777 }
.productDetailRecommendTitle { margin-bottom: 15px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; padding: 5px 0 3px 0; font: normal 18px 'Century Gothic', '微軟正黑體'; letter-spacing: 2px; text-align: center; color: #777; }
.productDetailRecommendBoxContainer { margin: 0 auto; }
.productDetailRecommendBox { padding: 5px; }
.productDetailRecommendBox:hover .productDetailRecommendImg { opacity: 0.6; }
.productDetailRecommendImg { margin-bottom: 10px; transition: all 0.6s; }
.productDetailRecommendName { font: normal 16px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; line-height: 25px; width: 100%; }
.productDetailRecommendName a { color: #777; width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.6s; }
.productDetailRecommendName a:hover { opacity: 0.6; }
.productDetailBottomContainer { }
.productDetailInformationTitle { margin-bottom: 15px; padding: 5px 0 0px 5px; font: normal 18px 'Century Gothic', '微軟正黑體'; letter-spacing: 2px; background: linear-gradient(to right, rgba(100, 100, 100, 1), rgba(100, 100, 100, 0.06)); color: #eee; }
.productDetailInformationContent { padding: 0 10px; font: normal 14px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; line-height: 25px; color: #777; }
.productDetailInformationContent img { max-width: 100%; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------&gt;&gt;&gt; contact.php &lt;&lt;&lt;-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.contactHeadquarterBoxContainer .row { position: relative; }
.contactHeadquarterBoxContainer {padding: 50px; background: #f0f0f0; border-radius: 12px;}
.contactHeadquarterBox { position: relative; top: 50%; transform: translateY(-50%); }
.contactHeadquarterMapContainer iframe { width: 100%; height: 350px; }
.indexContactContentTitle a { color: orange; }
.indexContactContentTitle a:hover { opacity: 0.6; }
.social-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.social-item {
  width: 150px;
  height: 150px;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 8px;
  border-radius: 10px;
  transition: outline 0.5s ease 0s;
  outline: 1px solid #fff;
}

.social-item:hover {
  outline: 1px solid #dedede;
}

.social-item i {
  display: block;
  font-size: 72px;
  margin: 12px 0;
}

.social-item i.fa-line {
  color: #00b900;
}

.social-title {
  font-size: 18px;
}

.social-item.fb .social-title {
  color: #1b60f0;
}

.social-item.line .social-title {
  color: #00b900;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------&gt;&gt;&gt; cart_list.php &lt;&lt;&lt;---------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.cartNavContainer { text-align: center; }
.cartNavContainer ul&gt;li { display: inline-block; width: 100px; font: normal 14px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; line-height: 30px; text-align: center; margin: 0 20px 0 0; position: relative; background: #ddd; color: #666; }
.cartNavContainer ul&gt;li.active { background: #555; color: #ccc; }
.cartNavContainer ul&gt;li::after { content: ''; width: 0; height: 0; margin-top: 10px; display: inline-block; position: absolute; right: -18px; border-style: solid; border-width: 5px 0 5px 10px; border-color: transparent transparent transparent #ccc; }
.cartNavContainer ul&gt;li:last-child { margin-right: 0; }
.cartNavContainer ul&gt;li:last-child::after { display: none; }
.cartListTableProductNameBoxContainer { position: relative; }
.cartListTableProductNameBox { width: 100%;position: relative;  top: 50%; transform: translateY(-50%); }
.cartListTableProductName {}
.cartListTableProductName a { display: block; }
.cartListTableProductName a:hover { opacity: 0.6; }
.cartListTableProductNum { font: normal 13px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; line-height: 20px; }
.cartListTableProductDelete { font-size: 18px; transition: all 0.6s; }
.cartListTableProductDelete:hover { opacity: 0.6; }
.cartListBottomContainer { }
.cartListFreightInfoContainer { padding: 0 25px; }
.cartListFreightInfoTitle { border-left: solid 3px #777; padding-left: 10px; margin-bottom: 15px; font: normal 18px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; line-height: 18px; color: #666; }
.cartListFreightInfoContent { font: normal 14px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; line-height: 25px; color: #777; }
.cartListPriceContainer { font: normal 14px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; line-height: 35px; color: #777; }
.cartListTotalPrice { font-size: 20px; font-weight: bold; }
.cartListProductAmountRwdInput{
  max-width: calc(100% - 80px);
  margin-left: -5px;
}
.cart-note{ line-height: 1.6; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------&gt;&gt;&gt; cart_information.php &lt;&lt;&lt;------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.cartInfoContainer { }
.cartInfoFormContainer { }
.cartInfoMemberInfoBtnContainer { font: normal 14px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; line-height: 20px; }
.cartInfoMemberInfoBtnContainer.nav-pills .nav-link.active, .cartInfoMemberInfoBtnContainer.nav-pills .show &gt; .nav-link, .cartInfoMemberInfoBtnContainer.nav-pills .nav-link:hover { color: #fff; background-color: #999; }
.cartInfoMemberInfoBtnContainer.nav-pills .nav-link { border-radius: 0rem; border: solid 1px #aaa; color: #999; transition: all 0.6s; }
.cartInfoMemberInfoBtnContainer.nav-pills .nav-item:first-child .nav-link { margin-right: 10px; }
.cartInfoMemberInfoBtnContainer .nav-link { display: block; padding: 5px 10px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------&gt;&gt;&gt; cart_finish.php &lt;&lt;&lt;------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.cartFinishContentContainer{
  line-height: 35px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------&gt;&gt;&gt; include_member_nav.php &lt;&lt;&lt;------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.memberNavContainer { }
.memberNavBox { font: normal 14px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; line-height: 30px; text-align: center; }
.memberNavBox a { display: block; background: #ccc; color: #666; transition: all 0.4s; }
.memberNavBox a:hover, .memberNavBox.active a { background: #777; color: #eee; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------&gt;&gt;&gt; member_information.php &lt;&lt;&lt;-------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------&gt;&gt;&gt; member_order_detail.php &lt;&lt;&lt;-------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.memberOrderDetailTableTop{

}
.memberOrderDetailTableTopTitle{
  border-top: solid 1px #bbb;
  border-bottom: solid 1px #bbb;
  color: #777;
  font: normal 14px 'Century Gothic', '微軟正黑體';
  letter-spacing: 1px;
  line-height: 45px;
  background: #eee;
}
.memberOrderDetailTableTopContent{
  font: normal 14px 'Century Gothic', '微軟正黑體';
  color: #555;
  line-height: 55px;
  letter-spacing: 0.5px;
  vertical-align: middle;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------&gt;&gt;&gt; FAQ.php &lt;&lt;&lt;----------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.FAQboxContainer{

}
.FAQboxContainer ul&gt;li{
  border-bottom: dashed 1px #ccc;
  padding: 0 10px 10px;
}
.FAQboxContainer ul&gt;li:last-child{
  border-bottom: double 3px #ccc;
}
.FAQbox{

}

.FAQquestion{
  font: normal 16px 'Century Gothic', '微軟正黑體';
  letter-spacing: 1px;
  line-height: 35px;
  color: #f39b74;
  cursor:pointer;
}
.FAQquestion:hover{
  opacity: 0.6;
}
.FAQanswer{
  padding: 0 5px;
  font: normal 14px 'Century Gothic', '微軟正黑體';
  letter-spacing: 1px;
  line-height: 25px;
  color: #777;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------&gt;&gt;&gt; include_footer.php &lt;&lt;&lt;----------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.footer { position: absolute; bottom: 0; width: 90%; height: 180px; border-top: solid 1px #cccccc; margin: 30px 5% 0 }
.footerLogo {padding: 15px 0 10px 0;}
.footerLogo .logo{width: 65px; height:auto;}
.footerNav { max-width: 800px ; font: normal 14px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; line-height: 25px;margin-right: auto; margin-left:auto ;}
.footerNav  ul { margin-bottom: 0; }
.footerNav  ul li { float: none; display: inline-block; }
.footerNav  ul li a { color: #999; text-decoration: none; }
.footerNav  ul li:last-child::after { content: ""; margin: 0 0px; }
.footerNav  ul li a:hover { opacity: 0.6; }
.footerCopyright { font: normal 12px 'Century Gothic', '微軟正黑體'; line-height: 20px; letter-spacing: 1px; color: #999; }
.tradeLogo{ margin-left: 10px; display: inline-block; width: 150px; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------&gt;&gt;&gt; include_service.php &lt;&lt;&lt;----------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.serviceContainer { position: fixed; right: 20px; bottom: 50px; font-size: 35px; }
.serviceLine { width: 50px; height: 50px; position: relative; text-align: center; background: #44be29; border-radius: 50%; margin-bottom: 10px; opacity: 0.7; transition: all 0.6s; overflow: hidden; }
.serviceLine:hover { opacity: 1; }
.serviceLine a { color: #fff; display: block; }
.serviceFB { width: 50px; height: 50px; position: relative; text-align: center; background: #086ff9; border-radius: 50%; margin-bottom: 10px; opacity: 0.7; transition: all 0.6s; overflow: hidden; }
.serviceFB:hover { opacity: 1; }
.serviceFB a { color: #fff; display: block; }
.serviceBtn { width: 50px; height: 45px; background: orange; line-height: 45px; text-align: center; border-radius: 50%; transition: all 0.5s; opacity: 0.7; }
.serviceBtn:hover { opacity: 1; }
.serviceBtn a { color: #fff; display: block; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* -----------------------------------------------&gt;&gt;&gt; other &lt;&lt;&lt;----------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.fontColorPink { color: #ffbc9e; }
.fontColorDeepOrange { color: #f39b74; }
.fontColorHeartRed { color: #f24e4e; }
.fontColorLightRed { color: #ff6f8c; }
.fontColorBlue { color: #216b9c; }
.fontColorLightBlue { color: #379cd3; }
.fontColorGreen { color: #85cc55; }
.fontColorYellow { color: #f9a230; }
.fontColorWhite{color: #fff}
.fontColor999{color: #999}
.fontColoraaa{color: #aaa}
.fontColorImportant { color: #8c0024; }
.fontColorLine{color: #00b900}
.fontColorFB{color: #4267b2}
.lineHeight96 { line-height: 96px }
.lineHeight30 { line-height: 30px; }
.lineHeight25 { line-height: 25px; }
.fontSize20{font-size: 20px;}
.bg-gray{background: #dddddd;}
.border-none{border: none}
.fontZ-20{font-size: 20px;}


.coin{width: 11px; height: 11px; display: inline-block;}
.coinLtc{ background: no-repeat url(../images/lth-gray.png); background-size: 100% }
.coinEth{ background: no-repeat url(../images/eth-gray.png); background-size: 100% }
.coinTcn{ background: no-repeat url(../images/tcn-gray.png); background-size: 100% }
.coinUsdt{ background: no-repeat url(../images/usdt-gray.png); background-size: 100% }
.coinDash{ background: no-repeat url(../images/dash-gray.png); background-size: 100% }
.coinXrp{ background: no-repeat url(../images/xrp-gray.png); background-size: 100% }

/* --------------&gt;&gt;&gt; ie-decide.php ie瀏覽器限制 &lt;&lt;&lt;----------------*/
.modal_browse {    /*display: none;*/
position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); }
.wrap { max-width: 800px; margin: 100px auto 0 auto; font-size: 1.2em; text-transform: capitalize; line-height: 1.5; text-align: center; background: #FFF4F4; padding: 50px 30px; }
.wrap .text { text-align: left; }
.wrap .col-6 { display: inline-block; margin: 30px 10px; }
.wrap a { display: block; text-transform: capitalize; }
.wrap h2 { font-size: 19px; text-decoration: underline; color: #e25600; margin: 0; }
.wrap h3 { font-size: 10px; color: #aaa; margin: 0; }
.wrap img { margin: auto; }

/* wholesaler */
.modal.fade .modal-dialog.modal-dialog-centered {
  margin-top: 25%;
}
.promotion-container {
  background: #BDC9D1;
}
.promotion-container .description-button{
  position: absolute; top: 16px; left: 16px; background: #eee; border-radius: 50%;width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; color: #000;
}
.promotion-container .description-button span {
  font-size: 15px;
}
.promotion-container .feedback-container {
  position: relative; border: 1px solid #fff; border-radius: 20px; text-align: center;
}
.promotion-container .feedback-container .title{
  position: absolute; top:-20px; left: 50%; transform:translateX(-50%); background: #BDC9D1; font-size: 22px; font-weight: bold; color: #fff; text-shadow: 2px 1px 2px rgba(0,0,0,0.6);
}
.promotion-container .feedback-container .info{
  display: flex; flex-direction: column; margin-top: 15px; padding: 50px 0;
}
.promotion-container .feedback-container .info span{
  font-size: 18px; font-weight: bold; color: #fff; text-shadow: 2px 1px 2px rgba(0,0,0,0.6);
}
.promotion-container .feedback-container .info span i{
  margin-right: 4px;
}
.promotion-container .feedback-container .info .point{
  font-size: 48px; color: #fff; text-shadow: 2px 1px 2px rgba(0,0,0,0.6);
}
.promotion-share-container {
  display:flex; margin: 0 7%; transform: translateY(-80px); background: #fff; box-shadow: 0px 6px 20px -5px rgba(0,0,0,0.5); border-radius: 20px;
}
.promotion-share-container .section{
  flex: 1 1 0%; padding: 20px 40px;
}
.promotion-share-container .divider{
  position: absolute; height: 60%; width: 1px; background: #E0E0E0; top: 20%; left: 50%; transform: translateX(-50%);
}
.promotion-share-container .section h5{
  font-size: 20px; margin-bottom: 8px;
}
.promotion-share-container .section p{
  margin-bottom: 8px; font-size: 14px;
}
#menuButton {

  display: block;
  background: #333;
  color: #fff;
}
</pre></body></html>