@charset "big5";
@import url("/css/_reset.css");
@import url("/css/fancybox/jquery.fancybox.css");


#XlegendTop { position: absolute; width:100%; min-width: 980px; height: 45px; z-index: 999; }
#googleCode { position: absolute; z-index: 900; }
ul, li { list-style-type: none; }

.fancybox-lock .fancybox-overlay { overflow-y: hidden; !important }  /* fancybox  */

/*==========================================================================  
  detail
==========================================================================*/
#wrap { position: relative; width: 100%; min-width: 980px; }
.main { padding-top: 45px; height: 910px; }
.bg_1, .bg_1-2, .bg_2, .bg_2-2, .bg_3, .bg_4, .bg_4-2, .mov, .title { position: absolute; }
.bg_1, .bg_1-2, .bg_2, .bg_2-2, .bg_3, .bg_4, .bg_4-2 { width: 100%; height: 910px; }
.bg_1, .bg_1-2 { background: url('../img/bg_a1.jpg') center top no-repeat; }
.bg_2, .bg_2-2 { background: url('../img/bg_a2.jpg') center top no-repeat; }
.bg_3 { background: url('../img/bg_b1.jpg') center top no-repeat; }
.bg_4, .bg_4-2 { background: url('../img/bg_b2.jpg') center top no-repeat; }
.mov { top: 341px; left: 50%; margin-left: -472px; width: 446px; height: 250px; background: #000; border: 5px #4e4abc solid; }
.title { top: 317px; left: 50%; margin-left: -426px; width: 368px; height: 41px; background: url('../img/title.png') no-repeat; }
.page_1, .page_2, .page_3, .page_4, .page_5, .page_6 { height: 955px; }
.page_1 { background: url('../img/page_1.jpg') center top no-repeat; }
.page_2 { background: url('../img/page_2.jpg') center top no-repeat; }
.page_3 { background: url('../img/page_3.jpg') center top no-repeat; }
.page_4 { background: url('../img/page_4.jpg') center top no-repeat; }
.page_5 { background: url('../img/page_5.jpg') center top no-repeat; }
.page_6 { background: url('../img/page_6.jpg') center top no-repeat; }

a.btnTop  { position: fixed; display: none;  z-index: 101; right: 50px; bottom: 250px; width: 65px; height: 65px;  background: url('../img/btn_top.png') 0 0 no-repeat; text-indent: -99999px; }
a:hover.btnTop { background-position: 0px -65px; }

/*========================================================================== 
  fixed
==========================================================================*/
#fixed { position: fixed; z-index: 100; bottom: -77px; width: 100%; min-width: 950px; }


/*========================================================================== 
  menu
==========================================================================*/
#menu { position: relative; width: 100%; height: 209px; background: url('../img/menu_bg.png') center top no-repeat; text-indent: -99999px; }
#menu ul { position: absolute; top: 143px; left: 50%; margin-left: -292px; width: 762px; }
#menu li a { display: block; float: left; width: 254px; height: 46px; background: url('../img/menu.png') 0 0 no-repeat; }
#menu li.m1 a { background-position: 0 0; }
#menu li.m2 a { background-position: -254px 0px; }
#menu li.m3 a { background-position: -508px 0px; }
#menu li.m1 a:hover { background-position: 0px -46px; }
#menu li.m2 a:hover { background-position: -254px -46px; }
#menu li.m3 a:hover { background-position: -508px -46px; }

/* ==========================================================================
  footer
========================================================================== */
#footer { width: 100%; height: 77px; background: #1c1b47; }
#footer ul { width: 930px; margin: 0 auto; padding: 0 10px; height: 77px; }
#footer li { float: left; }
li.logo_cr { margin: 27px 18px 0 0 ; width: 138px; height: 32px; background: url('../img/logo_cr.png') no-repeat; }
li.txt { margin-top: 38px; width: 528px; font-size: 11px; color: #716faf; font-family: Arial; }
li.R12 { margin-top: 17px; width: 246px; height: 43px; background: url('../img/+12.png') no-repeat; }