@charset "UTF-8";
/*
Theme Name: twentysixteen Child
Theme URI:  https://www.wpserveur.net
Author:     WPServeur
Author URI: https://www.wpserveur.net
Template:   twentysixteen
Version:    1.614
License:    GNU General Public License v2 or later
*/

@font-face {
    font-family: 'JoyceType';
    src: url('fonts/JoyceType-Light.eot');
    src: url('fonts/JoyceType-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/JoyceType-Light.woff2') format('woff2'),
        url('fonts/JoyceType-Light.woff') format('woff'),
        url('fonts/JoyceType-Light.ttf') format('truetype'),
        url('fonts/JoyceType-Light.svg#JoyceType-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JoyceType';
    src: url('fonts/JoyceType-Bold.eot');
    src: url('fonts/JoyceType-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/JoyceType-Bold.woff2') format('woff2'),
        url('fonts/JoyceType-Bold.woff') format('woff'),
        url('fonts/JoyceType-Bold.ttf') format('truetype'),
        url('fonts/JoyceType-Bold.svg#JoyceType-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {
	background: #FFF !important;
	font-family: 'JoyceType', 'Noto Sans TC', 'Noto Sans SC', sans-serif;
	letter-spacing: 0.5px;
}

body:not(.custom-background-image):before,
body:not(.custom-background-image):after {
	display: none !important;
}

body, button, input, select, textarea {
    color: #000;
	font-family: 'JoyceType', 'Noto Sans TC', 'Noto Sans SC', sans-serif;
    font-size: 16px;
}

input,
textarea,
select,
[contenteditable] {
  font-size: 16px;
}

.site-inner {
    max-width: 960px;
}

.site {
	margin: 0px !important;
}

.site-content {
	padding: 15px;
}

.site-main {
	margin-bottom: 30px !important;
}   

h1 {
	text-align: center;
	line-height: 1.2;
	padding-bottom: 25px;
}

p {
    margin: 0 0 20px;
}

select {
  -webkit-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  outline: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
  padding-right: 30px;
}

button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
    color: #FFF;
	background: #000;
	border-radius: 0px;
	font-family: 'JoyceType', 'Noto Sans TC', 'Noto Sans SC', sans-serif;
	font-weight: normal !important;
	letter-spacing: 0px;
	padding: 10px 50px;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #222222;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	outline: 0px;
	outline-offset: 0px;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
	background: #fff;
	background-image: none;
	border: 1px solid #d1d1d1;
	border-radius: 0px;
	color: #000;
	padding: 20px;
	height: 36px !important;
}

input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
	background-color: #fff;
	border-color: #007acc;
	color: #000;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

.slider-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
}

.slider {
  display: flex;
  transition: transform 0.5s ease;
}

.slide {
  width: 100%;
  flex-shrink: 0;
}

.slide img {
  width: 100%;
  height: auto;
  display: block;
}

.prev, .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.4);
  color: #fff;
  border: none;
  font-size: 22px;
  padding: 12px 16px;
  cursor: pointer;
  z-index: 10;
  border-radius: 4px;
  width: auto !important;
}
.prev { left: 15px; }
.next { right: 15px; }

.dots {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
}
.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255,255,255,0.6);
  cursor: pointer;
}
.dot.active {
  background: #fff;
}

.acf-form {
	max-width: 640px;
    margin: 0px auto;
}

.acf-input-wrap input,
.acf-field select {
	height: 36px !important;
}

.acf-field select {
	padding: 3px 5px !important;
}

.acf-fields>.acf-field {
    border-top: 0px !important;
    padding-left: 0px !important;
	padding-right: 0px !important;
}

.acf-form-submit .acf-button {
	width: 100%;
}

.acf-input-prepend {
    font-size: 16px !important;
    padding: 7px 7px !important;
}

.acf-input {
	font-size: 13px;
}

.acf-field-message {
	padding: 0px !important;
}

.acf-field-checkbox {
	padding-bottom: 0px !important;
}

.acf-field-6a29a3f0a6119 {
	margin-top: 30px !important;
	font-style: italic;
}

.acf-field-6a23d817311b6 {
	padding-top: 0px !important;
}

.acf-field-6a23d817311b6 .acf-label {
	display: none;
}

.footer-container{ text-align:center; color:#444; padding:0 0 40px 0;  }
.footer-container.fix{ position:fixed; bottom:0; width:100%; left:0; }
.footer-container.absolute{ position:absolute; bottom:0; width:100%; left:0; }
.sns-all-icons-container { position:relative; bottom:20%;  }

.footer-container .sns-all-icons-container{
    display: flex;
    justify-content: center;
    position: relative;
    right: auto;
    top: auto;
    margin: 0 auto;
    font-size: 1em;
    padding-bottom: 0.5em; }
.footer-container{ position:relative; }

.sns-icon-container{ float:left; margin-left:0.75em; width:30px; height:30px; background-repeat:no-repeat; background-position:bottom right; background-size:contain;  }
.sns-icon-container.youtube-b{ background-image:url("images/eshop_icon.png"); }
.sns-icon-container.ig-b{ background-image:url("images/ig-icon.svg"); margin-left: 0.45em !important; }
.sns-icon-container.fb-b{ background-image:url("images/red_icon_v2.png");}
.whatsapp-container{ width:22px !important; height:22px !important; background-image:url("images/whatsapp-white.svg"); background-repeat:no-repeat; background-position:bottom right; background-size:contain; margin-top: 3px !important; margin-right: 0.75em !important;}
.txt-tiny {
    font-size: 12px;
    letter-spacing: 0;
}

.page-template-template-thanks .site-content {
	text-align: center;
	padding-top: 30px;
}

@media screen and (max-width: 640px) {
    h1 {
        font-size: 1.4em;
		padding-bottom: 15px;
    }
	
	h2 {
        font-size: 1.1em;
    }
}