@charset "utf-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #666;
	font-family:微軟正黑體,Arial, Helvetica, sans-serif;
	background:#fff;
	font-size:16px; 
	letter-spacing:0px;
}
/*漸變
transition: [屬性] [變換持續時間] [變換效果] [延遲時間];
linear：均速
ease：很快→漸慢F
ease-in：漸漸變快
ease-out：漸漸變慢
ease-in-out：漸快→慢下來→漸快
cubic-bezier( 0.1, 0.5 , 0.1 , 0.5)：其中的0.1及0.5可以調整成其他小數，這代表貝賽爾曲線的4個點值。
*/
*:link, *:visited, *:hover, *:active, *:focus , * {
-o-transition: color .10s linear, background-color .10s linear, border-color .10s linear;
-webkit-transition: color .10s linear, background-color .10s linear, border-color .10s linear;
-moz-transition: color .10s linear, background-color .10s linear, border-color .10s linear;
transition: color .10s linear, background-color .10s linear, border-color .10s linear;
}


/*陰影*/
.shadow{
	text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}

/* 圖片導圓腳*/

.menu {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	color:#fff;
}

.menu:hover {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#55a4ed;
	color:#fff;
}

.menu_ch {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#55a4ed;
	color:#fff;
}

	
.left_menu {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#085AA4;
	color:#FFF;
}

.left_menu:hover {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#f2fcff;
	color:#085AA4;
}

.left_menu_ch {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#f2fcff;
	color:#085AA4;
}

.left_menu_sub {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#085AA4;

}

.left_menu_sub:hover {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#55a4ed;

}

.left_menu_sub_ch {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#55a4ed;

}

/* 圖片超連結 位移*/

.a_img:hover {
	position:relative;top:1px;
}

.img_case:hover{
	opacity:0.85;
}
.img_case{
	opacity:3;
	}

/* 預載圖*/
.loader{
  background-image:url(images/left/bg_ch.jpg) no-repeat;
  background:url(images/left/bg_ch.jpg) no-repeat;
  margin-left:-10000px;
}

/*防撐破*/
.table {
table-layout: fixed;
word-wrap:break-word;
}

/*圖片自適應大小~去鋸齒*/
.img {
max-width: 600px; 
width:expression(this.width > 600 ? "600px" : this.width);
overflow:hidden;

-ms-interpolation-mode: bicubic;
}

.img_01{
    border:1px solid #C0C0C0;
    padding:6px;
    margin-bottom:0px;
    margin-top:0px;
}


.input{
	height:25px;
	font-size: 16px;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #e2e2e2;
}
	
.textarea{
	font-size: 16px;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #e2e2e2;
}
.money{
	
	font-weight: normal;
	color: #ff0000;
	text-decoration: none;
}
.money_s{
	
	font-weight: normal;
	color: #ff0000;
	text-decoration: none;
}

a:link {
	color: #000;
	text-decoration: none;
}

a:visited {
	color: #000;
	text-decoration: none;
}

a:active {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #0066cc;
	text-decoration: none;
}

.a1:link {
	color: #fff;
	text-decoration: none;
}

.a1:visited {
	color: #fff;
	text-decoration: none;
}

.a1:active {
	color: #fff;
	text-decoration: none;
}

.a1:hover {
	color: #0d5494;
	text-decoration:underline;
}

.a_bu:link {
	color: #0d5494;
	text-decoration: none;
}

.a_bu:visited {
	color: #0d5494;
	text-decoration: none;
}

.a_bu:active {
	color: #0d5494;
	text-decoration: none;
}

.a_bu:hover {
	color: #0d5494;
	text-decoration:underline;
}

hr{
	height:1px ;
	width:100%;
	border:1px dashed #ffffff;
	border-left-color:#ffffff;
	border-right-color:#ffffff;
	border-bottom-color:#aaa;

}


/*字型設定*/
.txt_wt{
	color:#fff;
}
.txt_org{
	color:#ff7008;
}
.txt_red{
	color:#ff0000;
}
.txt_brl{
	color:#B78351;
}

.txt_gl{
	color:#666;
}

.txt_bu{
	color:#0d5494;
}
.txt_bu2{
	color:#87aac3;
}
.txt_bk{
	color:#000000;
}
.txt_12{
	font-size:12px;	
}

.txt_8{
	font-size:8px;	
}


.txt_14{
	font-size:14px;	
}

.txt_16{
	font-size:16px;	
}

.txt_20{
	font-size:20px;	
}

.txt_30{
	font-size:30px;	
}
/*分頁樣式表*/

	.page{font-family:Tahoma; font-size:12px;}
	
	.page {
	
		PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center
	
	}
	
	.page A {
	
		BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #666666 1px solid; COLOR: #666666; PADDING-TOP: 2px; BORDER-BOTTOM: #666666 1px solid; TEXT-DECORATION: none
	
	}
	
	.page A:hover {
	
		BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; COLOR: #fff; BORDER-BOTTOM: #666666 1px solid; BACKGROUND-COLOR: #000
	
	}
	
	.page A:active {
	
		BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; COLOR: #fff; BORDER-BOTTOM: #666666 1px solid; BACKGROUND-COLOR: #000
	
	}
	
	.page SPAN.current {
	
		BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #666666 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #666666 1px solid; BACKGROUND-COLOR: #666666
	
	}
	
	.page SPAN {
	
		BORDER-RIGHT: #888 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #888 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #888 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #888 1px solid;
	
	BACKGROUND-COLOR: #888
	
	}		

/* button */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover{text-decoration:none;}
.button:active{position:relative;top:1px;}

/* color styles 
---------------------------------------------- */

/* blue */
.blue{
	color:#d9eef7;
	border:solid 1px #0076a3;
	background:#0095cd;
	background:-webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background:-moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover{
	background:#007ead;
	background:-webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background:-moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active{
	color:#80bed6;
	background:-webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background:-moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}