@charset "utf-8";
/* CSS Document */

/* Global fonts */
@import url('https://fonts.googleapis.com/css2?family=Neuton:ital,wght@0,300;0,400;0,700;1,400&family=Cabin:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap');

/* pc.css / mobile.css / style.css / serenity.css
   are now loaded via basic_style.php with filemtime() cache busting */

@font-face {
	font-family: favoritest;
	font-style: normal;
	font-weight: normal;
	src: local("王漢宗特明體繁"),
		local("Noto Sans CJK TC Regular", "Noto Sans CJK TC Light");
	src: url(../font/王漢宗特明體繁.ttf),
		url(../font/王漢宗特明體繁.ttf) format("truetype)"),
		url(../font/wt004.ttf) format("truetype)"),
		url(https://fonts.google.com/specimen/Noto+Sans+TC) format("truetype)");
	font-display: fallback;
}

body,
html {
	font-family: 'Cabin', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

body {
	width: 100%;
	font-size: 100%;
	margin: 0;
	padding: 0;
	color: #1a1a1a;
	overflow-x: hidden;
	background-color: #ffffff;
}

@media only screen and (max-width: 1024px) {}

@media all and (min-width: 1000px) and (max-width: 1024px) {
	body {
		font-size: 80% !important;
	}
}

@media all and (min-width: 1025px) and (max-width: 1600px) {
	body {
		font-size: 100% !important;
	}
}

img,
object,
embed,
video {
	max-width: 100%;
}

label {
	display: inline-block;
	max-width: 100%;
}

.clear {
	clear: both;
}

.block {
	width: 100%;
	height: 20px;
}

.tar {
	text-align: right
}

.tal {
	text-align: left
}

.tac {
	text-align: center
}

.fl {
	float: left;
}

.fr {
	float: right;
}

a {
	text-decoration: none;
	-webkit-transition: all 0.18s ease-in;
	-moz-transition: all 0.18s ease-in;
	-ms-transition: all 0.18s ease-in;
	-o-transition: all 0.18s ease-in;
	transition: all 0.18s ease-in;
}

br {
	display: block;
	line-height: 1.6em;
}

hr.hr {
	clear: both;
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
	margin-top: 20px;
	margin-bottom: 40px;
}

hr.hr2 {
	clear: both;
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	margin-top: 20px;
	margin-bottom: 20px;
}

input {
	color: #696969 !important;
	-webkit-appearance: none !important;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}




/*** select設定
 -----------------------------
select {
	width:100%;
    border: 1px solid #cccccc;
    background-color: #ffffff;
	padding:3px 5px;
	margin:3px 0 !important;
	-webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -ms-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
	   transition:all 0.2s ease-in;
}
select:active {
	outline: 0;
    background-color: rgba(255, 255, 255, 1) !important;
	-webkit-box-shadow: 0 0 3px rgba(20, 20, 20, 0.15) !important;
          	box-shadow: 0 0 3px rgba(20, 20, 20, 0.15) !important;
}
select:focus {
	outline: 0;
    background-color: rgba(255, 255, 255, 1) !important;
	-webkit-box-shadow: 0 0 3px rgba(20, 20, 20, 0.15) !important;
          	box-shadow: 0 0 3px rgba(20, 20, 20, 0.15) !important;
}
select.disabled, select[disabled] {
    background-color: #eeeeee !important;
}*/

select {
	color: #696969 !important;
	-webkit-appearance: none !important;
	-moz-appearance: none;
	appearance: none;
}


/*** 頂部 - 下拉選單
 -----------------------------
select {
	font-size: 15px;
	font-family: "微軟正黑體", Arial;
	height:33px;
    padding: 2px 7px;
	border:1px solid #888888;
	-webkit-appearance: menulist;
	box-sizing: border-box;
	align-items: center;
	white-space: pre;
	color: #333333;
	background-color: white;
	outline:none;
}

.select:hover {border:1px solid #555555;}
.select:focus {outline: none; border:1px solid #555555;}*/