body {
  margin:10px 0 10px 0;
  color:#333;
  background:#000;
  font-family:新細明體,tahoma,arial;
  font-size:12pt;
}

img       {border:0;}
a         {text-decoration: none; color:#333;}
a:visited {text-decoration: none; color:#333;}
a:active  {text-decoration: underline; color:#f00;}
a:hover   {text-decoration: underline; color:#f00;}





/* ---------- */

div#frame {
  margin-left:auto;
  margin-right:auto;
  width:1024px;
  background:#99cc33;
}

/* ---------- */

div#home {}

#home .bg {
  width:1024px;
  height:600px;
}

#home .slogon {
  position:absolute;
  left:130px; top:90px;
  font-size:14pt;
  font-weight:normal;
  color:#fff;
}
#home .walking {
  position:absolute;
  left:550px; top:490px;
}
#home .book {
  position:absolute;
  left:860px; top:100px;
  width:164px; height:170px;
  padding: 10px 0 0 10px;
  background:#000; color:#fff;
}
#home .book .frame {
  position:relative;
  width:150px; height:140px;
  margin:10px 0 0 0;
  overflow: hidden;
}
#home .book .banner {
  position:relative;
}
#home .book .banner td {
  width:150px;
}
#home .book .banner td.pic {
}
#home .book .banner td.title {
  font-size:10pt;
}
#home .exhibition {
  position:absolute;
  left:860px; top:300px;
  width:164px; height:170px;
  padding: 10px 0 0 10px;
  background:#000; color:#fff;
}
#home .exhibition .frame {
  position:relative;
  width:150px; height:140px;
  margin:10px 0 0 0;
  overflow: hidden;
}
#home .exhibition .banner {
  position:relative;
}
#home .exhibition .banner td {
  width:150px;
}
#home .exhibition .banner td.pic {
}
#home .exhibition .banner td.title {
  font-size:10pt;
}
/* ---------- */


div#news {}

#news .bg {
  width:1024px;
  height:600px;
}

#news .event {
  cursor:pointer;
  position:absolute;
  left:150px; top:120px;
  width:210px;
}
#news .event p {margin-top:0; margin-bottom:2px;}
#news .exhibition {
  cursor:pointer;
  position:absolute;
  left:410px; top:120px;
  width:210px;
}
#news .exhibition p {margin-top:0; margin-bottom:2px;}
#news .book {
  cursor:pointer;
  position:absolute;
  left:670px; top:120px;
  width:300px;
}
#news .book p {margin-top:0; margin-bottom:2px;}
#news .book .photo {
  /*background:#fff;*/
  width:150px;
  text-align:center;
}
/* ---------- */





div#intro {}
#intro .bg {
  width:1024px;
  height:600px;
}
#intro .button {
  position:absolute;
  font-family:新細明體;
  font-size:18pt;
  font-weight:bold;  
}
#intro .button a           {color:#0a0;}
#intro .button a:hover     {color:#FF5400;text-decoration:none;}
#intro .button_sel a       {color:#000;cursor:default;}
#intro .button_sel a:hover {color:#000;}
#intro .button_summary     {left:240px; top:80px;}
#intro .button_goal        {left:500px; top:80px;}
#intro .button_photo {
  cursor:pointer;
  position:absolute;
  left:795px; top:60px;
  width:200px; height:130px;
  background:#fff;
  opacity:0;
  filter:Alpha(opacity=0);
}
#intro .content {
  position:absolute;
  left:160px; top:110px;
  width:600px;
  line-height:1.6em  
}
#intro .content_summary {}
#intro .content_goal {display:none;}
#intro .photo {
  display:none;
  position:absolute;
  left:160px; top:110px;
}
/* ---------- */





div#company {}
#company .bg{
  width:1024px;
  height:600px;
}
/* ---------- */




div#work {}
#work .bg{
  width:1024px;
  height:600px;
}
#work .button {
  position:absolute;
  font-family:新細明體;
  font-size:12pt;
  font-weight:bold;
}
#work .button a           {color:#0a0;}
#work .button a:hover     {color:#FF5400;text-decoration:none;}
#work .button_sel a       {color:#000;}
#work .button_sel a:hover {color:#000;}
#work .button_work_1      {left:45px; top:185px;}
#work .button_work_2      {left:45px; top:245px;}
#work .button_work_3      {left:45px; top:305px;}
#work .button_work_4      {left:45px; top:365px;}
#work .button_work_5      {left:45px; top:425px;}

#work .button_photo {
  cursor:pointer;
  position:absolute;
  background:#fff;
  opacity:0;
  filter:Alpha(opacity=0);
}
#work .button_photo_1  {left:889px; top:34px;  width:76px;  height:63px;}
#work .button_photo_2  {left:796px; top:75px;  width:88px;  height:56px;}
#work .button_photo_3  {left:912px; top:106px; width:101px; height:62px;}
#work .button_photo_4  {left:811px; top:136px; width:93px;  height:66px;}
#work .button_photo_5  {left:910px; top:178px; width:98px;  height:69px;}
#work .button_photo_6  {left:802px; top:211px; width:83px;  height:57px;}
#work .button_photo_7  {left:887px; top:248px; width:87px;  height:52px;}
#work .button_photo_8  {left:803px; top:290px; width:79px;  height:66px;}
#work .button_photo_9  {left:902px; top:306px; width:102px; height:73px;}
#work .button_photo_10 {left:807px; top:368px; width:84px;  height:69px;}
#work .button_photo_11 {left:897px; top:387px; width:103px; height:64px;}
#work .button_photo_12 {left:793px; top:443px; width:96px;  height:59px;}
#work .button_photo_13 {left:898px; top:458px; width:100px; height:60px;}
#work .button_photo_14 {left:813px; top:519px; width:110px; height:63px;}
#work .content_bg {
  position:absolute;
  left:200px; top:60px;
  width:590px; height:520px;
  background:#fff;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  opacity:0.7;
}
#work .content {
  position:absolute;
  left:210px; top:70px;
  width:570px;
  line-height:1.6em;
}
#work .content_work_2 {display:none;}
#work .content_work_3 {display:none;}
#work .content_work_4 {display:none;}
#work .content_work_5 {display:none;}
#work .content_work_1 p {
  margin:0px;
  padding:0 0 15px 0;
  font-size:10pt;
  line-height:1.6em;
}
/*
#work .content_work_2 {padding-top:120px;}
#work .content_work_3 {padding-top:120px;}
#work .content_work_4 {padding-top:120px;}
#work .content_work_5 {padding-top:120px;}
                 */
#work .content_work_5 p {
  margin:0px;
  padding:0 0 15px 0;
}
#work .content_work_5 .hulu_concept_logo {
  position:absolute;
  left:5px; top:400px;
}
#work .photo {
  display:none;
  position:absolute;
  left:160px; top:110px;
}
/* ---------- */




div#exhibition {}
#exhibition .bg{
  width:1024px;
  height:600px;
}
#exhibition .content_bg {
  position:absolute;
  left:120px; top:40px;
  width:900px; height:540px;
  background:#fff;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  opacity:0.7;
}
#exhibition .frame {
  position:absolute;
  left:120px; top:40px;
  width:900px; height:540px;
  overflow:auto;
}
#exhibition .content {
  position:relative;
}
#exhibition .content td {
  width:290px;
  border-bottom:1px dashed #000;
  padding:10px 10px 20px 10px;
  text-align:left;
  vertical-align:top;
}
/* ---------- */




div#book {}
#book .bg{
  width:1024px;
  height:600px;
}
#book .content_bg {
  position:absolute;
  left:120px; top:40px;
  width:900px; height:540px;
  background:#fff;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  opacity:0.7;
}
#book .frame {
  position:absolute;
  left:120px; top:40px;
  width:900px; height:540px;
  overflow: auto;
}
#book .content {
  position:relative;
}
#book .content td {
}
#book .content td.pic {
  width:150px;
  height:160px;
  border-bottom:1px dashed #000;
  padding:10px 0 10px 0;
  text-align:left;
  vertical-align:bottom;
}
#book .content td.text {
  width:140px;
  height:160px;
  border-bottom:1px dashed #000;
  padding:10px 0 15px 0;
  font-size:8pt;
  text-align:left;
  vertical-align:bottom;
}
/* ---------- */




div#video {}
#video .bg{
  width:1024px;
  height:600px;
}
#video .content_bg {
  position:absolute;
  left:120px; top:40px;
  width:900px; height:540px;
  background:#fff;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  opacity:0.7;
}
#video .frame {
  position:absolute;
  left:120px; top:40px;
  width:900px; height:540px;
  overflow:auto;
}
#video .content {
  position:relative;
}
#video .content td {
  width:290px;
  border-bottom:1px dashed #000;
  padding:10px 10px 20px 10px;
  text-align:left;
  vertical-align:top;
}
#video .content td.pic {
  cursor:pointer;
  width:150px;
  height:160px;
  border-bottom:1px dashed #000;
  text-align:left;
  vertical-align:bottom;
}
#video .content td.text {
  width:140px;
  height:160px;
  border-bottom:1px dashed #000;
  font-size:12pt;
  text-align:left;
  vertical-align:bottom;
}
#video .movie {
  display:none;
  position:absolute;
  left:120px; top:20px;
}
/* ---------- */




div#aboutus {}
#aboutus .bg {
  width:1024px;
  height:600px;
}

#aboutus .button {
  position:absolute;
  font-family:新細明體;
  font-size:18pt;
  font-weight:bold;
}
#aboutus .button a           {color:#0a0;}
#aboutus .button a:hover     {color:#FF5400;text-decoration:none;}
#aboutus .button_sel a       {color:#000;cursor:default;}
#aboutus .button_sel a:hover {color:#000;}
#aboutus .button_company     {left:200px; top:80px;}
#aboutus .button_contact     {left:460px; top:80px;}
#aboutus .button_contact2    {left:200px; top:80px;}
#aboutus .content_bg {
  position:absolute;
  left:180px; top:60px;
  width:650px; height:520px;
  background:#fff;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  opacity:0.7;
}
#aboutus .content {
  position:absolute;
  left:200px; top:110px;
  width:600px;
}
#aboutus .content_company {}
#aboutus .content_company p.title {
  margin:10px 0 10px 0;
  width:500px;
  border-bottom:1px solid #FF5400;
  padding:0;
  color:#FF5400;
  font-size:14pt;
  font-weight:bold;
}
#aboutus .content_company p.item {
  margin:2px 0 2px 60px;
  padding:0;
}

#aboutus .content_company .hulu_concept_logo {
  position:absolute;
  left:350px; top:360px;
}
#aboutus .content_contact {}
#aboutus .content_contact p {
  font-family:新細明體;
  font-size:20pt;
  line-height:1em;
}
#aboutus .content_vacancy {}
#aboutus .content_vacancy p {
  font-family:新細明體;
  font-size:20pt;
  line-height:1em;
}
#aboutus .map_menu {
  position:absolute;
  left:615px; top:540px;
  font-size:10pt;
}
#aboutus .map {
  position:absolute;
  left:610px; top:150px;
  width:380px; height:380px;
  background:#eee;
  border:5px solid #fff;
  border-bottom:25px solid #fff;
}
#aboutus .map_shadow {
  position:absolute;
  left:620px; top:160px;
  width:390px; height:410px;
  background:#030;
  filter:Alpha(opacity=50);
  opacity:0.5;
}





/* ---------- */




div#footer {
  width:1024px;
  height:21px;
  background:url('./images/bg_footer.jpg') repeat-x;
}

#footer .copyright {
  position:absolute;
  left:50px;
  top:3px;
  font-family:arial;
  font-size:8pt;
  color:#ccc;
}

/* ---------- */





div#main_menu {
  position:relative;
}

#main_menu .menu_flow_list .menu_flow {
  position:absolute; display:none;
  left:0px; top:0px; width:0px; height:0px;
  /*
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  opacity:0.7;
              */
}

#main_menu .menu_flow_list .sel {
  background:#000;
}

#main_menu .menu_flow_list .nor {
  background:#FF5400;
  /*background:#aaa;*/
}

#main_menu .menu_list {
  position:absolute;
  left:50px; top:5px;
}

#main_menu .menu_list .menu {
  padding:2px 10px;
  color:#fff;
}

#main_menu .menu_list a.menu:hover {
  color:#fff;
  text-decoration:none;
}

/*#main_menu .sel {background:#000;border-top:20px solid #000;border-bottom:2px solid #000;}*/
#main_menu .menu_list .sel {}
#main_menu .menu_list .nor {}

div#facebook {
  position:absolute;
  /*left:700px;top:4px;*/
  right:50px;top:4px;
}

/* ---------- */

div#popup_bg {
  cursor:pointer;
  display:none;
  position:absolute;
  left:0px; top:0px;
  width:1024px; height:600px;
  background:#000;
  opacity:0.7;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}