@charset "utf-8";

/* CSS Document */


/*此刻不顯示  小版*/

.MidShow {
    display: none;
}
.MenuMidShow {
    display: none !important;
}


.LowerShow {
    display: none;
}

.PCInfor {
    display: block;
}

.PhoneHidden {
    display: none;
}

.Show1000 {
    display: none;
}


/*.FBwidth{width:90%;}*/

.MoscotIcon img {
    width: 100%;
    margin: 20px;
    max-width: 300px;
}

.HomeVideo {
    width: 100%;
    height: 400px;
}

.PosterHome {
    width: 32%;
    float: right;
    margin-right: 18px;
}

.WebContentBG {
    background-repeat: no-repeat;
    background-image: url(../../ImgCommon/BGmos.png?v4), url(../../ImgCommon/_BGbot.png?v2);
    background-position: left bottom, right bottom;
    background-size: cover;
}

.EmbDocument {
    height: 1000px;
}


/*UL*/

.ULAreaBlockDIV {
    display: inline-block;
    width: 100%;
    max-width: 1400px;
    padding: 0px 10px 0px 10px;
}

.ULAreaBlock {
    /*display:table;*/
    padding: 0;
    margin-left: 0px;
    /*margin-bottom:20px;*/
}

.ULAreaBlock li {
    display: inline-block;
    width: 50%;
    padding: 0px;
    margin: 0;
    /*background-color:#ffffff;*/
    min-height: 400px;
    margin-bottom: 0px;
}

.UnitAreaBlockHome li:nth-child(1) {
    padding: 30px 30px 30px 0px;
}

.UnitAreaBlockHome li:nth-child(2) {
    padding: 30px 0px 30px 30px;
}


/*首頁相簿輪播*/

.Albumslider {
    padding: 0;
    margin: 0;
    /*background-color:#ffffff;*/
}

.Albumslider div img {
    width: 100%;
    height: 356px;
}

.Albumslider .MaxWindow {
    background-color: rgba(10%, 10%, 10%, 0.5);
    font-size: 1.2rem;
    position: relative;
    bottom: 0px;
    z-index: 1000;
    padding: 10px;
    width: 100%;
    line-height: 1.5rem;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    text-overflow: ellipsis;
    color: #ffffff;
}

.Albumslider div a {
    color: #ffffff;

}


/*unit UL*/

.UnitAreaBlockDIV {
    width: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.UnitAreaBlock {
    /*display:table;*/
    padding: 0 0 0 20px;
    /*margin-bottom:20px;*/
}

.UnitAreaBlock li {
    color: #fff;
    display: inline-block;
    width: auto;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    padding-right: 20px;
}

.UnitAreaBlock li:nth-child(6) {
    padding-right: 0px;
}

.UnitAreaBlock .MainUnitName {
    display: flex;
}

.UnitAreaBlockS {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.UnitAreaBlockS li {
    width: auto;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}

.UnitAreaBlockS li img:nth-child(1) {
    padding-right: 0px;
}

.UnitAreaBlockS .MainUnitName {
    display: flex;
    align-items: center;
    font-size: 20px;
    margin-right: 10px;
}
@media (max-width: 768px) {
    .UnitAreaBlockS .MainUnitName {
        justify-content: center;
        flex-wrap: wrap;
    }
}

.UnitLOGO {
    float: left;
    margin-right: 30px;
    margin-left: 10px;
}


/*unitTel*/

.UnitTelBlock {
    /*display:table;*/
    padding: 0;
    /*margin-bottom:20px;*/
}

.UnitTelBlock li {
    color: #ffffff;
    display: inline-block;
    width: auto;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    padding-right: 20px;
}

.TableBreakAll {
    word-break: break-all;
}


/*UL part2*/

.BtnBlock2DIV {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

.BtnBlock2 {
    padding: 0;
}

.BtnBlock2 li {
    display: inline-block;
    width: 45%;
    padding: 10px;
    margin: 10px;
    margin-bottom: 10px;
    line-height: 200%;
    text-align: center;
    background-color: #727171;
}

.BtnBlock2 .lion {
    background-color: #C02C0F;
}

.BtnBlock2 li a {
    color: #ffffff;
}


/*UL part3*/

.AreaBlock3DIV {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    padding: 0px 10px;
}

.AreaBlock3 {
    /*display:table;*/
    padding: 0;
    /*margin-bottom:20px;*/
}

.AreaBlock3 li {
    display: inline-block;
    width: 33.3%;
    margin: 0px;
    margin-bottom: 10px;
    line-height: 200%;
    text-align: center;
}

.AreaBlock3 .AreaBlock3Li {
    text-align: center;
}

.AreaBlock3Home li:nth-child(1) {
    padding-right: 6px;
}

.AreaBlock3Home li:nth-child(2) {
    padding-left: 4px;
    padding-right: 4px;
}

.AreaBlock3Home li:nth-child(3) {
    padding-left: 6px;
}

.AreaBlock3 li a {
    color: #333333;
}

.AreaBlock3 li img {
    margin-bottom: 10px;
}

.AreaBlock3 .AreaBlockTitle {
    font-size: 1.1rem;
}

.AreaBlock3 li .SocialImg {
    width: 100%;
    max-width: 320px;
}

.AreaBlock3 .FunctionButton {
    font-size: 2rem;
}

.AreaBlock3 .FunctionButton div {
    font-size: 1.8rem;
    font-weight: bold;
    background-color: #A31F34;
    border-radius: 10px;
}

.AreaBlock3 .FunctionButton:hover div {
    background-color: #B99765;
}

.AreaBlock3 .FunctionButton a {
    color: #ffffff;
}


/*UL part3padding*/

.AreaBlock3PadDIV {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    padding: 0px 10px;
}

.AreaBlock3Pad {
    /*display:table;*/
    padding: 0;
    /*margin-bottom:20px;*/
}

.AreaBlock3Pad li {
    display: inline-block;
    width: 33.3%;
    padding: 10px;
    margin: 0px;
    margin-bottom: 10px;
    line-height: 200%;
    text-align: center;
}

.AreaBlock3Pad .AreaBlock3Li {
    text-align: center;
}

.AreaBlock3Pad li a {
    color: #333333;
}

.AreaBlock3Pad li img {
    margin-bottom: 10px;
}

.AreaBlock3Pad .AreaBlockTitle {
    font-size: 1.1rem;
}

.AreaBlock3Pad li .SocialImg {
    width: 100%;
    max-width: 320px;
}

.AreaBlock3Pad .FunctionButton {
    font-size: 2rem;
}

.AreaBlock3Pad .FunctionButton div {
    font-size: 1.8rem;
    font-weight: bold;
    background-color: #A31F34;
    border-radius: 10px;
}

.AreaBlock3Pad .FunctionButton:hover div {
    background-color: #B99765;
}

.AreaBlock3Pad .FunctionButton a {
    color: #ffffff;
}


/*UL part4*/

.AreaBlock4DIV {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

.AreaBlock4 {
    /*display:table;*/
    padding: 0;
    /*margin-bottom:20px;*/
}

.AreaBlock4 li {
    display: inline-block;
    width: 25%;
    padding: 6px;
    margin: 0px;
    margin-bottom: 10px;
    line-height: 200%;
    text-align: center;
}

.AreaBlock4 li a {
    color: #333333;
}

.AreaBlock4 li img {
    margin-bottom: 10px;
}

.AreaBlock4 .AreaBlockTitle {
    font-size: 1.1rem;
}

.AreaBlock4 li .SocialImg {
    width: 100%;
    max-width: 443px;
}

.AreaBlock4 .FunctionButton {
    font-size: 1.5rem;
}

.AreaBlock4 .FunctionButton div {
    font-size: 1.4rem;
    font-weight: bold;
    background-color: #A31F34;
    border-radius: 10px;
}

.AreaBlock4 .FunctionButton:hover div {
    background-color: #B99765;
}

.AreaBlock4 .FunctionButton a {
    color: #ffffff;
}


/*UL part5*/

.AreaBlock5DIV {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

.AreaBlock5 {
    /*display:table;*/
    padding: 0;
    /*margin-bottom:20px;*/
}

.AreaBlock5 li {
    display: inline-block;
    width: 16.6%;
    padding: 0px;
    margin: 0px;
    margin-bottom: 0px;
    line-height: 200%;
    text-align: left;
    border: 0px dotted #ffffff;
}

.AreaBlock5 li a {
    color: #333333;
}

.AreaBlock5 li img {
    margin-bottom: 10px;
}

.AreaBlock5 .AreaBlockTitle {
    font-size: 1.1rem;
}

.AreaBlock5 li .LiDate {
    background-color: #45B035;
    color: #ffffff;
    padding: 0px 10px;
    margin-right: 5px;
}

.AreaBlock5 li .LiDate a {
    color: #ffffff;
}

.AreaBlock5 li .LiMoney {
    color: #E72410;
    padding: 0px 10px;
}

.AreaBlock5 li .LiName {
    padding: 0px 10px;
}


/*UL part5big*/

.AreaBlock5bigDIV {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

.AreaBlock5big {
    /*display:table;*/
    padding: 0;
    /*margin-bottom:20px;*/
}

.AreaBlock5big li {
    display: inline-block;
    width: 16.6%;
    padding: 0px;
    margin: 0px;
    margin-bottom: 0px;
    line-height: 200%;
    text-align: left;
}

.AreaBlock5big li a {
    color: #333333;
}

.AreaBlock5big li img {
    margin-bottom: 10px;
}

.AreaBlock5big .AreaBlockTitle {
    font-size: 1.1rem;
}

.AreaBlock5big li .LiDate {
    background-color: #727171;
    color: #ffffff;
    padding: 0px 10px;
}

.AreaBlock5big li .LiDate a {
    color: #ffffff;
}

.AreaBlock5big li .LiMoney {
    color: #E05400;
    padding: 0px 10px;
}

.AreaBlock5big li .LiName {
    padding: 0px 10px;
}


/*Sitemap part5*/

.SitemapBlockDIV {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

.SitemapBlock {
    /*display:table;*/
    padding: 0;
    /*margin-bottom:20px;*/
}

.SitemapBlock .SitemapSubli {
    display: inline-block;
    width: 20%;
    padding: 0px;
    margin: 0px;
    margin-bottom: 0px;
    line-height: 200%;
    text-align: left;
    border: 0px dotted #ffffff;
    padding: 5px;
}

.SitemapBlock .SitemapSubli2 {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    margin-bottom: 0px;
    line-height: 200%;
    text-align: left;
    border: 0px dotted #ffffff;
    padding: 5px;
}


.SitemapBlock .SitemapSubli a {
    color: #333333;
}

.SitemapBlock .SitemapSubli2 a {
    color: #333333;
}


.SitemapBlock .SitemapSubli div {
    background-color: #2d7dc4;
    padding: 12px 10px 12px 10px;
}

.SitemapBlock .SitemapSubli2 div {
    background-color: #2d7dc4;
    padding: 12px 10px 12px 10px;
}

.SitemapBlock .SitemapSubli div a {
    color: #ffffff;
}

.SitemapBlock .SitemapSubli2 div a {
    color: #ffffff;
}

.SitemapBlock .SitemapSubli .SubLayer2 {
    background-color: #f7f7f7;
    padding: 5px 5px 5px 5px;
}

.SitemapBlock .SitemapSubli2 .SubLayer2 {
    background-color: #f7f7f7;
    padding: 5px 5px 5px 5px;
}

.SitemapBlock .SitemapSubli .SubLayer2 a:link,
.SitemapBlock .SitemapSubli .SubLayer2 a:active,
.SitemapBlock .SitemapSubli .SubLayer2 a:visited {
    color: #333333;
}

.SitemapBlock .SitemapSubli2 .SubLayer2 a:link,
.SitemapBlock .SitemapSubli2 .SubLayer2 a:active,
.SitemapBlock .SitemapSubli2 .SubLayer2 a:visited {
    color: #333333;
}

/*首頁網站導覽*/
.SitemapBlock_Fore {
    /*display:table;*/
    padding: 0;
    /*margin-bottom:20px;*/
}

.SitemapSubli {
    display: inline-block;
    width: 20%;
    padding: 0px;
    margin: 0px;
    margin-bottom: 0px;
    line-height: 200%;
    text-align: left;
    border: 0px dotted #ffffff;
    padding: 5px;
}

.SitemapSubli2 {
    display: inline-block;
    width: 240px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 0px;
    line-height: 200%;
    text-align: left;
    border: 0px dotted #ffffff;
    padding: 5px;
}

.SitemapBlock_Fore  {
    display: inline-flex;
    flex-wrap:wrap;
    justify-content:space-between;
    padding: 0px;
    margin: 0px;
    margin-bottom: 0px;
    line-height: 200%;
    text-align: left;
    border: 0px dotted #ffffff;
    padding: 5px;
}





.SitemapBlock_Fore .SitemapSubli a {
    color: #333333;
}

.SitemapBlock_Fore .SitemapSubli2 a {
    color: #333333;
}

.SitemapBlock_Fore div {
    padding: 5px 10px 5px 10px!important;
    border-bottom: #424242 6px solid!important;
    text-align: center!important;
    margin: 0 0 15px 0!important;
}

.SitemapBlock_Fore .SitemapSubli div a {
    color: #424242;
    font-size: 1.2em;
    font-weight: 600;
}

.SitemapBlock_Fore .SitemapSubli2 div a {
    color: #424242;
    font-size: 1.2em;
    font-weight: 600;
}

.SitemapBlock_Fore .SitemapSubli .SubLayer2 {
    background-color: #f7f7f7;
    padding: 5px 5px 5px 5px;
}

.SitemapBlock_Fore .SitemapSubli .SubLayer2 a:link,
.SitemapBlock_Fore .SitemapSubli .SubLayer2 a:active,
.SitemapBlock_Fore .SitemapSubli .SubLayer2 a:visited {
    color: #333333;
}

@media(max-width:768px){
    .SitemapSubli2 {
        width: 170px;
    }
}



/*UL 社群*/

.SocialBlock2DIV {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    padding: 0px 10px;
}

.SocialBlock2 {
    /*display:table;*/
    padding: 0;
    /*margin-bottom:20px;*/
}

.SocialBlock2 li {
    display: inline-block;
    width: 50%;
    margin: 0px;
    margin-bottom: 10px;
    line-height: 200%;
    text-align: center;
}

.SocialBlock2 .SocialBlock2Li {
    text-align: center;
}

.SocialBlock2Home li:nth-child(1) {
    padding-right: 6px;
}

.SocialBlock2Home li:nth-child(2) {
    padding-left: 4px;
    padding-right: 4px;
}

.SocialBlock2Home li:nth-child(3) {
    padding-left: 6px;
}

.SocialBlock2 li a {
    color: #333333;
}

.SocialBlock2 li img {
    margin-bottom: 10px;
}

.SocialBlock2 .AreaBlockTitle {
    font-size: 1rem;
}

.SocialBlock2 li .SocialImg {
    width: 100%;
    max-width: 320px;
}

.SocialBlock2 .FunctionButton {
    font-size: 2rem;
}

.SocialBlock2 .FunctionButton div {
    font-size: 1.8rem;
    font-weight: bold;
    background-color: #A31F34;
    border-radius: 10px;
}

.SocialBlock2 .FunctionButton:hover div {
    background-color: #B99765;
}

.SocialBlock2 .FunctionButton a {
    color: #ffffff;
}


/*UL part2*/

.AreaBlock2_DIV {
    display: inline-block;
    width: 100%;
}

.AreaBlock2 {
    /*display:table;*/
    padding: 0;
    /*margin-bottom:20px;*/
}

.AreaBlock2 li {
    display: inline-block;
    width: 49%;
    text-align: center;
    padding: 5px;
    margin: 0px;
    margin-bottom: 10px;
    vertical-align: middle;
}

.AreaBlock2 li .PhotoBlock {
    width: 100%;
    text-align: center;
    padding: 10px 10px;
}

.AreaBlock2 li .PhotoTitle {
    background-color: #EA5514;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.3rem;
    width: auto;
    padding: 10px 30px;
    margin-top: 15px;
    display: inline;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.AreaBlock2 li .PhotoTitleColor1 {
    background-color: #EA5514;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.3rem;
    width: auto;
    padding: 10px 30px;
    margin-top: 15px;
    display: inline;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.AreaBlock2 li .PhotoTitleColor2 {
    background-color: #E73D6D;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.3rem;
    width: auto;
    padding: 10px 30px;
    margin-top: 15px;
    display: inline;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.AreaBlock2 li .PhotoTitleColor3 {
    background-color: #0BA29B;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.3rem;
    width: auto;
    padding: 10px 30px;
    margin-top: 15px;
    display: inline;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.AreaBlock2 li .PhotoTitleEasy {
    color: #0BA29B;
    font-weight: bold;
    font-size: 1.3rem;
    width: auto;
    padding: 10px 30px;
    margin-top: 15px;
    display: inline;
}


/*UL part2_768*/

.AreaBlock2_768_DIV {
    display: inline-block;
    width: 100%;
}

.AreaBlock2_768 {
    /*display:table;*/
    padding: 0;
    /*margin-bottom:20px;*/
}

.AreaBlock2_768 li {
    display: inline-block;
    width: 49%;
    text-align: center;
    padding: 5px;
    margin: 0px;
    margin-bottom: 10px;
    vertical-align: middle;
}

.AreaBlock2_768 li .PhotoBlock {
    width: 100%;
    text-align: center;
    padding: 10px 10px;
}

.AreaBlock2_768 li .PhotoTitle {
    background-color: #EA5514;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.3rem;
    width: auto;
    padding: 10px 30px;
    margin-top: 15px;
    display: inline;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.AreaBlock2_768 li .PhotoTitleColor1 {
    background-color: #EA5514;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.3rem;
    width: auto;
    padding: 10px 30px;
    margin-top: 15px;
    display: inline;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.AreaBlock2_768 li .PhotoTitleColor2 {
    background-color: #E73D6D;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.3rem;
    width: auto;
    padding: 10px 30px;
    margin-top: 15px;
    display: inline;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.AreaBlock2_768 li .PhotoTitleColor3 {
    background-color: #0BA29B;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.3rem;
    width: auto;
    padding: 10px 30px;
    margin-top: 15px;
    display: inline;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.AreaBlock2_768 li .PhotoTitleEasy {
    color: #0BA29B;
    font-weight: bold;
    font-size: 1.3rem;
    width: auto;
    padding: 10px 30px;
    margin-top: 15px;
    display: inline;
}

.AreaBlock2_768 li img {
    width: 100%;
}

/*大會標誌*/
.areablock_1div{
	margin-bottom: 40px;
	font-size: 1.1rem;
	line-height: 1.5rem;
	text-align:left;
}

.areablock_1{
	margin-bottom: 40px;
}

.areablock_1 li{
	display:inline-block; 
	width:49%; 
	text-align:center;       
	padding:5px;
	vertical-align:text-top;
}                                      

.selfpagetitle_1{
    background-color: #ffa000;
    color: #ffffff;
    font-size: 1.4rem;
    padding: 15px 15px;
    text-align: center;
}

.selfpagetitle_2{
    background-color: #00a546;
    color: #ffffff;
    font-size: 1.5rem;
    padding: 15px 15px;
    text-align: center;
}



.phototitle{
	background-color: #727171;
	width:auto;
	border-radius: 0px;
	font-size: 1.3rem;
	line-height: 1.5rem;
	margin-top: 30px;
	margin-bottom: 35px;
	padding: 10px 30px;
	text-align: center;
	color: #FFFFFF;
}

.phototitle2{

	width:auto;
	border-radius: 0px;
	font-size: 1.3rem;
	line-height: 1.5rem;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 30px;
	text-align: center;
	color: #333;
    font-weight: 700;

}



.mosotname{
	font-size: 1.5rem;
	font-weight: 700;
	color: #0064b4;
}

/*UL travel*/
.TravelBlock3DIV {display:inline-block;width:100%;margin-top:5px;}
.TravelBlock .TravelBlockli{ display:inline-block; width:33.3%;  padding:10px; /*margin-bottom:20px;*/}

/*.TravelBlock li:nth-child(2){width:45%; }.TravelBlock li:nth-child(1){width:55%;padding:0px 10px; }*/
.TravelBlock .TravelBlockli ul li { /*display:inline-block;*/ margin:0px;margin-bottom:0px; line-height:2.5rem; text-align:left;padding:5px 10px; font-size:1.1rem;}
.TravelBlock .TravelBlockli .TravelBlockOne{border:1px solid #cccccc;}
.TravelBlock li a{ color:#333333;}
.TravelBlock .TravelBlockli  li img{margin-bottom:0px;}
.TravelBlock .AreaBlockTitle { font-size:1rem; }
.TravelBlock .TravelMainPhoto{width:96%;height:300px;}
.TravelBlock .TravelMainPhotoBig{width:50%;height:300px;float:right;position:relative;}

/*服務資訊單一內容照片區 1大4小版*/
.ServicePhotoOneBlockDIV {display:inline-block;width:100%;margin-top:5px;}
.ServicePhotoOneBlock li{ display:inline-block; width:25%;  padding:6px 10px; float:left; }
.ServicePhotoOneBlock li:nth-child(1){ display:inline-block; width:50%; }

/*服務資訊首頁區 1大4小版*/
.ServicePhotoHomeFiveDIV {display:inline-block;width:100%;margin-top:15px;}
.ServicePhotoHomeFive li{ display:inline-block; width:25%;  padding:6px 10px; float:left; }
.ServicePhotoHomeFive li:nth-child(1){ display:inline-block; width:50%; }
.ServicePhotoHomeFive li .PhotoHomeFiveName{color:#ffffff;background-color:rgba(185, 151, 101, 0.9) !important;padding:5px;}

/*服務資訊單一內容照片區 2大版*/
.ServicePhotoTwoBlockDIV {display:inline-block;width:100%;margin-top:5px;}
.ServicePhotoTwoBlock li{ display:inline-block; width:50%;  padding:6px 10px; float:left; }
.ServicePhotoTwoBlock li:nth-child(1){ display:inline-block; width:50%; }

/*服務資訊單一資料列區 兩欄式*/
.ServiceDataListDIV {display:inline-block;width:100%;margin-top:0px;}
.ServiceDataList .ServiceDataListLi{border-bottom:1px solid #cccccc; }
.ServiceDataList .ServiceDataListLi ul li:nth-child(odd){ display:inline-block; width:15%; min-width:120px; background-color:#eeeeee; padding:5px 10px; white-space:nowrap;}
.ServiceDataList .ServiceDataListLi ul li:nth-child(even){ display:inline-block; width:80%; padding:5px 10px; }

/*服務資訊鄉鎮市小標籤*/
.ServiceCityBlock{ float:right;position:relative;padding:0px 0px; }

@media (max-width: 768px) {
	/*原本全版訊息寬度改為滿版*/
	.areablock_1div li{width:100%; vertical-align:middle;}
	.photologo img{width: 80%; vertical-align:middle;}
}

/*報名系統子選單*/

.SignupTabDIV {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

.SignupTab {
    padding: 0;
    margin-bottom: 10px;
}

.SignupTab li {
    display: inline-block;
    width: 33%;
    line-height: 200%;
    text-align: center;
    background-color: #727171;
    border: 1px solid #ffffff;
}

.SignupTab li a {
    color: #ffffff;
    width: 100%;
    float: left;
    display: block;
}

.SignupTab .OnTab {
    background-color: #db2400;
}


/*UL StaffMulti*/

.StaffMultiDIV {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

.StaffMulti {
    /*display:table;*/
    padding: 0;
    /*margin-bottom:20px;*/
}

.StaffMulti li {
    display: inline-block;
    width: 150px;
    padding: 10px;
    margin: 0px;
    margin-bottom: 10px;
    line-height: 200%;
    text-align: center;
    border: 1px solid #666666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.StaffMulti li a {
    color: #333333;
}


/*UL Live*/

.LiveBlock3DIV {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
}

.LiveBlock .LiveBlockli {
    display: inline-block;
    width: 50%;
    padding: 5px;
    /*margin-bottom:20px;*/
}

.LiveBlock li:nth-child(2) {
    width: 75%;
}

.LiveBlock li:nth-child(1) {
    width: 25%;
    padding: 0px 10px;
    text-align: center;
}

.LiveBlock li {
    /*display:inline-block;*/
    margin: 0px;
    margin-bottom: 0px;
    line-height: 200%;
    text-align: left;
    padding: 5px 10px;
}

.LiveBlock li a {
    color: #333333;
}

.LiveBlock li i {
    color: #c02c0f;
}

.LiveBlock li span {
    vertical-align: middle;
}

.LiveBlock li:nth-child(2) {
    border-top: 1px dashed #cccccc;
}

@media (max-width: 650px) {
    .UnitAreaBlockS .MainUnitName {
        justify-content: flex-end;

    }
}

@media (max-width: 510px) {
    .MaxWindow {
        font-size: 1rem;
    }
    .AreaBlock2 li {
        width: 100%;
        padding: 10px;
        margin: 0px 0px 15px 0px;
    }
    .LiveBlock .LiveBlockli,
    .LiveBlock li:nth-child(1),
    .LiveBlock li:nth-child(2) {
        width: 100%;
    }
    .LiveBlock li:nth-child(2) {
        border-top: 0px dashed #cccccc;
        border-bottom: 1px dashed #cccccc;
    }
    .UnitAreaBlockS .MainUnitName .MainUnitNameLogo {
        width: 70%;
    }
    .UnitAreaBlockS .MainUnitName .MainUnitNameTitle {
        width: 30%;
        max-width: 110px;
    }
    .UnitTelBlock li {
        width: 100%;
    }
    fieldset ol li input[type='text'],
    fieldset ol li select {
        width: 100%;
        margin-top: 5px;
    }
}


/*此刻不顯示在RWD選單的項目*/

.RWDMenuShow {
    display: none !important;
}


/*原本全版訊息寬度*/

.BlockBig1 {
    width: 100%;
    /*border: #eeeeee 1px solid;*/
    padding: 10px;
    min-height:420px;
    background-color: #ffffff;
}


/*首頁表格*/

.BlockBig2 {
    width: 100%;
    /*border: #eeeeee 1px solid;*/
    padding: 10px;
    min-height:420px;
    background-color: #ffffff;
}


/*首頁表格*/

.BlockBig3 {
    width: 100%;
    border: #eeeeee 1px solid;
    padding: 10px;
    /*min-height:260px;*/
    background-color: #ffffff;
}


/*首頁表格*/

.BlockBig4 {
    width: 100%;
    border: #eeeeee 1px solid;
    padding: 10px;
    /*min-height:420px;*/
    background-color: #ffffff;
}


/*首頁表格*/

.BlockBig5 {
    width: 100%;
    border: #eeeeee 1px solid;
    padding: 10px;
    /*min-height:420px;*/
    background-color: #ffffff;
}


/*首頁表格*/

.LinkShowHome {
    width: 180px;
    height: 90px;
}

.LinksIndexWidth {
    width: 33%;
}

.SystemLinkShow {
    width: 22%;
}

.LOGO {
    /*margin-left:90px;*/
}


/*LOGO*/

.MainTop {
    height: 258px;
    background-image: url(../../ImgCommon/TopImg.png?v1);
    background-repeat: no-repeat;
    background-position: center top;
}

.AdSysTitle {
    margin-top: 30px;
}


/*系統標題圖*/

.SystemLinkBlock {
    width: 23%;
    height: 50px;
    max-width: 400px;
}


/*首頁系統連結*/

.AlbumBlockWidth {
    width: 25%;
    min-height: 250px;
}


/*有吉祥物width:20%;*/

.MainBigPic {
    height: 329px;
}

.HomeBlockTop {
    margin-top: -20px;
    width: 65%;
    float: left;
}

<!--整體頁籤-->.AlbumBGBlockPic {
    float: left;
    margin-top: -30px;
    display: none;
}


/*精彩時刻襯圖*/

.FirstInfor {
    display: block;
}

.SecondInfor {
    display: block;
}

.ThirdInfor {
    display: block;
}

.QRPic {
    width: 300px;
}


/*網站版本&子網名稱*/

.Version {
    /*background-color:#ab452f;*/
    color: #ffffff;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    margin-bottom: 10px;
}

.VersionInner {
    margin: 2px 2px 1px 2px;
}

.VersionInner td {
    border: #ffffff 1px solid;
    padding: 4px;
}


/*LOGO*/
.Logo_Login{
    background-color: #fff;
    /*box-shadow: 0 0 4px rgb(0 0 0 / 20%);*/
}
.Logo_new{
    background-color: #fff;
    box-shadow: 0;
}
.Logo_new h1,.Logo_Login h1 {
    display: block;
    text-align: center;
}

.Logo_new img,.Logo_Login img{
    /*vertical-align: bottom;*/
    width: 100%;
    max-width: 470px;
    /*position: relative;*/
    margin: 0;
}


/*導覽連結列*/

.BarTop .NaviLink {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 27px;
    padding-right: 10px;
}


/*RWD表格*/

.RWDtable {
    background: white;
    border-collapse: collapse;
}

.RWDtable tr,
.RWDtable th,
.RWDtable td {
    border: none;
    border-bottom: 1px solid #ffffff;
}

.RWDtable th {
    padding: 10px 3px;
    text-align: left;
}

.RWDtable td {
    padding: 0px 3px;
    text-align: left;
}

.RWDtable th {
    background: #282D28;
    color: #ffffff;
}

.RWDtable tr td {
    background: #e6e6e6;
    color: #333333;
}

.RWDtable tr:nth-of-type(2n+2) td {
    background: #ffffff
}

.RWDtable .bt tfoot th,
.RWDtable .bt tfoot td,
.RWDtable .bt tbody td {
    padding: 0
}

.RWDtable .bt tfoot th:before,
.RWDtable.bt tfoot td:before,
.RWDtable.bt tbody td:before {
    background: #282D28;
    color: white;
    margin-right: 5px;
    padding: 2px 10px;
}


/*左th*/

.RWDtable .bt tfoot th .bt-content,
.RWDtable.bt tfoot td .bt-content,
.RWDtable.bt tbody td .bt-content {
    display: inline-block;
    padding: 2px 5px
}

.RWDtable .bt tfoot th:first-of-type:before,
.RWDtable.bt tfoot th:first-of-type .bt-content,
.RWDtable.bt tfoot td:first-of-type:before,
.RWDtable.bt tfoot td:first-of-type .bt-content,
.RWDtable.bt tbody td:first-of-type:before,
.RWDtable.bt tbody td:first-of-type .bt-content {
    padding-top: 10px;
}

.RWDtable.bt tfoot th:last-of-type:before,
.RWDtable.bt tfoot th:last-of-type .bt-content,
.RWDtable.bt tfoot td:last-of-type:before,
.RWDtable.bt tfoot td:last-of-type .bt-content,
.RWDtable.bt tbody td:last-of-type:before,
.RWDtable.bt tbody td:last-of-type .bt-content {
    padding-bottom: 10px;
}

.RWDtable.bt thead,
.RWDtable.bt tbody th {
    display: none;
}

.RWDtable.bt tfoot th,
.RWDtable.bt tfoot td,
.RWDtable.bt tbody td {
    border: none;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    vertical-align: top;
    float: left\9;
    width: 100%\9
}

.RWDtable.bt tfoot th::before,
.RWDtable.bt tfoot td::before,
.RWDtable.bt tbody td::before {
    content: attr(data-th) "";
    display: inline-block;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    width: 6.5em
}

.RWDtable.bt tfoot th.bt-hide,
.RWDtable.bt tfoot td.bt-hide,
.RWDtable.bt tbody td.bt-hide {
    display: none
}

.RWDtable.bt tfoot th .bt-content,
.RWDtable.bt tfoot td .bt-content,
.RWDtable.bt tbody td .bt-content {
    vertical-align: top
}

.bt-wrapper.active {
    max-height: 310px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.RWDtableBorder {
    background: white;
    border-collapse: collapse;
}

.RWDtableBorder tr,
.RWDtableBorder th,
.RWDtableBorder td {
    /*border: 0.5px solid #B3B3B3;*/
}

.RWDtableBorder th {
    padding: 10px 5px;
    text-align: left;
    vertical-align: middle;
}

.RWDtableBorder td {
    padding:10px 15px; /*電腦版間距*/
    text-align: left;
    vertical-align: middle;
}

.RWDtableBorder th {
    background: #4d4d4d;
    color: #ffffff;
}

.RWDtableBorder th a {
    color: #ffffff;
}

.RWDtableBorder tr td {
    background: #e6e6e6;
    color: #333333;
}

.RWDtableBorder td i {
    color: #282D28;
}

.RWDtableBorder td .fa-medal {
    font-size: 1.4rem;
}

.RWDtableBorder td .ScoreMoscot {
    width: 50%;
    min-width: 80px;
    max-width: 120px;
}

.RWDtableBorder tr:nth-of-type(2n+2) td {
    background: #ffffff
}

.RWDtableBorder .bt tfoot th,
.RWDtableBorder .bt tfoot td,
.RWDtableBorder .bt tbody td {
    padding: 0;
}

.RWDtableBorder .bt tfoot th:before,
.RWDtableBorder.bt tfoot td:before,
.RWDtableBorder.bt tbody td:before {
    background: #4d4d4d;
    color: white;
    margin-right: 5px;
    padding: 2px 10px;
}


/*左th*/

.RWDtableBorder .bt tfoot th .bt-content,
.RWDtableBorder.bt tfoot td .bt-content,
.RWDtableBorder.bt tbody td .bt-content {
    display: inline-block;
    padding: 2px 5px;
}

.RWDtableBorder .bt tfoot th:first-of-type:before,
.RWDtableBorder.bt tfoot th:first-of-type .bt-content,
.RWDtableBorder.bt tfoot td:first-of-type:before,
.RWDtableBorder.bt tfoot td:first-of-type .bt-content,
.RWDtableBorder.bt tbody td:first-of-type:before,
.RWDtableBorder.bt tbody td:first-of-type .bt-content {
    padding-top: 10px;
}

.RWDtableBorder.bt tfoot th:last-of-type:before,
.RWDtableBorder.bt tfoot th:last-of-type .bt-content,
.RWDtableBorder.bt tfoot td:last-of-type:before,
.RWDtableBorder.bt tfoot td:last-of-type .bt-content,
.RWDtableBorder.bt tbody td:last-of-type:before,
.RWDtableBorder.bt tbody td:last-of-type .bt-content {
    padding-bottom: 10px;
}

.RWDtableBorder.bt thead,
.RWDtableBorder.bt tbody th {
    display: none;
}

.RWDtableBorder.bt tfoot th,
.RWDtableBorder.bt tfoot td,
.RWDtableBorder.bt tbody td {
    border: none;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    vertical-align: top;
    float: left\9;
    width: 100%\9
}

.RWDtableBorder.bt tfoot th::before,
.RWDtableBorder.bt tfoot td::before,
.RWDtableBorder.bt tbody td::before {
    content: attr(data-th) "";
    display: inline-block;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    width: 6.5em
}

.RWDtableBorder.bt tfoot th.bt-hide,
.RWDtableBorder.bt tfoot td.bt-hide,
.RWDtableBorder.bt tbody td.bt-hide {
    display: none
}

.RWDtableBorder.bt tfoot th .bt-content,
.RWDtableBorder.bt tfoot td .bt-content,
.RWDtableBorder.bt tbody td .bt-content {
    vertical-align: top
}

.RWDtableBorder input[type='submit'],
.RWDtableBorder input[type='button'] {
    margin: 3px 2px;
}


.RWDtableBorder.bt tbody td:nth-of-type(n+2):before {
    border-top: 1px dashed #b2b2b2 !important;
}

.RWDtableBorder.bt tbody td:nth-of-type(n+1):before {
    border-top: 1px dashed #b2b2b2 !important;
}

.bt tr:nth-of-type(2n+2) td:nth-of-type(n+1) .bt-content {
    text-align: left;
    border-top: 1px dashed #C1C1C1 !important;
    width: 100%;
}

.bt tr:nth-of-type(2n+1) td:nth-of-type(n+1) .bt-content {
    text-align: left;
    border-top: 1px dashed #ffffff !important;
    width: 100%;
}

.bt tbody .RWDtableBorder th{
    padding: 0px !important;
}

.bt tbody .RWDtableBorder td{
    padding: 0px !important;
}

.bt tbody .RWDtableBorder tr{
    padding: 0px !important;
}

/*報名統計查詢OP*/
.RWDtableSignupSearch {
    background: white;
    border-collapse: collapse;
}

.RWDtableSignupSearch tr,
.RWDtableSignupSearch th,
.RWDtableSignupSearch td {
    border: 0.5px solid #B3B3B3;
}

.RWDtableSignupSearch th {
    padding: 2px 2px;
    text-align: center;
    vertical-align: middle;
}

.RWDtableSignupSearch td {
    padding: 2px 5px; /*電腦版間距*/
    text-align: center;
    vertical-align: middle;
}

.RWDtableSignupSearch th {
    background: #4d4d4d;
    color: #ffffff;
}

.RWDtableSignupSearch th a {
    color: #ffffff;
}

.RWDtableSignupSearch tr td {
    background: #e6e6e6;
    color: #333333;
}

.RWDtableSignupSearch td i {
    color: #282D28;
}

.RWDtableSignupSearch td .fa-medal {
    font-size: 1.4rem;
}

.RWDtableSignupSearch td .ScoreMoscot {
    width: 50%;
    min-width: 80px;
    max-width: 120px;
}

.RWDtableSignupSearch tr:nth-of-type(2n+2) td {
    background: #ffffff
}

.RWDtableSignupSearch .bt tfoot th,
.RWDtableSignupSearch .bt tfoot td,
.RWDtableSignupSearch .bt tbody td {
    padding: 0;
}

.RWDtableSignupSearch .bt tfoot th:before,
.RWDtableSignupSearch.bt tfoot td:before,
.RWDtableSignupSearch.bt tbody td:before {
    background: #4d4d4d;
    color: white;
    margin-right: 5px;
    padding: 2px 10px;
}


/*左th*/

.RWDtableSignupSearch .bt tfoot th .bt-content,
.RWDtableSignupSearch.bt tfoot td .bt-content,
.RWDtableSignupSearch.bt tbody td .bt-content {
    display: inline-block;
    padding: 2px 5px;
}

.RWDtableSignupSearch .bt tfoot th:first-of-type:before,
.RWDtableSignupSearch.bt tfoot th:first-of-type .bt-content,
.RWDtableSignupSearch.bt tfoot td:first-of-type:before,
.RWDtableSignupSearch.bt tfoot td:first-of-type .bt-content,
.RWDtableSignupSearch.bt tbody td:first-of-type:before,
.RWDtableSignupSearch.bt tbody td:first-of-type .bt-content {
    padding-top: 10px;
}

.RWDtableSignupSearch.bt tfoot th:last-of-type:before,
.RWDtableSignupSearch.bt tfoot th:last-of-type .bt-content,
.RWDtableSignupSearch.bt tfoot td:last-of-type:before,
.RWDtableSignupSearch.bt tfoot td:last-of-type .bt-content,
.RWDtableSignupSearch.bt tbody td:last-of-type:before,
.RWDtableSignupSearch.bt tbody td:last-of-type .bt-content {
    padding-bottom: 10px;
}

.RWDtableSignupSearch.bt thead,
.RWDtableSignupSearch.bt tbody th {
    display: none;
}

.RWDtableSignupSearch.bt tfoot th,
.RWDtableSignupSearch.bt tfoot td,
.RWDtableSignupSearch.bt tbody td {
    border: none;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    vertical-align: top;
    float: left\9;
    width: 100%\9
}

.RWDtableSignupSearch.bt tfoot th::before,
.RWDtableSignupSearch.bt tfoot td::before,
.RWDtableSignupSearch.bt tbody td::before {
    content: attr(data-th) "";
    display: inline-block;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    width: 6.5em
}

.RWDtableSignupSearch.bt tfoot th.bt-hide,
.RWDtableSignupSearch.bt tfoot td.bt-hide,
.RWDtableSignupSearch.bt tbody td.bt-hide {
    display: none
}

.RWDtableSignupSearch.bt tfoot th .bt-content,
.RWDtableSignupSearch.bt tfoot td .bt-content,
.RWDtableSignupSearch.bt tbody td .bt-content {
    vertical-align: top
}

.RWDtableSignupSearch.bt tbody td:nth-of-type(n+2):before {
    border-top: 1px dashed #b2b2b2 !important;
}

.RWDtableSignupSearch.bt tbody td:nth-of-type(n+1):before {
    border-top: 1px dashed #b2b2b2 !important;
}

.bt tbody .RWDtableSignupSearch th{
    padding: 0px !important;
}

.bt tbody .RWDtableSignupSearch td{
    padding: 0px !important;
}

.bt tbody .RWDtableSignupSearch tr{
    padding: 0px !important;
}
/*報名統計查詢ED*/


/*成績系統後台系統專用表格-有自適應(灰色)滑過會變色*/
.ScoreBackRWDtableBorder{background:white;border-collapse:collapse;}
.ScoreBackRWDtableBorder tr,.ScoreBackRWDtableBorder th,.ScoreBackRWDtableBorder td{border:1px solid #cccccc;}
.ScoreBackRWDtableBorder th{padding:5px 5px;vertical-align:middle;font-size:1.1rem; }.ScoreBackRWDtableBorder td{padding: 5px 5px 5px 5px;vertical-align:middle;}
.ScoreBackRWDtableBorder th{background:#6a737b;color:#ffffff;}.ScoreBackRWDtableBorder th a{color:#ffffff;}
.ScoreBackRWDtableBorder tr td{color:#333333;}.ScoreBackRWDtableBorder td i{color:#727171; line-height:1.8rem; }

.ScoreBackRWDtableBorder tr:hover{background:#f7e5b7;}
.ScoreBackRWDtableBorder .bt tfoot th,.ScoreBackRWDtableBorder .bt tfoot td,.ScoreBackRWDtableBorder .bt tbody td{padding:0px;}
.ScoreBackRWDtableBorder .bt tfoot th:before,.ScoreBackRWDtableBorder.bt tfoot td:before,.ScoreBackRWDtableBorder.bt tbody td:before{background:#727171;color:white;margin-right:2px;padding:2px 10px;}/*左th*/
.ScoreBackRWDtableBorder .bt tfoot th .bt-content,.ScoreBackRWDtableBorder.bt tfoot td .bt-content,.ScoreBackRWDtableBorder.bt tbody td .bt-content{display:inline-block;padding:2px 5px}
.ScoreBackRWDtableBorder .bt tfoot th:first-of-type:before,.ScoreBackRWDtableBorder.bt tfoot th:first-of-type .bt-content,.ScoreBackRWDtableBorder.bt tfoot td:first-of-type:before,.ScoreBackRWDtableBorder.bt tfoot td:first-of-type .bt-content,.ScoreBackRWDtableBorder.bt tbody td:first-of-type:before,.ScoreBackRWDtableBorder.bt tbody td:first-of-type .bt-content{padding-top:2px;} /*手機版每行第一列上距*/
.ScoreBackRWDtableBorder.bt tfoot th:last-of-type:before,.ScoreBackRWDtableBorder.bt tfoot th:last-of-type .bt-content,.ScoreBackRWDtableBorder.bt tfoot td:last-of-type:before,.ScoreBackRWDtableBorder.bt tfoot td:last-of-type .bt-content,.ScoreBackRWDtableBorder.bt tbody td:last-of-type:before,.ScoreBackRWDtableBorder.bt tbody td:last-of-type .bt-content{padding-bottom:2px;} /*手機版每行最後一列下距*/
.ScoreBackRWDtableBorder.bt thead,.ScoreBackRWDtableBorder.bt tbody th{display:none;}
.ScoreBackRWDtableBorder.bt tfoot th,.ScoreBackRWDtableBorder.bt tfoot td,.ScoreBackRWDtableBorder.bt tbody td{border:none;display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;vertical-align:top;float:left\9;width:100%\9}
.ScoreBackRWDtableBorder.bt tfoot th::before,.ScoreBackRWDtableBorder.bt tfoot td::before,.ScoreBackRWDtableBorder.bt tbody td::before{content:attr(data-th) "";display:inline-block;-webkit-flex-shrink:0;-ms-flex-shrink:0;flex-shrink:0;width:6.5em}
.ScoreBackRWDtableBorder.bt tfoot th.bt-hide,.ScoreBackRWDtableBorder.bt tfoot td.bt-hide,.ScoreBackRWDtableBorder.bt tbody td.bt-hide{display:none}
.ScoreBackRWDtableBorder.bt tfoot th .bt-content,.ScoreBackRWDtableBorder.bt tfoot td .bt-content,.ScoreBackRWDtableBorder.bt tbody td .bt-content{vertical-align:top}
.ScoreBackRWDtableBorder .fa-check{color:#5bc635;} .ScoreBackRWDtableBorder .fa-times{color:#db2400;}

.ScoreBackRWDtableBorder input[type='submit'], .ScoreBackRWDtableBorder input[type='button']{ margin:3px 2px; } /*自適應表格內的按鈕間距*/

.ScoreBackRWDtableBorder.bt tbody td{text-align:center;} /*手機版標題部份置中 1120628加*/
.ScoreBackRWDtableBorder.bt tbody td:nth-of-type(n+2):before{border-top:1px dashed #999999 !important;} /*手機版標題部份+間隔虛線 1120628加*/
.ScoreBackRWDtableBorder.bt tr td .bt-content form div{text-align:left;} /*手機版內文部份表單靠左 1120628加*/
.ScoreBackRWDtableBorder td.NoRightBorder{ border-right:1px solid #ffffff; }

/*田徑游泳專屬表單OP*/
.RWDtableTianSwimSearch {
    background: white;
    border-collapse: collapse;
}

.RWDtableTianSwimSearch tr,
.RWDtableTianSwimSearch th,
.RWDtableTianSwimSearch td {
    border: 0.5px solid #B3B3B3;
}

.RWDtableTianSwimSearch th {
    padding: 2px 2px;
    text-align: center;
    vertical-align: middle;
}

.RWDtableTianSwimSearch td {
    padding: 2px 5px; /*電腦版間距*/
    text-align: center;
    vertical-align: middle;
}

.RWDtableTianSwimSearch th {
    background: #4d4d4d;
    color: #ffffff;
}

.RWDtableTianSwimSearch th a {
    color: #ffffff;
}

.RWDtableTianSwimSearch td i {
    color: #282D28;
}

.RWDtableTianSwimSearch .bt tfoot th,
.RWDtableTianSwimSearch .bt tfoot td,
.RWDtableTianSwimSearch .bt tbody td {
    padding: 0;
}

.RWDtableTianSwimSearch .bt tfoot th:before,
.RWDtableTianSwimSearch.bt tfoot td:before,
.RWDtableTianSwimSearch.bt tbody td:before {
    background: #4d4d4d;
    color: white;
    margin-right: 5px;
    padding: 2px 10px;
}


/*左th*/

.RWDtableTianSwimSearch .bt tfoot th .bt-content,
.RWDtableTianSwimSearch.bt tfoot td .bt-content,
.RWDtableTianSwimSearch.bt tbody td .bt-content {
    display: inline-block;
    padding: 2px 5px;
}

.RWDtableTianSwimSearch .bt tfoot th:first-of-type:before,
.RWDtableTianSwimSearch.bt tfoot th:first-of-type .bt-content,
.RWDtableTianSwimSearch.bt tfoot td:first-of-type:before,
.RWDtableTianSwimSearch.bt tfoot td:first-of-type .bt-content,
.RWDtableTianSwimSearch.bt tbody td:first-of-type:before,
.RWDtableTianSwimSearch.bt tbody td:first-of-type .bt-content {
    padding-top: 5px;
}


.RWDtableTianSwimSearch.bt tbody tr td:first-of-type {
	border-top:5px solid #fff;
}



.RWDtableTianSwimSearch.bt thead,
.RWDtableTianSwimSearch.bt tbody th {
    display: none;
}

.RWDtableTianSwimSearch.bt tfoot th,
.RWDtableTianSwimSearch.bt tfoot td,
.RWDtableTianSwimSearch.bt tbody td {
    border: none;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    vertical-align: top;
    float: left\9;
    width: 100%\9
}


.RWDtableTianSwimSearch.bt tfoot th::before,
.RWDtableTianSwimSearch.bt tfoot td::before,
.RWDtableTianSwimSearch.bt tbody td::before {
    content: attr(data-th) "";
    display: inline-block;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    width: 6.5em
}

.RWDtableTianSwimSearch.bt tfoot th.bt-hide,
.RWDtableTianSwimSearch.bt tfoot td.bt-hide,
.RWDtableTianSwimSearch.bt tbody td.bt-hide {
    display: none
}

.RWDtableTianSwimSearch.bt tfoot th .bt-content,
.RWDtableTianSwimSearch.bt tfoot td .bt-content,
.RWDtableTianSwimSearch.bt tbody td .bt-content {
    vertical-align: top
}

.RWDtableTianSwimSearch.bt tbody td:nth-of-type(n+2):before {
    border-top: 1px dashed #b2b2b2 !important;
}

.RWDtableTianSwimSearch.bt tbody td:nth-of-type(n+1):before {
    border-top: 1px dashed #b2b2b2 !important;
}

.bt tbody .RWDtableTianSwimSearch th{
    padding: 0px !important;
}

.bt tbody .RWDtableTianSwimSearch td{
    padding: 0px !important;
}

.bt tbody .RWDtableTianSwimSearch tr{
    padding: 0px !important;
}
/*田徑游泳專屬表單ED*/

/*APP成績結果手機版*/
.RWDtableAppScore{background:white;border-collapse:collapse;}
.RWDtableAppScore tr,.RWDtableAppScore th,.RWDtableAppScore td{border:1px solid #4d4d4d;}
.RWDtableAppScore th{padding:10px 0px;text-align:center;vertical-align:middle;}.RWDtableAppScore td{padding:2px 5px 1px 5px;text-align:center;vertical-align:middle;}
.RWDtableAppScore th{background:#4d4d4d;color:#ffffff;}.RWDtableAppScore th a{color:#ffffff;}
.RWDtableAppScore tr td{background:#e6e6e6;color:#333333;}.RWDtableAppScore td i{color:#ca3a1c;}
.RWDtableAppScore td .fa-medal{font-size:1.4rem;}
.RWDtableAppScore td .ScoreMoscot{width:50%;min-width:80px;max-width:120px;}
.RWDtableAppScore tr:nth-of-type(2n+2) td{background:#ffffff}
.RWDtableAppScore .bt tfoot th,.RWDtableAppScore .bt tfoot td,.RWDtableAppScore .bt tbody td{padding:0;}
.RWDtableAppScore .bt tfoot th:before,.RWDtableAppScore.bt tfoot td:before,.RWDtableAppScore.bt tbody td:before{background:#4d4d4d;color:white;margin-right:5px;padding:2px 5px;}/*左th*/
.RWDtableAppScore .bt tfoot th .bt-content,.RWDtableAppScore.bt tfoot td .bt-content,.RWDtableAppScore.bt tbody td .bt-content{display:inline-block;padding:2px 5px; text-align:left;}
.RWDtableAppScore .bt tfoot th:first-of-type:before,.RWDtableAppScore.bt tr{border:0px solid #ffffff;border-top:5px solid #ffffff;border-bottom:5px solid #ffffff;border-left:1px solid #ffffff;border-right:1px solid #ffffff;}
.RWDtableAppScore .bt tfoot th:first-of-type:before,.RWDtableAppScore.bt tfoot th:first-of-type .bt-content,.RWDtableAppScore.bt tfoot td:first-of-type:before,.RWDtableAppScore.bt tfoot td:first-of-type .bt-content,.RWDtableAppScore.bt tbody td:first-of-type:before,.RWDtableAppScore.bt tbody td:first-of-type .bt-content{padding-top:5px;}
.RWDtableAppScore.bt tfoot th:last-of-type:before,.RWDtableAppScore.bt tfoot th:last-of-type .bt-content,.RWDtableAppScore.bt tfoot td:last-of-type:before,.RWDtableAppScore.bt tfoot td:last-of-type .bt-content,.RWDtableAppScore.bt tbody td:last-of-type:before,.RWDtableAppScore.bt tbody td:last-of-type .bt-content{padding-bottom:0px;}
.RWDtableAppScore.bt thead,.RWDtableAppScore.bt tbody th{display:none;}
.RWDtableAppScore.bt tfoot th,.RWDtableAppScore.bt tfoot td,.RWDtableAppScore.bt tbody td{border:none;display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;vertical-align:top;float:left\9;width:100%\9}
.RWDtableAppScore.bt tfoot th::before,.RWDtableAppScore.bt tfoot td::before,.RWDtableAppScore.bt tbody td::before{content:attr(data-th) "";display:inline-block;-webkit-flex-shrink:0;-ms-flex-shrink:0;flex-shrink:0;width:6.5em}
.RWDtableAppScore.bt tfoot th.bt-hide,.RWDtableAppScore.bt tfoot td.bt-hide,.RWDtableAppScore.bt tbody td.bt-hide{display:none}
.RWDtableAppScore.bt tfoot th .bt-content,.RWDtableAppScore.bt tfoot td .bt-content,.RWDtableAppScore.bt tbody td .bt-content{vertical-align:top}

.RWDtableAppScore input[type='submit'], .RWDtableAppScore input[type='button']{ margin:3px 2px; } /*自適應表格內的按鈕間距*/

.RWDtableAppScore.bt tbody td{text-align:center;} /*手機版標題部份置中 1120628加*/
.RWDtableAppScore.bt tbody td:nth-of-type(n+2):before{border-top:1px dashed #fff !important;} /*手機版標題部份+間隔虛線 1120628加*/

/*覆蓋所有自適應表格手機版特殊設定*/
.bt td{padding:0px 0px; } /*解決手機版標頭間距問題*/
.bt tr:nth-of-type(2n+2) td:nth-of-type(n+2) .bt-content{text-align:left;border-top:1px dashed #cccccc !important;width:100%;} /*手機版內文部份靠左*/
.bt tr:nth-of-type(2n+2) td:nth-of-type(n+2) .bt-content form div{text-align:left;} /*手機版內文部份靠左-針對頁面有特別寫置中的要覆蓋*/
.bt tr:nth-of-type(2n+1) td:nth-of-type(n+2) .bt-content{text-align:left;border-top:1px dashed #ffffff !important;width:100%;} /*手機版內文部份靠左*/
.bt tr:nth-of-type(2n+1) td:nth-of-type(n+2) .bt-content form div{text-align:left;} /*手機版內文部份靠左-針對頁面有特別寫置中的要覆蓋*/

.ScoreBackRWDtableBorder.bt tr:nth-of-type(2n+1) td:nth-of-type(n+2) .bt-content{border-top:1px dashed #cccccc !important;} /*手機版標題部份+成績系統每行都灰色間隔虛線*/


/*自適應表格內的按鈕間距*/

.ScoreHover tr:hover td {
    background: #fce2ba;
    color: #ffffff;
}

.ScoreTitle,
.ScoreTitle i {
    color: #282D28;
    padding: 5px;
}

.ScoreTitle a {
    color: #282D28;
}

.ScoreDateTitle {
    padding: 5px;
    font-size: 1.3rem;
    margin-top: 5px;
}

.ScoreCompTitle {
    font-size: 1.2rem;
    color: #444444;
}


@media (max-width: 1580px) {
    /*原本全版訊息寬度改為滿版*/
    .SystemLinkShow {
        width: 18%;
    }
    .AlbumBlockWidth {
        width: 25%;
        min-height: 250px;
    }
    /*有吉祥物width:18%;*/
    /*.WebContentBG{background-repeat:no-repeat;background-image:url(../../ImgCommon/BGmos.png?v4),url(../../ImgCommon/_BGbot.png?v2);background-position:left bottom,right bottom;background-size: 500px,auto;}*/
    .AreaBlock5big li {
        width: 20%;
    }
    .InnerPagePic {
        background-image: none !important;
    }
}

@media (max-width: 1200px) {
    /*原本全版訊息寬度改為滿版*/
    .SystemLinkShow {
        width: 23%;
    }
    .AlbumBlockWidth {
        width: 33%;
        min-height: 250px;
    }
    /*有吉祥物width:24%;*/
    .FirstInfor {
        display: none;
    }
    .MainBigPic {
        height: 300px;
    }
    .SystemLinkBlock {
        width: 30%;
    }
    .HomeVideo {
        height: 365px;
    }
    .ULAreaBlock li {
        min-height: 365px;
    }
    .Albumslider div img {
        height: 321px;
    }
    /*UL part5*/
    .AreaBlock5 li {
        width: 20%;
    }
    .AreaBlock5big li {
        width: 25%;
    }
    /*.WebContentBG{background-repeat:no-repeat;background-image:url(../../ImgCommon/BGmos.png?v4),url(../../ImgCommon/_BGbot.png?v2);background-position:left bottom,right bottom;background-size: 400px,auto;}*/
}

@media (max-width: 1130px) {
    .MainBigPic {
        height: 280px;
    }
    .AlbumBGBlockPic {
        float: left;
        margin-top: -30px;
        width: 230px;
    }
    /*精彩時刻襯圖*/
    .FirstInfor {
        display: none;
    }
}

@media (min-width: 1100px) {
    body .navbar-collapse {
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
    }
    body .navbar-toggle {
        display: none;
    }
}

@media (max-width: 1000px) {
	.TravelBlock .TravelBlockli{ width:50%;  }
    .PosterHome {
        margin-right: 15px;
    }
    /*.FBwidth{width:85%;}*/
    .ForeImg {
        width: 100%;
    }
    /*原本全版訊息寬度改為滿版*/
    .BlockBig {
        width: 100%;
    }
    .SystemLinkShow {
        width: 25%;
    }
    .AdTitle {
        width: 36.7%;
        margin-top: 1%;
    }
    /*標語圖*/
    .AdSysTitle {
        width: 36.7%;
        margin-top: 35px;
    }
    /*系統標題圖*/
    /*LOGO*/
    .BarTop .Logo,
    .BarTop .Logo h1 {
        text-align: left;
    }
    .SystemLinkBlock {
        margin: 0px 10px;
    }
    .MainBigPic {
        height: 250px;
    }
    .AlbumBGBlockPic {
        float: left;
        margin-top: -30px;
        width: 200px;
    }
    /*精彩時刻襯圖*/
    .AlbumBlockWidth {
        width: 33%;
        min-height: 250px;
    }
    /*有吉祥物width:24%;*/
    .Infor1000 {
        display: none;
    }
    .Show1000 {
        display: block;
    }
    .QRPic {
        width: 30%;
        max-width: 250px;
    }
    .HomeVideo {
        height: 300px;
    }
    .ULAreaBlock li {
        min-height: 300px;
    }
    .Albumslider div img {
        height: 256px;
    }
    /*UL part3*/
    .AreaBlock3 li {
        width: 50%;
    }
    .AreaBlock3 .AreaBlockTitle {
        font-size: 1rem;
    }
    .AreaBlock3Home li:nth-child(3) {
        width: 100%;
    }
    .AreaBlock3Home li:nth-child(3) img {
        width: 50%;
    }
    /*UL part3Pad*/
    .AreaBlock3Pad li {
        width: 50%;
    }
    /*UL part4*/
    .AreaBlock4 li {
        width: 33%;
    }
    .AreaBlock4 .FunctionButton div {
        font-size: 1.2rem;
    }
    /*UL part5*/
    .AreaBlock5 li {
        width: 25%;
    }
    .AreaBlock5big li {
        width: 25%;
    }
    /*Sitemap part5*/
    .SitemapBlock .SitemapSubli {
        width: 25%;
    }
    .SitemapBlock_Fore .SitemapSubli {
        width: 25%;
    }
    /*服務資訊首頁區 1大4小版*/
	.ServicePhotoHomeFive li{ display:inline-block; width:33.5%;  padding:6px 10px; float:left; }
	.ServicePhotoHomeFive li:nth-child(1){ display:inline-block; width:66.5%; }
	.ServicePhotoHomeFive li:nth-child(4){ display:none; }
	.ServicePhotoHomeFive li:nth-child(5){ display:none; }

    .Logo_new{
        text-align: center;
    }
}

@media (max-width: 950px) {
    .AdTitle {
        width: 33%;
        margin-top: 20px;
    }
    /*標語圖*/
}

@media (max-width: 880px) {
    /*body .top{ height: 155px;}*/
    /*LOGO 中版*/
    .Logo {}
    /*原本全版訊息寬度改為滿版*/
    .BlockBig {
        width: 100%;
    }
    .SystemLinkShow {
        width: 30%;
    }
    .AdTitle {
        width: 30%;
        margin-top: 30px;
    }
    /*標語圖*/
    .LOGO {}
    /*LOGO*/
    .MainBigPic {
        height: 220px;
    }
    .HomeBlockTop {
        margin-top: 0px;
    }
    .HiddenInfor880 {
        display: none;
    }
    /*UL part5*/
    .AreaBlock5 li {
        width: 33%;
    }
    .AreaBlock5big li {
        width: 33%;
    }
}

@media (max-width: 820px) {
    body .navbar-default .navbar-nav>li>a {
        font-size: 120%;
    }
    .MainBigPic {
        height: 200px;
    }
    .AdSysTitle {
        width: 40%;
        margin-top: 50px;
        margin-left: -50px;
    }
    /*系統標題圖*/
    .LinksIndexWidth {
        width: 50%;
    }
    .AlbumBlockWidth {
        width: 33%;
        min-height: 250px;
    }
    /*有吉祥物width:33%;*/
    .AlbumBGBlockPic {
        display: none;
    }
    /*精彩時刻襯圖*/
}


@media (max-width: 768px) {
	
	.TravelBlock li { display:block;}
	.TravelBlock .TravelMainPhoto{width:100%;height:300px;}
	.TravelBlock .TravelMainPhotoBig{width:96%;height:300px;float:none;position:auto;}
	/*服務資訊單一內容照片區 1大4小版*/
	.ServicePhotoOneBlock li { width:25%; padding:5px; float:auto; }
	.ServicePhotoOneBlock li:nth-child(1){ width:100%; }
	
	/*服務資訊首頁區 1大4小版*/
	.ServicePhotoHomeFiveDIV {width:96%;}
	.ServicePhotoHomeFive li { width:50%; padding:5px; float:auto; }
	.ServicePhotoHomeFive li:nth-child(1){ width:100%; }
	.ServicePhotoHomeFive .ServicePhotoCityArea{display:none;}
	
	/*服務資訊單一內容照片區 2大版*/
	.ServicePhotoTwoBlock li { width:100%; padding:5px; float:auto; }
	.ServicePhotoTwoBlock li:nth-child(1){ width:100%; }
	
	.ServiceCityBlock{ float:none;position:static;text-align:left;padding:0px 10px; }
    /*.LOGO{margin-top:55px;}*/
    .EmbDocument {
        height: 750px;
    }
    #ClockBlock {
        display: none;
    }
    .WebContentBG {
        background-repeat: no-repeat;
        background-image: url(../../ImgCommon/BGmos.png?v4);
        background-position: center bottom, right bottom;
        background-size: 400px, auto;
    }
    .HomeVideo {
        height: 380px;
    }
    /*.ULAreaBlock li {}*/
    .ULAreaBlock li {
        width: 100%;
        min-height: 380px;
        height: auto;
    }
    .UnitAreaBlockHome li:nth-child(1) {
        padding: 30px 0px 10px 0px;
    }
    .UnitAreaBlockHome li:nth-child(2) {
        padding: 10px 0px 10px 0px;
    }
    .Albumslider div img {
        height: 336px;
    }
    /*.ULAreaBlock li:nth-child(3) {width:99%; }*/
    .UnitAreaBlockDIV {
        display: block;
        width: 97%;
        margin-top: 15px;
    }
    .UnitAreaBlock li {
        display: block;
        width: 98%;
        padding: 0;
        margin: 0;
        margin-bottom: 10px;
    }
    .UnitAreaInfoLinkli {
        width:98%;
        margin: 0;
        margin-bottom: 10px;
    }


    .UnitAreaBlockS{
        flex-direction: column;
    }
    .UnitAreaBlockS li {
        color: #ffffff;
        display: block;
        width: 98%;
        padding: 0;
        margin: 0;
        margin-bottom: 10px;
    }
    .PosterHome {
        float: none;
        width: 100%;
        margin-right: 0px;
    }
    .ULBlock li {
        width: 98%;
    }
    /*.FBwidth{width:70%;}*/
    #video {
        /*首頁影片*/
        display: none;
    }
    .HomeBlockTop {
        width: 100%;
    }
    /*.clock{display:none;}首頁倒數計時*/
    /*原本全版訊息寬度改為滿版*/
    .BlockBig {
        width: 100%;
        min-height: auto;
    }
    .AdTitle {
        display: none;
    }
    /*標語圖*/
    .AdSysTitle {
        width: 45%;
        margin-top: 65px;
        margin-left: -80px;
    }
    /*系統標題圖*/
    .AlbumBlockWidth {
        width: 50%;
    }
    .SecondInfor {
        display: none;
    }
    .MainBigPic {
        height: 180px;
    }
    /*此刻才顯示  小版*/
    .SystemLinkBlock {
        width: 46%;
    }
    /*導覽連結列NO*/
    .BarTop .NaviLink {
        display: none;
    }
    /*LOGO*/
    .BarTop .Logo,
    .BarTop .Logo h1 {
        text-align: center;
    }
    /*隱藏表格 低重要*/
    .LowerInfor {
        display: none;
    }
    .LowerShow {
        display: block;
    }
    /*顯示在RWD選單的項目*/
    .RWDMenuShow {
        display: block !important;
    }
    /*首頁連結*/
    .LinkShowHome {
        width: 140px;
        height: 70px;
    }
    /*Sitemap part5*/
    .SitemapBlock .SitemapSubli {
        width: 33.3%;
    }
    .SitemapBlock_Fore .SitemapSubli {
        width: 33.3%;
    }
    body .menu .navbar-collapse {
        height: auto !important;
        display: none !important;
        /* margin-top: -45px; */
    }
    body .menu .navbar-collapse.in {
        display: inline !important;
    }
    body .navbar .nav>li {
        margin: 0;
        float: none;
        display: flex;
        width: 100%;
        display: inline;
    }
    /*置頂選單*/
    body .menu.HideMenu {
        background-color: transparent;
        box-shadow: none;
        height: 46px;
        position: static !important;
    }
    body .menu.HideMenu .navbar-default {
        top: 0;
    }
    .MenuMidShow{display: block !important;}
    .MenuMidHidden {
    display: none;
	}
	
	
}



@media (max-width: 700px) {
    .AlbumBlockWidth {
        width: 50%;
    }
    /*.LOGO{margin-top:60px;}/
	
}
@media (max-width: 640px) {
	/*LOGO*/
    .AdSysTitle {
        width: 50%;
        margin-top: 80px;
        margin-left: -100px;
    }
    /*系統標題圖*/
    body .nav-collapse li,
    body .nav-collapse li a {
        float: none;
        padding: 0;
    }
    .MainBigPic {
        height: 160px;
    }
    .QRPic {
        width: 48%;
        max-width: 250px;
    }
    /*UL part5*/
    .AreaBlock5 li {
        width: 50%;
    }
    .AreaBlock5big li {
        width: 50%;
    }
}

@media (max-width: 600px) {
    .LinkShowHome {
        width: 100px;
        height: 50px;
    }
    .MainBigPic {
        height: 140px;
    }
    .SystemLinkBlock {
        width: 90%;
    }
}

@media (max-width: 550px) {
    .UnitNoTitle {
        padding-top: 5px;
        margin-top: -40px;
    }
}

@media (max-width: 510px) {
    .EmbDocument {
        height: 500px;
    }
    .MoscotIcon img {
        width: 100%;
        margin: 20px;
    }
    .AlbumBlockWidth {
        width: 100%;
    }
    .ThirdInfor {
        display: none;
    }
    .MainTop {
        height: auto;
        background-image: url('../../TopImg000.png123');
    }
    /*上幅高*/
    .AdSysTitle {
        width: 80%;
        margin-top: -25px;
    }
    /*系統標題圖*/
    .Leader_Photo {
        max-width: 100% !important;
        width: 100% !important;
    }
    /*長官照片*/
    .Commissioner_Photo {
        max-width: 230px;
        max-height: 200px;
    }
    /*專員照片*/
    .Account_Photo {
        max-width: 230px;
        max-height: 250px;
    }
    /*科室成員照片*/
    .LinksIndexWidth {
        width: 99%;
    }
    /*隱藏表格 中重要*/
    .MidInfor {
        display: none;
    }
    .MidShow {
        display: block;
    }
    
    .LinkShowHomeBot {
        width: 160px;
        height: 80px;
    }
    .PCInfor {
        display: none;
    }
    .PhoneHidden {
        display: block;
    }
    .MainBigPic {
        height: 120px;
    }
    .FBwidth {
        display: none;
    }
    .HomeVideo {
        height: 270px;
    }
    .ULAreaBlock li {
        min-height: 270px;
    }
    .Albumslider div img {
        height: 226px;
    }
    /*.ULAreaBlock li {width:99%;}	
	.ULAreaBlock{ margin-left:5px;}*/
    /*.ULAreaBlock li:nth-child(1) { display:none; }*/
    /*UL part3*/
    .AreaBlock3 li {
        width: 100%;
    }
    .AreaBlock3 .AreaBlockTitle {
        font-size: 1rem;
    }
    .AreaBlock3Home li img {
        width: 100%;
    }
    .AreaBlock3Home li:nth-child(3) img {
        width: 100%;
    }
    .AreaBlock3Home li:nth-child(1) {
        padding-right: 0px;
    }
    .AreaBlock3Home li:nth-child(2) {
        padding-left: 0px;
        padding-right: 0px;
    }
    .AreaBlock3Home li:nth-child(3) {
        padding-left: 0px;
    }
    /*UL part3Pad*/
    .AreaBlock3Pad li {
        width: 100%;
        padding: 10px 0px;
    }
    /*UL part4*/
    .AreaBlock4 li {
        width: 100%;
    }
    .AreaBlock4 .AreaBlockTitle {
        font-size: 1rem;
    }
    .AreaBlock5big li {
        width: 100%;
    }
    /*Sitemap part5*/
    .SitemapBlock .SitemapSubli {
        width: 100%;
    }
    .SitemapBlock_Fore .SitemapSubli {
        width: 100%;
    }
    .TravelBlock .TravelBlockli{ width:100%; }
	
	
}

.head_hr{
    margin-top:0px;
    margin-bottom: 0px;
    border-top: 2px solid rgba(0 0 0 / 20%);
    /*box-shadow: 0 0 2px rgba(0 0 0 / 40%);;*/
}

@media (max-width: 422px) {
    /*相關連結小版*/
    .LinkShowHomeBot {
        width: 140px;
        height: 70px;
    }
}

@media (max-width: 480px) {
    /*導覽連結列*/
    .BarTop .NaviLink {
        float: right;
        padding-top: 12px;
        letter-spacing: 1.2pt;
        padding-right: 10px;
    }
    .MainBigPic {
        height: 100px;
    }
}

@media (max-width: 415px) {
    .LinkShowHomeBot {
        width: 110px;
        height: 55px;
    }
    .LOGO {
        width: 100%;
    }
    /*LOGO*/
}

/*新版主選單自動換行*/
.navbar-nav {
	flex-wrap: wrap;
}
/*場館資訊OP*/
	.Site_MapMenu_DIV { width:100%; }
	.Site_MapMenu{ padding:0; }

	/*四類版OP*/
	/*.Site_MapMenu li { background-color:#888888; display:inline-block; width:25%; text-align:center; padding:15px 0px; margin:0px; opacity:0.85;  }
	.Site_MapMenu a:nth-child(1) li, .Site_MapMenu a:nth-child(2) li, .Site_MapMenu a:nth-child(3) li{ border-right:3px #f5f4f2 solid; }*/
	/*四類版ED*/

	/*三類版OP*/
	.Site_MapMenu li { background-color:#888888; display:inline-block; width:50%; text-align:center; padding:15px 0px; margin:0px;  font-size:1.2rem; letter-spacing:0.2rem; }
	.Site_MapMenu a:nth-child(1) li, .Site_MapMenu a:nth-child(2) li{ border-right:3px #f5f4f2 solid; }/**/
	/*三類版ED*/

	.Site_MapMenu a li { color:#ffffff; }
	.Site_MapMenu li:hover{ background-color:#2d7dc4; cursor: pointer;}
	.Site_MapMenu .liOn{ background-color:#2d7dc4; }
	
	/*服務資訊吉祥物*/
	.SiteInfor_AreaService::before{ width:100%; content: "";   z-index: 2; margin-top:-50px; top:64px; left:0; position:relative; float:right; text-align:right; background: url('../../Icon/mascot1.png?v1') no-repeat top right /160px 200px; height:125px;  transform: rotateY(180deg);  transition-duration: 0.5s;}	
	.SiteInfor_AreaService:hover::before{ margin-top:-60px; height:135px;  transition-duration: 0.5s;  }

	@media (max-width: 768px) {
		
		/*四類版OP*/
		/*.Site_MapMenu li { width:50%; }
		.Site_MapMenu a:nth-child(1) li, .Site_MapMenu a:nth-child(2) li{ border-bottom:3px #f5f4f2 solid; }
		.Site_MapMenu a:nth-child(2) li{ border-right:0px #f5f4f2 solid; }*/
		/*四類版ED*/
		.Site_MapMenu li { letter-spacing:0rem; }
	}

	.SiteInfor_SiteTitle { color:#2d7dc4; padding: 10px 0px;  font-size: 1.4rem; } /*場地名稱*/
	.SiteInfor_SiteContent, .SiteInfor_SiteContent div { line-height:2.5rem; font-size:1.2rem; } /*場地資訊*/
	.SiteInfor_AreaTitle { color:#2d7dc4;  /*padding-bottom: 10px;*/  line-height: 4rem; border-bottom: 3px solid #2d7dc4; font-size: 1.7rem; margin:50px 0px 20px 0px;  letter-spacing:0.5rem; } /*資料區塊標題*/
	.SiteInfor_AreaTitle i { color:#2d7dc4; font-size: 1.8rem; }

	/*賽別按鈕*/
	.SiteInfor_SubMenu_DIV {display:inline-block; }
	.SiteInfor_SubMenu{ 
        /*display:table;*/
        padding:0; 
        /*margin-bottom:20px;*/
        width:auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;}
	.SiteInfor_SubMenu li { display:inline-block; text-align:center;  }
	.SiteInfor_SubMenu li .PhotoTitleColor { 
		background-color:#888888; 
        color:#ffffff; 
        font-weight:bold; 
        font-size:2.0rem; 
        width:auto;
        padding:10px 50px; 
        margin-top:15px; 
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 6px;
		border-style: none;
		font-weight: bold;
		vertical-align: top;
		vertical-align: top \9;
		*vertical-align: middle;
		_vertical-align: middle;
		-webkit-appearance: none;
		margin:10px 10px;
		border: 2px solid #888888;
		cursor: pointer;
	}
	.SiteInfor_SubMenu li .PhotoTitleColorOn { background-color:#2d7dc4; color:#ffffff;  border: 2px solid #2d7dc4; }
	.SiteInfor_SubMenu li .PhotoTitleColor:hover{ background-color:#2d7dc4; color:#ffffff;  border: 2px solid #2d7dc4; }

	/*場館照片區塊-三欄式*/
	.SiteInfor_Photo_DIV { width:100%;}
	.SiteInfor_Photo{  padding:0; }
	.SiteInfor_Photo li { display:inline-block; width:33.3%; text-align:center; padding-bottom:25px; opacity:0.9; filter: contrast(110%) brightness(100%); overflow:hidden; padding-left:9px; padding-right:9px; }
	.SiteInfor_Photo2 li{ width:50% !important; } /*兩欄*/
	.SiteInfor_Photo1 li{ width:100% !important; } /*單欄*/
	
	.SiteInfor_Photo li .PhotoBlock{ width:100%; text-align:center; padding:10px 10px; }
	
	.SiteInfor_Photo li .SiteInfor_PhotoScale { overflow:hidden; text-align:center;  } /*圖片外div區塊部分*/
        
        .SiteInfor_Photo li .SiteInfor_PhotoScale  .VideoIcon { position:absolute; width:100%; top:20%; padding-right:9px;  transition-duration: 0.5s /*動畫時間*/  } /*影片icon區塊部分*/
        .SiteInfor_Photo2 li .SiteInfor_PhotoScale  .VideoIcon { top:25%; }/*兩欄*/
        .SiteInfor_Photo1 li .SiteInfor_PhotoScale  .VideoIcon { top:30%; }/*單欄*/
        
        .SiteInfor_Photo li .SiteInfor_PhotoScale  .fa-youtube{ font-size:6rem; opacity:0.5; color:#ffffff; -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.7));  filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.9)); transition-duration: 0.5s /*動畫時間*/  } /*影片icon部分*/
        .SiteInfor_Photo2 li  .SiteInfor_PhotoScale  .fa-youtube { font-size:8rem !important; }/*兩欄*/
        .SiteInfor_Photo1 li  .SiteInfor_PhotoScale  .fa-youtube { font-size:10rem !important; }/*單欄*/
        
	.SiteInfor_Photo li .SiteInfor_PhotoScale .PhotoBlock { background-size:cover;background-position:center;  } /*圖片img部分*/
	.SiteInfor_Photo li .PhotoBlockS{ width:95%; min-height:85%; text-align:center; opacity:0; position:absolute;  z-index:10;  } /*燈箱感應區*/
	.SiteInfor_Photo li:hover { 
		 opacity:1;
		 transition-duration: 0.5s;
	}
	.SiteInfor_Photo li:hover .SiteInfor_PhotoScale .PhotoBlock { 
		  transform :scale(1.2);
		  filter: contrast(120%) brightness(108%);
		  transition-duration: 0.5s
	}
	.SiteInfor_Photo li .PhotoTitle { background-color:#ffffff;  font-size:1.2rem; z-index:15; border:1px #CCCCCC solid; position:relative; } /*照片備註文字區*/
	@media(max-width:510px){
        .SiteInfor_SubMenu li .PhotoTitleColor { 
            min-width: 300px;
        }
    }
	/*場地照片吉祥物*/
	.SiteInfor_AreaPhoto::after{ width:100%; content: "";   z-index: 2;  margin-top:-80px; right:0; position:relative; float:right; background: url('../../Icon/mascot2.png?v1') no-repeat top right /160px 200px; height:125px;  transition-duration: 0.5s;}
	
	.SiteInfor_AreaPhoto:hover::after{ margin-top:-90px; height:135px;  transition-duration: 0.5s;  }
	
	/*場地配置圖區塊*/
	.SiteInfor_Area_DIV {display:inline-block;width:100%;}
	.SiteInfor_Area{  padding:0; }
	.SiteInfor_Area li { display:inline-block; width:100%; text-align:left; padding-bottom:25px; opacity:1;}
	
	.SiteInfor_Area li .PhotoBlock{ width:100%; text-align:center; padding:10px 10px; }
	
	.SiteInfor_Area li .SiteInfor_AreaScale { text-align:center;  } /*圖片外div區塊部分*/
        
	.SiteInfor_Area li .SiteInfor_AreaScale img { width:100%;  } /*圖片img部分*/
	
	.SiteInfor_Area li .AreaTitle { padding:10px 5px ; text-align:left; background-color:#888888; color:#ffffff; font-size:1.2rem;  } /*照片備註文字區*/
	.SiteInfor_Area li .AreaTitle p { margin-left:1.5rem; text-indent: -1.3rem; } /*照片備註文字區*/
	.SiteInfor_Area li .AreaTitle p:before { content:"▼" } /*照片備註文字區*/
	
/*場館資訊ED*/

/*後台表單-兩欄式左標題右表單ul-li*/
.AdminForm { width:100%; display:inline-block;}
.AdminFormUL{ padding:0; }
.AdminFormUL li{ display:inline-block; border-bottom: 0px; padding:5px 0px; }
.AdminFormUL li label{ font-weight:bold; }
.AdminFormUL li:nth-child(odd){ width:18%; text-align:right;  }
.AdminFormUL li:nth-child(even){ width:82%; }

/*後台表單-兩欄式左欄位右圖ul-li*/
.AdminFormVideo { width:100%; display:inline-block;}
.AdminFormVideoUL{ padding:0; }
.AdminFormVideoUL li{ display:inline-block; border-bottom: 0px; padding:5px 10px; }
.AdminFormVideoUL li label{ font-weight:bold; }
.AdminFormVideoUL li:nth-child(odd){ width:70%; text-align:left;  }
.AdminFormVideoUL li:nth-child(even){ width:30%; text-align:center; vertical-align:top;}
.SiteVideoPrePhotoLi{ border:1px dashed #cccccc; min-height:200px; border-bottom:1px dashed #cccccc !important; padding:0px 0px !important; margin-bottom:20px; } /*影片預覽圖*/

@media (max-width: 1200px) {
 	.SiteInfor_Photo li .SiteInfor_PhotoScale  .fa-youtube{ font-size:5rem; transition-duration: 0.5s /*動畫時間*/} /*影片icon部分*/
 }
 
@media (max-width: 1000px) {
	/*場館照片區塊*/
	.SiteInfor_Photo li { width:50%;  }
	.SiteInfor_Photo li .SiteInfor_PhotoScale  .fa-youtube{ font-size:6rem; transition-duration: 0.5s /*動畫時間*/} /*影片icon部分*/
	.SiteInfor_Photo2 li  .SiteInfor_PhotoScale  .fa-youtube { font-size:6rem !important; }/*兩欄*/
	/*場地照片吉祥物*/
	.SiteInfor_AreaPhoto::after{ margin-top:-50px; background: url('../../Icon/mascot2.png?v1') no-repeat top right /120px 150px; height:90px; }
	.SiteInfor_AreaPhoto:hover::after{ margin-top:-60px; height:100px;  transition-duration: 0.5s;  }
	/*服務資訊吉祥物*/
	.SiteInfor_AreaService::before{ background: url('../../Icon/mascot1.png?v1') no-repeat top right /120px 150px; height:90px;}
	.SiteInfor_AreaService:hover::before{ margin-top:-60px; height:100px;  transition-duration: 0.5s;  }
}

@media (max-width: 768px) {	
	/*場館照片區塊*/
	.SiteInfor_Photo li .SiteInfor_PhotoScale  .fa-youtube{ font-size:5.5rem; transition-duration: 0.5s /*動畫時間*/} /*影片icon部分*/
	.SiteInfor_Photo1 li  .SiteInfor_PhotoScale  .fa-youtube { font-size:8rem !important; }/*單欄*/
	.SiteInfor_Photo2 li  .SiteInfor_PhotoScale  .fa-youtube { font-size:5.5rem !important; }/*兩欄*/
	/*場地照片吉祥物*/
	.SiteInfor_AreaPhoto::after{ margin-top:-40px; background: url('../../Icon/mascot2.png?v1') no-repeat top right /120px 150px; height:90px; }
	.SiteInfor_AreaPhoto:hover::after{ margin-top:-50px; height:100px;  transition-duration: 0.5s;  }
	/*服務資訊吉祥物*/
	.SiteInfor_AreaService::before{ background: url('../../Icon/mascot1.png?v1') no-repeat top right /120px 150px; height:90px;}
	.SiteInfor_AreaService:hover::before{ margin-top:-60px; height:100px;  transition-duration: 0.5s;  }
}
@media (max-width: 510px) {
	/*場館照片區塊*/
	.SiteInfor_Photo li { width:100%;  }
	.SiteInfor_Photo2 li{ width:100% !important; } /*兩欄*/
	.SiteInfor_Photo li .SiteInfor_PhotoScale  .VideoIcon { top:28%; transition-duration: 0.5s /*動畫時間*/  } /*影片icon區塊部分*/
	.SiteInfor_Photo li .SiteInfor_PhotoScale  .fa-youtube{ font-size:6rem; transition-duration: 0.5s /*動畫時間*/} /*影片icon部分*/
	.SiteInfor_Photo1 li  .SiteInfor_PhotoScale  .fa-youtube { font-size:6rem !important; }/*單欄*/
	
	/*後台表單-兩欄式左標題右表單ul-li*/
	.AdminFormUL li:nth-child(odd){ width:100%; text-align:left; padding:0px; }
	.AdminFormUL li:nth-child(even){ width:100%; border-bottom: 1px solid #cccccc; margin-bottom:10px; text-align:left;}
	.AdminFormUL li:nth-child(even) input[type='text'], .AdminFormUL li:nth-child(even)  select{ width:100% !important; }
	/*後台表單-兩欄式左欄位右圖ul-li*/
	.AdminFormVideoUL li:nth-child(even){ width:100%; text-align:center; padding:0px; }
	.AdminFormVideoUL li:nth-child(odd){ width:100%; text-align:left; }
	.AdminFormVideoUL li:nth-child(odd) input[type='text'], .AdminFormVideoUL li:nth-child(odd)  select{ width:100% !important; }
	
	/*場地照片吉祥物*/
	.SiteInfor_AreaPhoto::after{ display:none; }
	/*服務資訊吉祥物*/
	.SiteInfor_AreaService::before{ display:none; }
}

/*場館後台資料列表*/
.BackSortable { list-style-type: none; margin: 0; padding: 0;  }
.BackSortable .images_zone { padding-left: 1.8rem;  }
.BackSortable .images_zone .fa-arrows-alt-v { position: absolute; margin-left: -1.3rem; font-size: 1.4rem;  }


/*麵包屑*/
.breadcrumb {
    padding: 5px 5px;
    margin-bottom: 0px;
    text-align:right;
 }
.breadcrumb li:after {
    content:' / ';
	color: #666666;
}
.breadcrumb li {
	margin-right:5px;
}
.breadcrumb li a {
    color: #666666;
}

/*後台報名資料功能表格-不格行換色*/
.PromotionTableBorder{background:white;border-collapse:collapse;}
.PromotionTableBorder tr,.PromotionTableBorder th,.PromotionTableBorder td{border:1px solid #4d4d4d;}
.PromotionTableBorder th{padding:3px 5px;text-align:center;vertical-align:middle; background-color:#727171; color:#ffffff;}
.PromotionTableBorder tr:hover{background-color:#E2DC78; }
.PromotionTableBorder td{padding:2px 5px 2px 5px;vertical-align:middle;}