@charset "big5";
@import url("/css/_reset.css");
@import url("https://xdb2.x-legend.com.tw/css/component/_footer.css");

body { font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", sans-serif; }
#XlegendTop { position: absolute; width:100%; min-width: 1063px; height: 45px; z-index: 999; }
#googleCode { position: absolute; z-index: 900; }
ul, li { list-style-type: none; }
.clearFix:after { content: " "; display: block; font-size: 0; height: 0; clear: both; visibility: hidden; }
* html .clearFix,*:first-child+html .clearFix { zoom: 1; }

#wapper { position: relative; width: 100%; min-width: 1063px; height: 100%; padding-top: 45px; background: url('images/menu_bg.gif') top left repeat-y; }

/* ========================================================================== 
  topBar
==========================================================================*/
#topBar { position: absolute; z-index: 10; width: 100%; min-width: 1000px; height: 107px; background: url('images/bg_topBar_2.jpg') 0 0 repeat-x; }

.logo, .forever, .bg_bottom { position: absolute; }
.logo { top: -9px; left: 4px; }
.logo a { width: 231px; height: 145px; background: url('/images/logo.png') 0 0 no-repeat; }
.logo a:hover { background-position: 0 -145px; }
.hideText { display: block; white-space: nowrap; text-indent: 110%; overflow: hidden; }
.forever { top: 6px; left: 38px; width: 130px; height: 23px; font-size: 13px; color: #fff; line-height: 23px; text-align: center; font-family: Arial; background: #a8a8a8; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
               -webkit-border-radius: 0 10px; -moz-border-radius: 0 10px; -ms-border-radius: 0 10px; -o-border-radius: 0 10px; border-radius: 0 10px; }
.bg_bottom { top: 107px; width: 100%; height: 7px; background: url('images/bg_topBar_bottom.png') 0 0 repeat-x; }			   

.menu { margin: 62px 0 0 280px; }
.menu li { float: left; padding: 0px 20px; border-left: 1px #FFF solid; border-right: 1px #7f8489 solid; }
.menu li.start { border-left: 0px }
.menu li.end { border-right: 0px }
.menu li.m2 span, .menu li.m3 span, .menu li.m4 span,
.menu li a { display: block; width: 100px; height: 28px; background: url('images/menu.png') 0 0 no-repeat; text-indent: -99999px; }
.menu li.m1 a { background-position: 0px 0px; }
.menu li.m2 a { background-position: -100px 0px; }
.menu li.m3 a { background-position: -200px 0px; }
.menu li.m4 a { background-position: -300px 0px; }

.menu li.m2 span { background-position: -100px 0px; }
.menu li.m3 span { background-position: -200px 0px; }
.menu li.m4 span { background-position: -300px 0px; }

.menu li.m1 a:hover, .menu li.m1 a.focus { background-position: 0px -28px; }
.menu li.m2 a:hover, .menu li.m2 a.focus { background-position: -100px -28px; }
.menu li.m3 a:hover, .menu li.m3 a.focus { background-position: -200px -28px; }
.menu li.m4 a:hover, .menu li.m4 a.focus { background-position: -300px -28px; }


/* ========================================================================== 
  main
==========================================================================*/
#main { float: left; width: 100%; min-width: 1000px; }


/* ========================================================================== 
  menu_bar
==========================================================================*/
#menu { float: left; margin-top: 107px; padding-top: 56px; width: 257px; background: url('images/menu_L_bg.gif') top repeat-x; }
#menu a { text-decoration: none; }
#menu dt.unlink,
#menu dt a { display: block; padding: 14px 30px 15px 21px; font-size: 15px; color: #1a1a1a; font-weight: bold; font-family: "微軟正黑體", Verdana;
                       background: #98abbc url('images/menu_bg.png') 0 0 no-repeat; border-top: #c8d5e3 1px solid; border-bottom: #828f9f 1px solid; }
#menu dt a:hover, #menu dt a.focus { color: #FFF; background-color: #47648c; background-position: 0 -44px; border-top-color: #a3b1c5; border-bottom-color: #364a65; }

#menu dd { display: none; !important }
#menu dd li.unlink,
#menu dd li a { display: block; padding: 9px 25px 7px 37px; font-size: 12px; color: #1D8B93; font-family: Arial;
                           background: #e3f1fb url('images/menu_icon2.png') left 0 no-repeat; border-top: #FFF 1px solid; border-bottom: #c6d2da 1px solid; }
#menu dd li a:hover { color: #074496; background-color: #a7e4f3; background-position: left -29px; }


/* ========================================================================== 
  content
==========================================================================*/
#content { margin: 164px 0px 0px 302px; font-size: 14px; color: #333; line-height: 21px; min-height: 649px; }
#content .case { float: left; padding: 0px 100px 20px 0px; }
#content .title { padding: 10px 0px 5px 37px; margin-bottom: 30px; min-width: 624px; font-size: 26px; color: #000; line-height:100%; font-weight: bold; font-family: "微軟正黑體",Verdana;
                          background: url('images/title_bg.gif') 0 0 no-repeat; border-bottom: #b2b2b2 3px solid; }
#content .title span { margin-left: 5px; font-size: 20px; color: #129193; }
#content h1 { /*clear: both;*/ float: left; width: 100%; padding: 0px 0px 6px 10px; margin-bottom: 16px; min-width: 650px; font-size: 18px; color: #3C45BB; font-weight: bolder; font-family: "微軟正黑體",Verdana;
                        background: url('images/h1_bg.gif') 0 1px no-repeat; border-bottom: #E1E1E1 2px solid; }
#content h2 { clear: both; margin-bottom: 5px; font-size: 16px; color: #7E27AE; font-weight: bolder; }
#content p { clear: both; margin-bottom: 13px; min-width: 650px; }
#content div.mb { margin-bottom: 40px; }
#content .box { margin-top: 7px; padding:10px; background: #E9E9E9; border: #B4B4B4 1px solid; }
#content .mov { margin: 10px auto 30px; width: 660px; height: 372px; }
#content img { max-width: 600px; }
#content .img_case { float: left; max-width: 622px; margin: 0px 20px 35px 0px; }
#content .img_case span { color: #934824; line-height: 18px; }
#content img.txt_img { max-height: 28px; margin: 0 3px; }
#content .color_1 { color: #d64c0f; font-weight: bolder; }
#content .color_2 { color: #b82b46; font-weight: bolder; }
#content .color_3 { color: #008CA0; font-weight: bolder; }
#content a { color: #0453b4; font-weight: bolder;  text-decoration: underline; }
#content a:hover { text-decoration: none; }
#content .bold { font-weight: bolder; }
#content .Left { text-align: left; }
#content ol { padding-left: 18px; margin-bottom: 20px; }
#content ol li { list-style-position: outside; list-style-type: square /*decimal-leading-zer*/; margin-bottom: 3px; }

.tbstyle, .tbstyle_2 {  padding:1px; min-width: 648px; border: 2px solid #e9e9e9; line-height: 21px; text-align: center; }
.tbstyle { clear: both; margin: 5px 0px 40px; width: 100%; }
.tbstyle_2 { float: left; width: 47%; margin: 5px 20px 40px 0; }
.tbstyle table,
.tbstyle_2 table { width: 100%; border: 1px solid #ccc; border-width:1px 1px 0px 0px; }
.tbstyle th, .tbstyle td,
.tbstyle_2 th, .tbstyle_2 td { padding: 5px 12px; border:1px solid #B7B7B7; border-width: 0px 0px 1px 1px; }
.tbstyle th, .tbstyle_2 th { font-size: 15px; color: #CFD1FF; font-weight: bold; background: #747697; }
.tbstyle td, .tbstyle_2 td { background: #FFF; }
.tbstyle tr td.odd, .tbstyle tr.odd2 td.odd, .tbstyle_2 tr td.odd { color: #6367A9; background: #D6D6FF; font-weight: bold; }
.tbstyle tr.odd2 td, .tbstyle_2 tr.odd2 td { background: #F3F3F3; }
.tbstyle td img, .tbstyle_2 td img { margin-top: 6px; }


/* ========================================================================== 
  footer
==========================================================================*/
/* .footer { float: left; width: 100%; padding: 17px 0; text-align: center; color: #565656; background: #ededed; }
.footer .footer_container { position: relative; margin: 0 auto; width: 950px; height: 63px; text-align: center; }
.footer .x-logo, .footer .rank { position: absolute; display: block; white-space: nowrap; text-indent: 100%; overflow: hidden; }
.footer .x-logo { top: 16px; left: 0px; width: 138px; height: 32px; background: url('/images/x-logo.png') 0 0 no-repeat; }
.footer .rank { top: 10px; right: 0px;  width: 250px; height: 43px;background: url('/images/rank.gif') 0 0 no-repeat; }
.footer .copyright { margin: 0px 210px 0px 100px; padding-top: 10px; font-size: 12px; line-height: 43px; }
 */

footer {
  clear: both;
  position: relative;
  background: #ededed;
  color: #565656;
}
footer .x_logo_white {
	display: none;
}
footer a {
  color: #565656;
}
footer .rank_text {
	width: 18em;
}
/* ========================================================================== 
  btn_top
==========================================================================*/
.btn_top { position: fixed; z-index: 99; bottom: 160px; right: 20px; margin-left: 485px; }
.btn_top li { display: none; }
.btn_top li a { display: block; width: 44px; height: 44px; background: url('/images/btn_top.png') 0 0 no-repeat; text-indent: -99999px; }
.btn_top li a:hover { background-position: 0px -44px; }