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

*{ margin:0px; padding:0px; }

html, body { margin:0px; font-family: Arial,微軟正黑體,"Microsoft JhengHei",微软雅黑,"Microsoft YaHei","Lucida Sans Unicode",Helvetica,Verdana,Tahoma,sans-serif; font-size:16px; line-height: 1.8em; color: #111; margin:0; background:#f6f6f6; width:100%;1 }
	
a { text-decoration:none;outline: none; /* for Firefox */ hlbr:expression(this.onFocus=this.blur()); /* for IE */ }
a:link { color: #333333; text-decoration:none;}
a:visited { color: #094E7F;}
a:hover { color: #2F96D1;}

.w_all { width:980px; margin:auto;}
.fc_r1 { color:#C00; }

.hr_01 { background:url(../images/hr_01.png) no-repeat center; height:25px; margin:2em auto 3.5em; clear:both; }

/* 右下快捷按鈕 */
.go_to { position:fixed; bottom:8%; left:50%; margin-left:500px; }
.go_to a { width:40px; height:40px; display:block; }
.go_top { background:url(../images/ico_up.png) no-repeat center; margin-bottom:1em; }
.go_set1 { background:url(../images/ico_set1.png) no-repeat center; margin-bottom:0.5em; }
.go_set2 { background:url(../images/ico_set2.png) no-repeat center; }

/* 頁頭 banner */
header { width:100%; background:url(../images/banner_bg.jpg) no-repeat center; height:750px; overflow:auto; overflow-x:hidden; overflow-y:hidden; }
header .word { margin:130px 0px 0px 450px; }
header .tit { color:#fff; font-size:50px; line-height:1.2em; font-weight:bold; text-shadow:1px 1px 5px #aaa; }
header .txt { margin:20px 0px 0px; background:url(../images/banner_txt_bg.png) no-repeat top left; color:#333; font-size:18px; line-height:1.8em; font-weight:bold; min-height:200px; padding:30px 40px 0px; text-shadow:1px 1px 1px #fff;}
header a.btn { display:block; background-color:rgba(36,162,220,0.9); width:200px; height:108px; float:left; margin:5px 15px 0px 0px; -webkit-border-radius:8px; border-radius:8px; font-size:26px; color:#fff; text-align:center; line-height:108px; }
header a.btn:hover { background-color:rgba(20,140,190,0.9); -webkit-box-shadow:inset 2px 1px 5px #0167a1; box-shadow:inset 2px 1px 5px #0167a1; }


/* */
section { width:100%; padding:5em 0; }
section img { border:1px solid #CCC; -webkit-border-radius:8px; border-radius:8px; -webkit-box-shadow:1px 1px 3px #bbb; box-shadow:1px 1px 3px #bbb; margin:0.5em 0 3em; }
section.bg_s1 { background:url(../images/floor_bg1.png); } 
 
section h2 { color:#0280bb; font-size:1.8em; font-weight:bold; line-height:1.5em; margin-bottom:1em; text-shadow:1px 1px 1px #fff; }
section p { margin-bottom:1em; text-shadow:1px 1px 1px #fff; }

section h3.tit1 { background-color:rgba(150,150,150,0.9); -webkit-border-radius:8px; border-radius:8px; font-size:1.8em; color:#fff; height:60px; line-height:60px; overflow:auto; margin-bottom:0.7em; padding:5px 20px; }
section h3.tit2 { font-size:1.25em; color:#2bace7; margin-bottom:0.7em; text-shadow:1px 1px 1px #fff; }

article { clear:both; }


/* 流程圖 */
.step { clear:both; overflow:auto; margin-bottom:3em; }
.step a { display:block; background:#24a2dc; float:left; -webkit-border-radius:8px; border-radius:8px; color:#fff; text-align:center; margin-right:12px; margin-bottom:2em; min-height:110px; padding:10px; position:relative; width:158px; }
.step a:hover { background-color:rgba(20,140,190,1); -webkit-box-shadow:inset 2px 1px 5px #0167a1; box-shadow:inset 2px 1px 5px #0167a1; }
.step span { display:table; position:absolute; top:50%; margin-top:-55px; height:110px; width:158px; }
.step span p { display:table-cell; vertical-align:middle; text-shadow:none; }
.step span.arr { background:url(../images/step_arr.png) no-repeat right center; width:18px; display:block; right:0px; margin-right:-18px;  }
.continue { background:url(../images/continue.png) no-repeat center 128px; }

/*  */

footer { background:#24a2dc; color:#fff; text-align:center; height:60px; line-height:60px; font-size:0.6em; }