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

.logo{ background:url(../images/logo.gif) top center no-repeat; height:60px; text-indent:-9999px;}
.leftBg{ background:url(../images/body_bg_left.gif) no-repeat; height:232px;}
.rightBg{ background:url(../images/body_bg_right.gif) no-repeat; height:350px;}
.nav{ height:35px; border-bottom:5px solid #00A9D9; border-top:5px solid #00A9D9;  margin-bottom:20px;}
	.navList{ margin:0; padding:0; text-align:center; width:353px; margin:0 auto;}
	.navList li{ float:left; list-style:none;}
	.navList li a{ line-height:35px; display:block; background-position:center; text-indent:-9999px; margin-right:20px;}
	.navBtn1{ background: url(../images/nav_btn1.gif) right no-repeat; width:90px;}
	.navBtn2{ background: url(../images/nav_btn2.gif); width:89px;}
	.navBtn3{ background: url(../images/nav_btn3.gif); width:114px;}
	.navBtn1_h{ background-image:url(../images/nav_btn1_over.gif);}
	.navBtn2_h{ background-image:url(../images/nav_btn2_over.gif);}
	.navBtn3_h{ background-image:url(../images/nav_btn3_over.gif);}
.foot{  line-height:57px; text-align:center; color:#bbb;}
	
.mod{ padding:0 30px; overflow:hidden; margin:0;}
.mExL{border-left:2px solid #00A9D9;}
b{display:block;}
.hr{ background:url(../images/corner_line.gif) repeat-x left -1px;}
.tr, .tl, .br, .bl{ height:26px;}
.tr{ background:url(../images/corner_tr.gif) top right no-repeat;}
.tl{ background:url(../images/corner_tl.gif) top left no-repeat;}
.br{ background:url(../images/corner_br.gif) bottom right no-repeat;}
.bl{ background:url(../images/corner_bl.gif) bottom left no-repeat;}
.tr, .tl{ margin-top:-1px; }
.leftC{ background:url(../images/corner_left.gif) no-repeat;}
.rightC{ background:url(../images/corner_right.gif) no-repeat right;}
.spaceC{ background:url(../images/space.gif) no-repeat;}
.leftC, .rightC{ height:57px; padding:0 29px; position: relative; top:-1px; z-index:10;}
.h55{height:55px;}
.top{ border-top:1px solid #bfe9f5;}
.bottom{ border-bottom:1px solid #bfe9f5; }
.rightB{ border-right:1px solid #bfe9f5; }
.leftB{ border-left:1px solid #bfe9f5; }
.bw{ border-bottom-width:2px;}
.rw{border-right:2px solid #00A9D9; }
.bm{ /*margin-bottom:-1px;*/ position: relative; bottom:-1px;}
.col2 h3{ float:left; width:75px;}
.col2 ul{ margin-left:85px; border-left:1px solid #bfe9f5; padding:0; padding-left:20px; list-style:none;}
.col3{/* background:url(../images/col3_bg.gif) repeat-y center;*/ margin-bottom:20px;  border-bottom:1px solid #bfe9f5;} 
.col3 ul{ margin-left:3px; /*padding:0; padding-left:10px; list-style:none;*/}
.col3 h3{ margin:0; padding:0; margin-left:10px; }
.ulEx li{ display:inline;}
.dataBox{ display:none;}

/*  一般設定 */
.reset{ margin:0 ; padding:0;}
.inline{ display:inline;}
body{ font-size:12px; color:#666; line-height:1.8em; font-family:Arial, Helvetica, sans-serif}
h2{ font-size:22px; line-height:57px; text-align:right; color:#00A9D9;}
h2 span{ float:left;}
h2 img{ margin-top:15px;}
h3{ font-size:16px;}
img{ border:0;}
a{ color:#00A9D9;}
a:hover{ color: #C3D60B;}
label{ display:block;padding-right:5px;}
.w90{ width:85%}
.clearfloat { /* 這個類別應該放置於 Div 或 Break 元素上，而且應該是完整包含浮動的容器關閉前的最後一個元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* -------overlay------- */
.overlay {width:545px; height:415px; background: url(../images/white.png);display:none; padding:55px; font-weight:normal;}
.overlay > div { height:441px;   overflow-y:auto;}
.overlay .close { background-image:url(../images/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px;}