@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	font-size:12px;
	font-family:微軟正黑體,Arial;
}

a, .pointer{
	cursor:pointer;	
}

a img{
	border:0px;
}

table{
	word-break:break-all;
}

.footer{
	background:#662D91;
	background: -webkit-gradient(linear, left top, left bottom, from( #9848D4 /*{a-bar-background-start}*/), to( #662D91 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background: -webkit-linear-gradient( #9848D4 /*{a-bar-background-start}*/, #662D91 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient( #9848D4 /*{a-bar-background-start}*/, #662D91 /*{a-bar-background-end}*/); /* FF3.6 */
	background:     -ms-linear-gradient( #9848D4 /*{a-bar-background-start}*/, #662D91 /*{a-bar-background-end}*/); /* IE10 */
	background:      -o-linear-gradient( #9848D4 /*{a-bar-background-start}*/, #662D91 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background:         linear-gradient( #9848D4 /*{a-bar-background-start}*/, #662D91 /*{a-bar-background-end}*/);
	color:#FFFFFF;
}

/*HEADER*/
.headermenu a{
	color:#FFEB00;
	font-size:16px;
	text-decoration:none;
	line-height:58px;
	padding:10px 9px;
	display:block;
	 float:left;
}

.headermenu a:hover{
	color:#FFEB00;
	font-size:16px;
	text-decoration:none;
	line-height:58px;
	padding:10px 9px;
	display:block;
	background:#48207E;
	 float:left;
}

.headersubmenu{
	position:relative;
}

.headersubmenu table{
	display:none;
	position:absolute;
	left:0px;
	top:30px;
	background:#E4E4E4;
}

.headersubmenu:hover table{
	display:block;
	position:absolute;
	left:0px;
	top:30px;
}

.headersubmenu:hover table a{
	display:block;
	width:150px;
	height:30px;
	line-height:30px;
	background:#E4E4E4;
	color:#000000;
	text-decoration:none;
	font-size:14px;
	padding:0px 10px;
}

.headersubmenu:hover table a:hover{
	display:block;
	width:150px;
	height:30px;
	line-height:30px;
	background:#FFEB00;
	color:#662D91;
	text-decoration:none;
	font-size:14px;
	padding:0px 10px;
}

/*MAIN MENU*/
.mainmenu a{
	font-size:24px;
	color:#000000;
	text-decoration:none;
	display:block;
	height:80px;
	line-height:80px;
}

.mainmenu a:hover, .mainmenu a.active{
	font-size:24px;
	color:#662D91;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:80px;
	line-height:80px;
}

/*MAP*/
.mapouter, .firstnew, .homelistout{
	position:relative;	
}

.maparea a{
	line-height:30px;
	padding:10px;
	font-size:24px;
	text-decoration:none;
	width:500px;
	display:block;
	color:#FFFFFF;
	background:none;
}

.maparea a:hover{
	line-height:30px;
	padding:10px;
	font-size:24px;
	text-decoration:none;
	width:500px;
	display:block;
	color:#FFFFFF;
	background:#48207E;
}

.mapareabtout{
	width:1000px;
	height:60px;
	background:rgba(0,0,0,0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:10;
}

.mapareabt{
	display:block;
	width:300px;
	height:40px;
	border-radius:5px;
	background:#FFFFFF;
	margin-top:10px;
	margin-left:350px;
	line-height:40px;
	text-align:center;
	color:#000000;
	text-decoration:none;
	font-size:18px;
}

/*HOME LIST*/
.homelistitle{
	position:absolute;
	bottom:0px;
	left:0px;
	width:460px;
	background:rgba(102,45,145,0.7);
	font-size:16px;
	color:#FFFFFF;
	padding:15px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2662D91,endColorstr=#B2662D91); 
}

/*HOT SPOT*/
.hotspotslider{
	width:1000px;
	height:333px;
	overflow:hidden;
}

.hotspotinfo{
	width:300px;
	padding:15px;
	position:absolute;
	bottom:10px;
	left:10px;
	border-radius:10px;
	z-index:10;
	pointer-events:none;
}

/*COMMON USE*/
.div1000{
	width:1000px;
	margin:0 auto;	
}

.textcenter{
	text-align:center;	
}

.bold{
	font-weight:bold;	
}

.font14{
	font-size:14px;	
}

.font16{
	font-size:16px;	
}

.font24{
	font-size:24px;
}

.lineh20{
	line-height:20px;
}

.round50{
	border-radius:50%;	
}

.tbdotbm td{
	border-bottom:#C3C3C3 1px dotted;
}

.whitetext{
	color:#FFFFFF;	
}

.redtext{
	color:#CC0000;	
}

.purpletext{
	color:#4D236C;	
}

.yellowtext{
	color:#FFEB00;
}

.line1hide{
	width:100%;
	height:20px;
	line-height:20px;
	overflow:hidden;
}

.line2hide{
	width:100%;
	height:40px;
	line-height:20px;
	overflow:hidden;
}

.line4hide{
	width:100%;
	height:80px;
	line-height:20px;
	overflow:hidden;
}

.divline{
	height:1px;
	border-top:#C3C3C3 1px solid;	
}

.divlinew{
	height:1px;
	border-top:#FFFFFF 1px solid;
}

.hide{
	display:none;	
}

.dotrightbg{
	background:url(../images/c3vdot.png) right repeat-y;
}

.blackbg50{
	background:rgba(0,0,0,0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
}

/*shadow surround 7*/
.boxshadow7rd{
	box-shadow:0 0 7px #888888;
}

/*border radius 10*/
.rdborder10{
	border-radius:10px;
}

/*top border radius 10*/
.roundtop10{
	border-radius:10px 10px 0px 0px;
}

/*bottom border radius 10*/
.roundbm10{
	border-radius:0px 0px 10px 10px;
}

/*number counter*/
.counterout{
	counter-reset: section;
}

.counterin:before{
	counter-increment: section;
	content:counter(section);
}

/*LINKS*/
.blacklink a{
	color:#000000;
	text-decoration:none;	
}

.blacklink a:hover{
	color:#000000;
	text-decoration:underline;	
}

.bluelink a{
	color:#005C9C;
	text-decoration:none;
}

.bluelink a:hover{
	color:#005C9C;
	text-decoration:underline;
}

.redlink a{
	color:#CC0000;
	text-decoration:none;
}

.redlink a:hover{
	color:#CC0000;
	text-decoration:underline;
}

.whitelink a{
	color:#FFFFFF;
	text-decoration:none;
}

.whitelink a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

.yellowlink a{
	color:#FFEB00;
	text-decoration:none;
}

.yellowlink a:hover{
	color:#FFEB00;
	text-decoration:underline;
}


.memberlink a{
	color:#000000;
	text-decoration:none;
}

.memberlink a:hover, .memberlink a.active{
	color:#CC0000;
	text-decoration:none;
}

/*Login Page*/

/*outer border*/
.loginouter{
	background:#FFFFFF;
	padding:20px;
	border-radius:5px;
}

/*go to home*/
.loginhome{
	display:block;
	height:33px;
	width:90px;
	line-height:33px;
	text-align:right;
	background:url(../images/logosm.png) no-repeat;
	color:#000000;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}

/*textbox big*/
.loginboxb{
	height:40px;
	width:306px;
	line-height:40px;
	border:#4D236C 2px solid;
	border-radius:5px;
	font-size:16px;
}

/*textbox small*/
.loginboxs{
	height:40px;
	width:226px;
	line-height:40px;
	border:#4D236C 2px solid;
	border-radius:5px;
	font-size:16px;
}

/*login button*/
.loginbt{
	display:block;
	width:70px;
	height:44px;
	line-height:44px;
	color:#FFFFFF;
	text-align:center;
	background:#662D91;
	text-decoration:none;
	border-radius:5px;
	font-size:14px;
	font-weight:bold;
}

/* login 記住我 underline */
.loginremember:hover{
	cursor:pointer;
	text-decoration:underline;
}

/*yellow button*/
.yellowbtlink{
	display:block;
	height:44px;
	line-height:44px;
	color:#662D91;
	text-align:center;
	background:#FFEB00;
	text-decoration:none;
	border-radius:5px;
	font-size:14px;
	font-weight:bold;
}

/*STATION*/
.mapointlink a{
	display:block;
	line-height:30px;
	height:30px;
	padding:10px;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	background:#FFFFFF;
}

.mapointlink a:hover{
	display:block;
	line-height:30px;
	height:30px;
	padding:10px;
	font-size:16px;
	font-weight:bold;
	color:#662D91;
	text-decoration:none;
	background:#FFEB00;
}

.roadmenu{
	position:relative;
	height:50px;
}

.roadmenu div{
	width:230px;
	font-size:16px;
	font-weight:bold;
	line-height:50px;
	height:50px;
	overflow:hidden;
}

/*sub menu*/
.roadmenu table{
	display:none;
	position:absolute;
	left:0px;
	top:50px;
	background:#E4E4E4;
}

.roadmenu:hover table{
	display:block;
	position:absolute;
	left:0px;
	top:50px;
}

.roadmenu:hover table a{
	display:block;
	width:230px;
	height:30px;
	line-height:30px;
	background:#E4E4E4;
	color:#000000;
	text-decoration:none;
	font-size:14px;
	padding:0px 10px;
}

.roadmenu:hover table a:hover{
	display:block;
	width:230px;
	height:30px;
	line-height:30px;
	background:#FFEB00;
	color:#662D91;
	text-decoration:none;
	font-size:14px;
	padding:0px 10px;
}

.bbsouter{
	border-radius:5px;
	background:#FFFFFF;
	padding:10px;
}

/*ticket list*/
.tklistimg{
	width:100px;
	height:100px;
	overflow:hidden;
	position: relative;
	border-radius:50%;
	z-index:1;
}

.tklistimg img{
	position:absolute;
	left:-25px;
}

.tklistbt{
	width:215px;
	height:34px;
	line-height:34px;
	background:url(../images/buylistbt.png);
}

.tklistbt span{
	padding-right:10px;
	color:#000000;
	font-size:18px;
}

/*TICKET BUY*/
.tkbuytextbox{
	border:none;
	border-radius:5px;
	width:230px;
	height:40px;
	text-align:center;
	font-size:24px;
}

.tkbuybt{
	display:block;
	height:40px;
	width:230px;
	background:#47136E;
	border-radius:5px;
	line-height:40px;
	font-size:24px;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	color:#FFEB00;
}

.bkbuysubmenu{
	position:relative;
	height:40px;
}

.bkbuysubmenu table{
	display:none;
	position:absolute;
	left:0px;
	top:40px;
	background:#E4E4E4;
}

.bkbuysubmenu table a{
	display:block;
	width:210px;
	height:30px;
	line-height:30px;
	background:#E4E4E4;
	color:#000000;
	text-decoration:none;
	font-size:14px;
	padding:0px 10px;
}

.bkbuysubmenu table a:hover{
	display:block;
	width:210px;
	height:30px;
	line-height:30px;
	background:#FFEB00;
	color:#662D91;
	text-decoration:none;
	font-size:14px;
	padding:0px 10px;
}

/*PARTER*/
.partertxtbox{
	width:100%;
	height:30px;
	line-height:30px;
	background:#E5E5E5;
	border:none;
	box-shadow: inset 0px 0px 5px #999999;
	font-size:16px;
}

.partertxtarea{
	width:100%;
	height:100px;
	background:#E5E5E5;
	border:none;
	box-shadow: inset 0px 0px 5px #999999;
	overflow:auto;
	font-size:16px;
}

/* RADIO STYLE*/
.regular-radio {
	display: none;
}

.regular-radio + label {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
}

.regular-radio:checked + label:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;
	position: absolute;
	top: 3px;
	background: #662D91;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow: 0px;
	left: 3px;
	font-size: 32px;
}

.regular-radio:checked + label {
	background-color: #e9ecee;
	color: #99a1a7;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.regular-radio + label:active, .regular-radio:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.big-radio + label {
	padding: 16px;
}

.big-radio:checked + label:after {
	width: 24px;
	height: 24px;
	left: 4px;
	top: 4px;
}

/*------------------BACKEND------------------*/

/*css menu*/
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
  height: 35px;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
  background:#F5F5F5;
  border-top:#C3C3C3 1px solid;
  border-bottom:#C3C3C3 1px solid;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
  background:#F5F5F5;
  color: #666666;
  display: inline-block;
  font-size: 12px;
  line-height: 35px;
  padding: 0 10px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #D9D9D9;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {

}
#cssmenu > ul > li:last-child > a {

}
#cssmenu > ul > li.active a {
  background: #D9D9D9; 
}
#cssmenu > ul > li:hover > a {
  background: #D9D9D9; 
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 120px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #D9D9D9;
  border-bottom: 1px dotted #FFFFFF;
  filter: none;
  font-size: 12px;
  display: block;
  line-height: 120%;
  padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
  background: #E9E9E9;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #E9E9E9;
  border-bottom: 1px dotted #FFFFFF;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #CCCCCC;
}

/*COMMON USE BK*/
.bkbutton{
	background:#FFEB00;
	border-color:#FFEB00;
	color:#000000;
}

.backtbtitle{
	background:#662D91;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
}

.w75{
	width:75px;	
}

.w150{
	width:150px;	
}

.w300{
	width:300px;	
}

.h100{
	height:100px;	
}

.minw100 td{
	min-width:100px;
}

.w1200scroll{
	width:1200px;
	overflow-x:scroll;	
}

/*營業點介紹*/

/*info*/
.bkstoreinfo{
	width:560px;
	height:60px;
	overflow:hidden;
	line-height:20px;
}

/*map road info*/
.maproadinfo{
	height:60px;
	width:775px;
	overflow:hidden;
}