@charset "big5";
@import url("/css/_reset.css");
@import url("/css/fancybox/jquery.fancybox.css");
@import url("https://xdb2.x-legend.com.tw/icon/css/font-awesome.min.css");
body {font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;}
#XlegendTop {min-width: 1000px;}
#googleCode {position: absolute; z-index: 900; }

ul, li { list-style-type: none; }
a { color: #39F; text-decoration: underline; }
a:hover { color: #4E65C2; text-decoration: none; }

.wrapper { position: relative; min-width: 1000px; background: url('img/bg.jpg') center 0px no-repeat; }

.clearFix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearFix             { zoom: 1; } /* IE6 */
*:first-child+html .clearFix { zoom: 1; } /* IE7 */
/*------------------------------------------------------------------------------------------------------------------------------------- 
Bar & Menu
-------------------------------------------------------------------------------------------------------------------------------------*/
.Bar { position: absolute; z-index: 10; top: 0px; right: 50%; margin-right: -496px; }
.Bar.fixed { position: fixed; top: 0px; }
.Bar_head { margin-left: 50px; padding: 233px 0 0 20px; width: 245px; height: 59px; background: url('img/bar_head.png') 0 0 no-repeat; }
.Bar_head .month { width: 60px; text-align: center; font-size: 50px; color: #FFF; font-weight: bold; font-family: Arial; }
.Bar_menu { margin-left: 50px; width: 245px; background: url('img/bar_bg.png') top right repeat-y; }
.Bar_foot a { display: block; margin-left: 50px; width: 245px; height: 48px; background: url('img/bar_foot.png') top right repeat-y; text-indent: -99999px; }

.Bar_menu li a { display: block; margin: 2px 0px 0px 21px; width: 209px; height: 47px; background: url('img/menu.png') 0 0 no-repeat; text-indent: -99999px; }
.Bar_menu li.m1 a { background-position: 0 0; margin-top: 0px; }
.Bar_menu li.m2 a { background-position: 0 -47px; }
.Bar_menu li.m3 a { background-position: 0 -94px; }
.Bar_menu li.m4 a { background-position: 0 -141px; }
.Bar_menu li.m5 a { background-position: 0 -188px; }
.Bar_menu li.m6 a { background-position: 0 -235px; }
.Bar_menu li.m7 a { background-position: 0 -282px; }
.Bar_menu li.m8 a { background-position: 0 -329px; }
.Bar_menu li.m9 a { background-position: 0 -376px; }
.Bar_menu li.m10 a { background-position: 0 -423px; }

.Bar_menu li.m1 a:hover, .Bar_menu li.m1 a.active { background-position: -209px 0; }
.Bar_menu li.m2 a:hover, .Bar_menu li.m2 a.active { background-position: -209px -47px; }
.Bar_menu li.m3 a:hover, .Bar_menu li.m3 a.active { background-position: -209px -94px; }
.Bar_menu li.m4 a:hover, .Bar_menu li.m4 a.active { background-position: -209px -141px; }
.Bar_menu li.m5 a:hover, .Bar_menu li.m5 a.active { background-position: -209px -188px; }
.Bar_menu li.m6 a:hover, .Bar_menu li.m6 a.active { background-position: -209px -235px; }
.Bar_menu li.m7 a:hover, .Bar_menu li.m7 a.active { background-position: -209px -282px; }
.Bar_menu li.m8 a:hover, .Bar_menu li.m8 a.active { background-position: -209px -329px; }
.Bar_menu li.m9 a:hover, .Bar_menu li.m9 a.active { background-position: -209px -376px; }
.Bar_menu li.m10 a:hover, .Bar_menu li.m10 a.active { background-position: -209px -423px; }

.Bar_menu li.m1s, .Bar_menu li.m2s, .Bar_menu li.m3s, .Bar_menu li.m4s, .Bar_menu li.m5s, .Bar_menu li.m6s, .Bar_menu li.m7s, .Bar_menu li.m8s, .Bar_menu li.m9s .Bar_menu li.m10s
{ display: block; margin: 2px 0px 0px 21px; width: 209px; height: 47px; background: url('img/menu.png') 0 0 no-repeat; text-indent: -99999px; }
.Bar_menu li.m1s { background-position: -418px 0; }
.Bar_menu li.m2s { background-position: -418px -47px; }
.Bar_menu li.m3s { background-position: -418px -94px; }
.Bar_menu li.m4s { background-position: -418px -141px; }
.Bar_menu li.m5s { background-position: -418px -188px; }
.Bar_menu li.m6s { background-position: -418px -235px; }
.Bar_menu li.m7s { background-position: -418px -282px; }
.Bar_menu li.m8s { background-position: -418px -329px; }
.Bar_menu li.m9s { background-position: -418px -376px; }
.Bar_menu li.m10s { background-position: -418px -423px; }
/*------------------------------------------------------------------------------------------------------------------------------------- 
logo
-------------------------------------------------------------------------------------------------------------------------------------*/
.logo_AR a { position: absolute; margin: 15px 0 0 30px; width: 283px; height: 191px; background: url('img/logo_AR.png') no-repeat; }

a.logo { position: absolute; display: block; left: 50%; margin-left: -480px; padding-top: 55px; width: 280px; height: 210px; }

/*------------------------------------------------------------------------------------------------------------------------------------- 
page
-------------------------------------------------------------------------------------------------------------------------------------*/
#slide { margin: 0 auto 30px; width: 945px; padding-top: 430px; padding-left: 35px; }
#mask { overflow: hidden; width: 686px; }
#mask_2 { overflow: hidden; width: 920px;padding-left: 105px; }
#panel .pages { float: left; padding: 0 9px; }

#panel img { border: 0px }
#panel .title { width: 668px; height: 88px; }
#panel .pager { width: 650px; margin: 0 auto; font-size: 15px; color: #666; line-height: 24px; font-weight: bold; font-family:"微軟正黑體", Arial; }
#panel .pager .border { padding: 9px; margin-bottom: 30px; border: 1px #CCC solid;  }

#panel .pager p { margin-bottom: 20px; } 
#panel .pager h1 { font-size: 24px; color: #63C ; margin-bottom: 12px; }
#panel .pager h2 { font-size: 18px; color: #b3235d; margin-bottom: 3px; }
#panel .pager h3 { font-size: 18px; color: #542915; margin-bottom: 3px; }
#panel .pager h4 { font-size: 18px; color: #070342; margin-bottom: 3px; }
#panel .pager h5 { font-size: 18px; color: #541680; margin-bottom: 3px; }
#panel .pager h6 { font-size: 18px; color: #541680; margin-bottom: 3px; }
#panel .pager h7 { font-size: 18px; color: #601897; margin-bottom: 3px; }
#panel ol.num li { margin-left: 28px; color: #BD2626; list-style-type: decimal; }

/*------------------------------------------------------------------------------------------------------------------------------------- 
表格
-------------------------------------------------------------------------------------------------------------------------------------*/
.tbstyle { border: 2px solid #e9e9e9; padding:1px; margin: 0px 0px 5px; line-height: 24px; text-align: center; }
.tbstyle table { border: 1px solid #ccc; border-width:1px 1px 0px 0px; }
.tbstyle th, .tbstyle td { padding: 5px 12px; border:1px solid #B7B7B7; border-width: 0px 0px 1px 1px; }
.tbstyle th { background: #5C3786; color: #fff8aa; font-size: 16px; font-weight: bold; }
.tbstyle td { background: #FFF; }
.tbstyle td.odd { background: #5790B1; color: #FFF; }
.tbstyle td.odd_2 { background: #73ae74; color: #FFF; }
.tbstyle td.odd_3 { background: #b18cbd; color: #FFF; }
div.Mb { margin-bottom: 27px; }

/*------------------------------------------------------------------------------------------------------------------------------------- 
文字顏色
-------------------------------------------------------------------------------------------------------------------------------------*/
.Left { text-align: left; }
.color_1 { color: #8f30c1; }
.color_2 { color: #C60; }
.color_3 { color: #BD2626; }
.color_4 { color: #e540b1; }
.color_5 { color: #34c812; }
.color_6 {color:#bf2660;font-size: 26px; }

/* ==========================================================================
   Btns
============================================================================= */
.btns {
	position: relative;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
  	zoom: 1;
  	*display: inline;
	background: #8f30c1;	
	border-top: 2px solid #c75ffd;
	border-bottom: 2px solid #481861;
	text-align: center;
	-webkit-border-radius:  35px;
	-moz-border-radius:     35px;
	border-radius:          35px;
	font-family:"微軟正黑體";
	color: #fff;	
	margin:0 2px 10px;
	box-sizing:border-box;
	height: 70px;

}
.btns2 {
	position: relative;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
  	zoom: 1;
  	*display: inline;
	background: #b0b0af;	
	border-top: 2px solid #c75ffd;
	border-bottom: 2px solid #481861;
	text-align: center;
	-webkit-border-radius:  35px;
	-moz-border-radius:     35px;
	border-radius:          35px;
	font-family:"微軟正黑體";
	color: #fff;	
	margin:0 2px 10px;
	box-sizing:border-box;
	height: 70px;

}
.btns:hover {
	text-decoration: none;
	color: #fff;
	background: #b33af2;	
	border-top: 2px solid #c75ffd;
	border-bottom: 2px solid #481861;
	
}
/*
.btns:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: 2px solid #54c7fd;
	-webkit-border-radius:  35px;
	-moz-border-radius:     35px;
	border-radius:          35px;
}*/
.btns span {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	font-weight: normal;
}
.btns em {
	color: #fefc42;
	font-style: normal;
}

.btn_large {
	font-size: 30px;
	padding: 20px 0px 0px;	
	width: 314px;	
}
.btn_large2 {
	font-size: 30px;
	padding: 20px 0px 0px;	
	width: 314px;	
}


.btn_large span {
	font-size: 14px;
	margin-top: 5px;
}
.btn_large:hover em {
	color: #fefc42;
}

.btn_medium {
	font-size: 18px;
	line-height: 45px;
	width: 300px;
	-webkit-border-radius:  25px;
	-moz-border-radius:     25px;
	border-radius:          25px;
	height: 50px;
}
.btn_medium span {
	 font-size: 14px;
	 color: #FFF;
	 line-height: 15px;
	 font-weight: bold;
	 font-family: "微軟正黑體";	 
}
.btn_small {
	font-size: 15px;
	width: 130px;
	-webkit-border-radius:  15px;
	-moz-border-radius:     15px;
	border-radius:          15px;
	height: 30px;
	line-height: 26px;
}

/*------------------------------------------------------------------------------------------------------------------------------------- 
按鈕
-------------------------------------------------------------------------------------------------------------------------------------*/
a.btn_1 { display: block; margin: 0 auto; width: 237px; height: 84px; background: url('img/btn_1.jpg') 0 0 no-repeat; text-indent: -99999px; }
a:hover.btn_1  { background-position: 0 -84px; }
a.btn_2 { display: block; margin: 0 auto; width: 237px; height: 84px; background: url('img/btn_2.jpg') 0 0 no-repeat; text-indent: -99999px; }
a:hover.btn_2  { background-position: 0 -84px; }
a.btn_3 { display: block; margin: 0 auto; width: 237px; height: 84px; background: url('img/btn_3.jpg') 0 0 no-repeat; text-indent: -99999px; }
a:hover.btn_3  { background-position: 0 -84px; }
/*-------------------------------------------------------------------------------------------------------------------------------------
footer
-------------------------------------------------------------------------------------------------------------------------------------*/
.footer { width: 100%; height: 84px; background: url('img/bg_copyright.jpg') top center repeat-x; }
.copyright { width: 700px; margin: 0 auto; padding-top: 22px; height: 62px; font-size: 11px; color: #111; font-family: Arial; }
.copyright li { float: left; }
li.logo { margin: 12px 20px 0 0 ; width: 108px; height: 29px; background: url('img/logo_copyright.png') no-repeat; }
li.txt { margin: 10px 30px 0 0; }
li.R12 { width: 43px; height: 43px; background: url('img/+12.gif') no-repeat; }
li.R15 { width: 43px; height: 43px; background: url('img/+15.gif') no-repeat; }