body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image: url(../images/bgs.jpg); background-repeat: repeat-x; background-position: top left; background-color: black; font-size: 12px; color: #747474; }
#theDiv { height: 527px; /* div的高度 */ width: 995px;/* div的寬度 */ position: absolute; top: 50%; left: 50%; margin: -263px 0 0 -498px;/* 邊界減去一半的寬高 */ }
.font_bottom { color: #CCCCCC; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif }
a:link { color: #CCFF33; text-decoration: none; }
a:visited { text-decoration: none; color: #CCFF33; }
a:hover { text-decoration: underline; color: #CCFF33; }
a:active { text-decoration: none; color: #CCFF33; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> banner <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; }
.nivoSlider img { top:0px; left:0px; max-width: none; }
.nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; /*display:none;*/ }/*防止畫面閃動*/
.nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; }
.theme-default .nivoSlider { width: 765px; height: 300px; z-index: -1; background-color:#333 }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> menu <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.div_menu{ width:981px; position:absolute; margin-top:-38px;  }

.div_menu ul {padding:0; margin:0; list-style:none;  }
.div_menu ul li{ float:left; list-style:none; height:38px; }
.div_menu ul .li_1{width:278px; background:url(../images/menu_bt.png) no-repeat; }
.div_menu ul .li_2{width:87px; background:url(../images/menu_bt.png) no-repeat; background-position:-281px 0px; cursor:pointer;}
.div_menu ul .li_3{width:83px; background:url(../images/menu_bt.png) no-repeat; background-position:-365px 0px; cursor:pointer;}
.div_menu ul .li_4{width:85px; background:url(../images/menu_bt.png) no-repeat; background-position:-448px 0px; cursor:pointer;}
.div_menu ul .li_5{width:81px; background:url(../images/menu_bt.png) no-repeat; background-position:-533px 0px; cursor:pointer;}
.div_menu ul .li_6{width:84px; background:url(../images/menu_bt.png) no-repeat; background-position:-614px 0px; cursor:pointer;}
.div_menu ul .li_7{width:282px; background:url(../images/menu_bt.png) no-repeat; background-position:-698px 0px;}

.div_menu ul .li_2:hover {width:87px; background:url(../images/menu_ch.png) no-repeat; background-position:-281px 0px;}
.div_menu ul .li_3:hover {width:83px; background:url(../images/menu_ch.png) no-repeat; background-position:-365px 0px;}
.div_menu ul .li_4:hover {width:85px; background:url(../images/menu_ch.png) no-repeat; background-position:-448px 0px;}
.div_menu ul .li_5:hover {width:81px; background:url(../images/menu_ch.png) no-repeat; background-position:-533px 0px;}
.div_menu ul .li_6:hover {width:84px; background:url(../images/menu_ch.png) no-repeat; background-position:-614px 0px;}

.fancybox-effects-d{ border:0px; outline:none; cursor:pointer;}
.magician{ background:url(../images/shadow.png) no-repeat; height:487px;}
area { blr:expression_r(this.onFocus=this.blur()); outline:none;}