@charset "utf-8";
body,td,th {
	font-family: "微軟正黑體", Arial; 
}
body {
	/*margin-left: 0px;*/
	margin-top: 0px;
	margin:0px auto;
}
input:focus {
  background:#eeeeee;
  color: #000000;
  outline: 2px solid blue !important;
}	
	
:-moz-focusring {
  color: #000000;
  outline: 2px solid blue !important;
}
.footer {
    clear: both;
    position: relative; 
    margin-top:0;
}
.footer1 {
    clear: both;
    position:absolute; 
    bottom:0;
}
.style1 {font-size:0.95em;padding-left:2.5%;letter-spacing:3px;line-height:1.5625}
.style2 {
	font-size:1.3em;
	color: #FFFFFF;
	letter-spacing:2px;
	font-weight:bold;
}
.style3 {font-size:1.65em;color:#666;letter-spacing:1px;font-weight:bold}
.style4 {font-size:1em;letter-spacing:2px;color:#000}
.style5 {font-size:1.3em;color:#000;letter-spacing:1px}
.style6 {font-size:1.5em;letter-spacing:5px;color:#fff;background:#E63082;padding:6px 0px 6px 0px}	
.style7 {font-size:1.1em;letter-spacing:3px;color:#000;background:#eeeeee;padding:6px 0px 6px 6px}
.style_input{font-family:'微軟正黑體', Arial; line-height:2.9;border-radius:10px;padding-left:20px;border:0px; outline:none;color:#666; font-size:1em;width:82.5%;letter-spacing:2px;}
.style_login{cursor:pointer;background-color:#E63082;color:#fff;font-family:'微軟正黑體', Arial; line-height:1;border-radius:10px;letter-spacing:2px;font-size:0.8em;border:none;padding:6px 8px 6px 8px;outline:none}
a:link{text-decoration:none;color:#000;letter-spacing:1px;font-size:0.95em}
a:hover{text-decoration:none;color:#000;letter-spacing:1px;font-size:0.95em}
a:visited{text-decoration:none;color:#000;letter-spacing:1px;font-size:0.95em}
a:focus {outline: 2px solid blue !important;}
.text1{letter-spacing:2px;line-height:1.875;text-align:left;font-size:1.1em;color:#fff; font-weight:bold;padding:25px 0px 0px 40px;}
.text1:link{text-decoration:none;color:#fff}
.text1:hover{text-decoration:none;color:#fff}
.text1:visited{text-decoration:none;color:#fff}
.tabmain{clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;}

.button_search{
width:100px;
height:51px;
border:0;
background: url(../find_button_3.png) no-repeat center;
cursor: pointer;}	

.button_search:focus{
width:100px;
height:51px;
border:0;
background: url(../find_button_3.png) no-repeat center;
cursor: pointer;}	

label[for="search"]
{
    display:none;
}	
	
.button {
	width:90%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    padding: 10px 25px 10px 25px;
    border: 0px solid #ffffff;
    border-radius: 5px;
    background: #E63082;
    background: -webkit-gradient(linear, left top, left bottom, from(#E63082), to(#E63082));
    background: -moz-linear-gradient(top, #E63082, #E63082);
    background: linear-gradient(to bottom, #E63082, #E63082);
    -webkit-box-shadow: #E63082 0px 0px 0px 0px;
    -moz-box-shadow: #E63082 0px 0px 0px 0px;
    box-shadow: #E63082 0px 0px 0px 0px;
    text-shadow: #ffffff 0px 0px 0px;
    font-size:1.375em;
    font-family:'微軟正黑體', Arial;
    color: #ffffff;
    text-decoration: none;
}

.button:link{
    border: 0px solid ##c80406;
    background: #E63082;
    background: -webkit-gradient(linear, left top, left bottom, from(#E63082), to(#E63082));
    background: -moz-linear-gradient(top, #E63082, #E63082);
    background: linear-gradient(to bottom, #E63082, #E63082);
    color: #ffffff;
    text-decoration: none;
    font-size:1.375em;
}

.button:visited {
    border: 0px solid ##c80406;
    background: #E63082;
    background: -webkit-gradient(linear, left top, left bottom, from(#E63082), to(#E63082));
    background: -moz-linear-gradient(top, #E63082, #E63082);
    background: linear-gradient(to bottom, #E63082, #E63082);
    color: #ffffff;
    text-decoration: none;
    font-size:1.375em;
}
.button:hover,
.button:focus {
    border: 0px solid ##c80406;
    background: #E63082;
    background: -webkit-gradient(linear, left top, left bottom, from(#E63082), to(#E63082));
    background: -moz-linear-gradient(top, #E63082, #E63082);
    background: linear-gradient(to bottom, #E63082, #E63082);
    color: #eeeeee;
    text-decoration: none;
    font-size:1.375em;
}
.button:active {
    background: #E63082;
    background: -webkit-gradient(linear, left top, left bottom, from(#E63082), to(#E63082));
    background: -moz-linear-gradient(top, #E63082, #E63082);
    background: linear-gradient(to bottom, #E63082, #E63082);
   }
/*麵包屑*/
    
.breadcrumb{
        width: 100%;
        margin: auto;
        display: flex;
	    list-style: none;
	    font-size:1.2em;color:#fff;
	    font-family:'微軟正黑體', Arial;
	   
    }
    .breadcrumb li{
        padding: 12px;

    }
    .breadcrumb a{
        text-decoration: none;
        color: #fff;
    }
  
    .breadcrumb a:hover,
    .breadcrumb li:last-child a{
        color: #aaa;
    }
    .breadcrumb li+li{ /*跟屁蟲屬性*/
        padding-left: 0;
    }
    .breadcrumb li+li:before{ /*跟屁蟲屬性*/
        content:'>';
        color: #fff;
        margin-right: 10px;
    }	

/*SELECT*/	
.select {
		display: inline-block;
		width: 90%;
		position: relative;
		vertical-align: middle;
		padding: 0;
		overflow: hidden;
		background-color: #fff;
		color: #ccc;
		border: 0px solid #aaa;
		text-shadow: none;
		border-radius: 8px;	
		transition: box-shadow 0.25s ease;
		z-index: 2;
	    font-family:'微軟正黑體', Arial;
	    font-size: 1.15em;
	}

	.select:hover {		
		border:0px solid #002BFF;
	}

	.select:before {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		border: 10px solid transparent;
		border-top-color:#E63082;
		top: 20px;
		right: 10px;
		cursor: pointer;
		z-index: -2;
	}
	.select select {
		cursor: pointer;
		padding: 14px;
		width: 100%;
		border: none;
		background: transparent;
		background-image: none;
		-webkit-appearance: none;
		-moz-appearance: none;
	}

	.select select:focus {
		outline:auto #002BFF;
		border: 1px solid;
	}			

.s1{width:98%;}
.s2{float:right;}
.s3{background-color: #dddddd;}
.s4{float:right;padding-right:1%;}
.s5{background-color: #dddddd;}
.s6{padding:58px 0px 0px 10px;width:83%;}
.s7{background: #d7d7d9;padding:6px;border-radius:5px;}
.s8{padding:75px 0px 0px 0px;width:83%;}
.s9{padding-right:13px;}
.s10{width:100%;}
.s11{width:40.5%;}
.s12{padding-right:16px;}
.s13{padding-bottom:3%;}
.s14{padding-top:0.7%;}
.s15{background-color: #333;border-radius:5px;}
.s16{font-size:1.4em;letter-spacing:2px;color:#de0000;}
.s17{width:100%;}
.s18{width:98%;padding-top:20px;}
.s19{width:100%;padding-top:10%;font-size:1.3em;}
.s20{width:60%;}
.s21{width:5%;border-left: 1px solid #fff;}
.s22{width:35%;}
.s23{border-bottom: 1px solid #fff;}
.s24{padding-left:10px;float:left;}
.s25{border-left: 1px solid #fff;border-bottom: 1px solid #fff;}
.s26{border-bottom: 1px solid #fff;}
.s27{padding-top:1%;width:100%;height:256px;}
.s28{padding-top:10px;}

