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

/* 若瀏覽區域的寬度大於 768 像素，（電腦顯示用） */
@import url(pc.css?v=20240503) screen and (min-width:1024px);

/* 瀏覽區域的寬度小於 767 像素，（手機顯示用） */
@import url(mobile.css?v=20231227) screen and (max-width:1023px);

/* 瀏覽區域的最大寬度 2560 像素，（全區域用） */
@import url(style.css) screen and (max-width:2560px);


/* @import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400); */
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400);

@font-face {
    font-family: Noto Sans TC;
    font-style: normal;
    font-weight: normal;
    src: local("Noto Sans CJK TC Regular"),
         local("Noto Sans CJK TC Regular", "Noto Sans CJK TC Light");
    /* src: url(../font/NotoSansCJKtc-Regular.otf),
         url(../font/NotoSansCJKtc-Regular.otf) format("truetype)"),
         url(../font/NotoSansCJKtc-Light.otf) format("truetype)"),
         url(https://fonts.google.com/specimen/Noto+Sans+TC) format("truetype)"); */
    font-display: fallback;
}

body, html{
	/*font-family: Noto Sans TC !important;*/
	font-family: 'Noto Sans CJK TC', '微軟正黑體';
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

body {
	width: 100%;
	font-size: 100%;
	margin: 0;
	padding: 0;
	color: #333333;
    overflow-x: hidden;
	background-color: #ffffff;
}
@media only screen and (max-width: 1024px) {}
@media all and (min-width: 320px) and (max-width: 500px) {
body {
	font-size: 80% !important;
}}
@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 {
    line-height: 1.3 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    appearance: none;  
    -webkit-border-radius:0; 
    border-radius:0;
}
input::-webkit-input-placeholder {
  color: #cccccc !important;; }
input:-moz-placeholder {
  color: #cccccc !important;; }
input::-moz-placeholder {
  color: #cccccc !important;; }
input:-ms-input-placeholder {
  color: #cccccc !important;; }

input:active::-webkit-input-placeholder, input:focus::-webkit-input-placeholder {
  color: #9fa0a8; }
input:active:-moz-placeholder, input:focus:-moz-placeholder {
  color: #9fa0a8; }
input:active::-moz-placeholder, input:focus::-moz-placeholder {
  color: #9fa0a8; }
input:active:-ms-input-placeholder, input:focus:-ms-input-placeholder {
  color: #9fa0a8; }

select {
    height: 34.8px;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    appearance: none; 
}
textarea::placeholder {
  color: #bbbbbb !important;;
  opacity: 1;
}