@charset "utf-8";

/* CSS Document */


/*Align Style*/

.center {
    text-align: center;
}

.middle {
    vertical-align: middle!important;
}

.right {
    text-align: right;
}

.top {
    vertical-align: top;
}

.middle {
    vertical-align: middle;
}

.bottom {
    vertical-align: bottom;
}

.BlockMaxWidth {
    max-width: 1400px;
    padding: 0px 10px 24px 10px;

}

.AlbumBGBlock {
    background-color: #fff;
    padding-top: 15px;
    background-image: url(../ImgCommon/BGLine.png);
    background-size: cover;
}

.AlbumBGBlockBar {
    margin: 15px;
}


#HomeSystemBlock {
    margin-top: 25%
}

.ACNaviKey {
    color: #ffffff !important;
}

.Width100 {
    width: 100%;
    min-width: 150px;
}

.Width90 {
    width: 90%;
    min-width: 150px;
}

.LoginForm {
    min-width: 350px;
}


/*Word Style*/

.Bold {
    font-weight: 500;
}


/*.Table_Title{font-size:18px; font-family: Verdana, Geneva, sans-serif,"微軟正黑體";}*/

.SubTitle {
    color: #333333;
    padding: 5px;
    font-size: 18px;
    font-weight: 500;
    border-bottom: dotted 2px #666666;
}

.SoftTitle {
    font-size: 25px;
    font-weight: 500;
}

.SuccessTitle {
    font-size: 25px;
    font-weight: 500;
    color: #348b0e;
}

.ContentText,
.ContentText a,
.ContentText span,
.ContentText font,
.ContentText div,
.ContentText td {
    /*font-size:15px*/
}

.PointWord {
    font-size: 1.2rem;
    font-weight: 500;
    color: #0066ff;
}


/*後台提示訊息區塊*/

.PointMSG {
    border: 1px solid #db2400;
    padding: 5px;
    margin: 5px;
    color: #db2400;
    width: 85%;
    float: right;
    line-height: 21px;
    text-align: left;
}

.CommonMSG {
    padding: 3px 5px;
    margin: 5px;
    color: #ffffff;
    line-height: 1.5em;
    text-align: center;
    background-color: #F75353;
    border-radius: 8px;
    font-family: '微軟正黑體';
}


/*上傳附件備註說明*/

.FileOtherText {
    line-height: 1.2em;
    color: #666666;
    border: 0px #999999 solid;
    padding: 5px;
    white-space: nowrap;
    display: inline-block;
    background-color: #f6f6f6;
    border: dashed 1px #cccccc;
}

.FileOtherText span {
    font-size: 0.8em;
    font-family: 'Arial', '新細明體';
    letter-spacing: 0.1em;
}

.CommonOtherText {
    line-height: 1.5rem;
    color: #333333;
    border: 0px #999999 solid;
    padding: 5px 25px;
    white-space: nowrap;
    display: inline-block;
    background-color: #FFF9EA;
    vertical-align: middle;
    font-size: 0.9rem;
}

.CommonOtherText span {
    letter-spacing: 0.1em;
}

.ImportantOtherText {
    line-height: 1em;
    color: #333333;
    border: 0px #999999 solid;
    padding: 3px;
    white-space: nowrap;
    display: inline-block;
    background-color: #FFAAAA;
    vertical-align: middle;
    font-weight: normal;
}

.ImportantOtherText span {
    letter-spacing: 0.1em;
}

.PrintTitle {
    font-size: 20px;
    font-weight: bold;
    font-family: "標楷體";
}

.PrintTitleSmall {
    font-size: 16px;
    font-weight: bold;
    font-family: "標楷體";
}

.PrintTitleCommon {
    font-size: 19px;
    font-weight: bold;
    font-family: "標楷體";
}

.PrintTitleBig {
    font-size: 22px;
    font-weight: bold;
    font-family: "標楷體";
}

.PrintOriFont td,
.PrintOriFont span {
    font-size: 15.5px;
    font-family: "標楷體";
    vertical-align: middle;
}

.PrintOriFont td{
    border: #000 1px solid;
}

.PrintBigFont td,
.PrintBigFont span {
    font-size: 18px;
    font-family: "標楷體";
    vertical-align: middle;
}

.PrintContent {
    font-size: 15.5px;
    font-family: "標楷體";
}

.MainColor {
    color: #142254;
}

.SubColor {
    color: #727171;
}

.FormTitle {
    color: #999999;
    font-weight: 500;
    line-height: 26px;
    vertical-align: middle;
}

.NoData {
    color: #999999;
    font-weight: 500;
    font-size: 15px;
    width: 80%;
    padding-top: 50px;
}

.DataCount {
    color: #777777;
}


/*查看更多*/

.DataMore {
    display: inline-block;
    border: solid 2px #e61673;
    color: #3c3c3c;
    padding: 10px 30px;
    letter-spacing: 0.1rem;
    margin: 15px 0px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:#ffffff;
}

.DataMore a {
    color: #e61673;
}

.DataMore:hover {
    color: #ffffff;
    background:#e61673;
    border: solid 1px #e61673;
}

.DataMore:hover a {
    color: #ffffff;
}

.Block_Line {
    background-image: url(../ImgCommon/block_line.png);
    background-repeat: repeat-x;
}


@media(max-width:768px){
    .DataMore {
        padding: 10px 15px;
    }
}
/*內頁*/


/*內頁子標題背景*/

.SubPageTitleBg {
    margin-top: 20px;
    margin-bottom: 10px;
}


/*內頁子標題*/

.SubPageTitle {
    color: #332c2b;
    font-size: 20px;
    font-weight: 500;
    padding-right: 10px;
    vertical-align: middle;
}


/*內頁訊息標題*/

.SubPage_DataTitle {
    color: #142254;
    font-size: 1.4rem;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
    /*border:#269dda 1px dashed;*/
    /*background-color:#e5f3fb;
	*/
}


/*內頁底部資料區塊*/

.SubPage_BotBlock {
    color: #444444;
    padding: 10px;
    vertical-align: middle;
    text-align: left;
    border: 1px #dddddd dashed;
    width: 100%;
    background-color: #f9f9f9;
    font-size: 1rem;
}

.SponsorTitlebg1 {
    background-color: #FFC000;
    font-weight: 500;
}

.SponsorTitlebg2 {
    background-color: #FFE599;
    font-weight: 500;
}

.SponsorTitlebg3 {
    background-color: #A8D08D;
    font-weight: 500;
}

.SponsorTitlebg4 {
    background-color: #C5E0B3;
    font-weight: 500;
}

.SponsorTextS {
    font-size: 0.8rem;
}

.LineHeight_Normal {
    line-height: 26px;
}

.LineHeight_File {
    line-height: 2rem;
}

.LineHeight_Small {
    line-height: 150%;
}

.nopad {
    margin-top: 0px;
    margin-bottom: 0px;
}


/*.F13{font-size:13px;}*/

.LeftMargin_Normal {
    margin-left: 30px;
}


/*.Num{font-family: Verdana, Geneva, sans-serif;}*/


/*頁面第一層標題*/

.SubPageMainTitle {
    font-size: 1.7rem;
    color: #142254;
    font-weight: 500;
    line-height: 1.7rem;
    letter-spacing: 0.2em;
    margin: 0px 0px;
    /*border-bottom:3px solid #142254;*/
    padding-left: 5px;
    padding-bottom: 5px;
}

.SubPageMainTitle a {
    color: #142254;
}


/*首頁區塊標題*/

.SubPageMainTitleService {
    font-size: 1.7rem;
    color: #ffffff;
    line-height: 4rem;
    letter-spacing: 0.2em;
    margin: 20px 13px 0px 13px;
    border-bottom: 3px solid #ee869a;
    background-color:#ee869a;
    padding-left: 5px;
}

.SubPageMainTitleService a {
    color: #F01446;
}


/*頁面區塊標題 深底白字*/

.HomeDarkBlock {
    background-color: #142254;
    padding: 10px;
}

.HomeDarkBlock .ShowTitle {
    font-size: 1.7rem;
    color: #ffffff;
    line-height: 4rem;
    letter-spacing: 0.2em;
    margin: 0px 0px;
    padding-left: 10px;
}


/*自訂頁面多層標題*/

.SelfPageTitle1s {
    color: #142254;
    font-size: 1.2rem;
    font-weight: 500;
}

.SelfPageTitle1s_1 {
    color: #333;
    font-size: 1.5rem;
    font-weight: 800;
}

.SelfPageTitle2block {
    background-color: #142254;
    color: #ffffff;
    font-size: 1.2rem;
    padding: 8px;
    font-weight: 500;
    width: auto;
    margin-top: 40px;
}

.SelfPageTitle2block_Color2 {
    background-color: #3CB034;
    color: #ffffff;
    font-size: 1.2rem;
    padding: 8px;
    font-weight: 500;
    width: auto;
    margin-top: 40px;
}

.SelfPageTitle2block_Color3 {
    background-color: #0075C1;
    color: #ffffff;
    font-size: 1.2rem;
    padding: 8px;
    font-weight: 500;
    width: auto;
    margin-top: 40px;
}


/*Link Style*/


/*首頁系統連結OP*/

.SystemLinkBlock {
    vertical-align: middle;
    text-align: center;
    margin: 20px 20px;
    background-repeat: repeat-x;
    width: 20%;
    height: 150px;
    /*float: left;*/
    width: 160px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    border-radius: 5px;
}

.SystemLinkBlock_Font {
    float: right;
    padding-top: 2px;
    width: 99%;
    /*5個65，4個50*/
    letter-spacing: 3pt;
    color: #666666;
    font-size: 1.2rem;
    vertical-align: middle;
    text-align: center;
    line-height: 1.2rem;
}

.SystemLinkBlock i {
    text-align: center;
    font-size: 4rem;
    padding-top: 10px;
    padding-bottom: 25px;
    color: #666;


}

.SystemLinkBlock:hover,
.SystemLinkBlock:focus {
    background-color: #2d7dc4;
    border: 2px solid #2d7dc4;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    color: #ffffff;
}



.SystemLinkBlock:hover .SystemLinkBlock_Font,
.SystemLinkBlock:hover i,
.SystemLinkBlock:focus .SystemLinkBlock_Font,
.SystemLinkBlock:focus i {
    color: #ffffff;
    background-color: #2d7dc4;
}

.BlockTitle {
    display: flex;
    margin: 15px 0px;
    border-bottom: 1px #e6e6e6 solid;
    padding-bottom: 5px;
    align-items: center;
    justify-content: space-between;
}

.BlockTitle_item{
    display: flex;
    align-items: center;
    
}

.BlockTitle_h2{
    color: #444444;
    font-size: 1.5rem;
    margin-right: 5px;
    margin-top: 0;
    margin-bottom: 0;
}

.BlockTitle_Line {
    /*background-image:url(../ImgCommon/HomeTitleLine.png); background-repeat:repeat-x; background-position:left top;background-position:0px -5px;*/
    border-bottom: #80cfc3 3px solid;
}

.BlockTitle_Lines {
    background-image: url(../ImgCommon/HomeTitleLine.png?v1);
    background-repeat: repeat-x;
    background-position: 0px -5px;
}

.BlockTitle_Font,
.BlockTitle_Font a {
    padding: 0 10px;
    /*font-style:oblique;*/
    /*font-weight: bolder;*/
    color: #d33447;
    font-size: 32px;
    letter-spacing: 0pt;
    vertical-align: middle;
    text-align: center;
    /*font-weight:bold;*/
}

.BlockTitle_Fonts,
.BlockTitle_Fonts a {
    padding: 0px 10px 0px 0px;
    /*font-style:oblique;*/
    /*font-weight: bolder;*/
    color: #444444;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 0pt;
    vertical-align: middle;
    text-align: center;
}

.BlockTitle_Fonts h2 {
    color: #444444;
    font-size: 1.4rem;
    margin-top: 0;
    margin-bottom: 0;
    
}

.BlockTitle_FontsBig,
.BlockTitle_FontsBig a {
    padding: 0px 10px 0px 0px;
    /*font-style:oblique;*/
    /*font-weight: bolder;*/
    color: #444444;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: 0pt;
    vertical-align: middle;
    text-align: center;
}


/*首頁媒體內容小標題*/

.MediaContentTitle {
    padding: 15px 10px;
    /*background-color: #ee869a;*/
    color: #000;
    text-align: center;
    border-bottom: 1px solid #000;

}

.MediaContent_item{
    padding: 15px 10px;
    background-color: #3c3c3c;
    color: #ffffff;
    text-align: center;
}

.MediaContentTitle h2,.MediaContent_item h2{
    font-size: 1.3rem;
    margin-top: 0;
    margin-bottom: 0;
    letter-spacing: 0.2rem;
    text-align: center;
}

.MediaContentTitle h2 i {
    padding-right: 7px;
}


/*內頁文章內容小標題*/

.ArticleContentTitle {
    font-size: 1.2rem;
    padding: 10px 10px;
    background-color: #ee869a;
    color: #ffffff;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ArticleContentTitle h4 {
    font-size: 1.2rem;
    margin-top: 0;
    margin-bottom: 0;
}

.ArticleContentTitle h4 i {
    padding-right: 7px;
}

.ArticleContent {
    font-size: 1.1rem;
    line-height: 2rem;
}


/*首頁系統連結ED*/

.SystemTitle a {
    color: #333333;
    line-height: 26px;
}

.MainBgColorTitle {
    margin-top: 10px;
}

.MainBgColorTitle a {
    border-radius: 30px;
    color: #FFFFFF;
    line-height: 26px;
    background-color: #2d95d3;
    padding: 5px 10px;
}

.Black a {
    color: #333333;
}


/*Button Style*/

.Button_General {
    border-style: none;
    padding: 5px 10px 5px 10px !important;
    /*top right bottom left*/
    background-color: #727171;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    vertical-align: top;
    vertical-align: top \9;
    /*IE8*/
    *vertical-align: middle;
    /*IE7*/
    _vertical-align: middle;
    /*IE6*/
    color: #FFFFFF;
    -webkit-appearance: none;
    margin: 0 0 5px 0;
}

.Button_General:hover {
    background-color: #2d7dc4;
}

.Button_App,
.AppSearch input[type='button'],
.AppSearch input[type='submit'] {
    border-style: none;
    -webkit-border-style: none; /*為Chrome/Safari*/
	-moz-border-style: none;/*為Firefox*/
	-ms-border-style: none;  /*為IE*/
	-o-border-style: none; /*為Opera*/
    border: #cccccc 1px solid;
    -webkit-border: #cccccc 1px solid; /*為Chrome/Safari*/
	-moz-border: #cccccc 1px solid;/*為Firefox*/
	-ms-border: #cccccc 1px solid;  /*為IE*/
	-o-border: #cccccc 1px solid; /*為Opera*/
    padding: 10px 8px 10px 8px;
	margin: 5px;
    /*top right bottom left*/
    background-color: #eeeeee;
    /*-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 5px;*/
    vertical-align: top;
    vertical-align: top \9;
    /*IE8*/
    *vertical-align: middle;
    /*IE7*/
    _vertical-align: middle;
    /*IE6*/
    color: #333333;
    -webkit-appearance: none;
}


.AppSearch input[type='button']:hover{
    background-color: #747474;
	color:#ffffff;
}


.Button_App:hover {
    background-color: #E72410;
}

.Button_General_On {
    border-style: none;
    padding: 5px 10px 5px 10px;
    /*top right bottom left*/
    background-color: #142254;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    vertical-align: top;
    vertical-align: top \9;
    /*IE8*/
    *vertical-align: middle;
    /*IE7*/
    _vertical-align: middle;
    /*IE6*/
    color: #FFFFFF;
    -webkit-appearance: none;
}

.Button_Big_Import {
    font-size: 1.1rem !important;
    border-style: none;
    padding: 5px 15px 5px 15px !important;
    /*top right bottom left*/
    background-color: #db2400;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    vertical-align: top;
    vertical-align: top \9;
    /*IE8*/
    *vertical-align: middle;
    /*IE7*/
    _vertical-align: middle;
    /*IE6*/
    color: #FFFFFF;
    margin-top: 30px;
    -webkit-appearance: none;
}

.Button_Big_General {
    border-style: none;
    padding: 5px 15px 5px 15px !important;
    /*top right bottom left*/
    background-color: #6eb92b;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    vertical-align: top;
    vertical-align: top \9;
    /*IE8*/
    *vertical-align: middle;
    /*IE7*/
    _vertical-align: middle;
    /*IE6*/
    color: #FFFFFF;
    margin-top: 30px;
    -webkit-appearance: none;
}

.Button_Small_Import {
    border-style: none;
    padding: 5px 15px 5px 15px !important;
    /*top right bottom left*/
    background-color: #ec6d56;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    vertical-align: top;
    vertical-align: top \9;
    /*IE8*/
    *vertical-align: middle;
    /*IE7*/
    _vertical-align: middle;
    /*IE6*/
    color: #FFFFFF;
    -webkit-appearance: none;
}

.Button_Small_General {
    border-style: none;
    padding: 5px 15px 5px 15px !important;
    /*top right bottom left*/
    background-color: #999999;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    vertical-align: top;
    vertical-align: top \9;
    /*IE8*/
    *vertical-align: middle;
    /*IE7*/
    _vertical-align: middle;
    /*IE6*/
    color: #FFFFFF;
    -webkit-appearance: none;
}

.Button_Small_General:hover {
    border-style: none;
    padding: 5px 15px 5px 15px !important;
    /*top right bottom left*/
    background-color: #6eb92b;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    vertical-align: top;
    vertical-align: top \9;
    /*IE8*/
    *vertical-align: middle;
    /*IE7*/
    _vertical-align: middle;
    /*IE6*/
    color: #FFFFFF;
    -webkit-appearance: none;
}

.Button_important {
    border-style: none;
    padding: 5px 20px 5px 20px;
    /*top right bottom left*/
    background-color: #4b8d7f;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    vertical-align: top;
    vertical-align: top \9;
    /*IE8*/
    *vertical-align: middle;
    /*IE7*/
    _vertical-align: middle;
    /*IE6*/
    color: #FFFFFF;
    -webkit-appearance: none;
}

.Button_important:hover {
    background-color: #008cd3;
}

.Button_Add {
    border-style: none;
    padding: 5px 10px 5px 10px !important;
    /*top right bottom left*/
    background-color: #727171;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    vertical-align: top;
    vertical-align: top \9;
    /*IE8*/
    *vertical-align: middle;
    /*IE7*/
    _vertical-align: middle;
    /*IE6*/
    color: #FFFFFF;
    -webkit-appearance: none;
    margin: 0 0 5px 0;
}

.Button_Add:hover {
    background-color: #0075C2;
}

.Button_Edit {
    border-style: none;
    padding: 5px 10px 5px 10px !important;
    /*top right bottom left*/
    background-color: #7AAC52;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    vertical-align: top;
    vertical-align: top \9;
    /*IE8*/
    *vertical-align: middle;
    /*IE7*/
    _vertical-align: middle;
    /*IE6*/
    color: #FFFFFF;
    -webkit-appearance: none;
    margin: 0 0 5px 0;
}

.Button_Edit:hover {
    background-color: #41811e;
}

.Button_Del {
    border-style: none;
    padding: 5px 10px 5px 10px !important;
    /*top right bottom left*/
    background-color: #C53D41;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    vertical-align: top;
    vertical-align: top \9;
    /*IE8*/
    *vertical-align: middle;
    /*IE7*/
    _vertical-align: middle;
    /*IE6*/
    color: #FFFFFF;
    -webkit-appearance: none;
}

.Button_Del:hover {
    background-color: #c6002b;
}

.Button_Submit {
    border-style: none;
    padding: 5px 20px 5px 20px !important;
    /*top right bottom left*/
    background-color: #E72410;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    vertical-align: top;
    vertical-align: top \9;
    /*IE8*/
    *vertical-align: middle;
    /*IE7*/
    _vertical-align: middle;
    /*IE6*/
    color: #FFFFFF;
    -webkit-appearance: none;
}

.Button_Submit:hover {
    background-color: #142254;
}

.DIV_Transport {
    padding: 10px;
    line-height: 2.7rem;
}

.DIV_TransportTwoLine {
    margin-left: 26rem;
    text-indent: -26rem;
}

.DIV_TransportS {
    padding: 10px;
    line-height: 3rem;
}

.Button_Transport {
    border: 2px solid #142254;
    font-weight: 500;
    padding: 5px 10px 5px 10px !important;
    /*top right bottom left*/
    background-color: #B81C22;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    vertical-align: top;
    vertical-align: top \9;
    /*IE8*/
    *vertical-align: middle;
    /*IE7*/
    _vertical-align: middle;
    /*IE6*/
    color: #ffffff;
    -webkit-appearance: none;
    margin-right: 10px;
}

.Button_Transport:hover {
    background-color: #ffffff;
    color: #B81C22;
    cursor: pointer;
}

.Button_Transport2 {
    border: 2px solid #4C4948;
    font-weight: 500;
    padding: 5px 10px 5px 10px !important;
    /*top right bottom left*/
    background-color: #4C4948;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    vertical-align: top;
    vertical-align: top \9;
    /*IE8*/
    *vertical-align: middle;
    /*IE7*/
    _vertical-align: middle;
    /*IE6*/
    color: #ffffff;
    -webkit-appearance: none;
    margin-right: 10px;
}

.Button_Transport2:hover {
    background-color: #ffffff;
    color: #4C4948;
    cursor: pointer;
}

.Button_Transport3 {
    border: 2px solid #1B599D;
    font-weight: 500;
    padding: 5px 10px 5px 10px !important;
    /*top right bottom left*/
    background-color: #1B599D;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    vertical-align: top;
    vertical-align: top \9;
    /*IE8*/
    *vertical-align: middle;
    /*IE7*/
    _vertical-align: middle;
    /*IE6*/
    color: #ffffff;
    -webkit-appearance: none;
    margin-right: 10px;
}

.Button_Transport3:hover {
    background-color: #ffffff;
    color: #1B599D;
    cursor: pointer;
}

.Button_Transport_Common {
    font-weight: 500;
    padding: 5px 10px 5px 10px !important;
    /*top right bottom left*/
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    vertical-align: top;
    vertical-align: top \9;
    /*IE8*/
    *vertical-align: middle;
    /*IE7*/
    _vertical-align: middle;
    /*IE6*/
    color: #ffffff;
    -webkit-appearance: none;
    margin-right: 10px;
}

.Button_TransportGray {
    border: 2px solid #595757;
    background-color: #595757;
}

.Button_TransportGray:hover {
    background-color: #ffffff;
    color: #595757;
    cursor: pointer;
}

.Button_TransportYellow {
    border: 2px solid #FDD000;
    background-color: #FDD000;
}

.Button_TransportYellow:hover {
    background-color: #ffffff;
    color: #FDD000;
    cursor: pointer;
}

.Button_TransportBlue {
    border: 2px solid #0075C2;
    background-color: #0075C2;
}

.Button_TransportBlue:hover {
    background-color: #ffffff;
    color: #0075C2;
    cursor: pointer;
}

.Button_TransportGreen {
    border: 2px solid #45B035;
    background-color: #45B035;
}

.Button_TransportGreen:hover {
    background-color: #ffffff;
    color: #45B035;
    cursor: pointer;
}

.Button_TransportPurple {
    border: 2px solid #70328F;
    background-color: #70328F;
}

.Button_TransportPurple:hover {
    background-color: #ffffff;
    color: #70328F;
    cursor: pointer;
}

.Tred {
    color: #B81C22;
    font-size: 1.5rem;
}

.Tgray {
    color: #4C4948;
    font-size: 1.5rem;
}

.Tblack {
    color: #000000;
    font-size: 1.5rem;
    line-height: 2.5rem;
}

.Tblack a,
.Tblack a:link,
.Tblack a:visited,
.Tblack a:active {
    color: #000000;
}

.Tblack a:hover {
    color: #0075C2;
}

.TblackS {
    color: #000000;
    font-size: 1rem;
}

.TClear {
    display: none;
}

@media (max-width: 510px) {
    .TClear {
        display: block;
        clear: both;
        height: 5px;
    }
    .DIV_TransportTwoLine {
        margin-left: 0rem;
        text-indent: 0rem;
    }
}

@media (max-width: 768px) {
    .sidebar_style{
        display: none;
    }

}

.Navi_NoUse {
    border-style: none;
    padding: 5px 10px 5px 10px !important;
    /*top right bottom left*/
    background-color: #727171;
    /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;*/
    vertical-align: top;
    vertical-align: top \9;
    /*IE8*/
    *vertical-align: middle;
    /*IE7*/
    _vertical-align: middle;
    /*IE6*/
    color: #FFFFFF;
    -webkit-appearance: none;
}

.Navi_NoUse:hover {
    background-color: #2d7dc4;
}

.Navi_Use {
    border-style: none;
    padding: 5px 10px 5px 10px !important;
    /*top right bottom left*/
    background-color: #2d7dc4;
    /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;*/
    vertical-align: top;
    vertical-align: top \9;
    /*IE8*/
    *vertical-align: middle;
    /*IE7*/
    _vertical-align: middle;
    /*IE6*/
    color: #FFFFFF;
    -webkit-appearance: none;
}

.NewsCate {
    border-style: none;
    padding: 3px 10px 2px 10px;
    /*top right bottom left*/
    /*-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    vertical-align: middle;
    vertical-align: top \9;
    /*IE8*/
    *vertical-align: middle;
    /*IE7*/
    _vertical-align: middle;
    /*IE6*/
    color: #FFFFFF;
    white-space: nowrap;
    text-align: center;
    font-size: 1.1rem;
}

.NewsTop {
    background-color: #E72410;
    border-style: none;
    padding: 3px 10px 2px 10px;
    /*top right bottom left*/
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    vertical-align: middle;
    vertical-align: top \9;
    /*IE8*/
    *vertical-align: middle;
    /*IE7*/
    _vertical-align: middle;
    /*IE6*/
    color: #FFFFFF;
    white-space: nowrap;
    text-align: center;
    font-size: 1.1rem;
}

.NewsNew {
    border-style: none;
    padding: 2px 2px 2px 2px;
    /*top right bottom left*/
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    vertical-align: middle;
    vertical-align: top \9;
    /*IE8*/
    *vertical-align: middle;
    /*IE7*/
    _vertical-align: middle;
    /*IE6*/
    color: #FFFFFF;
    white-space: nowrap;
    text-align: center;
    background-color: #E72410;
    font-size: 10px;
    -webkit-transform: scale(0.8);
    display: inline-block;
}


/*相簿*/

.AlbumBlock {
    -moz-box-shadow: 1px 1px 4px 1px #dddddd;
    -webkit-box-shadow: 1px 1px 4px 1px #dddddd;
    box-shadow: 1px 1px 4px 1px #dddddd;
    /* For IE 8 */
    *ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#da8a09')";
    /* For IE 5.5 - 7 */
    *filter: progid: DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#da8a09');
    border-radius: 1px;
    padding: 10px;
    background-color: #FFFFFF;
}

.AlbumBlockHome {
    margin-left: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
    -moz-box-shadow: 1px 1px 4px 1px #da8a09;
    -webkit-box-shadow: 1px 1px 4px 1px #da8a09;
    box-shadow: 1px 1px 4px 1px #da8a09;
    /* For IE 8 */
    *ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#da8a09')";
    /* For IE 5.5 - 7 */
    *filter: progid: DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#da8a09');
    border-radius: 1px;
    padding: 10px;
    background-color: #FFFFFF;
}

.AlbumBlock_Font,
.AlbumBlock_Font a:link {
    vertical-align: top;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    font-size: 1.1rem;
    line-height: 2rem;
    color: #666666;
    height: 50px;
}

.AlbumBlock_Count {
    vertical-align: middle;
    padding-right: 10px;
    font-size: 1.1rem;
    color: #45B035;
}


/*相關連結*/

.LinksBlockTitle {
    color: #ffffff;
    font-size: 110%;
    border-radius: 10px;
    margin-top: 5px;
    margin-bottom: 15px;
    width: 100%;
    padding: 10px;
}

.LinksBlock {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px;
    -moz-box-shadow: 1px 1px 4px 1px #dddddd;
    -webkit-box-shadow: 1px 1px 4px 1px #dddddd;
    box-shadow: 1px 1px 4px 1px #dddddd;
    /* For IE 8 */
    *ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#da8a09')";
    /* For IE 5.5 - 7 */
    *filter: progid: DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#da8a09');
    border-radius: 1px;
    padding: 0px;
    background-color: #FFFFFF;
}

.LinksBlock_Font {
    vertical-align: top;
    color: #ffffff;
    background-color: #727171;
    /*background: linear-gradient(90deg, transparent 5%, #D23346 0), linear-gradient(-90deg, transparent 5%, #FBCC08 0);*/
}

.LinksBlock_Font a:link,
.LinksBlock_Font a:visited,
.LinksBlock_Font a:active {
    color: #ffffff;
    font-size: 1.1rem;
}

@media (max-width: 768px) {
    .LinksBlock_Font a:link,
    .LinksBlock_Font a:visited,
    .LinksBlock_Font a:active {
        font-size: 1.1rem;
    }
}


/*影音專區*/

.VideoText {
    font-size: 15px;
    border: #000000 1px solid;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 10px;
    color: #ffffff;
    background-color: #000000;
}

.VideoBGBlockPic {
    float: right;
    position: relative;
    margin-top: -7px;
}


/*表格樣式 前臺無框*/

.SelfTableClear table {
    margin: 0px 0 10px 0;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
}

.SelfTableClear table th {
    background: #0090D7;
    font-size: 100%;
    color: #FFFFFF;
    vertical-align: middle;
}

.SelfTableClear table tr:nth-child(even) {
    background: #EEEEEE;
}

.SelfTableClear table tr:hover {
    background: #f7e5b7;
}


/*.SelfTableClear table td:nth-child(4){color:#d43939;}*/

.SelfTableClear table td,
.SelfTableClear table th {
    border: 0px solid #EEEEEE;
    vertical-align: middle;
    line-height: 24px;
    padding: 0px 3px 0px 3px;
}


/*表格樣式 前臺無框*/

.SelfTableLine table {
    margin: 0px 0 10px 0;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
}

.SelfTableLine table th {
    color: #FFFFFF;
    vertical-align: middle;
}

.SelfTableLine table tr:nth-child(even) {}

.SelfTableLine table tr:hover {
    background: #ffffff;
}

.SelfTableLine1 table tr:hover {
    background: #efefef;
}

.SelfTableLine2 table tr:hover {
    background: #ffffff;
}

.SelfTableLine3 table tr:hover {
    background: #ffffff;
}

.SelfTableLine4 table tr:hover {
    background: #ffffff;
}

.SelfTableLine5 table tr:hover {
    background: #ffffff;
}


/*.SelfTableLine table td:nth-child(4){color:#d43939;}*/

.SelfTableLine table td,
.SelfTableLine table th {
    border-bottom: #ffffff solid 1px;
    vertical-align: middle;
    padding: 7px 0px;
}

.SelfTableLine1 table td,
.SelfTableLine1 table th {
    border-bottom: #bbbbbb solid 1px;
    vertical-align: middle;
    padding: 10px 0px;
}
.SelfTableLine1 table tr {
    border-radius: 10px;
}

.SelfTableLine2 table td,
.SelfTableLine2 table th {
    border-bottom: #bbbbbb solid 1px;
    vertical-align: middle;
    padding: 10px 0px;
}

.SelfTableLine3 table td,
.SelfTableLine3 table th {
    border-bottom: #bbbbbb solid 1px;
    vertical-align: middle;
    padding: 10px 0px;
}

.SelfTableLine4 table td,
.SelfTableLine4 table th {
    border-bottom: #bbbbbb solid 1px;
    vertical-align: middle;
    padding: 10px 0px;
}

.SelfTableLine5 table td,
.SelfTableLine5 table th {
    border-bottom: #bbbbbb solid 1px;
    vertical-align: middle;
    padding: 10px 0px;
}


/*表格樣式 有框*/

.SelfTable table {
    margin: 10px 0 20px 0;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
}

.SelfTable table th {
    background: #142254;
    line-height: 2em;
    color: #FFFFFF;
    vertical-align: middle;
    font-size: 1.1rem;
}

.SelfTable table tr:nth-child(even) {
    background: #EEEEEE;
}


/*.SelfTable table td:nth-child(even){color:#CC0000;}*/


/*.SelfTable table tr:nth-child(5){background:#73B1E0;color:#FFF;}*/

.SelfTable table tr:hover {
    background: #f7e5b7;
}

.SelfTable table td,
.SelfTable table th {
    border: 1px solid #EEEEEE;
    vertical-align: middle;
}


/*表格樣式 前臺有框上標題*/

.SelfTableBorder table {
    margin: 10px 0 20px 0;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
}

.SelfTableBorder table th {
    background: #142254;
    color: #FFFFFF;
    vertical-align: middle;
}

.SelfTableBorder table tr:nth-child(even) {
    background: #EEEEEE;
}

.SelfTableBorder table tr:hover {
    background: #f7e5b7;
}

.SelfTableBorder table td,
.SelfTableBorder table th {
    border: 1px solid #EEEEEE;
    vertical-align: middle;
    line-height: 1.5em;
    padding: 5px 0 5px 0;
}


/*表格樣式 前臺有框上標題 列印用*/

.PrintTableBorder table {
    margin: 10px 0 20px 0;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
}

.PrintTableBorder table th {
    background: #eeeeee;
    vertical-align: middle;
}

.PrintTableBorder table tr:hover {
    background: #f7e5b7;
}

.PrintTableBorder table td,
.PrintTableBorder table th {
    border: 1px solid #333333;
    vertical-align: middle;
    line-height: 1.5rem;
    padding: 5px 10px;
}

.PrintTableTitle {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 10px;
}


/*一般連結不醒目*/

.Infor1000 {}

.SelfTableLink,
.SelfTableLink a:link {
    text-decoration: none;
    color: #444444;
    padding: 0px;
    font-size: 1.1rem;
    line-height: 1.5rem;
}

.SelfTableLink a:visited {
    text-decoration: none;
    color: #333333;
}

.SelfTableLink a:hover {
    text-decoration: none;
    color: #db2400;
    /* Firefox */
    -moz-transition-property: opacity;
    -moz-transition-duration: 1s;
    -moz-transition-delay: 1s;
    /* WebKit */
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 1s;
    -webkit-transition-delay: 1s;
    /* Opera */
    -o-transition-property: opacity;
    -o-transition-duration: 1s;
    -o-transition-delay: 1s;
    transition-property: opacity;
    transition-duration: 1s;
    transition-delay: 1s;
}

.SelfTableLink a:active {
    text-decoration: none;
    color: #333333;
}


/*Block Style*/

.TableBlock_shadow {
    -moz-box-shadow: 0px 2px 6px 2px #CCCCCC;
    -webkit-box-shadow: 0px 2px 6px 2px #CCCCCC;
    box-shadow: 2px 2px 4px 2px #CCCCCC;
    /* For IE 8 */
    *ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#CCCCCC')";
    /* For IE 5.5 - 7 */
    *filter: progid: DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#CCCCCC');
    border-radius: 5px;
    padding: 0px;
    background-color: #FFFFFF;
}

.TableBlock_shadow_Head_Import {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: #FFFFFF;
    padding: 10px;
    font-size: 1.2rem;
    background-color: #FE4D3E;
}

.TableBlock_shadow_Head_Gerneral {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    color: #FFFFFF;
    padding: 10px;
    /*font-size:18px;*/
    /*font-style: italic;*/
    background-color: #4d4d4d;
}

.TableBlock_shadow_Head_Gerneral td {
    color: #FFFFFF;
    /*font-size:13px;*/
}

.TableBlock_Head_Straight {
    color: #FFFFFF;
    padding: 10px;
    font-size: 18px;
    background-color: #4b8d7f;
}

.TableBlock_Head_Straight td {
    color: #FFFFFF;
    font-size: 16px;
}

.TableBlock_shadow_Head_AdminMenu {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: #FFFFFF;
    padding: 10px;
    font-size: 18px;
    font-style: italic;
    background-color: #94c914;
}

.TableBlock_shadow_Head_AdminMenu td {
    color: #FFFFFF;
    font-size: 13px;
}

.TableBlock_shadow_Head_Back {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: #FFFFFF;
    padding: 10px;
    font-size: 16px!important;
    background-color: #4d4d4d;
}

.TableBlock_shadow_Head_Back td {
    color: #FFFFFF;
    font-size: 16px!important;
}

.PrintBlock span {
    -moz-box-shadow: 0px 2px 6px 2px #CCCCCC;
    -webkit-box-shadow: 0px 2px 6px 2px #CCCCCC;
    box-shadow: 2px 2px 4px 2px #CCCCCC;
    /* For IE 8 */
    *ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#CCCCCC')";
    /* For IE 5.5 - 7 */
    *filter: progid: DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#CCCCCC');
    border-radius: 8px;
    padding: 10px;
    padding-bottom: 13px;
    border: solid 2px #999999;
    color: #333333;
    font-size: 16px;
}

.PrintBlock a {
    color: #333333;
    font-size: 16px;
}

.PrintBlock a:hover {
    /*background-color:#999999;
	color:#ffffff;*/
    text-decoration: none;
}

.SignUpTable_Gerneral {
    background-color: #eeeeee;
}

.SignUpTable_Head {
    background-color: #666666;
    color: #ffffff;
}


/*Msg Style*/

.msg_height {
    min-height: 35px;
}

.Error_Msg {
    background: #db2400;
    display: block;
    color: #ffffff;
    padding: 5px 10px;
    line-height: 26px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 5px;
    max-width: 500px;
}

.Success_Msg {
    background: #3ba127;
    display: block;
    color: #ffffff;
    padding: 5px 10px;
    line-height: 26px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 5px;
    max-width: 500px;
}

.Notice_Msg {
    background: #F6AC17;
    display: block;
    color: #333333;
    padding: 5px 10px;
    line-height: 26px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 5px;
    max-width: 500px;
}


/*Menu Style*/

.MenuPart {
    letter-spacing: 10px;
    vertical-align: top;
    font-size: 18px;
}

.UserData {
    color: #ffffff;
    padding: 10px;
    font-size: 15px;
    padding-right: 100px;
}

.Dot_Gerneral {
    background-color: #999999;
    -moz-border-radius: 99em;
    -webkit-border-radius: 99em;
    border-radius: 99em;
    height: 6px;
    width: 6px;
}

.LeftMenuBg {
    /*background-image:url(../ImgCommon/LeftMenuBg.png);
background-position:right top;
background-repeat:no-repeat;
height:500px;*/
}

.LeftMenuBlock {
    margin-top: 20px;
    min-width: 197px;
    width: 95%;
    background-color: #fff;
    min-height: 450px;
    vertical-align: top;
    margin-right: 20px;
    border-radius: 17px 17px 0px 0px;
    border: #E6E6E6 solid 0px;
}

.LeftMenuTitle {
    color: #ffffff;
    padding-top: 25px;
    padding-bottom: 25px;
    width: 100%;
    text-align: center;
    background-color: #e61673;
    background-repeat: no-repeat;
    background-position: left bottom;
    font-size: 1.5rem;
    /*border-radius:15px 15px 0px 0px;*/
}

.LeftMenuTitle_bline {
    height: 6px;
    background-color: #F01446;
}

.LeftMenuSubItem,
.LeftMenuSubItem a {
    /*color:#444444;*/
    font-size: 1.2rem;
    height: 60px;
    text-align: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 100%;
}

.LeftMenuSubItem {
    border-bottom: 1px #E6E6E6 dotted;
    background-color: #f7f7f7;
}

.LeftMenuSubItem:hover {
    /*background-color:#fbdaa5;*/
}


/*
.LeftMenuSubItem:hover a{
color:#ffffff;
}*/

.LeftMenuSubItem a:hover {
    text-decoration: none;
}


/*導覽列連結*/

.NaviLink a:link {
    text-decoration: none;
    color: #666666;
    padding: 5px;
}

.NaviLink a:visited {
    text-decoration: none;
    color: #333333;
}

.NaviLink a:hover {
    text-decoration: none;
    color: #db2400;
}

.NaviLink a:active {
    text-decoration: none;
    color: #333333;
}


/*導覽列按鈕樣式*/

.NaviLink .NaviLink_Func {
    background-color: #2d7dc4;
    color: #ffffff;
    padding: 10px 10px;
    width: 100%;
    height:40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
}

.NaviLink .NaviLink_Func:link,
.NaviLink .NaviLink_Func:active,
.NaviLink .NaviLink_Func:visited {
    color: #ffffff !important;
}

.NaviLink span {
    padding: 15px;
}

@media (max-width: 768px){
    .NaviLink .NaviLink_Func{
        display: none;
    }
}



/*跑馬燈OP*/

.abgne-news-scroll {
    border: 0px solid #f39;
    width: 100%;
    height: 40px;
    overflow: hidden;
    position: relative;
}

.abgne-news-scroll ul {
    position: absolute;
}

.abgne-news-scroll li {
    height: 20px;
    padding: 5px 0 5px 0px;
    font-size: 1.1rem;
    color: #333333;
}

.abgne-news-scroll li a {
    font-size: 1.1rem;
    color: #333333;
}

@media (max-width: 768px) {
    .abgne-news-scroll li,
    .abgne-news-scroll li a {
        font-size: 1.1rem;
    }
}

@media (max-width: 510px) {
    /*.abgne-news-scroll {
            height: 50px; 
        }
     .abgne-news-scroll li { height: 80px; line-height:60px; padding: 0px 0 0px 0px; }
     .MarqueeMore{height:80px;background-color:#D6B100;padding-top:25px;}*/
}


/*跑馬燈ED*/


/*Table Style*/

.stripe tr td {
    /*background-color:#FFFFFF;*/
}

.stripe tr.alt td {
    background-color: #EEEEEE;

}

#TdColor tr.alt td {
    background-color: ;

}


/*自訂頁面表格*/1n

.ShowDataTitle {
    font-size: 1.4rem;
    color: #142254;
    font-weight: 500;
    line-height: 3rem;
}

.ShowDataSubTitle {
    font-size: 1.4rem;
    color: #D6000F;
    font-weight: 500;
    line-height: 3rem;
}

.ShowDataTable th {
    text-align: center;
    vertical-align: middle;
    background-color: #727171;
    color: #ffffff;
    line-height: 240%;
}

.ShowDataTable th:nth-child(1n) {
    border-left: #4d4d4d 1px solid;
}

.ShowDataTable th:nth-child(1) {
    border-left: #4d4d4d 1px solid;
}

.ShowDataTable th {
    border-bottom: #ffffff 1px solid;
}

.ShowDataTable {
    border: #142254 1px solid !important;
    border-collapse: collapse;
    background-color: #ffffff;
}

.ShowDataTable td {
    text-align: center;
    vertical-align: middle;
    border: #4d4d4d 1px solid;
    line-height: 240%;
}


/*.ShowDataTable tr:nth-of-type(odd){background-color:#e6e6e6;}*/

.ShowDataTable .MainTD {
    background-color: #e6e6e6;
}


/*前端用*/

.stripeFore tr.alt td {
    /*background-color:#EEEEEE;*/
    border-top: #bbbbbb 1px solid;
    border-bottom: #bbbbbb 1px solid;
}

.stripeFore td {
    /*background-color:#EEEEEE;*/
    padding: 10px 0px;
    font-size: 1.1rem;
}


/*頁尾*/

.BodyBot {
    background-color: #2d7dc4;
    color: #ffffff;
    line-height: 28px;
    padding: 50px 0 50px 0;
}

/*.BodyBotPic {
    background-image: url('/Upfile/Skin/Bgline.png');
    background-position: bottom;
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: 550px;
}*/

.BodyBotUnit {
    background-color: #e9e7e7;
    padding: 20px 0px;
}
.UnitAreaInfo{
    max-width: 90%;
    display: flex;
    color: #ffffff;
    justify-content: space-around;
}
.UnitAreaInfo li{
    padding-right: 5px;
    padding-left: 5px;
}

.UnitAreaInfoLink{
    display: flex;
    color: #ffffff;
    justify-content: left;
    margin: 20px;

}
.UnitAreaInfoLink li{
    padding-right: 5px;
    padding-left: 5px;
    margin: 10px 0px;
}

.UnitAreaInfoLink a {
    background-color: #fff;
    color: #3c3c3c;
    padding: 5px 15px;
    border-radius: 15px;
}


.UnitAreaInfoLink a:hover {
    background-color: #00b3cd;
    color:#fff;

}

@media (max-width: 1200px) {
    .UnitAreaInfo .UnitAreaInfoLink{
        max-width: 90%;
        color: #ffffff;
        flex-direction: column;
    } 
}



/*自訂頁面編排用*/

.content_title {
    color: #e23a1b;
    font-size: 200%;
    text-align: center;
    font-weight: 500;
    letter-spacing: 2pt;
    padding: 15px 0px;
    line-height: 120%;
}

.sub_title {
    color: #e23a1b;
    font-size: 150%;
    letter-spacing: 2pt;
    line-height: 180%;
}

.sub_title2 {
    color: #008ccf;
    font-size: 150%;
    letter-spacing: 2pt;
    line-height: 180%;
}

.sub_title2s {
    color: #008ccf;
    font-size: 150%;
    letter-spacing: 2pt;
    margin-top: -5px;
    line-height: 180%;
}


/*倒數計時器OP*/

.TimeBlock {
    color: #a31f34;
    padding: 5px;
    font-size: 1.7rem;
    font-weight: 500;
    letter-spacing: 1.8pt;
    font-style: italic;
}

.TimeBlockWord {
    color: #ffffff;
    padding: 3px;
    font-size: 2rem;
    font-weight: 500;
    background-color: #a31f34;
    font-style: italic;
}


/*倒數計時器ED*/


/*成績查詢總表*/

.ScoreTableDate {
    padding: 3px 8px;
    margin: 0px 5px;
    border: #142254 1px solid;
    color: #333333 !important;
}

.ScoreTableDate:hover {
    background-color: #142254;
    color: #ffffff !important;
}

.ScoreTableDate:hover i {
    color: #ffffff;
}
/*成績公告相關資訊-1*/
.ScoreTableInfor1 {
	background-color:#00b3cd;
	border-radius:5px;
	padding:5px 10px;
	color:#fff;
	margin:5px 0px;
	text-align:left;
}
.ScoreTableInfor1 a:link {
	color:#fff !important;
}
/*成績公告備註文字*/
.ScoreTableRemark {
	background-color:#2d7dc4;
	border-radius:5px;
	padding:5px 10px;
	color:#fff;
	margin:5px 0px;
	text-align:left;
}


/*自訂頁面*/

.TransImgBlock a img {
    width: 95%;
}

.TransImgBlock {
    width: 33%;
    float: left;
}

@media (max-width: 768px) {
    .TransImgBlock {
        width: 50%;
    }
    #HomeSystemBlock {
        margin-top: 10%
    }
}

@media (max-width: 510px) {
    .TransImgBlock {
        width: 98%;
    }
    .PhoneWidth100 {
        width: 98%;
    }
    .LoginForm {
        width: 95%;
    }
}


/*回頂端*/

.Footer_Top {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 5px 12px 0px 12px;
    /*top right bottom left*/
    background-color: rgba(180, 180, 180, 0.3);
    /*background-color:#AAAAAA;*/
    vertical-align: top;
    vertical-align: top \9;
    /*IE8*/
    *vertical-align: middle;
    /*IE7*/
    _vertical-align: middle;
    /*IE6*/
    color: #ffffff;
    transition: background 0.5s linear;
}

.Footer_Top:hover,
.Footer_Top:focus {
    background-color: #E72410 !important;
    color: #ffffff;
}

.Footer_Top a {
    transition: background 0.3s linear;
    line-height: 2em;
}

.Footer_Top i {
    font-size: 2rem;
}

.Footer_Top a:focus {
    /*background-color:#FF8346 !important;*/
}

.DisplayShow {
    display: block;
}


/*浮動區塊*/

.BlockUL li {
    display: inline-block;
    margin: 10px;
}


/*Print Style*/

.JustPrint {
    display: none
}

@media print {
    .JustPrint {
        display: block;
        font: 9pt verdana;
        letter-spacing: 2px;
    }
    .NoPrint {
        display: none
    }
}


/*Card Style*/

.Button_ON {
    border-style: none;
    padding: 3px 8px 3px 8px;
    /*top right bottom left*/
    background-color: #999999;
    color: #FFFFFF;
}

.CardTitle {
    font-size: 55px;
    font-family: "華康新特明體";
    text-align: center;
    padding-top: 30px;
    letter-spacing: 8pt;
    padding-left: 25px;
}

.CardTitleSmall {
    font-size: 52px;
    font-family: "華康新特明體";
    text-align: center;
    padding-top: 30px;
    letter-spacing: 0pt;
    padding-left: 10px;
}

.CardTeamContentBig {
    color: #000000;
    font-size: 80px;
    font-family: "華康新特明體";
    text-align: center;
    padding-left: 30px;
    padding-right: 20px;
    line-height: 95px;
    vertical-align: middle;
}

.CardTeamContentSmall {
    color: #000000;
    font-size: 65px;
    font-family: "華康新特明體";
    text-align: center;
    vertical-align: middle;
    line-height: 85px;
    padding-left: 30px;
    padding-right: 20px;
}

.JoinLH {
    line-height: 25px;
}

.JoinLH_2 {
    line-height: 20px;
}

.JoinLH2 {
    line-height: 42px;
}

.JoinLH3 {
    margin-top: 10px;
}

.JoinLH4 {
    padding: 5px 0px 5px 0px;
}

.JoinLH5 {
    padding: 3px 0px 3px 0px;
}

.JoinLH4_2 {
    padding: 10px 0px 10px 0px;
}

.JoinLH4_3 {
    padding: 22px 0px 5px 10px;
}

.JoinLH4_4 {
    padding: 10px 0px 10px 10px;
}

.InnerWord {
    margin-left: 3em;
    text-indent: -3em;
}

.InnerWord2 {
    margin-left: 0em;
    text-indent: -0em;
}

.JoinSubTitle {
    font-size: 22px;
    font-family: "Adobe 繁黑體 Std";
    letter-spacing: 1pt;
    color: #1e4a7b;
}

.JoinContentSmall {
    color: #000000;
    font-size: 16px;
    font-family: "微軟正黑體";
}

.JoinContentMiddle {
    color: #000000;
    font-size: 18px;
    font-family: "微軟正黑體";
}

.JoinContentMiddle3 {
    color: #000000;
    font-size: 20px;
    font-family: "微軟正黑體";
}

.JoinContentMiddle3_2 {
    color: #000000;
    font-size: 19px;
    font-family: 'Noto Sans TC', sans-serif;
}

.JoinContentSmall2 {
    color: #000000;
    font-size: 24px;
    font-family: "微軟正黑體";
}

.JoinContentSmall3 {
    color: #000000;
    font-size: 22px;
    font-family: "微軟正黑體";
}

.JoinContentMiddle2 {
    color: #000000;
    font-size: 30px;
    font-family: "微軟正黑體";
}

.JoinContentBig2 {
    color: #000000;
    font-size: 30pt;
    font-family: "微軟正黑體";
    letter-spacing: 0pt;
    line-height: 40pt;
    font-weight: bold;
}

.JoinContentMiddle2_2 {
    color: #000000;
    font-size: 34px;
    font-family: "微軟正黑體";
    letter-spacing: 0pt;
    line-height: 33px;
}

.StaffSubTitleSmall {
    font-size: 55px;
    font-family: "Adobe 繁黑體 Std", "微軟正黑體";
    letter-spacing: 1pt;
    font-weight: bold;
    line-height: 33px;
    text-align: center;
    color: #a51725;
}

.StaffSubTitleBig {
    font-size: 68px;
    font-family: "Adobe 繁黑體 Std", "微軟正黑體";
    letter-spacing: 8pt;
    font-weight: bold;
    line-height: 33px;
    text-align: center;
    padding-left: 10px;
    color: #a51725;
}

.StaffContentSmall {
    font-size: 33px;
    font-family: "Adobe 繁黑體 Std", "微軟正黑體";
    letter-spacing: 1pt;
    font-weight: bold;
    text-align: center;
}

.StaffContentBig {
    font-size: 40px;
    font-family: "Adobe 繁黑體 Std", "微軟正黑體";
    letter-spacing: 1pt;
    font-weight: bold;
    line-height: 33px;
    text-align: center;
}

.StaffContentLarge {
    font-size: 50px;
    font-family: "Adobe 繁黑體 Std", "微軟正黑體";
    letter-spacing: 1pt;
    font-weight: bold;
    line-height: 33px;
    text-align: center;
}

.AppealTitle {
    font-size: 47px;
    font-family: "華康新特明體";
    text-align: center;
    padding-top: 30px;
    letter-spacing: 4pt;
    padding-left: 10px;
    line-height: 65px;
}

.AppealTitleBig {
    font-size: 55px;
    font-family: "華康新特明體";
    text-align: center;
    padding-top: 30px;
    letter-spacing: 4pt;
    padding-left: 10px;
    line-height: 65px;
}

.AppealContentBig {
    font-size: 24px;
    font-family: "Adobe 繁黑體 Std", "微軟正黑體";
    letter-spacing: 8pt;
    font-weight: bold;
    line-height: 33px;
    text-align: center;
    padding-left: 15px;
}

.SortNum {
    font-size: 180px;
    font-family: "微軟正黑體";
    letter-spacing: 1pt;
    text-align: center;
    color: #a51725;
    font-weight: bold;
}

.SortSubTitle {
    font-size: 26px;
    font-family: "Adobe 繁黑體 Std";
    letter-spacing: 1pt;
    color: #1e4a7b;
}

.SortTitle {
    color: #000000;
    font-size: 26px;
    font-family: "Adobe 繁黑體 Std", "微軟正黑體";
    letter-spacing: 1pt;
    font-weight: bold;
    line-height: 33px;
}

.JudgeContentTitle {
    font-size: 24px;
    font-family: "Adobe 繁黑體 Std", "微軟正黑體";
    letter-spacing: 1pt;
    font-weight: bold;
    line-height: 33px;
    text-align: center;
}

.JudgeTitle {
    font-size: 35px;
    font-family: "Adobe 繁黑體 Std", "微軟正黑體";
    letter-spacing: 1pt;
    font-weight: bold;
    line-height: 60px;
    vertical-align: middle;
}

.JudgeSubTitle {
    font-size: 35px;
    font-family: "Adobe 繁黑體 Std";
    letter-spacing: 1pt;
    color: #1e4a7b;
    vertical-align: top;
}

.OnlyTitle {
    font-size: 80px;
    font-family: "華康新特明體";
    text-align: center;
    padding-top: 30px;
    letter-spacing: 8pt;
    padding-left: 20px;
}

.GuestSubTitleSmall {
    font-size: 34px;
    font-family: "Adobe 繁黑體 Std", "微軟正黑體";
    letter-spacing: 1pt;
    font-weight: bold;
    line-height: 33px;
    text-align: center;
    color: #a51725;
}

.GuestSubTitleBig {
    font-size: 50px;
    font-family: "Adobe 繁黑體 Std", "微軟正黑體";
    letter-spacing: 3pt;
    font-weight: bold;
    line-height: 33px;
    text-align: center;
    padding-left: 10px;
    color: #a51725;
}

.GuestSubContentSmall {
    font-size: 34px;
    font-family: "Adobe 繁黑體 Std", "微軟正黑體";
    letter-spacing: 1pt;
    font-weight: bold;
    line-height: 33px;
    text-align: center;
    color: #a51725;
}

.GuestSubContentBig {
    font-size: 44px;
    font-family: "Adobe 繁黑體 Std", "微軟正黑體";
    letter-spacing: 3pt;
    font-weight: bold;
    line-height: 33px;
    text-align: center;
    padding-left: 10px;
    color: #a51725;
}

.StickerTitle {
    font-size: 30px;
    font-family: "Adobe 繁黑體 Std", "微軟正黑體";
    text-align: center;
    padding-top: 30px;
}

.StickerTitleBig {
    font-size: 80px;
    font-family: "Adobe 繁黑體 Std", "微軟正黑體";
    text-align: center;
    padding-top: 20px;
}

.StickerTitle table td {
    font-size: 18px;
    font-family: "Adobe 繁黑體 Std", "微軟正黑體";
    text-align: center;
}

/*header 排版*/
.top_list{
    display: flex;
    justify-content: flex-end;

}
.top_list li::after{
    content: "|";
    margin: 0 12px;
}
.top_list a{
    color: #666;
}
.top_list a:hover{
    color: #03a2a6;
}

.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%);;*/
}

.tips img{
    width:25%;
    text-align: center;
}




@media(max-width:768px){
    .tips img{width: 100%;}
}

/*吉祥物用*/
.mascotblock_1div{
	vertical-align:middle;
    width: 100%;
	margin-bottom: 40px;
	font-weight: inherit;
    font-style: inherit;
    font-size: 16px;
    line-height: 26px;
    font-family:"Verdana"," Geneva", sans-serif,"微軟正黑體";
	text-align:left;
	/*position: relative;
    overflow: hidden;*/


	}

.mascotblock_1{
	border:0px #111 solid;
    box-sizing: border-box;
	padding: 0px;
	margin-bottom: 40px;
}


.mascotblock_1 li{
	display:inline-block; 
	width:49%; 
	text-align:center; 
	padding:5px;
	vertical-align:middle;
	color:#0064b4;
	
	
}

.mascotblock_2{
	border:0px #f2f2f2 solid;
    box-sizing: border-box;
    padding:0;
	margin-bottom: 40px;
}

.mascotblock_2 li{
	display:inline-block; 
	width:30%; 
	text-align:center; 
	padding:3% 3% 3% 3%;
	vertical-align:middle;
    /*border: 2px #f7f7f7 solid;
    border-radius: 15PX;
    background-color: #f7f7f7;*/
    margin: 5PX;


}



.selfpagetitle_1{
    background-color: #ffa000;
    color: #ffffff;
    width: 100%;
    font-size: 1.5rem;
    padding: 20px 15px;
    font-weight: bold;
    text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
   
	
}

.mosotname{

	font-size: 3rem;
	font-weight: 900;
    color:#3e3a39;
	
}

@media (max-width: 1000px) {
	/*原本全版訊息寬度改為滿版*/
	
	.mascotblock_2 li{width:30%; vertical-align:middle;}


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

}

/*吉祥物ED*/


@media (max-width: 768px){
    .Menu_PCStyle{
        display: none;
    }
    .Secondary{
        display: none !important;
        
    }

}

/* 物理治療單/救護單 排版 2022-12-15 增加*/
.ProtectItem_font{
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-left: 0px;
    font-size: 1rem;
  }
/*右邊社群連結*/
.Right_Push {
    z-index: 1200;
	
}

.Right_Push img{
	width: 50px;
	height:50px;
	background-color:#FFF ;
	border-radius: 50px;
	padding:1px;
	box-shadow:1px 0px 2px 2px rgba(0,0,0,0.3);
}



/*首頁各區域標題*/
.HomeAreaDiv{
    flex-direction: row;
    display:flex;
    justify-content: center;
}
.HomeAreaTitle{
    font-size: 2em;
    text-align: left;
    padding: 10px 0 20px 0;
    color: #4D4D4D;
    font-family: "Mochiy Pop One", sans-serif;
    font-style: normal;
}

.HomeAreaTitle::before{
    background: url(/Upfile/Skin/icon_tit.png?v3_0830) no-repeat left center;
    content: ""; 
    background-size: contain;
    width: 50px;
    height: 32px;
    display: inline-block;
}


.HomeAreaTitle2{  /*有顏色底*/
    font-size: 2em;
    text-align: left;
    padding: 10px 0 20px 0;
    color: #ffffff;
    font-family: "Mochiy Pop One", sans-serif;
    font-style: normal;
}

.HomeAreaTitle2::before{
    background: url(/Upfile/Skin/icon_tit2.png?v3_0904) no-repeat left center;
    content: ""; 
    background-size: contain;
    width: 25px;
    height: 32px;
    display: inline-block;
}


/*首頁公告/賽程區塊*/
.HomeAreaPc_Left{
    width: 70%;
    margin-right: 10px;
}

.HomeAreaPc_Right{
    width: 29%;
    background: url(/Upfile/Skin/Data_PC.png?v25_1111) no-repeat left center;
    font-size: 2.5em;
    font-weight: 500;
    text-align: center;
    color: #000;
    padding-top: 440px;
    padding-bottom: 15px;
    background-size: cover;

}

.HomeAreaPc_Right a{
    display: block;
    width: 70%;
    height: 100%;
    background-image: url(/Upfile/Skin/sportDate_btn_01_0.png?v25_1111);
    background-size: contain;
    transition: 0.3s ease;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
}


.HomeAreaPc_Right a:hover{
    background-image: url(/Upfile/Skin/sportDate_btn_01_hover1_0.png?v25_1111);
    background-size: contain;

}

@media(max-width:1400px){
    .HomeAreaPc_Left{
        width: 65%;
    }
    .HomeAreaPc_Right{
        width: 34%;
    }
}

@media(max-width:1330px){

    .HomeAreaPc_Right{
        padding-top: 410px;
    }
}

@media(max-width:1000px){
    .HomeAreaDiv{
        flex-direction: column;
    }
    .HomeAreaPc_Left{
        width: 100%;
    }
    .HomeAreaPc_Right{
        width: 100%;
        background: url(/Upfile/Skin/Date_PAD.png?v4_1211) no-repeat left center;
        height: 300PX;
        font-size: 4em;
        padding-top: 15px;
        background-size: cover;
    }
    .HomeAreaPc_Right a{
        margin-left: 216px;
    }
}

@media(max-width:500px){

    .HomeAreaPc_Right{
        width: 100%;
        background: url(/Upfile/Skin/Date_PH.png?v4_1211) no-repeat left center;
        font-size: 3em;
        padding-top: 330px;
        height: 450PX;
        background-size: cover;

    }
    .HomeAreaPc_Right a{
        margin: 0 auto;
    }
}


/*首頁新聞區塊*/
.HomeNewsArea img{
    width: 100%;
    border-radius: 15px;


}
.HomeNewsAreaPc_Left span , .HomeNewsAreaPc_Right span{
   padding: 8px 12px; 


}


.HomeNewsAreaPc_Left_photo span , .HomeNewsAreaPc_Right_photo span{
    padding: 8px 12px; 
 }


.HomeNewsAreaPc_Left{
    width: 60%;
    margin-right: 10px;
    display: flex;
    flex-direction: column;
}

.HomeNewsAreaPc_Left_photo {
    width: 65%;
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    
}

.HomeNewsAreaPc_Left img{
    height: 550px;
    object-fit: cover;
    float: right;
}

.HomeNewsAreaPc_Left_photo img{
    height: 600px;
    object-fit: cover;
    float: right;
    margin-bottom: -44px;
    border-radius: 20px !important;
}



.HomeNewsAreaPc_Right{
    width: 39%;
    display: flex;
    flex-direction: column;
    /*justify-content: space-around*/
}

.HomeNewsAreaPc_Right_photo{
    width: 34%;
    display: flex;
    flex-direction: column;
    /*justify-content: space-around*/
    
}

.HomeNewsAreaPc_Right img{
    height: 180px;
    object-fit: cover;
}

.HomeNewsAreaPc_Right_photo img{
    height: 180px;
    object-fit: cover;
}

.HomeNewsAreaPc_Right_Item1{
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 10px;
    margin-left: 10px;
    justify-content: flex-start;
    align-items: stretch;
}
.HomeNewsAreaPc_Right_Item2{
    width: 50%;
    flex-direction: column;
}

.HomeNewsAreaPc_Right_Item3{
    width: 50%;
    flex-direction: row;
    font-size: 24px;
}

.HomeNewsAreaPc_Right_Item4{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 24px;
    padding: 10px;
    align-items: baseline;
    color: #2d7dc4;
    font-weight: 600;
    white-space:nowrap;
}

.HomeNewsAreaPc_Right_Item5{
    font-size: 24px;
    padding: 10px;
    text-align: left;
    line-height: 1.2;
    color:#333333;
}


.HomeNewsAreaPc_Right_photo_Item1{
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 10px;
    margin-left: 10px;
    justify-content: flex-start;
    align-items: stretch;
}
.HomeNewsAreaPc_Right_photo_Item2{
    width: 50%;
    flex-direction: column;
}

.HomeNewsAreaPc_Right_photo_Item3{
    width: 50%;
    flex-direction: row;
    font-size: 24px;
}

.HomeNewsAreaPc_Right_photo_Item4{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 24px;
    padding: 10px;
    align-items: baseline;
    color: #2d7dc4;
    font-weight: 600;
    white-space:nowrap;
}

.HomeNewsAreaPc_Right_photo_Item5{
    font-size: 24px;
    padding: 10px;
    text-align: left;
    line-height: 1.2;
}

@media(max-width:1250px){
    .HomeNewsAreaPc_Left{
        width: 100%;
    }

    .HomeNewsAreaPc_Left img{
        height: 450px;
    }

    .HomeNewsAreaPc_Right{
        width: 100%;
        margin-left: 0px;
    }
    .HomeNewsAreaPc_Right_Item1{
        margin-left: 0px;
        margin-bottom: 30px;
        justify-content: flex-start;
    }

    .HomeNewsAreaPc_Right img{
        height: 280px;
    }
    .HomeNewsAreaPc_Right_photo{
        width: 100%;
        margin-left: 0px;
    }
    .HomeNewsAreaPc_Right_Item1_photo{
        margin-left: 0px;
        margin-bottom: 30px;
        justify-content: flex-start;
    }

    .HomeNewsAreaPc_Right_photo img{
        height: 200px;
    }
    .HomeNewsAreaPc_Left_photo{
        width: 100%;
    }
}

@media(max-width:678px){
    .HomeNewsAreaPc_Right_Item1 , .HomeNewsAreaPc_Right_photo_Item1{
        flex-direction: column;
        align-items: normal!important;
    }
    .HomeNewsAreaPc_Right_Item1{
    border-bottom:#efefef 1px solid; 
    padding-bottom:20px;
    }
    .HomeNewsAreaPc_Left img{
        height: 280px;
    }
    .HomeNewsAreaPc_Right_Item2, .HomeNewsAreaPc_Right_photo_Item2{
        width: 100%;
    }
    .HomeNewsAreaPc_Right_Item3, .HomeNewsAreaPc_Right_photo_Item3{
        width: 100%;

    }
    .HomeNewsAreaPc_Right_Item4, .HomeNewsAreaPc_Right_photo_Item4{
        width: 100%;
    }
    .HomeNewsAreaPc_Right img{
        height: 280px;
    }
    .HomeNewsAreaPc_Right_photo img{
        height: 260px;
    }
    .HomeNewsAreaPc_Left_photo  img{
        height: 275px;
        width: 100%;
    }
}

.Sitemap_Area{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.Pc_Login{
    display:flex;
}
.Ph_Login{
    display:none;
}

@media(max-width:768px){
.Pc_Login{
    display:none;
}

.Ph_Login{
    display:flex;
    justify-content: center;
}
}

.Video_Title{
    margin: 5px;
    font-size: 18px;
    font-weight: bold;
}


.CateBox{
    border-style: none;
    padding: 10px 15px;
    margin-right: 10px;
    vertical-align: middle;
    vertical-align: top \9;
    color: #FFFFFF;
    white-space: nowrap;
    text-align: left;
    position: absolute;
    top: 20px;
    left: -5px;
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
}

.CateBox_Style {
    border-style: none;
    padding: 10px 15px;
    margin-right: 10px;
    vertical-align: middle;
    vertical-align: top \9;
    color: #FFFFFF;
    white-space: nowrap;
    text-align: left;
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
}
	
    /* 競賽項目頁面 */
    .contain_data{
		display: flex;
		align-items: center;
		flex-direction: row;
	}
	.contain_data_img{
		width:25%;
	}
	.contain_detail{
		padding-left: 30px;
	}
	.Area_data{
		padding-left: 0px;
    	padding-top: 10px;
    	padding-bottom: 10px;
	}
	.Area_meet{
		padding-left: 0px;
    	padding-top: 10px;
    	padding-bottom: 10px;
	}
	.bottom_area{
		padding-left: 0;
		display: flex;
		background-color: #f2f2f2;
		justify-content: center;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.bottom_area li{
		border-radius: 100%;
		background-color: #ffffff;	
		margin: 8px;
		padding: 5px 15px;
		width: 15%;
	}
	.bottom_area a{
		position: relative;
		display: flex;
		flex-direction: column;
    	align-items: center;
	}
	
	.bottom_area img{
		width:100%;
		margin-bottom: 20px;

	}
	.bottom_area span{
		font-size: 1.2rem;
		color: #2d7dc4;
		position: absolute;
		text-align: center;
		bottom: 10px;
		white-space:nowrap;
	}
	.bottom_area a:hover>span {
		color: red;
	}

	@media(max-width:1180px){
		.bottom_area li{
		width: 21%;}
	}
	@media(max-width:920px){
		.bottom_area li{
		width: 29%;
		}
	}
	@media(max-width:510px){
		.bottom_area li{
		width: 35%;
		}
		.contain_data{
		flex-direction: column;
	}
	.contain_detail{
			padding-left: 0px;
		}
	.contain_data_img{
		width:50%;
	}
	}

/* 彈跳 視窗 */
dialog{
    width: 35%;
    background-color: transparent;
    border: none;
    /*box-shadow: 0 2px 6px #ccc;*/
    border-radius: 10px;
    margin: 0 auto;
    margin-top: 100px;
    position: relative;
  }
  .OutArea{
    padding: 10px;
  }
  .Popup_contain{
    width: 95%;
    padding-left: 0px;
    margin-top: 20px;
    margin: 0 auto;
    background-color: #F7F7F7;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius:10px 10px 0 0;
	padding-bottom: 10px;
  }
  .close_sty{
    display: flex;
    justify-content: flex-end;
  }
  .Xbtn{
    background-image: url(../../ImgCommon/close.png);
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50px;
    background-color: #686767;
    color:#ffffff;
    border: 0px;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    right: 10px;
  }
  .Popup_p{
    display: flex;
    width: 70%;
    align-items: center;
    border:1px solid #2d7dc4;
    flex-direction: column;
    margin-top: 30px;
	margin-bottom: 20px;
  }
  .Popup_p p{
    font-size: 50px;
    color: #2d7dc4;
    letter-spacing: 7.4px;
    margin-bottom: 20px;
    margin-top: 20px;
	margin-bottom: 20px;
  }
  .Popup_p span{
    background-color: #2d7dc4;
    font-size: 17px;
    color: #fff;
    padding: 6px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .Popup_contain .List li{
    font-weight:500;
	font-size:1.2rem;
	line-height:2;
  }

  .OutArea iframe{
    height:750px;
  } 

  @media screen and (max-width: 1200px){
    dialog{
      width: 70%;
    }
  }
  @media screen and (max-width: 540px){
    dialog{
      width: 90%;
    }
  }
  @media screen and (max-width: 440px){
    dialog{
      width: 100%;
    }
    .Popup_p{
        width: 90%; 
    }
    .Popup_p p{
        font-size: 40px;
    }
  }
  
  /* 彈跳 視窗 end */

  /*頁面區塊*/