@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(//fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;400;700&display=swap);



/* Common */
* {
  font-family: Verdana, 'Noto Sans TC', '微軟正黑體', sans-serif;
}

body, .common .gs_body {
  background-image: repeating-radial-gradient( circle at 0 0, transparent 0, #ffffff 225px ), repeating-linear-gradient( #fff, #f7f7f7, #fff );
}

.ui.gold.header, i.gold.icon, .ui.basic.gold.button {
  color: #eeb21b!important;
}

.ui.basic.gold.button:hover {
  color: #e2a50d!important;
}

.ui.basic.gold.button {
  -webkit-box-shadow: 0 0 0 1px #eeb21b inset!important;
  box-shadow: 0 0 0 1px #eeb21b inset!important;
}

.ui.gold.button, .gold.column, .ui.gold.inverted.segment, .ui.gold.container > .gs_header {
  background-color: #eeb21b;
}

.ui.labeled.input > .ui.gold.label {
  background: rgba(238, 178, 27, 1);
  color: rgba(0, 0, 0, .6);
}

.ui.gold.divider {
  border-top: 1px solid rgba(238, 178, 27, .33)!important;
}

.ui.dividing.gold.header {
  border-bottom: solid rgba(238, 178, 27, .33);
}

.gs_content > .ui.header {
  border-left: 2px solid;
  border-right: 2px solid;
  border-radius: 0.28571429rem;
  padding-left: .5em;
  padding-right: .5em;
  display: inline-block;
}



/* WhatsApp */
.ui.green.labeled.icon.button > .phone.icon,
.ui.green.labeled.icon.button > .whatsapp.icon {
  background-color: #21ba45!important;
}

.ui.blue.labeled.icon.button > .envelope.icon,
.ui.blue.labeled.icon.button > .comment.icon {
  background-color: #2185d0!important;
}

.ui.labeled.icon.button > .whatsapp.large.icon {
  width: 1.72em;
}

.ui.green.labeled.icon.button > .phone.icon,
.ui.green.labeled.icon.button > .whatsapp.icon,
.ui.blue.labeled.icon.button > .envelope.icon,
.ui.blue.labeled.icon.button > .comment.icon {
  color: #fff;
  border-right: none!important;
}



/* Menu */
.ui.top.fixed.menu {
  padding: .35rem 1rem .5rem;
  display: block;
}

.ui.top.fixed.gold.menu {
  border-bottom: 3px #eeb21b solid;
  z-index: 105;
}

.logo {
  margin: .75rem 1rem 0;
}

.logo img {
  width: 72px;
}

.logo > .icon {
  float: left;
}

.logo > .name {
  font-size: 1.08em;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1.2;
  padding: .88rem 1rem .88rem .5rem;
  float: left;
}

.logo > .name > .chinese {
  font-size: 1.02em;
}

.logo > .name > .english {
  font-size: 1.42em;
  letter-spacing: 0;
}

.logo > .name > .english.back {
  font-weight: normal;
  font-style: italic;
  opacity: 0.8;
}

.logo > .gold.name {
  color: #eeb21b;
}

.contact {
  height: 7.5em;
  width: calc(100vw - 275px);
  color: rgba(17, 34, 51, .9);
  font-size: .92em;
  font-weight: 500;
  letter-spacing: 1px;
  display: inline-block!important;
}



/* Header */
.common .gs_header h1, .common .gs_header h2 {
  font-weight: 400;
}

.common .gs_header > small {
  font-size: 0.65em;
  font-weight: normal;
}



/* Categroy */
.gs_category {
  background: linear-gradient(180deg, #eeb21b 0%,#eeb21b77 75%,#eeb21b00 100%);
  padding: 0!important;
}

.gs_category .slick-arrow {
  position: absolute;
  top: 0;
  padding: .5rem;
  cursor: pointer;
}

.gs_category .slick-arrow:first-child {
  left: .5em;
  visibility: hidden;
}

.gs_category .slick-arrow:last-child {
  right: 0;
}

.common .gs_image .gs_photo {
  position: relative;
  border: none;
}

.common .gs_image .gs_photo > .ui.image {
  position: relative;
  cursor: pointer;
}

.common .gs_image .gs_photo span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: left;
  background: rgba(75, 50, 10, .5);
  color: #fff;
  font-weight: 500;
  padding: .5rem 1.5rem;
  cursor: pointer;
}

.common .gs_image .gs_photo span div {
  font-family: Georgia, 'Noto Serif TC', PMingLiU, sans-serif;
  font-size: 1.08rem;
  font-weight: bold;
  line-height: 1.25;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  border-radius: 0.28571429rem;
  padding-left: 0.42em;
  padding-right: 0.42em;
  margin-top: 50%;
  display: inline-block;
  transition: all .2s ease-in-out;
}

.common .ui.one.column.grid .gs_image .gs_photo span div,
.common .ui.seven.column.grid .gs_image .gs_photo span div {
  font-size: 1.33rem;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.common .gs_image .gs_photo span:hover div {
  font-size: 1.4rem;
  padding-top: 0.125em;
  padding-bottom: 0.125em;
  margin-top: 48%;
}

.common .ui.one.column.grid .gs_image .gs_photo span:hover div,
.common .ui.seven.column.grid .gs_image .gs_photo span:hover div {
  font-size: 1.75rem;
}

.common .gs_category h4 {
  color: #fff;
  margin: 0.6em 1em;
  font-size: 1em;
  font-weight: normal;
  text-align: left;
  letter-spacing: .1em;
}

.common .gs_body.seven.column .gs_category h4 {
  text-align: center;
}

.common .gs_body .gs_image .gs_photo span {
  width: 100%;
  height: 100%;
  text-align: center;
}

.common .gs_body.seven.column .gs_image .gs_photo:hover span {
  font-size: 1.5em;
}



/* Search */
.gs_search > .ui.search .prompt {
  border-radius: .2rem;
}

.gs_searching .gs_search h3 {
  color: #eeb21b!important;
}

.gs_search .ui.category.loading.search > .results {
  display: none;
}

.gs_search .ui.category.search > .results .category > .name {
  padding-top: 1.1em;
  padding-bottom: 1.1em;
  border-bottom: 1px solid rgba(34,36,38,.1);
}

.gs_search .ui.category.search > .results .category .result {
  padding-top: 1.1em;
  padding-bottom: .8em;
}

.gs_search .ui.category.search > .results .result .title {
  font-size: 1.2em;
  margin-bottom: .25rem;
}

.gs_search .ui.category.search > .results .result .description {
  font-size: 1.05em;
}

.gs_search .ui.category.search > .results .result .image {
  min-width: 5rem;
  min-height: 5rem;
/*  width: auto;*/
}



/* Brands & Partners */
.gs_brands {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  color: rgba(17, 34, 51, .9);
  padding: .5rem 1rem .25rem;
  border-top: 3px solid #eeb21b;
  overflow-x: auto;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;
  display: none;
}

.gs_brands::-webkit-scrollbar {
  display: none;
}

.slide_cover .gs_info,
.slide_cover .gs_brands_label,
.slide_cover .gs_brands {
  display: inline-block;
}

.slide_cover.done .gs_info,
.slide_cover.done .gs_brands_label,
.slide_cover.done .gs_brands {
  display: none;
}

.gs_partners {
  min-height: 88px;
}

.gs_brands > .gs_partners {
  height: auto;
}

.gs_brands > .ui.gold.header {
  font-family: Georgia, 'Noto Serif TC', PMingLiU, sans-serif;
  padding: 20px 1em;
  margin: 0;
  float: left;
}

.gs_partners > .ui.image {
  max-width: 88px;
}

.gs_partners > .gs_brands_divider {
  width: 1px;
  height: 64px;
  border-left: 1px solid rgba(238, 178, 27, .25);
  margin: 1rem 1rem 0;
  float: left;
}



/* Background */
.gs_homepage {
  background: url('/img/bg_homepage.jpg') center center no-repeat;
}

.gs_about,
.gs_公司概覽 {
  background: url('/img/bg_about.jpg') center 46% no-repeat;
}

.gs_products {
  background: url('/img/bg_product.jpg') center center no-repeat;
}

.gs_forwarder {
  background: url('/img/bg_forwarder.jpg') center 70% no-repeat;
}

.gs_factory,
.gs_內地廠房 {
  background: url('/img/bg_factory.jpg') center 72% no-repeat;
}

.gs_facility,
.gs_本港設施 {
  background: url('/img/bg_facility.jpg') center 68% no-repeat;
}

.gs_logistic,
.gs_物流網絡 {
  background: url('/img/bg_logistic.jpg') center 80% no-repeat;
}

.gs_contact,
.gs_支援及查詢 {
  background: url('/img/bg_contact.jpg') center 64% no-repeat;
}

.gs_joinus,
.gs_加入我們 {
  background: url('/img/bg_joinus.jpg') center center no-repeat;
}

.gs_searching {
  background: linear-gradient(320deg, #eeb21b 0%,#eeb21b77 60%,#eeb21b00 100%);
}

.gs_background {
  background-size: cover;
}

.homepage .gs_background {
  transition: all .5s ease-in-out;
}

.pages .gs_background.slide_cover {
  transition: min-height .5s ease-in-out;
}

.gs_background > .gs_back {
  position: absolute;
  top: 1.75em;
  left: 5em;
  color: #eeb21b;
  display: none;
}

.gs_background > .slogan {
  position: absolute;
}

.gs_background > .slogan > h2 {
  background: #eeb21b;
  color: #fff;
  font-family: Georgia, 'Noto Serif TC', PMingLiU, sans-serif;
  padding: .4em .8em .3em;
  display: inline-block;
  margin: 0;
}

.gs_background > .slogan > h1 {
  background: #fff;
  color: #eeb21b;
  font-family: Georgia, 'Noto Serif TC', PMingLiU, sans-serif;
  padding: .2em .4em;
  margin: 0;
}

.gs_background:hover > .slogan > a {
  background: rgba(238, 178, 27, .75);
  color: #fff;
  border: 1px solid transparent;
  transition: background .2s ease-in-out;
}

.gs_background:hover > .slogan > a:hover {
  background: #eeb21b;
  color: #fff;
}



/* Content */
.common .gs_content {
  font-size: 1.08em;
  margin-top: 1.5rem;
  margin-bottom: 5rem;
}

.common .gs_content .ui.header,
body[data-site="product"] > .ui.container > .ui.grid .ui.small.header,
.gs_windows .ui.small.header {
  font-family: Georgia, 'Noto Serif TC', PMingLiU, sans-serif;
}

.common .gs_content p {
  font-size: .95em;
  letter-spacing: .033em;
  line-height: 1.33;
}

.common .gs_content > .ui.header+p,
.common .gs_content > .ui.header+.ui.action.input {
  margin-top: 1rem;
}

.common .gs_content > p+.ui.header,
.common .gs_content > .gs_partners+.ui.header {
  margin-top: 3rem;
}

.common .gs_content > .ui.button,
.gs_windows .column > .ui.button,
.gs_windows.maximize .column .ui.action.input {
  min-width: 18em;
}

.common .gs_content > .ui.button,
.gs_windows .column > .ui.button,
.gs_windows .column .ui.action.input {
  margin-top: .5rem;
}

.common .gs_content .ui.action.input {
  min-width: 288px;
  font-size: 1em;
}

.common .gs_content .ui.action.input > .ui.label > i {
  padding: .12em;
}

.common .gs_content .ui.action.input > .ui.label > i,
.gs_windows .column .ui.action.input > .ui.label > i {
  margin: 0;
}

.common .gs_content .ui.action.input > input,
.gs_windows .column .ui.action.input > input {
  border: 1px solid #21ba45!important;
}

.gs_content > .ui.labeled.icon.button > .icon,
.gs_windows .segment .ui.labeled.icon.button > .icon {
  background-color: transparent;
  border-right: 1px solid;
}

.ui.labeled.icon.button > .whatsapp.large.icon {
  width: 1.72em;
}

.common .gs_content .ui.input {
  min-width: 42em;
  font-size: .75em;
}



/* Labels */
.gs_info {
  position: absolute;
  width: auto;
  background: linear-gradient(235deg, #113355cc 50%,#00000000 95%);
  color: rgba(255, 255, 255, .9);
  font-size: 85%;
  letter-spacing: .25em;
  text-align: right;
  border-right: 2px solid #eeb21b;
  padding: .5rem 1rem 0.5rem 10rem;
  display: none;
}



/* System windows, Product pages */
.gs_windows > .ui.segments {
  background: #fff;
  border: none;
}

.gs_windows > .ui.segments > .gs_functions {
  background-color: #fcfcfc;
  padding: 0;
  border-top: none;
}

.gs_windows > .ui.segments > .gs_functions .item {
  color: #555;
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.gs_windows > .ui.segments > .gs_functions .whatsapp.item {
  background-color: #21ba45;
  color: #fff;
}

.gs_windows > .ui.segments > .gs_functions .mail.item {
  background-color: #2185d0;
  color: #fff;
}

.gs_windows > .ui.segments > .ui.gold.inverted.segment {
  padding-bottom: .8em;
}

.gs_windows > .ui.segments > .ui.gold.inverted.segment > .ui.header {
  font-size: .85em;
  font-weight: normal;
}

.gs_windows > .ui.segments > .ui.gold.inverted.segment > .ui.header i,
.gs_windows > .ui.segments > .ui.gold.inverted.segment > .ui.header a {
  font-size: 1.1em;
  text-align: right;
  color: #fff;
  margin: 0 .25rem .25rem .5rem;
  float: right;
  cursor: pointer;
}

.gs_windows > .ui.segments > .ui.gold.inverted.segment > .ui.header i:first-child {
  margin-left: 0;
  margin-right: .5rem;
  float: left;
}

.gs_windows > .ui.segments > .ui.gold.inverted.segment > .ui.header > span i {
  float: none!important;
}

body[data-site="product"] > .ui.container > .ui.grid .ui.image > span,
.gs_windows > .ui.segments > .ui.detail.segment .ui.image > span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(0, 0, 0, .65);
  color: rgba(255, 255, 255, .9);
  font-family: Georgia, 'Noto Serif TC', PMingLiU, sans-serif;
  font-size: 1.08em;
  font-weight: 500;
  padding: .75rem 1rem;
  border-radius: 0;
}

body[data-site="product"] > .ui.container > .ui.grid .ui.image > span div,
.gs_windows > .ui.segments > .ui.detail.segment .ui.image > span div {
  border-left: 2px solid rgba(255, 255, 255, .9);
  border-right: 2px solid rgba(255, 255, 255, .9);
  border-radius: .28571429rem;
  padding-left: .5em;
  padding-right: .5em;
  padding-bottom: .2em;
  display: inline-block;
}

body[data-site="product"] .ui.small.header,
.gs_windows .ui.small.header {
  font-weight: 500;
  margin-bottom: .33rem;
  border-left: 2px solid;
  border-right: 2px solid;
  border-radius: .28571429rem;
  padding-left: .5em;
  padding-right: .5em;
  display: inline-block;
}

body[data-site="product"] .ui.small.header+div,
.gs_windows .ui.small.header+div {
  margin-top: .5rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

body[data-site="product"] .ui.small.header+div > p,
.gs_windows .ui.small.header+div > p {
  line-height: 1.5;
  letter-spacing: .033em;
}

body[data-site="product"] .ui.small.header+div > .ui.button,
.gs_windows .ui.small.header+div > .ui.button {
  margin-top: .5rem;
}

body[data-site="product"] .ui.small.header+div > .ui.gold.button:not(.basic),
.gs_windows .ui.small.header+div > .ui.gold.button:not(.basic) {
  text-align: left;
  line-height: 1.33;
  padding: 0.5em;
  margin-right: .65rem;
}

body[data-site="product"] .column .ui.action.input,
.gs_windows .column .ui.action.input {
  max-height: 2.6rem;
}

body[data-site="product"] .column .ui.action.input > .ui.label,
.gs_windows .column .ui.action.input > .ui.label {
  padding: .72em;
}



/* Windows maximize */
body[data-site="product"] > .ui.container > .ui.grid .ui.image span,
.gs_windows.maximize > .ui.segments > .ui.detail.segment .ui.image span {
  font-size: 1.5em;
  line-height: 1.2;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

body[data-site="product"] > .ui.container > .ui.grid .ui.small.header,
.gs_windows.maximize > .ui.segments > .ui.detail.segment .ui.small.header {
  font-size: 1.5em;
}

body[data-site="product"] > .ui.container > .ui.grid p,
.gs_windows.maximize > .ui.segments > .ui.detail.segment p {
  font-size: 1.18em;
  letter-spacing: .05em;
  line-height: 1.8;
}

body[data-site="product"] .column .ui.action.input,
.gs_windows.maximize .column .ui.action.input {
  max-height: 2.95rem;
}

body[data-site="product"] .column .ui.action.input > .ui.label > i,
.gs_windows.maximize .column .ui.action.input > .ui.label > i {
  padding: .05em;
}



/* Map */
.common .gs_map {
  height: 432px;
}

.common .gs_map > iframe {
  position: relative;
  z-index: 102;
}



/* Modal */
.ui.modal .gs_modal_header {
  padding-top: 0.8em;
  max-width: 320px;
  text-align: left;
}

.ui.modal .gs_modal_info {
  text-align: center;
  display: block;
}

.ui.modal > .content {
  font-size: 1.1em;
}



/* Back to top */
#backToTop {
  position: fixed;
  z-index: 103;
}

#backToTop .ui.button {
  position: relative;
  min-width: auto;
  transition: margin .1s ease-in-out;
}



/* Footer */
.ui.bottom.fixed.menu {
  background: rgba(0, 0, 0, .8);
  font-size: .85em;
  padding: 1rem 0;
}

.ui.bottom.fixed.gold.menu {
  color: #eeb21b;
  border-top:2px #eeb21b solid;
  z-index: 103;
}

.copyright {
  margin: 0 auto;
  letter-spacing: 1px;
}



/* Number input fixes */
.no-arrow {
  -moz-appearance: textfield;
}
.no-arrow::-webkit-inner-spin-button {
  display: none;
}
.no-arrow::-webkit-outer-spin-button,
.no-arrow::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}