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

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

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

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


body {
	font-family: "微軟正黑體", Arial;
	margin: 0; padding: 0;
}
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支援最大寬度，因此寬度預設為 100% */
.ie6 img {
	width:100%;
}
h2, h3 { color:#333333;}

.clear {clear: both;}
.block {width:100%;height:30px;}
.block2 {width:100%;height:15px;}
.block3 {width:100%;height:45px;}

.fl {float:left;}
.fr {float:right;}
a {text-decoration: none;
	-webkit-transition:all 0.28s ease-in;
    -moz-transition:all 0.28s ease-in;
    -ms-transition:all 0.28s ease-in;
    -o-transition:all 0.28s ease-in;
	   transition:all 0.28s ease-in;}


/*input {
    -webkit-appearance: none !important;
    -moz-appearance: none;
    appearance: none;  
    -webkit-border-radius:0; 
    border-radius:0;
}*/

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




/*----------------------"頂部 - 下拉選單"-----------*/
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: #555555;
	background-color: white;
	outline:none;
}

.select {
	font-family:"微軟正黑體";
	width:auto;
	height:33px;
	color:#555555;
	font-size:15px;
    padding: 2px 7px;
	background:#ffffff;
	border:1px solid #888888;
	-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:hover {border:1px solid #555555;}
.select:focus {outline: none; border:1px solid #555555;}


input[disabled],select[disabled] { background:#f2f2f2;}