html,body{
	font:100%/1.4 "微軟正黑體","HelveticaNeue","Helvetica","Arial",sans-serif;
	height:100%;
}

html.lock,body.lock{
	overflow:hidden;
}

html.lock .EventPalMobile,
body.lock .EventPalMobile{
	overflow:hidden;
}

.EventPalMobile{
	height:100%;
	position:relative;
}

.EventPalMobile .toggle{
	background:url(icon_toggle.png) no-repeat 0 0;
	display:block;
	width:27px;
	height:27px;
	position:absolute;
	left:10px;
	top:13px;
	z-index:2;
}

.EventPalMobile.newyear .toggle{
	background:url(icon_toggle_w.png) no-repeat 0 0;
}

.EventPalMobile .menu{
	height:100%;
	max-height:100%;
	width:180px;
	position:absolute;
	z-index:1;
	left:-180px;
	top:0px;
}

.EventPalMobile .menu .menuHeading{
	background:#000;
	height:50px;
}

.EventPalMobile .menu .mainNav{
	background:#000;
	overflow:auto;
	height:100%;
	max-height:100%;
}

.EventPalMobile .menu .mainNav .navList{
	padding:0 0 47px 0;
}

.EventPalMobile .menu .mainNav .navList .navLink{
	border-top:1px solid #313234;
	color:#fff;
	display:block;
	font-size:16px;
	padding:10px;
	text-decoration:none;
}

.EventPalMobile.newyear .menu .mainNav .navList .navLink:hover,
.EventPalMobile.newyear .menu .mainNav .navList .navLink.active{
	color: #ffcc66;
}

.EventPalMobile.newyear .menu .mainNav .navList .navLink.navLine {
	background: unset;
    color: #ffcc66;
    font-weight: bold;
}

.EventPalMobile .menu .mainNav .navList .navLink.on{
	background:#313234;
}

.EventPalMobile .menu .mainNav .navList .navLink .register,
.EventPalMobile .menu .mainNav .navList .navLink .login{
	color:#fff;
	font-size:16px;
	padding:0 10px;
}

.EventPalMobile .menu .mainNav .navList .areaHistory{
	display:none;
}

.EventPalMobile .menu .mainNav .navList .areaHistory .recentlyViewActivity .item{
	box-sizing:border-box;
	text-align:left;
	padding:10px;
}

.EventPalMobile .menu .mainNav .navList .areaHistory .recentlyViewActivity .item .itemImage{
	width:30%;
	display:inline-block;
}

.EventPalMobile .menu .mainNav .navList .areaHistory .recentlyViewActivity .item .itemImage .itemLink .thumbnail{
	width:100%;
	display:block;
}

.EventPalMobile .menu .mainNav .navList .areaHistory .recentlyViewActivity .item .itemName{
	width:65%;
	display:inline-block;
}

.EventPalMobile .menu .mainNav .navList .areaHistory .recentlyViewActivity .item .itemName .itemLink{
	color:#e6e8e7;
	font-size:12px;
	display:block;
	line-height:14.4px;
	height:29px;
	text-decoration:none;
	overflow:hidden;
}

.EventPalMobile .menu .mainNav .navList .areaHistory .more,
.EventPalMobile .menu .mainNav .navList .areaHistory .noMoreBrowseHistory{
	color:#e6e8e7;
	display:none;
	font-size:12px;
	padding-left:10px;
}

.EventPalMobile .shareBtn{
	/*background:#fff;*/
	color:#b0b0b0;
	display:block;
	font-size:21px;
	border:1px solid #e6e8e7;
/*	width:21px;
	height:21px;*/
	padding:3px;
	position:absolute;
	right:10px;
	top:13px;
	z-index:2;
	text-decoration:none;
}

.EventPalMobile.newyear .shareBtn{
	color: #fff;
}

.EventPalMobile .socialArea{
	height:100%;
	max-height:100%;
	width:48px;
	position:fixed;
	z-index:1;
	right:-48px;
	top:0px;
}

.EventPalMobile .socialArea .socialList{
	background:#000;
	overflow:auto;
	height:100%;
	max-height:100%;
	padding:52px 0 0 0;
}

.EventPalMobile .socialArea .socialList .socialItem .icon{
	display:block;
	width:48px;
	height:48px;
}

.EventPalMobile .socialArea .socialList .socialItem.twitter{
	background:#55acee;
}

.EventPalMobile .socialArea .socialList .socialItem.twitter .icon{
	background:url(social.png) no-repeat 0 0 #55acee;
}

.EventPalMobile .socialArea .socialList .socialItem.line{
	background:#0acd00;
}

.EventPalMobile .socialArea .socialList .socialItem.line .icon{
	background:url(social.png) no-repeat -48px 0 #0acd00;
}

.EventPalMobile .socialArea .socialList .socialItem.facebook{
	background:#3a589b;
}

.EventPalMobile .socialArea .socialList .socialItem.facebook .icon{
	background:url(social.png) no-repeat -96px 0 #3a589b;
}

.EventPalMobile .socialArea .socialList .socialItem.fbMessenger{
	background:#b0b0b0;
}

.EventPalMobile .socialArea .socialList .socialItem.fbMessenger .icon{
	background:url(social.png) no-repeat -144px 0 #b0b0b0;
}

.EventPalMobile .container{
	height:100%;
}

.EventPalMobile .container .header{
	background:#fff;
	border-bottom:3px solid #e71f19;
	padding:0px 0 5px 0;
}

.EventPalMobile.newyear .container .header{
	background: url(../images/header_bg_m_newyear.jpg);
    background-position: 70% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: none;
}

.EventPalMobile .container .header .logo .link {
	color:#971e23;
	font-size:50px;
	line-height:50px;
	display:block;
	width:201px;
	height:45px;
	margin:0 auto;
	text-decoration:none;
}

.EventPalMobile.newyear .container .header .logo .link{
	font-size: 40px;
    margin: 0px 45px;
}

.EventPalMobile.newyear .container .header .logo .link{
	color:#fff;
}

.EventPalMobile .container .header .logo .link .text{
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.EventPalMobile .container .toolbar{
	height:35px;
	padding:10px 0;
}

.EventPalMobile .container .toolbar .back{
	color:#000;
	display:block;
	float:left;
	font-size:20px;
	margin:10px;
	text-decoration:none;
}

.EventPalMobile .container .toolbar .heading{
	font-size:20px;
	float:left;
	margin-top:5px;
}

.EventPalMobile .container .searchbox{
	border-bottom:1px solid #b0b0b0;
}

.EventPalMobile.newyear .container .searchbox{
	border-bottom:1px solid #b0b0b0;
	padding: 10px 0px;
	background: url(../images/bg_newyear_m.jpg) no-repeat center 0px #cc0001;
    background-attachment: fixed;
    background-size: cover;
}

.EventPalMobile .container .searchbox.medium .backBtn{
	color:#000;
	display:block;
	float:left;
	font-size:20px;
	margin:10px 10px 0 10px;
	text-decoration:none;
}

.EventPalMobile .container .searchbox.medium .searchform{
	margin-left:40px;
}

.EventPalMobile .container .searchbox .searchform{
	border:1px solid #b0b0b0;
	padding:5px;
	margin:10px;
	height:25px;
	position:relative;
	background-color: #fff;
}

.EventPalMobile .container .searchbox .searchform .searchInput{
	border:0px solid #000;
	height:25px;
	outline:none;
	width:100%;
}

.EventPalMobile .container .searchbox .searchform .searchBtn{
	color:#b0b0b0;
	display:block;
	width:24px;
	height:24px;
	position:absolute;
	right:5px;
	top:10px;
	text-decoration:none;
}

.EventPalMobile .container .searchbox .searchform .removeBtn{
	color:#b0b0b0;
	display:none;
	width:24px;
	height:24px;
	position:absolute;
	right:5px;
	top:10px;
	text-decoration:none;
}

.EventPalMobile .container .searchbox .tagList{
	width:100%;
	height:20px;
	line-height:20px;
	overflow:hidden;
	text-align:center;
	margin:10px 0;
}

.EventPalMobile .container .searchbox .tagList .tagItem{
	display:inline-block;
	margin-right:20px;
}

.EventPalMobile .container .searchbox .tagList .tagItem .tagLink{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

.EventPalMobile.newyear .container .searchbox .tagList .tagItem .tagLink{
	color:#fff;
}

.EventPalMobile .container .tab{
	border-bottom:1px solid #b0b0b0;
	height:40px;
}

.EventPalMobile .container .tab .tabList{
	width:100%;
}

.EventPalMobile .container .tab .tabList .tabItem{
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE), color-stop(1, #DEDEDE), color-stop(1, #BBBBBB));
	background-image:-o-linear-gradient(bottom, #FEFEFE 0%, #DEDEDE 100%, #BBBBBB 100%);
	background-image:-moz-linear-gradient(bottom, #FEFEFE 0%, #DEDEDE 100%, #BBBBBB 100%);
	background-image:-webkit-linear-gradient(bottom, #FEFEFE 0%, #DEDEDE 100%, #BBBBBB 100%);
	background-image:-ms-linear-gradient(bottom, #FEFEFE 0%, #DEDEDE 100%, #BBBBBB 100%);
	background-image:linear-gradient(to bottom, #FEFEFE 0%, #DEDEDE 100%, #BBBBBB 100%);
	float:left;
	width:25%;
	text-align:center;
}

.EventPalMobile .container .tab .tabList .tabItem:last-child{
	border-right:0px solid #e6e8e7;
}

.EventPalMobile .container .tab .tabList .tabItem.focus{
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.3, #E62019), color-stop(1, #BA0A04));
	background-image:-o-linear-gradient(bottom, #E62019 30%, #BA0A04 100%);
	background-image:-moz-linear-gradient(bottom, #E62019 30%, #BA0A04 100%);
	background-image:-webkit-linear-gradient(bottom, #E62019 30%, #BA0A04 100%);
	background-image:-ms-linear-gradient(bottom, #E62019 30%, #BA0A04 100%);
	background-image:linear-gradient(to bottom, #E62019 30%, #BA0A04 100%);
}

.EventPalMobile .container .tab .tabList .tabItem.focus .tabLink{
	color:#fff;
}

.EventPalMobile .container .tab .tabList .tabItem .tabLink{
	border-right:1px solid #e6e8e7;
	color:#000;
	display:block;
	line-height:20px;
	padding:10px 0;
	text-decoration:none;
}

.EventPalMobile .container #areaSelectOptions{
	margin:0 auto;
}

.EventPalMobile .container #areaSelectOptions .selector{
	border:1px solid #b0b0b0;
	margin:0 auto;
	width:100%;
	height:42px;
	overflow-x:scroll;
	position:relative;
}

.EventPalMobile .container #areaSelectOptions .selector .selectList{
	background:scroll;
}

.EventPalMobile .container #areaSelectOptions .selector .selectList .selectItem{
	border-right:1px solid #b0b0b0;
	float:left;
}

.EventPalMobile .container #areaSelectOptions .selector .selectList .selectItem:first-child{
	border-left:1px solid #b0b0b0;
}

.EventPalMobile .container #areaSelectOptions .selector .selectList .selectItem.focus .selectLink{
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.3, #E62019), color-stop(1, #BA0A04));
	background-image:-o-linear-gradient(bottom, #E62019 30%, #BA0A04 100%);
	background-image:-moz-linear-gradient(bottom, #E62019 30%, #BA0A04 100%);
	background-image:-webkit-linear-gradient(bottom, #E62019 30%, #BA0A04 100%);
	background-image:-ms-linear-gradient(bottom, #E62019 30%, #BA0A04 100%);
	background-image:linear-gradient(to bottom, #E62019 30%, #BA0A04 100%);
	color:#fff;
}

.EventPalMobile .container #areaSelectOptions .selector .selectList .selectItem .selectLink{
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE), color-stop(1, #DEDEDE), color-stop(1, #BBBBBB));
	background-image:-o-linear-gradient(bottom, #FEFEFE 0%, #DEDEDE 100%, #BBBBBB 100%);
	background-image:-moz-linear-gradient(bottom, #FEFEFE 0%, #DEDEDE 100%, #BBBBBB 100%);
	background-image:-webkit-linear-gradient(bottom, #FEFEFE 0%, #DEDEDE 100%, #BBBBBB 100%);
	background-image:-ms-linear-gradient(bottom, #FEFEFE 0%, #DEDEDE 100%, #BBBBBB 100%);
	background-image:linear-gradient(to bottom, #FEFEFE 0%, #DEDEDE 100%, #BBBBBB 100%);
	color:#000;
	display:block;
	width:125px;
	padding:10px 0;
	text-align:center;
	text-decoration:none;
}

.EventPalMobile .container .carousel{
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}

.EventPalMobile .container .carousel .swipe{
	margin:0 auto;
	width:100%;
}

.EventPalMobile .container .carousel .swipe .swipeItem .heading{
	display:none;
}

.EventPalMobile .container .carousel .swipe .swipeItem .table{
	text-align:center;
	width:100%;
	overflow:hidden;
}

.EventPalMobile .container .carousel .swipe .swipeItem .imageBlock{
	text-align:center;
}

.EventPalMobile .container .carousel .swipe .swipeItem .imageBlock .thumbnail{
	display:inline-block;
	width:100%;
}

.EventPalMobile .container .carousel .swipe .slick-dots{
	bottom:-24px;
}

.EventPalMobile .container .pageContainer{
	height:100%;
	position:relative;
}

.EventPalMobile .container .pageContainer .pageList{
	height:auto;
}

.EventPalMobile .container .pageContainer .pageList .pageItem{
	width:100%;
	height:auto;
	position:relative;
	max-height:100%;
	overflow:auto;
}

.EventPalMobile .container .pageContainer .pageList .pageItem .activityList{
	padding:0 10px;
}

.EventPalMobile .container .pageContainer .pageList .pageItem .activityList .activityBlock{
	display:none;
	padding-bottom:100px;
}

.EventPalMobile .container .pageContainer .pageList .pageItem .activityList .activityBlock.focus{
	display:block;
}

.EventPalMobile .container .pageContainer .pageList .pageItem .activityList .activityBlock .activityItem{
	box-sizing:border-box;
	border:1px solid #b0b0b0;
	margin:10px auto;
	padding:10px;
	background-color: #fff;
}

.EventPalMobile .container .pageContainer .pageList .pageItem .activityList .activityBlock .activityItem a{
	text-decoration:none;
}

.EventPalMobile .container .pageContainer .pageList .pageItem .activityList .activityBlock .activityItem .actImg .thumbnail{
	display:block;
	width:100%;
}

.EventPalMobile .container .pageContainer .pageList .pageItem .activityList .activityBlock .activityItem .actTitle{
	color:#971e23;
	font-weight:bold;
	margin:5px 0 0 0;
	line-height:20px;
	height:20px;
	overflow:hidden;
}

.EventPalMobile .container .pageContainer .pageList .pageItem .activityList .activityBlock .activityItem .actDescription{
	color:#000;
	line-height:20px;
	height:20px;
	overflow:hidden;
}

.EventPalMobile .container .pageContainer .pageList .pageItem .activityList .activityBlock .activityItem .location{
	display:none;
}

.EventPalMobile .container .pageContainer .pageList .pageItem .activityList #lastPostsLoader{
	width:100%;
	height:30px;
	position:fixed;
	bottom:60px;
	text-align:center;
}

.EventPalMobile .container .pageContainer .pageList .pageItem .activityList #lastPostsLoader .waitActivity{
	color:#b0b0b0;
	display:inline-block;
	font-size:30px;
	width:30px;
}

.EventPalMobile .container .pageContainer .pageList .pageItem .loading{
	color:#b0b0b0;
	font-size:40px;
	display:none;
	width:40px;
	height:40px;
	position:absolute;
	left:50%;
	top:100px;
	z-index:1;
}

.EventPalMobile .container .pageContainer .pageList .pageItem .loading.on{
	display:block;
}

.EventPalMobile .container .pageContainer .confirmContent{
	width:310px;
	margin:30px auto 0 auto;
}

.EventPalMobile .container .pageContainer .confirmContent .heading{
	font-size:20px;
	margin-bottom:20px;
}

.EventPalMobile .container .pageContainer .confirmContent .paragraph{
	margin-bottom:20px;
}

.EventPalMobile .container .pageContainer .confirmContent .em{
	font-weight:bold;
}

.EventPalMobile .container .pageContainer .btnFbLogin{
	background:#3b5998;
	border:1px solid #3b5998;
	color:#fff;
	display:block;
	font-weight:bold;
	margin:30px auto;
	text-decoration:none;
	width:202px;
	height:35px;
	font-size:30px;
}

.EventPalMobile .container .pageContainer .btnFbLogin .text{
	font:100%/1.4 "微軟正黑體","HelveticaNeue","Helvetica","Arial",sans-serif;
	font-size:16px;
	display:block;
	float:right;
	margin:8px 16px 0 0;
}

.EventPalMobile .container .pageContainer .formLogin{
	width:310px;
	margin:20px auto 0 auto;
}

.EventPalMobile .container .pageContainer .formLogin .para{
	margin:0 0 7px 0;
}

.EventPalMobile .container .pageContainer .formLogin .para.func{
	width:150px;
	margin:10px auto;
}

.EventPalMobile .container .pageContainer .formLogin .para.agreement{
	font-size:#fff;
}

.EventPalMobile .container .pageContainer .formLogin .para .inputText{
	border:2px solid #e71f19;
	color:#7a7a7a;
	font-size:#fff;
	line-height:20px;
	outline:none;
	padding:8px 10px;
	width:286px;
}

.EventPalMobile .container .pageContainer .formLogin .para .forgetPassword,
.EventPalMobile .container .pageContainer .formLogin .para .signup{
	color:#7a7a7a;
	font-size:16px;
}

.EventPalMobile .container .pageContainer .formLogin .para .forgetPassword:hover,
.EventPalMobile .container .pageContainer .formLogin .para .signup:hover{
	color:#e71f19;
}

.EventPalMobile .container .pageContainer .formLogin .para .divider{
	color:#7a7a7a;
	font-size:#fff;
	padding:0 5px;
}

.EventPalMobile .container .pageContainer .formLogin .para .label{
	color:#000;
	font-size:#fff;
}

.EventPalMobile .container .pageContainer .formLogin .para .link{
	color:#7a7a7a;
	font-size:#fff;
}

.EventPalMobile .container .pageContainer .formLogin .para .link:hover{
	color:#e71f19;
}

.EventPalMobile .container .pageContainer .formLogin .captcha{
	margin-bottom:10px;
	float:left;
}

.EventPalMobile .container .pageContainer .formLogin .captcha .captchaImg{
	display:block;
	float:left;
	width:75%;
}

.EventPalMobile .container .pageContainer .formLogin .reloadCaptcha{
	font-size:25px;
	display:block;
	float:right;
	width:25px;
	text-decoration:none;
	color:#000;
	margin:20px 20px 0 20px;
}

.EventPalMobile .container .pageContainer .formLogin .control .btn{
	width:146px;
	display:block;
	outline:none;
	color:#fff;
	text-decoration:none;
	font-size:15px;
	line-height:15px;
	padding:10px 0;
	text-align:center;
	margin:30px auto 30px auto;
}

.EventPalMobile .container .pageContainer .formLogin .control .btn.btnLogin,
.EventPalMobile .container .pageContainer .formLogin .control .btn.btnRegister{
	background:#b0b0b0;
}

.EventPalMobile .container #goTop{
	background:url(go_top_mobile.png) no-repeat 0 0;
	width:55px;
	height:55px;
	display:none;
	position:fixed;
	right:5px;
	bottom:10px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	z-index:3;
}

.autocomplete-suggestions .autocomplete-suggestion{
	padding:0.8em;
}

/* Msg LightBox */
.disclaimerCheckDiv {
  width: 100%;
  height: 100%;
  z-index: 300;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  position: fixed;
  background: rgba(0, 0, 0, 0.85);
  display: none;
}

.disclaimerCheckDiv .disclaimerCheck {
  width: 80%;
  background-color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -40%;
  margin-left: -40%;
  padding: 40px 0px 90px;
}

.alertWrap {
  max-height: 200px;
  padding: 0px 10px;
  overflow: auto;
}

.disclaimerCheckDiv .disclaimerCheck p {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.disclaimerCheckDiv .disclaimerCheck .btnDiv {
  width: 100%;
  height: 50px;
  bottom: 0;
  position: absolute;
}

.disclaimerCheckDiv .disclaimerCheck .btnDiv .yesNoBtn {
  width: 100%;
  height: 100%;
  background-color: #961e23;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 20px;
  box-sizing: border-box;
  float: left;
}

.disclaimerCheckDiv .disclaimerCheck .btnDiv .noBtn {
  border-left: 1px solid #fff;
}

/* Msg LightBox End */


 .homeTOPmob{font-size:13px;color:#333;font-family:"微軟正黑體", Arial, sans-serif;background:url(../images/2024year/bgonmob.jpg);-webkit-text-size-adjust: 100%;}


/* 反詐騙 懸浮 */

.message-boxmo { 
			margin-right: -8px;
			margin-left: -8px;
		    display: flex;     /* 新增這行，使其子元素並排顯示 */
		    align-items: center; /* 這行確保內容垂直居中 */
		    background-color: #FFFAF4;
		    box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.2);
		}

		.message-boxmo p {
            color: rgb(255, 0, 0);
            font-weight: bold;
            font-size: 14px;
            margin-right:5px;
            margin-left: 72px;
            
        }
        .closeacmo {
            height: 30px; /* 修改高度與line-height相同 */
            line-height: 26px; /* 讓 X 字符垂直居中 */
            margin: 29px; 
            background:#4F4F4F;
            color: white;
            border: none;
            width: 112px;
            border-radius: 50%;
            font-size: 12px;
            cursor: pointer;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            transition: all 0.3s;
            opacity: 0.95;
            margin-left:34px;
           
        }

        .closemo:hover {
            background-color: #E63900;
            transform: scale(1.05);
            opacity: 1;
        }

        .closemo:active {
            transform: scale(0.95);
        }

.bigCheck{
  visibility: visible !important;
  position: relative !important;
  width: 20px;
  height: 20px;
}