@charset "UTF-8";
.fb_list .search, .fb_list .list_view ul { display: block; }
.fb_list .search:after, .fb_list .list_view ul:after { content: '.'; display: block; clear: both; visibility: hidden; overflow: hidden; line-height: 0; height: 0; }
* html .fb_list .search, .fb_list * html .search, * html .fb_list .list_view ul, .fb_list .list_view * html ul { height: 1px; }

.winner table input { padding: 2px; }
.winner table input[type=checkbox], .winner table input[type=radio] { position: relative; top: 2px; *top: 5px; margin: 2px; }
.winner table input[type=button] { padding: 1px 3px; cursor: pointer; }

.winner table { width: 100%; border-collapse: collapse; }
.winner table .last { border-right: 0px; }
.winner table th, .winner table td { padding: 10px; text-align: center; }
.winner table th img, .winner table td img { vertical-align: middle; }
.winner table textarea { width: 98%; resize: none; }

.input_mini { width: 60px; }

.input_small { width: 90px; }

.input_medium { width: 200px; }

.input_large { width: 270px; }

.input_xlarge { width: 520px; }

.input_xxlarge { width: 670px; }

[class*="col"] { box-sizing: border-box; }

.row { margin-left: 0; margin-right: 0; *zoom: 1; }
.row:before, .row:after { display: table; content: ""; line-height: 0; }
.row:after { clear: both; }

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { position: relative; min-height: 1px; padding-left: 5px; padding-right: 5px; }

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { float: left; }

.col1 { width: 8.33333%; }

.col2 { width: 16.66667%; }

.col3 { width: 25%; }

.col4 { width: 33.33333%; }

.col5 { width: 41.66667%; }

.col6 { width: 50%; }

.col7 { width: 58.33333%; }

.col8 { width: 66.66667%; }

.col9 { width: 75%; }

.col10 { width: 83.33333%; }

.col11 { width: 91.66667%; }

.col12 { width: 100%; }

@media screen and (min-width: 320px) and (max-width: 640px) { .themes .bd > *[class*="col"] { width: 100%; }
  [class*="col"] { width: 100%; }
  .col1_s, .col2_s, .col3_s, .col4_s, .col5_s, .col6_s, .col7_s, .col8_s, .col9_s, .col10_s, .col11_s, .col12_s { position: relative; min-height: 1px; padding-left: 5px; padding-right: 5px; }
  .col1_s, .col2_s, .col3_s, .col4_s, .col5_s, .col6_s, .col7_s, .col8_s, .col9_s, .col10_s, .col11_s, .col12_s { float: left; }
  .col1_s { width: 8.33333%; }
  .col2_s { width: 16.66667%; }
  .col3_s { width: 25%; }
  .col4_s { width: 33.33333%; }
  .col5_s { width: 41.66667%; }
  .col6_s { width: 50%; }
  .col7_s { width: 58.33333%; }
  .col8_s { width: 66.66667%; }
  .col9_s { width: 75%; }
  .col10_s { width: 83.33333%; }
  .col11_s { width: 91.66667%; }
  .col12_s { width: 100%; } }
@media screen and (min-width: 641px) and (max-width: 1023px) { .themes .bd > *[class*="col"] { width: 100%; }
  .col1_m, .col2_m, .col3_m, .col4_m, .col5_m, .col6_m, .col7_m, .col8_m, .col9_m, .col10_m, .col11_m, .col12_m { position: relative; min-height: 1px; padding-left: 5px; padding-right: 5px; }
  .col1_m, .col2_m, .col3_m, .col4_m, .col5_m, .col6_m, .col7_m, .col8_m, .col9_m, .col10_m, .col11_m, .col12_m { float: left; }
  .col1_m { width: 8.33333%; }
  .col2_m { width: 16.66667%; }
  .col3_m { width: 25%; }
  .col4_m { width: 33.33333%; }
  .col5_m { width: 41.66667%; }
  .col6_m { width: 50%; }
  .col7_m { width: 58.33333%; }
  .col8_m { width: 66.66667%; }
  .col9_m { width: 75%; }
  .col10_m { width: 83.33333%; }
  .col11_m { width: 91.66667%; }
  .col12_m { width: 100%; } }
body { font-family: 'arial','微軟正黑體'; }

body.index { background: url(../images/index_bg.png) repeat-x; }

.page #container1 { padding-bottom: 30px; background: url(../images/page_bg.jpg) repeat; }

.index #container { margin: 0px auto; width: auto; height: 705px; background: url(../images/index_main.jpg) center 0px no-repeat; }

a { text-decoration: none; }

.page .header { line-height: 0; text-align: center; background: url(../images/page_hd_bg.jpg) repeat-x; }
.page .header .train { position: relative; top: -95px; }

.nav { height: 75px; background: url(../images/nav_bg.png) repeat-x; }
.nav ul { padding-top: 10px; text-align: center; }
.nav ul li { display: inline; }
.nav ul li a { text-indent: -9999px; display: inline-block; width: 145px; height: 50px; background: url(../images/nav.png) 0px 0px no-repeat; }
.nav ul li a:hover { background: url(../images/nav.png) -151px 0px no-repeat; }
.nav ul li.active a { background: url(../images/nav.png) -151px 0px no-repeat; }
.nav ul li + li a { background-position: 0px -100px; }
.nav ul li + li a:hover { background-position: -151px -100px; }
.nav ul li + li.active a { background-position: -151px -100px; }
.nav ul li + li + li a { background-position: 0px -200px; }
.nav ul li + li + li a:hover { background-position: -151px -200px; }
.nav ul li + li + li.active a { background-position: -151px -200px; }
.nav ul li + li + li + li a { background-position: 0px -300px; }
.nav ul li + li + li + li a:hover { background-position: -151px -300px; }
.nav ul li + li + li + li.active a { background-position: -151px -300px; }
.nav ul li + li + li + li + li a { background-position: 0px -400px; }
.nav ul li + li + li + li + li a:hover { background-position: -151px -400px; }
.nav ul li + li + li + li + li.active a { background-position: -151px -400px; }
.nav ul li + li + li + li + li + li a { background-position: 0px -500px; }
.nav ul li + li + li + li + li + li a:hover { background-position: -151px -500px; }
.nav ul li + li + li + li + li + li.active a { background-position: -151px -500px; }

@-webkit-keyframes move_menu { 0% { top: -5px; }
  50% { top: 5px; }
  100% { top: -5px; } }

@-moz-keyframes move_menu { 0% { top: -5px; }
  50% { top: 5px; }
  100% { top: -5px; } }

@-o-keyframes move_menu { 0% { top: -5px; }
  50% { top: 5px; }
  100% { top: -5px; } }

@keyframes move_menu { 0% { top: -5px; }
  50% { top: 5px; }
  100% { top: -5px; } }

@-webkit-keyframes move_go { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
  50% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); }
  100% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } }

@-moz-keyframes move_go { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
  50% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); }
  100% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } }

@-o-keyframes move_go { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
  50% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); }
  100% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } }

@keyframes move_go { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
  50% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); }
  100% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } }

.index .main { position: relative; height: 630px; width: auto; }
.index .main .menu { position: absolute; left: 50%; top: 50%; }
.index .main .menu .go { position: absolute; top: -150px; left: 180px; -webkit-animation: move_go 3s ease infinite; -moz-animation: move_go 3s ease infinite; -o-animation: move_go 3s ease infinite; animation: move_go 3s ease infinite; }
.index .main .menu ul li { position: absolute; top: 58px; left: -427px; }
.index .main .menu ul li a { display: inline-block; position: relative; -webkit-animation: move_menu 1s infinite; -moz-animation: move_menu 1s infinite; -o-animation: move_menu 1s infinite; animation: move_menu 1s infinite; }
.index .main .menu ul li:hover a { -webkit-animation: move_menu paused; -moz-animation: move_menu paused; -o-animation: move_menu paused; animation: move_menu paused; }
.index .main .menu ul li + li { position: absolute; top: 102px; left: -299px; }
.index .main .menu ul li + li + li { position: absolute; top: 60px; left: -108px; }
.index .main .menu ul li + li + li + li { position: absolute; top: 103px; left: 24px; }
.index .main .menu ul li + li + li + li + li { position: absolute; top: 38px; left: 374px; }
.index .main .train { position: relative; top: 570px; }

.fb_content { margin: 0px auto; width: 675px; height: 481px; padding: 25px 0px; text-align: center; background: url(../images/fb_bg.png) 0px 0px no-repeat; }
.fb_content .fb_photo { position: relative; }
.fb_content .fb_photo .fb_bar { position: absolute; top: 180px; left: 102px; margin: 0px auto; width: 470px; height: 66px; background: url(../images/fb_bar.png) 0px 0px no-repeat; }
.fb_content .fb_photo .fb_bar div { position: relative; top: 6px; left: -152px; margin: 0px 2px; display: inline; }
.fb_content .fb_photo .fb_bar div img { border: 1px solid #acacac; }
.fb_content .end { margin: 15px auto; text-indent: -9999px; width: 238px; height: 44px; background: url(../images/end.png) 0px 0px no-repeat; }
.fb_content p { line-height: 1.5; }
.fb_content .btns input { margin: 10px 10px; border: 0px; cursor: pointer; }
.fb_content .btns .share { width: 77px; height: 30px; background: url(../images/bt_fb.jpg) 0px 0px no-repeat; }
.fb_content .btns .again { width: 126px; height: 30px; background: url(../images/bt_again.jpg) 0px 0px no-repeat; }

.fb_active { padding: 0px 0px 25px 0px; text-align: center; }
.fb_active .figure { position: relative; margin: 0px auto; width: 940px; height: 490px; }
.fb_active .figure img { -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; }
.fb_active input { position: absolute; right: -20px; top: 50%; margin-top: -23px; border: 0px; width: 125px; height: 47px; cursor: pointer; }
.fb_active input.next_travel { background: url(../images/btns.png) 0px 0px no-repeat; }
.fb_active input.end_travel { background: url(../images/btns.png) 0px -100px no-repeat; }

.fb_list_menu { margin-bottom: 20px; }
.fb_list_menu ul { position: relative; margin: 0px auto; width: 830px; height: 60px; background: url(../images/list_bg.png) 0px 0px no-repeat; }
.fb_list_menu ul li { position: relative; left: 41px; display: inline; margin: 0px 45px; }
.fb_list_menu ul li a { line-height: 43px; color: #0f3d72; font-weight: bold; font-size: 1em; }
.fb_list_menu ul li a:hover { color: #ff8a00; }
.fb_list_menu ul li.active a { color: #ff8a00; }
.fb_list_menu ul li + li { left: 47px; }
.fb_list_menu ul li + li + li { left: 58px; }
.fb_list_menu ul li + li + li + li { left: 65px; }
.fb_list_menu ul li + li + li + li + li { left: 60px; }

.fb_list { margin: 0px auto; padding: 20px 60px; width: 840px; background: #f5e7ce; }
.fb_list .now { float: left; margin-left: 10px; line-height: 35px; }
.fb_list .now span { color: #2a63c2; }
.fb_list .search { float: right; margin-right: 5px; }
.fb_list .search input { padding: 2px; }
.fb_list .search input[type='button'] { position: relative; top: 5px; left: -5px; width: 45px; height: 25px; border: 1px solid #d8d8d8; background: url(../images/i_srch.png) center no-repeat #818487; }
.fb_list .list_view ul li { float: left; padding: 10px; margin: 10px; width: 240px; height: 156px; background: #fff; }
.fb_list .list_view ul li p { text-align: center; line-height: 40px; }
.fb_list .page ul { margin-top: 20px; text-align: center; }
.fb_list .page ul li { display: inline; font-size: 0.875em; color: #71767d; }
.fb_list .page ul li a { display: inline-block; margin: 0px 2px 0px 2px; color: #71767d; }
.fb_list .page ul li a:hover { font-weight: bold; color: #2a63c2; }
.fb_list .page ul li.active { font-size: 0.9375em; font-weight: bold; color: #2a63c2; }

.fb_event { margin: 0px auto; padding: 20px 30px; width: 870px; line-height: 1.8; background: #fff; }
.fb_event .mark { color: #e28000; }
.fb_event .block { display: block; }
.fb_event ul > li p { padding-left: 20px; }
.fb_event ul > li label { padding-left: 20px; font-weight: bold; background: url(../images/i_circle.png) 0px 0px no-repeat; }
.fb_event ul > li img { margin: 5px 0px 5px 20px; vertical-align: top; }
.fb_event ol { margin-bottom: 20px; padding-left: 45px; list-style-type: decimal; }

.winner { margin: 0px auto; padding: 40px 40px; width: 850px; line-height: 1.8; background: #fff; }
.winner p { margin-bottom: 10px; }
.winner p a { color: #195cb7; text-decoration: underline; }
.winner table caption { padding: 10px 20px; line-height: 2; color: #fff; background: #b28135; }
.winner table th, .winner table td { padding: 10px 20px; text-align: left; border: 1px solid #b28135; }
.winner table th { width: 230px; }

.lightbox_wrapper { position: absolute; top: 50%; left: 50%; margin: -190px 0px 0px -470px; width: 940px; height: 490px; background: url(../images/alpha_bg.png); }
.lightbox_wrapper .lightbox { position: absolute; top: 50%; left: 50%; margin: -120px 0px 0px -226px; padding-top: 50px; width: 452px; height: 240px; text-align: center; line-height: 1.5; font-size: 1.4375em; color: #fff; background: url(../images/lightbox_bg.png) 0px 0px no-repeat; }
.lightbox_wrapper .lightbox input { margin: 15px 0px; width: 130px; height: 45px; font-size: 23px; font-family: '微軟正黑體'; font-weight: bold; color: #432f19; border: 2px solid #46290a; background: #fff; cursor: pointer; }

.footer { border-top: 5px solid #686a6b; background: #fff; }
.footer .footer_content { width: 960px; height: 100%; margin: 0px auto; padding: 10px 0px; font-size: 0.75em; font-family: '新細明體'; color: #5e5e5e; }
.footer .footer_content .logo { float: left; }
.footer .footer_content .copyright { float: left; margin: 0px 15px; line-height: 35px; }
.footer .footer_content .social ul { text-align: right; }
.footer .footer_content .social ul li { display: inline; }