@charset "utf-8";
@font-face
{
	font-family: MSHeitiTC;
	src: url('../font/MSHeitiTC.eot');/* IE9 */
	src: url('../font/MSHeitiTC.ttf'),
		 url('../font/MSHeitiTC.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */;
}
@font-face
{
	font-family: HeitiTC;
	src: url('../font/HeitiTC.eot');/* IE9 */
	src: url('../font/HeitiTC.ttf'),
		 url('../font/HeitiTC.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */;
}
/* profile.js */
.fs-box {
	display: inline-block;
	font: normal 12px '微軟正黑體';
	position: relative;
	background-color: #fafafa;
	padding:20px;
}
.fs-list {
    padding: 5px;
    overflow: auto;
	border: 1px solid #ccc;
}
.fs-item {
	position: relative;
	border: 1px solid #ccc;
	margin: 5px;
	padding: 5px;
	cursor: pointer;
}
.fs-item:hover,
.fs-item-selected {
	background-color: #e3f6ce;
	border-color: #5fb404;
	border-top-color: #9AFE2E;
    border-left-color: #9AFE2E;
}
.fs-item:active {
	border-color: #5fb404;
	border-bottom-color: #9AFE2E;
    border-right-color: #9AFE2E;
}
.fs-control-panel {
	padding: 5px 0px;
	padding-right: 18px; /* scrollbar width */
}
.fs-control-panel > .template-button {
	margin-left: 8pt;
	float: right !important;
}
.fs-member-icon {
	vertical-align: middle;
    width: 40px;
    height: 40px;
	overflow:hidden;
}
.fs-member-info-box {
	text-align: left;
	vertical-align: middle;
	display: inline-block;
	padding-left: 10px;
    width: 80px;
}
.fs-member-info-box > div > span {
	width: 100%;
	display: inline-block;
	line-height: 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fs-member-name {
	font-weight: bold;
    color: #933;
}
.fs-separator {
	color: #999;
}
.fs-checked-icon {
	position: absolute;
	right: -4px;
	bottom: -4px;
}
.checked-icon{
	width: 16px;
	height: 16px;
	background-image: url("../img/checked.png");
}
.fs-query-button{
	margin-left:16px;
}
.fs-input-value{
	width:320px;
	margin-left:12px;
}
/* End of profile.js */
.div-dashboard-layout-outer{
	width: 1039px;
	height: 675px;
	background-color: #EDC494;
	position:relative;
}
.div-dashboard-layout-inner{
	width:1039px;
	top:66px;
	height:540px;
	background-color: #E96614;
	position:absolute;	
}
.div-dashboard-layout-outer-function{
	position:absolute;
	top:42px;
	right:0px;
	width:74px;
	height:25px;
	display:inline-block;
	
}
.div-dashboard-layout-outer-login{
	float:right;
	width:50px;
	height:24px;
	background-image: url("../images/dashboard/function.png");
    background-position: 0px 0px; 
	background-repeat: no-repeat; 
	cursor:pointer;
}

.div-dashboard-layout-outer-close{
	float:right;
	height:25px;
	width:24px;
	background-image: url("../images/dashboard/function.png");
    background-position: -51px 0px; 
	background-repeat: no-repeat; 
	cursor:pointer;
}
.div-dashboard-xplova-logo{
	position:absolute;
	top:615px;
	right:20px;
	height:22px;
	width:165px;
	background-image: url("../images/dashboard/background.png?2");
	background-repeat: no-repeat; 
	background-position: 0 -419px;
}
.div-dashboard-app{
	position:absolute;
	top:640px;
	right:20px;
}
.div-dashboard-app .appleStore{
	width:78px;
	height:27px;
	background-image: url("../images/dashboard/appleStore.png");
	background-repeat: no-repeat; 
	float:left;
	margin-left:18px;
	cursor:pointer;
}
.div-dashboard-app .googlePlay{
	width:77px;
	height:27px;
	background-image: url("../images/dashboard/googlePlay.png");
	float:left;
	margin-left:18px;
	cursor:pointer;
}
.div-dashboard-layout-inner-background{
	position:absolute;
	top:66px;
}
.div-dashboard-layout-inner-background-img1{
	position:absolute;
	width: 535px; 
	height: 419px;
	background-image: url("../images/dashboard/background.png?2");
	background-repeat: no-repeat; 
	background-position: 0 0;
	top:112px;
	left: 240px;
	z-index: 2;
	
}
.div-dashboard-layout-inner-background-img2{
	position:absolute;
	top:75px;
	left: 700px;
	width: 169px; 
	height: 178px; 
	background-image: url("../images/dashboard/background.png?2");
	background-repeat: no-repeat; 
	background-position: -535px 0;
}

.div-dashboard-layout-inner-background-img3{
	position:absolute;
	top:20px;
	left: 0px;
	width: 457px; 
	height: 550px; 
	background-image: url("../images/dashboard/background_3.png");
	background-repeat: no-repeat; 
}
.div-dashboard-function{
	position:absolute;
	display: inline-block;
	right:0px;
	top:80px;
	width:200px;
	height:400px;
	z-index: 3;
}
.div-dashboard-function-item{
	position:absolute;
	width:200px;
	left:0px;
}
.div-dashboard-function-item1{	
	top:0px;
	height: 122px;
}
.div-dashboard-function-item2{	
	top: 81px;
	height: 71px;
	z-index:1;
}
.div-dashboard-function-item3{
	top: 123px;
}
.div-dashboard-function-item4{
	top:212px;
	z-index:1;
}
.div-dashboard-function-item5{
	top: 258px;
}
.div-dashboard-function-item6{
	top: 335px;
	z-index:1;
}
.div-dashboard-function-item-text{
	position:absolute;
	white-space: nowrap;
	cursor:pointer;
	font-family:微軟正黑體 ,Arial;
	color: #3f1212;
}
.div-dashboard-function-item1-text{	
	left: 60px;
	top: 50px;
}
.div-dashboard-function-item2-text{
	right: 96px;
	top: 26px;
}
.div-dashboard-function-item3-text{
	left: 85px;
	top: 54px;
}
.div-dashboard-function-item4-text{
	top: 27px;
	right: 90px;
}
.div-dashboard-function-item5-text{
	top: 37px;
	right: 52px;
}
.div-dashboard-function-item6-text{
	left: 130px;
	top: 26px;
}
.div-dashboard-function-item-bg{
	position:absolute;
	background-image: url("../images/dashboard/functionsBG.png"); 
	background-repeat: no-repeat;
	cursor:pointer;
	top:0px;
}
.div-dashboard-function-item1-bg{
	left:0px;
	top:0px;
	width: 122px; 
	height: 122px; 	
	background-position: -122px 0;
}
.div-dashboard-function-item1-bg:hover, .div-dashboard-function-item1-bg.hovered{
	background-position: 0 0;
}
.div-dashboard-function-item2-bg{
	left: 67px;
	width: 77px; 
	height: 71px; 
	background-position: -349px -151px;
}
.div-dashboard-function-item2-bg:hover, .div-dashboard-function-item2-bg.hovered{
	background-position: -349px -80px;
}
.div-dashboard-function-item3-bg{
	left: 20px;
	width: 118px; height: 120px;
	background-position: 0 -122px;
}
.div-dashboard-function-item3-bg:hover, .div-dashboard-function-item3-bg.hovered{
	background-position: -118px -122px;
}
.div-dashboard-function-item4-bg{
	left: 75px;
	width: 77px; height: 71px;
	background-position: -426px -80px;
}
.div-dashboard-function-item4-bg:hover, .div-dashboard-function-item4-bg.hovered{
	background-position: -426px -151px;
}
.div-dashboard-function-item5-bg{
	left: 91px;
	width: 105px; height: 102px;
	background-position: -244px -102px;
}
.div-dashboard-function-item5-bg:hover, .div-dashboard-function-item5-bg.hovered{
	background-position: -244px 0;
}
.div-dashboard-function-item6-bg{
	left: 85px;
	width: 78px; height: 80px;
	background-position: -427px 0;
}
.div-dashboard-function-item6-bg:hover, .div-dashboard-function-item6-bg.hovered{
	background-position: -349px 0;
}
.div-dashboard-postnote-item{
	position:absolute;
	cursor:pointer;
}
.div-dashboard-postnote-item1{
	left: 268px;
	top: 27px;
}
.div-dashboard-postnote-item1-hoverd{
	left: 266px;
	top: 8px;
}
.div-dashboard-postnote-item2{
	left:130px;
	top: 16px;
}
.div-dashboard-postnote-item2-hoverd{
	left: 115px;
	top: -17px;
}
.div-dashboard-postnote-item3{
	left: 130px;
	top: 118px;
}
.div-dashboard-postnote-item3-hoverd{
	left: 109px;
	top: 95px;
}
.div-dashboard-postnote-item4{	
	left: -66px;
	top: 94px;
}
.div-dashboard-postnote-item4-hoverd{
	left:-92px;
	top: 74px;
}
.div-dashboard-postnote-item5{
	left: 28px;
	top: 222px;
}
.div-dashboard-postnote-item5-hoverd{
	left:-6px;
	top: 215px;
}
.div-dashboard-postnote-item6{
	left: -10px;
	top: 285px;
}
.div-dashboard-postnote-item6-hoverd{
	left:-41px;
	top: 290px;
}
.div-dashboard-postnote-item7{
	left: 78px;
	top: 373px;
}
.div-dashboard-postnote-item7-hoverd{
	left:32px;
	top: 391px;
}
.div-dashboard-postnote-item8{
	left: 78px;
	top: 438px;
}
.div-dashboard-postnote-item8-hoverd{
	left:54px;
	top: 462px;
}
.div-dashboard-postnote-item9{
	left: 197px;
	top: 430px;
}
.div-dashboard-postnote-item9-hoverd{
	left:180px;
	top: 466px;
}
.div-dashboard-postnote-item-bg{
	background-repeat: no-repeat;position:absolute;
	background-image: url("../images/dashboard/postnote.png?3");
}
.div-dashboard-postnote-item1-bg{
	background-position: 0 -449px; width: 258px; height: 67px;
	transform:rotate(85deg);
	-ms-transform:rotate(85deg);/* IE 9 */
	-webkit-transform:rotate(85deg); /* Safari and Chrome */
	-o-transform:rotate(85deg);  /* Opera 10.5 */
}
.div-dashboard-postnote-item2-bg{ 
	width: 357px; 
	height: 74px;	
	background-position: 0 -287px;
	transform:rotate(67deg);
	-ms-transform:rotate(67deg);/* IE 9 */
	-webkit-transform:rotate(67deg); /* Safari and Chrome */
	-o-transform:rotate(67deg);  /* Opera 10.5 */
}
.div-dashboard-postnote-item3-bg{ 
	width: 309px; height: 71px;
	background-position: -395px -189px;
	transform:rotate(48deg);
	-ms-transform:rotate(48deg);/* IE 9 */
	-webkit-transform:rotate(48deg); /* Safari and Chrome */
	-o-transform:rotate(48deg);  /* Opera 10.5 */
}
.div-dashboard-postnote-item4-bg-ignore{ 
	width: 395px; height: 98px;
	background-position: 0 -189px;
	transform:rotate(28deg);
	-ms-transform:rotate(28deg);/* IE 9 */
	-webkit-transform:rotate(28deg); /* Safari and Chrome */
	-o-transform:rotate(28deg);  /* Opera 10.5 */
}
.div-dashboard-postnote-item4-bg{ 
	width: 419px; height: 100px;
	background-position: 0 -89px; 
	transform:rotate(28deg);
	-ms-transform:rotate(28deg);/* IE 9 */
	-webkit-transform:rotate(28deg); /* Safari and Chrome */
	-o-transform:rotate(28deg);  /* Opera 10.5 */
}
.div-dashboard-postnote-item5-bg{ 
	width: 352px; height: 88px;
	background-position: 0 -361px;
	transform:rotate(12deg);
	-ms-transform:rotate(12deg);/* IE 9 */
	-webkit-transform:rotate(12deg); /* Safari and Chrome */
	-o-transform:rotate(12deg);  /* Opera 10.5 */
}
.div-dashboard-postnote-item6-bg{ 
	width: 434px; height: 89px; 
	background-position: 0 0;
	transform:rotate(-9deg);
	-ms-transform:rotate(-9deg);/* IE 9 */
	-webkit-transform:rotate(-9deg); /* Safari and Chrome */
	-o-transform:rotate(-9deg);  /* Opera 10.5 */
}
.div-dashboard-postnote-item7-bg{ 
	width: 258px; height: 71px;
	background-position: -419px -89px;
	transform:rotate(-27deg);
	-ms-transform:rotate(-27deg);/* IE 9 */
	-webkit-transform:rotate(-27deg); /* Safari and Chrome */
	-o-transform:rotate(-27deg);  /* Opera 10.5 */
}
.div-dashboard-postnote-item8-bg-ignore{ 
	width: 307px; height: 74px;
	background-position: -352px -378px;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);/* IE 9 */
	-webkit-transform:rotate(-45deg); /* Safari and Chrome */
	-o-transform:rotate(-45deg);  /* Opera 10.5 */
}
.div-dashboard-postnote-item8-bg{ 
	width: 339px; height: 91px;
	background-position: -357px -287px; 
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);/* IE 9 */
	-webkit-transform:rotate(-45deg); /* Safari and Chrome */
	-o-transform:rotate(-45deg);  /* Opera 10.5 */
}
.div-dashboard-postnote-item9-bg{ 
	width: 273px; height: 88px;
	background-position: -434px 0;
	transform:rotate(-66deg);
	-ms-transform:rotate(-66deg);/* IE 9 */
	-webkit-transform:rotate(-66deg); /* Safari and Chrome */
	-o-transform:rotate(-66deg);  /* Opera 10.5 */
}
.div-dashboard-postnote-item-text{
	position: absolute;
	color: rgba(255,255,255,0.73);
	font-size: 16px;
	letter-spacing: 6px;
	font-family:PMingLiu,新細明體,Arial;
}
.div-dashboard-postnote-item1-text{	
	left: 60px;
	top: 22px;
}
.div-dashboard-postnote-item2-text{	
	left: 124px;
	top: 22px;
}
.div-dashboard-postnote-item3-text{	
	left: 120px;
	top: 18px;
}
.div-dashboard-postnote-item4-text{	
	left: 210px;
	top: 36px;
}
.div-dashboard-postnote-item5-text{	
	left: 160px;
	top: 25px;
}
.div-dashboard-postnote-item6-text{	
	left: 124px;
	top: 28px;
}
.div-dashboard-postnote-item7-text{	
	left: 100px;
	top: 18px;
}
.div-dashboard-postnote-item8-text{	
	left: 37px;
	top: 38px;
}
.div-dashboard-postnote-item9-text{	
	font-size: 10px;
	letter-spacing: 0px;
	left: 36px;
	top: 28px;
	-webkit-text-size-adjust: none;
}
.div-dashboard-postnote-item-icon{
	background-image: url("../images/dashboard/postnote.png?3");
	position: absolute;
	width:66px;
	height:65px;
}
.div-dashboard-postnote-item1-icon{	
	left: 100px;
	top: 24px;
	background-position: -66px -581px;
}
.div-dashboard-postnote-item2-icon{	
	left: 180px;
	top: 78px;
	background-position: -258px -449px;
}
.div-dashboard-postnote-item3-icon{	
	left: 70px;
	top: -66px;
	background-position: -198px -516px;
}
.div-dashboard-postnote-item4-icon{	
	left: 110px;
	top: -20px;
	background-position: -66px -516px;
}
.div-dashboard-postnote-item5-icon{	
	left: 54px;
	top: -12px;
	background-position: -132px -516px;
}
.div-dashboard-postnote-item6-icon{	
	left: 50px;
	top: 30px;
	background-position: 0 -516px;
}
.div-dashboard-postnote-item7-icon{	
	left: 30px;
	top: 31px;
	background-position: 0 -582px; 
}
.div-dashboard-postnote-item8-icon{	
	left: 148px;
	top: 6px;
	background-position: -132px -581px;
}
.div-dashboard-schedule{
	position:absolute;
	display: inline-block;
	left:710px;
	top:10px;
	z-index: 3;
}
.div-dashboard-goto-calendar{
	cursor:pointer;
}
.div-dashboard-schedule-title{
	color: #FFFFFF;
	text-align: center;	
	font-size: 12px;
	font-family:Heiti TC,微軟正黑體,Arial;
	font-weight:bold;
}
.div-dashboard-schedule-header{
	margin-left:5px;
	margin-right:4px;
	margin-bottom:4px;
	background-image: url("../images/dashboard/calendar.png"); 
	background-position: 0 0; 
	width: 120px; 
	height: 7px; 
	background-repeat: no-repeat;
}
.div-dashboard-schedule-body{
	width: 129px;
	cursor:pointer;
}
.div-dashboard-schedule-day-bg{
	float:left;
	width: 19px; height: 15px; 
	margin-bottom:2px;
	position: relative;
}
.div-dashboard-schedule-day-bg-month{
	background-image: url("../images/dashboard/calendar.png"); 
	background-position: 0 -7px; 	
	background-repeat: no-repeat;
}
.div-dashboard-schedule-day-bg-end{
	float:left;
	background-image: url("../images/dashboard/calendar.png"); 
	background-position: 0 -7px; 
	width: 15px; height: 15px; 
	background-repeat: no-repeat;
}
.div-dashboard-schedule-day{
	width: 15px; height: 15px; 
}
.div-dashboard-schedule-day-img{
	background-image: url("../images/dashboard/calendar.png"); 
	background-position: 0 -22px;
	background-repeat: no-repeat;
	cursor:pointer;
}
.div-dashboard-schedule-day-text{
	line-height: 15px;
	-webkit-transform: scale(0.7);
	-o-transform: scale(1);
	width:15px;
	text-align:center;
	cursor:default;
}
.div-dashboard-friend{
	position:absolute;
	display: inline-block;
	left:730px;
	top:368px;
	z-index: 3;
}
.div-dashboard-friend-container{
	background-image: url("../images/dashboard/friends.png"); 
	background-position: 0 0; 
	width: 167px; 
	height: 132px; 
	background-repeat: no-repeat;
}
.div-dashboard-friend-title{
	color: #FFFFFF;
	text-align: center;	
	font-size: 12px;
	font-family:Heiti TC,微軟正黑體,Arial;
	font-weight:bold;
	margin-left:34px;
	margin-top:8px;
}
.div-dashboard-friend-item-style{
	background-image: url("../images/dashboard/friends.png?1");
	background-repeat: no-repeat;
	position: absolute;
}
.div-dashboard-friend-item-style1{
	left: 36px;	top: 55px;
	background-position: -167px 0; width: 9px; height: 18px; 
}
.div-dashboard-friend-item-style2{
	left: 53px;top: 16px;
	background-position: -18px -148px; width: 16px; height: 16px;
}
.div-dashboard-friend-item-style3{
	left: 94px;top: 0px;
	background-position: 0 -141px; width: 18px; height: 9px;
}
.div-dashboard-friend-item-style4{
	left: 135px;top: 17px;
	background-position: -18px -132px; width: 16px; height: 16px; 
}
.div-dashboard-friend-item-style5{
	left: 158px;top: 56px;
	background-position: -176px 0; width: 9px; height: 18px;
}
.div-dashboard-friend-item-style6{
	left: 134px;top: 98px;
	background-position: 0 -163px; width: 16px; height: 16px;
}
.div-dashboard-friend-item-style7{
	left: 92px;top: 121px;
	background-position: 0 -132px; width: 18px; height: 9px; 
}
.div-dashboard-friend-item-style8{
	left: 53px;top: 99px;
	background-position: 0 -150px; width: 17px; height: 13px;
}
.div-dashboard-friend-item-style9{
	left: 58px;top: 47px;
	background-position: -34px -132px; width: 12px; height: 12px;
}
.div-dashboard-friend-item-style10{
	left: 71px;top: 29px;
	background-position: -34px -132px; width: 12px; height: 12px;
}
.div-dashboard-friend-item-style11{
	left: 91px;top: 20px;
	background-position: -34px -132px; width: 12px; height: 12px;
}
.div-dashboard-friend-item-style12{
	left: 113px;top: 25px;
	background-position: -34px -132px; width: 12px; height: 12px;
}
.div-dashboard-friend-item-style13{
	left: 129px;top: 41px;
	background-position: -34px -132px; width: 12px; height: 12px;
}
.div-dashboard-friend-item-style14{
	left: 134px;top: 60px;
	background-position: -34px -132px; width: 12px; height: 12px;
}
.div-dashboard-friend-item-style15{
	left: 127px;top: 80px;
	background-position: -34px -132px; width: 12px; height: 12px;
}
.div-dashboard-friend-item-style16{
	left: 110px;top: 95px;
	background-position: -34px -132px; width: 12px; height: 12px;
}
.div-dashboard-friend-item-style17{
	left: 88px;top: 97px;
	background-position: -34px -132px; width: 12px; height: 12px;
}
.div-dashboard-friend-item-style18{
	left: 68px;top: 88px;
	background-position: -34px -132px; width: 12px; height: 12px;
}
.div-dashboard-friend-item-style19{
	left: 57px;top: 69px;
	background-position: -34px -132px; width: 12px; height: 12px;
}
.div-dashboard-friend-item-style20{
	left: 57px;top: 47px;
	background-position: -34px -132px; width: 12px; height: 12px;
}
.div-dashboard-layout-inner-profile-unauth{
	background-image: url("../images/dashboard/profileUnauth.png");
	background-repeat: no-repeat;
	position: absolute;
	width: 404px; height: 451px;
	left: 310px;
	top: 62px;
	z-index:2;
}
.div-dashboard-layout-inner-info{
	position: absolute;
	left:289px;
	top:240px;
	width:200px;
	overflow:hidden;
	height: 158px;
	z-index:3;
}

.div-dashboard-layout-inner-profile-auth-name{
	position: absolute;
	font-family: LilyUPC, Apple Symbols;
	font-size: 40px;
	z-index: 3;
	left: 320px;
	top: 170px;
	width: 200px;
	height: 80px;
	line-height: 40px;
	text-indent: 30px;
	font-style: italic;
	cursor: default;
	overflow: hidden;
	text-overflow: ellipsis;
}
.div-dashboard-layout-inner-profile-auth-name.zh-tw{
	font-family: 微軟正黑體;
	font-size: 34px;
	z-index: 3;
	left: 320px;
	top: 200px;
	width: 200px;
	height: 40px;
	text-indent: 0px;
	font-style: italic;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
}
.div-dashboard-layout-inner-profile-auth{
	left: 480px;
	top: 70px;
	width: 219px;
	height: 455px;
	position: absolute;
	overflow: hidden;
	z-index: 2;
}
.div-dashboard-schedule-day-tooltips{
	white-space: nowrap;
	display: inline-block;
	padding: 5px 10px;
	z-index: 10;
	border: 1px solid #999;
	background-color: #fff;
	-moz-box-shadow: 0px 0px 6px 1px #ccc;
	-webkit-box-shadow: 0px 0px 6px 1px #ccc;
	box-shadow: 0px 0px 6px 1px #ccc;
	cursor:pointer;
}
.div-dashboard-schedule-day-tooltips div{
	text-align:left;
}
.div-dashboard-schedule-day-tooltips div:hover{
	text-decoration: underline;
}
.div-dashboard-notices h1{
	text-decoration: underline;
	text-indent: 27px;
	font-weight: bold;
	-webkit-margin-after: 6px;
	-webkit-margin-before: 6px;
}
.div-dashboard-notices-body{	
	height: 119px;
	overflow: hidden;
}
.div-dashboard-notices-body li{
	cursor:pointer;
}
.div-dashboard-notices-body li:hover{
	text-decoration: underline;
}
.div-dashboard-scoller{
	background-image: url("../images/dashboard/scroller.png");
	background-repeat: no-repeat;
	width: 9px; height: 18px;
	margin-top:1px;
	margin-bottom:1px;
	margin-left:auto;
	margin-right:auto;	
	z-index:2;
}
.div-dashboard-scoller-up{
	width:9px;
	height:9px;
	cursor:pointer;
}
.div-dashboard-scoller-down{
	width:9px;
	height:9px;
	cursor:pointer;
}
.div-dashboard-sportBest-buttons{	
	margin-left:auto;
	margin-right:auto;
}
.div-dashboard-sportBest-buttons button{
	padding: 1px 6px 1px 8px;
}
.div-dashboard-sportBest-buttons button.selected{
	border-width: 3px;
}
.div-dashboard-sportBest-body{
	height: 100px;
	overflow: hidden;
	margin-top:10px;
	margin-bottom:10px;
}
.div-dashboard-sportBest-body tr{
	cursor:pointer;
}
.div-dashboard-sportBest-body tr:hover{
	text-decoration: underline;
}
.div-dashboard-sportBest-body-table{
	height: 100px;
	overflow: hidden;
}

.div-dashboard-userSummary-buttons{	
	margin-left:auto;
	margin-right:auto;
}
.div-dashboard-userSummary-buttons button{
	padding: 1px 6px 1px 8px;
}
.div-dashboard-userSummary-buttons button.selected{
	border-width: 3px;
}
.div-dashboard-userSummary-body{
	height: 100px;
	overflow: hidden;
	margin-top:10px;
	margin-bottom:10px;
}
.div-dashboard-userSummary-body-table{
	height: 100px;
	overflow: hidden;
}
.fs-description{
	margin-right:12px;
}
.fs-description-title{
	height: 26px;
	line-height: 26px;
}
.fs-description-value{
	width: 177px;
	height: 192px;
	resize: none;
}

/*multiple blick*/
.common-div-multi-block-style1{
	background-color: #FFFFFF;
}
.common-div-multi-block-style1 td.td_header{
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	line-height:28px;
	font-family:微軟正黑體;
}
.common-div-multi-block-style1 td.td_lt{
	width:10px;
	height:48px;
	background-image: url("images/multi_block_lt.png");
	background-repeat: no-repeat;
}
.common-div-multi-block-style1 td.td_mt{
	height:48px;
	background-image: url("images/multi_block_mt.png");
	background-repeat: repeat-x;
}
.common-div-multi-block-style1 td.td_rt{
	width:10px;
	height:48px;
	background-image: url("images/multi_block_rt.png");
	background-repeat: no-repeat;
}
.common-div-multi-block-style1 td.td_lm{
	width:10px;
	background-image: url("images/multi_block_lm.png");
	background-repeat: repeat-y;
}
.common-div-multi-block-style1 td.td_mm{
	background-image: url("images/multi_block_mm.png");
	background-repeat: repeat;
}
.common-div-multi-block-style1 td.td_rm{
	width:10px;
	background-image: url("images/multi_block_rm.png");
	background-repeat: repeat-y;
}
.common-div-multi-block-style1 td.td_ls{
	width:10px;
	height:48px;
	background-image: url("images/multi_block_ls.png");
	background-repeat: no-repeat;
}
.common-div-multi-block-style1 td.td_ms{
	height:48px;
	background-image: url("images/multi_block_ms.png");
	background-repeat: repeat-x;
}
.common-div-multi-block-style1 td.td_rs{
	width:10px;
	height:48px;
	background-image: url("images/multi_block_rs.png");
	background-repeat: no-repeat;
}
.common-div-multi-block-style1 td.td_lb{
	width:10px;
	height:10px;
	background-image: url("images/multi_block_lb.png");
	background-repeat: no-repeat;
}
.common-div-multi-block-style1 td.td_mb{
	height:10px;
	background-image: url("images/multi_block_mb.png");
	background-repeat: repeat-x;
}
.common-div-multi-block-style1 td.td_rb{
	width:10px;
	height:10px;
	background-image: url("images/multi_block_rb.png");
	background-repeat: no-repeat;
}

.common-div-multi-block-style2{
	background-color: #FFFFFF;
}
.common-div-multi-block-style2 td.td_header{
	color:#535353;
	font-size:15px;
	font-weight:bold;
	line-height: 24px;
	font-family:微軟正黑體;
}
.common-div-multi-block-style2 td.td_lt{
	width:14px;
	height:42px;
	background-image: url("images/multi_block2_lt.png");
	background-repeat: no-repeat;
}
.common-div-multi-block-style2 td.td_mt{
	height:42px;
	background-image: url("images/multi_block2_mt.png");
	background-repeat: repeat-x;
}
.common-div-multi-block-style2 td.td_rt{
	width:18px;
	height:42px;
	background-image: url("images/multi_block2_rt.png");
	background-repeat: no-repeat;
}
.common-div-multi-block-style2 td.td_lm{
	width:14px;
	background-image: url("images/multi_block2_lm.png");
	background-repeat: repeat-y;
}
.common-div-multi-block-style2 td.td_mm{
	background-image: url("images/multi_block2_mm.png");
	background-repeat: repeat;
}
.common-div-multi-block-style2 td.td_rm{
	width:18px;
	background-image: url("images/multi_block2_rm.png");
	background-repeat: repeat-y;
}
.common-div-multi-block-style2 td.td_ls{
	width:14px;
	height:38px;
	background-image: url("images/multi_block2_ls.png");
	background-repeat: no-repeat;
}
.common-div-multi-block-style2 td.td_ms{
	height:38px;
	background-image: url("images/multi_block2_ms.png");
	background-repeat: repeat-x;
}
.common-div-multi-block-style2 td.td_rs{
	width:18px;
	height:38px;
	background-image: url("images/multi_block2_rs.png");
	background-repeat: no-repeat;
}
.common-div-multi-block-style2 td.td_lb{
	width:14px;
	height:18px;
	background-image: url("images/multi_block2_lb.png");
	background-repeat: no-repeat;
}
.common-div-multi-block-style2 td.td_mb{
	height:14px;
	background-image: url("images/multi_block2_mb.png");
	background-repeat: repeat-x;
}
.common-div-multi-block-style2 td.td_rb{
	width:18px;
	height:18px;
	background-image: url("images/multi_block2_rb.png");
	background-repeat: no-repeat;
}
/*block*/
.common-div-block-style1 td.td_lt{
	width:14px;
	height:14px;
	background-image: url("images/block_lt.png");
	background-repeat: no-repeat;
}
.common-div-block-style1 td.td_mt{
	height:14px;
	background-image: url("images/block_mt.png");
	background-repeat: repeat-x;
}
.common-div-block-style1 td.td_rt{
	width:14px;
	height:14px;
	background-image: url("images/block_rt.png");
	background-repeat: no-repeat;
}
.common-div-block-style1 td.td_lm{
	width:14px;
	background-image: url("images/block_lm.png");
	background-repeat: repeat-y;
}
.common-div-block-style1 td.td_mm{
	background-image: url("images/block_mm.png");
	background-repeat: repeat;
}
.common-div-block-style1 td.td_rm{
	width:14px;
	background-image: url("images/block_rm.png");
	background-repeat: repeat-y;
}
.common-div-block-style1 td.td_lb{
	width:14px;
	height:14px;
	background-image: url("images/block_lb.png");
	background-repeat: no-repeat;
}
.common-div-block-style1 td.td_mb{
	height:14px;
	background-image: url("images/block_mb.png");
	background-repeat: repeat-x;
}
.common-div-block-style1 td.td_rb{
	width:14px;
	height:14px;
	background-image: url("images/block_rb.png");
	background-repeat: no-repeat;
}
.common-div-block-style2{
	background-color: #FFFFFF;
}
.common-div-block-style2 td.td_lt{
	width:10px;
	height:35px;
	background-image: url("images/block1_lt.png");
	background-repeat: no-repeat;
}
.common-div-block-style2 td.td_mt{
	height:35px;
	background-image: url("images/block1_mt.png");
	background-repeat: repeat-x;
}
.common-div-block-style2 td.td_rt{
	width:10px;
	height:35px;
	background-image: url("images/block1_rt.png");
	background-repeat: no-repeat;
}
.common-div-block-style2 td.td_lm{
	width:10px;
	background-image: url("images/block1_lm.png");
	background-repeat: repeat-y;
}
.common-div-block-style2 td.td_mm{
	background-image: url("images/block1_mm.png");
	background-repeat: repeat;
}
.common-div-block-style2 td.td_rm{
	width:10px;
	background-image: url("images/block1_rm.png");
	background-repeat: repeat-y;
}
.common-div-block-style2 td.td_lb{
	width:10px;
	height:10px;
	background-image: url("images/block1_lb.png");
	background-repeat: no-repeat;
}
.common-div-block-style2 td.td_mb{
	height:10px;
	background-image: url("images/block1_mb.png");
	background-repeat: repeat-x;
}
.common-div-block-style2 td.td_rb{
	width:10px;
	height:10px;
	background-image: url("images/block1_rb.png");
	background-repeat: no-repeat;
}
.common-div-block-style3{
	background-color: #FFFFFF;
}
.common-div-block-style3 td.td_lt{
	width:10px;
	height:10px;
	background-image: url("images/block2_lt.png");
	background-repeat: no-repeat;
}
.common-div-block-style3 td.td_mt{
	height:10px;
	background-image: url("images/block2_mt.png");
	background-repeat: repeat-x;
}
.common-div-block-style3 td.td_rt{
	width:10px;
	height:10px;
	background-image: url("images/block2_rt.png");
	background-repeat: no-repeat;
}
.common-div-block-style3 td.td_lm{
	width:10px;
	background-image: url("images/block2_lm.png");
	background-repeat: repeat-y;
}
.common-div-block-style3 td.td_mm{
	background-image: url("images/block2_mm.png");
	background-repeat: repeat;
}
.common-div-block-style3 td.td_rm{
	width:10px;
	background-image: url("images/block2_rm.png");
	background-repeat: repeat-y;
}
.common-div-block-style3 td.td_lb{
	width:10px;
	height:10px;
	background-image: url("images/block2_lb.png");
	background-repeat: no-repeat;
}
.common-div-block-style3 td.td_mb{
	height:10px;
	background-image: url("images/block2_mb.png");
	background-repeat: repeat-x;
}
.common-div-block-style3 td.td_rb{
	width:10px;
	height:10px;
	background-image: url("images/block2_rb.png");
	background-repeat: no-repeat;
}
.common-div-block-style4{
	background-color: #FFFFFF;
}
.common-div-block-style4 td.td_lt{
	width:15px;
	height:44px;
	background-image: url("images/block3_lt.png");
	background-repeat: no-repeat;
}
.common-div-block-style4 td.td_mt{
	height:44px;
	background-image: url("images/block3_mt.png");
	background-repeat: repeat-x;
}
.common-div-block-style4 td.td_rt{
	width:18x;
	height:44px;
	background-image: url("images/block3_rt.png");
	background-repeat: no-repeat;
}
.common-div-block-style4 td.td_lm{
	width:15px;
	background-image: url("images/block3_lm.png");
	background-repeat: repeat-y;
}
.common-div-block-style4 td.td_mm{
}
.common-div-block-style4 td.td_rm{
	width:18px;
	background-image: url("images/block3_rm.png");
	background-repeat: repeat-y;
}
.common-div-block-style4 td.td_lb{
	width:15px;
	height:20px;
	background-image: url("images/block3_lb.png");
	background-repeat: no-repeat;
}
.common-div-block-style4 td.td_mb{
	height:15px;
	background-image: url("images/block3_mb.png");
	background-repeat: repeat-x;
}
.common-div-block-style4 td.td_rb{
	width:18px;
	height:20px;
	background-image: url("images/block3_rb.png");
	background-repeat: no-repeat;
}
/*buttons style*/
.common-button-style{
	cursor:pointer;
}
.common-button-inner{
    white-space: nowrap;	
}
.common-button-icon-image{
	vertical-align:middle;
	width:17px;
	height:16px;
}
.common-button-right-icon{
	padding-left: 4px;
}
.common-button-icon{
	padding-left: 4px;
}
.common-button-text{
    white-space: nowrap;
	height: 14px;
	font-family: 微軟正黑體;
	font-size: 14px;
	font-weight: bold;
	margin-top: -5px;
	padding-left: 4px;
	padding-right: 8px;
}
.common-button-style1 td.td_lt{
	width:4px;
	height:4px;
	background-image: url("images/buttons/buttonS1_lr.png");
	background-repeat: no-repeat;
}
.common-button-style1 td.td_mt{
	height:4px;
	background-image: url("images/buttons/buttonS1_m.png");
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.common-button-style1 td.td_rt{
	width:4px;
	height:4px;
	background-image: url("images/buttons/buttonS1_lr.png");
	background-repeat: no-repeat;
	background-position: -4px 0px;
}
.common-button-style1 td.td_lm{
	width:4px;
	height:16px;
	background-image: url("images/buttons/buttonS1_lr.png");
	background-repeat: no-repeat;
	background-position: 0px -4px;
}
.common-button-style1 td.td_mm{
	height:16px;
	background-image: url("images/buttons/buttonS1_m.png");
	background-repeat: repeat-x;
	background-position: 0px -4px;
}
.common-button-style1 td.td_rm{
	width:4px;
	height:16px;
	background-image: url("images/buttons/buttonS1_lr.png");
	background-repeat: no-repeat;
	background-position: -4px -4px;
}
.common-button-style1 td.td_lb{
	width:4px;
	height:4px;
	background-image: url("images/buttons/buttonS1_lr.png");
	background-repeat: no-repeat;
	background-position: 0px -20px;
}
.common-button-style1 td.td_mb{
	height:4px;
	background-image: url("images/buttons/buttonS1_m.png");
	background-repeat: repeat-x;
	background-position: 0px -20px;
}
.common-button-style1 td.td_rb{
	width:4px;
	height:4px;
	background-image: url("images/buttons/buttonS1_lr.png");
	background-repeat: no-repeat;
	background-position: -4px -20px;
}
.common-button-style2 td.td_lt{
	width:8px;
	height:4px;
	background-image: url("images/buttons/buttonS2_lr_n.png");
	background-repeat: no-repeat;
}
.common-button-style2 td.td_mt{
	height:4px;
	background-image: url("images/buttons/buttonS2_m_n.png");
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.common-button-style2 td.td_rt{
	width:8px;
	height:4px;
	background-image: url("images/buttons/buttonS2_lr_n.png");
	background-repeat: no-repeat;
	background-position: -8px 0px;
}
.common-button-style2 td.td_lm{
	width:8px;
	height:20px;
	background-image: url("images/buttons/buttonS2_lr_n.png");
	background-repeat: no-repeat;
	background-position: 0px -4px;
}
.common-button-style2 td.td_mm{
	height:20px;
	background-image: url("images/buttons/buttonS2_m_n.png");
	background-repeat: repeat-x;
	background-position: 0px -4px;
}
.common-button-style2 td.td_rm{
	width:8px;
	height:20px;
	background-image: url("images/buttons/buttonS2_lr_n.png");
	background-repeat: no-repeat;
	background-position: -8px -4px;
}
.common-button-style2 td.td_lb{
	width:8px;
	height:4px;
	background-image: url("images/buttons/buttonS2_lr_n.png");
	background-repeat: no-repeat;
	background-position: 0px -24px;
}
.common-button-style2 td.td_mb{
	height:4px;
	background-image: url("images/buttons/buttonS2_m_n.png");
	background-repeat: repeat-x;
	background-position: 0px -24px;
}
.common-button-style2 td.td_rb{
	width:8px;
	height:4px;
	background-image: url("images/buttons/buttonS2_lr_n.png");
	background-repeat: no-repeat;
	background-position: -8px -24px;
}
.common-button-style2 div.common-button-text{
	color:#FFFFFF;
	font-size:13px;
}
.common-button-style2-hovered td.td_lt{
	background-image: url("images/buttons/buttonS2_lr_h.png");
}
.common-button-style2-hovered  td.td_mt{
	background-image: url("images/buttons/buttonS2_m_h.png");
}
.common-button-style2-hovered td.td_rt{
	background-image: url("images/buttons/buttonS2_lr_h.png");
}
.common-button-style2-hovered td.td_lm{
	background-image: url("images/buttons/buttonS2_lr_h.png");
}
.common-button-style2-hovered td.td_mm{
	background-image: url("images/buttons/buttonS2_m_h.png");
}
.common-button-style2-hovered td.td_rm{
	background-image: url("images/buttons/buttonS2_lr_h.png");
}
.common-button-style2-hovered td.td_lb{
	background-image: url("images/buttons/buttonS2_lr_h.png");
}
.common-button-style2-hovered td.td_mb{
	background-image: url("images/buttons/buttonS2_m_h.png");
}
.common-button-style2-hovered td.td_rb{
	background-image: url("images/buttons/buttonS2_lr_h.png");
}
.common-button-style3 td.td_lt{
	width:3px;
	height:3px;
	background-image: url("images/buttons/buttonS3_lr.png");
	background-repeat: no-repeat;
}
.common-button-style3 td.td_mt{
	height:3px;
	background-image: url("images/buttons/buttonS3_m.png");
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.common-button-style3 td.td_rt{
	width:3px;
	height:3px;
	background-image: url("images/buttons/buttonS3_lr.png");
	background-repeat: no-repeat;
	background-position: -3px 0px;
}
.common-button-style3 td.td_lm{
	width:3px;
	height:16px;
	background-image: url("images/buttons/buttonS3_lr.png");
	background-repeat: no-repeat;
	background-position: 0px -3px;
}
.common-button-style3 td.td_mm{
	height:16px;
	background-image: url("images/buttons/buttonS3_m.png");
	background-repeat: repeat-x;
	background-position: 0px -3px;
}
.common-button-style3 td.td_rm{
	width:3px;
	height:16px;
	background-image: url("images/buttons/buttonS3_lr.png");
	background-repeat: no-repeat;
	background-position: -3px -3px;
}
.common-button-style3 td.td_lb{
	width:3px;
	height:3px;
	background-image: url("images/buttons/buttonS3_lr.png");
	background-repeat: no-repeat;
	background-position: 0px -19px;
}
.common-button-style3 td.td_mb{
	height:3px;
	background-image: url("images/buttons/buttonS3_m.png");
	background-repeat: repeat-x;
	background-position: 0px -19px;
}
.common-button-style3 td.td_rb{
	width:3px;
	height:3px;
	background-image: url("images/buttons/buttonS3_lr.png");
	background-repeat: no-repeat;
	background-position: -3px -19px;
}

.common-button-style3 div.common-button-text{
	color:#707070;
	font-size:13px;
}
.routePickerTemplate-outer{
	position:relative;
}
.routePickerTemplate-outer .expand-fullscreen-div-close{
	right:-8px;
	top:-8px;
}
.routePickerTemplate{
	background-color:#FFFFFF;
}
.routePicker-left{
	width:310px;
}
.routePicker-searchHeader-l{
	width:12px;
	height:41px;
	background-image: url("../images/event_list/pic_bar_001.png");
	background-repeat: no-repeat;
}
.routePicker-searchHeader-m{
	width:286px;
	height:41px;
	background-image: url("../images/event_list/pic_bar_002.png");
	background-repeat: repeat-x;
}
.routePicker-searchHeader-r{
	width:12px;
	height:41px;
	background-image: url("../images/event_list/pic_bar_003.png");
	background-repeat: no-repeat;
}
.routePicker-searchHeader-bottom{
	width:310px;
	min-height:1px;
	background-color:#CCCCCC;
}
.routePicker-searchBody{
	width:310px;
	min-height:570px;
	background-image: url("../images/route_list/l_bar_002.png");
	background-repeat: repeat-y;
}
.routePicker-searchFooter{
	width:310px;
	height:11px;
	background-image: url("../images/route_list/l_bar_003.png");
	background-repeat: no-repeat;
}
.routePicker-routeMap{
	width: 720px;
	height: 566px;
	background-color: #FFFFFF;
}
.routePicker-routeMap-border-lt{
	height: 41px;
	width: 10px;
	background-image: url("../images/event_list/pic_bar_top_l.png");
	background-repeat: no-repeat;
}
.routePicker-routeMap-border-mt{
	height: 41px;
	background-image: url("../images/event_list/pic_bar_top_m.png");
	background-repeat: repeat-x;
}
.routePicker-routeMap-border-rt{
	width: 10px;
	height: 41px;
	background-image: url("../images/event_list/pic_bar_top_r.png");
	background-repeat: no-repeat;
}
.routePicker-routeMap-border-lm{
	width: 10px;
	background-image: url("../images/activity/l_bar_001_l.png");
	background-repeat: repeat-y;
}
.routePicker-routeMap-border-mm{
	background-color:#CCCCCC;
	padding:1px;
}
.routePicker-routeMap-border-rm{
	width: 10px;
	background-image: url("../images/activity/l_bar_001_r.png");
	background-repeat: repeat-y;
}
.routePicker-routeMap-border-lb{
	height: 14px;
	width: 10px;
	background-image: url("../images/plan_route/r_bar_003_l.png");
	background-repeat: no-repeat;
}
.routePicker-routeMap-border-mb{
	height: 14px;
	background-image: url("../images/plan_route/r_bar_003_m.png");
	background-repeat: repeat-x;
}
.routePicker-routeMap-border-rb{
	width: 10px;
	height: 14px;
	background-image: url("../images/plan_route/r_bar_003_r.png");
	background-repeat: no-repeat;
}
.routePickerConditionTemplate{
	padding: 8px 13px 3px 13px;
}
.routePickerConditionDivision{
	margin: 5px 0px 5px 0px;
	background-color:#E6E6E6;
	height:1px;
	width:100%;
}
.routePickerConditionFrom{
	width:286px;
	margin:8px 0px 8px 0px;
}
.routePickerItemTemplate{
	width: 280px;
	padding: 10px 0px 10px 0px;
	margin: 0px 6px 0px 6px;
	border-bottom: 1px solid rgb(230, 230, 230);
	display: inline-block;
	background-color:#FFFFFF;
	cursor:pointer;
}
.routePickerItemTemplate:hover{
	background-color:#F5F5F5;
}
.routePickerItemTemplate.hover{
	background-color:#F5F5F5;
}
.routePickerItemTemplate.selected{
	background-color:#FAFFE6;
}
.routePickerItemTemplate.selected:hover{
	background-color:#FAFFE6;
}
.routePickerItem_icon_box{
	position: relative;
	width: 32px;
	vertical-align:middle;
}
.routePickerItem_icon{
	width: 32px;
	height: 32px;
	background-image: url("../images/route_detail/icon/006_point_01.png");
	background-repeat: no-repeat;
}
.routePickerItem_content{
	width: 260px;
}
.routePickerItem_content_subject{
	width: 210px;
	text-align:left;
}
.routePickerItem_content_description{
	text-align:left;
}
.routePickerItem_content_icon_download{
	width: 18px;
	height: 20px;
	background-image: url("../images/route_list/icon/icon_002.png");
	background-repeat: no-repeat;
}
.routePickerItem_content_icon_like{
	width: 26px;
	height: 26px;
	background-image: url("../images/route_detail/icon/001_good_01.png");
	background-repeat: no-repeat;
}
.routePicker-searchBody-resultes{
	max-height:280px;
	width: 308px;
	overflow-x: hidden;
	overflow-y: auto;
}
.routePicker-searchBody-resultes-expand{
	max-height:476px;
}
.routePicker-searchBody-condition-hidden{
	max-height:520px;
}
.routePickerInfoWindow_Fuctions{
	display:inline-block;
}
.routePickerInfoWindow_Fuction{
	float:left;
	margin-left:6px;
}
.routePlannerTemplate{
	position:relative;
	width:980px;
	height:640x;
	background-color:#FFFFFF;
	padding-top:3px;
}
.routePlannerTemplate .expand-fullscreen-div-close{
	top:-8px;
	right:-8px;
}