﻿body, td, th
{
    font-size: 15px;
    line-height: 20px;
    color: #000;
    font-family: 微軟正黑體;
}
body {
	background-color: #333;
}
a:link
{
    color: #004891;
    text-decoration: none;
    font-weight: bold;
}
a:visited {
	color: #004891;
	text-decoration: none;
    font-weight: bold;	
}
a:hover {
	color: #F90;
	text-decoration: none;
    font-weight: bold;	
}
a:active {
	color: #F90;
	text-decoration: none;
    font-weight: bold;	
}
a
{
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 3px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.modalBackgroundImage {
	background-color:Gray;
	filter:alpha(opacity=0);
	opacity:0;
}

.LeftItem
{
    background-image: url('images/menu_bg.jpg');
    text-align: left;
    vertical-align: top;
    width: 223px !important;
    background-repeat: repeat-y;
}


.LeftItemContent
{
    background-image: url('images/menu_bg.jpg');
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    padding-left: 35px;
    color: #000000;
}

.LeftItemContent A
{
    color: #000000;
}

.LeftItemContent A:hover
{
    color: #CC3300;
}

.RightItem
{
    padding: 15px 15px 15px 5px;
    text-align: left;
    vertical-align: top;
    background-color: #FFFFFF;
    width: 767px !important;    
}

.Blank10
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.Head0
{
    font-size: 15px;
    color: #000;
    font-family: 微軟正黑體;
    padding-top: 5px;
    padding-bottom: 5px;
    letter-spacing: 2px;
    text-align: center;
    font-weight: bold;
    border-bottom-style: double;
    border-bottom-width: 3px;
    border-bottom-color: #C0C0C0;

}

.Head1
{
    font-size: 15px;
    color: #000;
    font-family: 微軟正黑體;
    padding-top: 5px;
    padding-bottom: 5px;
    letter-spacing: 2px;
}

.Head2
{
    font-size: 15px;
    color: #000;
    font-family: 微軟正黑體;
    padding-top: 5px;
    padding-bottom: 5px;
    letter-spacing: 2px;
    padding-left: 17px;
}

.Head3
{
    font-size: 15px;
    color: #000;
    font-family: 微軟正黑體;
    padding-top: 5px;
    padding-bottom: 5px;
    letter-spacing: 2px;
    padding-left: 70px;
}


.GroupHomePage
{
    font-family: 微軟正黑體,Arial, sans-serif;
    font-size: 15px;
    background-color: #FFFFFF;
    letter-spacing: 2px;
    text-align: left;
    vertical-align: top;
    line-height: 150%;
}

.GroupHomePage_Title
{
    background-position: 3px;
    font-family: 微軟正黑體,Arial, sans-serif;
    font-size: 16px;
    color: #CC3300;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    background-image: url('Icon/flag_24.png');
    background-repeat: no-repeat;
    padding-left: 35px;
}

.GroupHomePage_NextTitle
{
    background-position: 2px;
    font-family: 微軟正黑體,Arial, sans-serif;
    font-size: 16px;
    color: #CC3300;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    background-image: url('Icon/Map1.png');
    background-repeat: no-repeat;
    padding-left: 35px;

}

.GroupHomePage_Text
{
    font-family: 微軟正黑體,Arial, sans-serif;
    font-size: 16px;
    color: #2B2B2B;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 35px;
}

.GroupHomePage_TextCount
{
    padding-left: 38px;
    text-indent: -38px;
}

.GroupHomePage_TextNext
{
    font-family: 微軟正黑體,Arial, sans-serif;
    font-size: 16px;
    color: #2B2B2B;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 70px;
}

.GroupHomePage_Text A
{
    color: #005CE8;
}
.GroupHomePage_Text A:hover
{
    color: #00882D;
}

.GroupHomePage_A
{

}

.GroupHomePage_A A
{
    color: #005CE8;
}
.GroupHomePage_A A:hover
{
    color: #00882D;
}

.TableClassHead
{
    font-family: 微軟正黑體,Arial, sans-serif;
    font-size: 16px;
    background-position: 0px 6px;
    padding: 5px 2px 5px 35px;
    color: #CC3300;
    text-align: left;
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
    background-image: url('Icon/web_24.png');
    background-repeat: no-repeat;
}

.TableClassHead_Next
{
    font-family: 微軟正黑體,Arial, sans-serif;
    font-size: 16px;
    background-position: 0px 6px;
    padding: 5px 2px 5px 30px;
    color: #005AB5;
    text-align: left;
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
    background-image: url('Icon/web_24.png');
    background-repeat: no-repeat;
    margin-left: 15px;
}

.TableClassTitle
{
    padding: 5px 2px 5px 2px;
    color: #FFFFFF;
    background-color: #CC3300;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
}

.TableClassTitle_Blue
{
    border: 1px solid #333333;
    padding: 5px 2px 5px 2px;
    color: #FFFFFF;
    background-color: #00509F;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
}

.TableClassTitle_Ma
{
    border: 1px solid #333333;
    padding: 5px 2px 5px 2px;
    color: #FFFFFF;
    background-color: #CC3300;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
}
.TableClassTitle_Ma2
{
    border: 1px solid #333333;
    padding: 5px 2px 5px 2px;
    color: #FFFFFF;
    background-color: #FB3F00;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
}

.TableClassTitle_Ge
{
    border: 1px solid #333333;
    padding: 5px 2px 5px 2px;
    color: #FFFFFF;
    background-color: #8000FF;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
}

.TableClassTitle_CU
{
    border: 1px solid #333333;
    padding: 5px 2px 5px 2px;
    color: #FFFFFF;
    background-color: #F09100;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
}

.TableClassText
{
    border: 1px solid #808080;
    border-collapse: collapse;
    padding: 5px 2px 5px 2px;
    color: #000000;
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
}

.TableClassTextLeft
{
    border: 1px solid #808080;
    border-collapse: collapse;
    padding: 5px 2px 5px 2px;
    color: #000000;
    background-color: #FFFFFF;
    text-align: left;
    vertical-align: middle;
}

.TableClassTextName
{
    border: 1px solid #808080;
    border-collapse: collapse;
    padding: 5px 2px 5px 2px;
    color: #000000;
    background-color: #FFFFFF;
    text-align: left;
    vertical-align: middle;
    width: 160px;
}

.TableClassTextNote
{
    border: 1px solid #808080;
    border-collapse: collapse;
    padding: 5px 2px 5px 2px;
    color: #000000;
    background-color: #FFFFFF;
    text-align: left;
    vertical-align: middle;
    width: 110px;
    word-wrap: break-word;
    word-break: break-all;
}

.F_NameBgNum
{
    padding: 2px;
    color: #2A2A2A;
    float: left;
    width: 15px;
}

.F_NameBgNumBlank
{
    padding: 2px;
    color: #2A2A2A;
    float: left;
    width: 15px;
}

.F_NameBg
{
    border: 1px solid #808080;
    color: #2A2A2A;
    float: left;
    border: 1px solid #666666;
    width: 170px;
    vertical-align: middle;
    text-align: left;
    height: 20px;
    padding-top: 1px;
    cursor: pointer;
    text-decoration: none;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -moz-box-shadow: 1px 1px 1px #999999;
    -webkit-box-shadow: 1px 1px 1px #999999;
    box-shadow: 1px 1px 1px #999999;
    padding-bottom: 3px;
    padding-left: 5px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}

.F_NameBgRight
{
    padding: 2px;
    color: #2A2A2A;
    float: left;
    overflow: auto;
    width: 90%;
}

.F_NameBgBlank
{
    background-position: 3px 5px;
    float: left;
    background-image: url('images/Line.png');
    background-repeat: no-repeat;
    width: 25px;
    height: 23px;    
}

.F_NameBgConnectU
{
    background-position: 0px 5px;
    float: left;
    background-image: url('images/ConnectU.png');
    width: 28px;
    height: 27px;
    background-repeat: no-repeat;
    margin-left: 2px;
}

.F_NameBgConnect
{
    float: none;
    clear: both;
    background-image: url('images/Connect.png');
    background-repeat: no-repeat;
}

.F_NameBgConnectD
{
    background-image: url('images/ConnectD.png');
    background-repeat: no-repeat;
    float: left;
    width: 20px;
}

.F_NameBgConnectDmore
{
    background-image: url('images/ConnectD.png');
    background-repeat: no-repeat;
    float: left;
    width: 19px;
}

.F_NameBgNext
{
    float: none;
    clear: both;
    height: 10px;
}

.F_NameBgEnd
{
    float: none;
    clear: both;
    height: 35px;
}

.GoBack
{
    width: 98%;
    text-align: right;
}

.ModalImagePoint
{
    cursor: pointer;
}

.ModalImage
{
    cursor: pointer;
    border: 1px solid #808080;
    color: #2A2A2A;
    border: 1px solid #666666;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -moz-box-shadow: 1px 1px 1px #999999;
    -webkit-box-shadow: 1px 1px 1px #999999;
    box-shadow: 1px 1px 1px #999999;
}

.GridTitle
{
    color: #FFFFFF;
    font-family: 微軟正黑體;
    font-size: 11pt;
}

.ModalBox
{
    padding: 7px 4px 7px 4px;
    cursor: pointer;
    border: 1px solid #808080;
    color: #2A2A2A;
    border: 1px solid #666666;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -moz-box-shadow: 1px 1px 1px #999999;
    -webkit-box-shadow: 1px 1px 1px #999999;
    box-shadow: 1px 1px 1px #999999;
}

.ModalBgImage
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}

/*表格斜線*/
.out
{
    border-top: 50px #ffffff solid; /*上邊框寬度等於表格第一行行高*/
    width: 0px; /*讓容器寬度為0*/
    height: 0px; /*讓容器高度為0*/
    border-left: 280px #dddddd solid; /*左邊框寬度等於表格第一行第一格寬度*/
    position: relative;
    color: #000000;
}
b{font-style:normal;display:block;position:absolute;top:-45px;left:-85px;width:80px;}
em{font-style:normal;display:block;position:absolute;top:-25px;left:-270px;width:80px;}

.outCU
{
    border-top: 100px #ffffff solid; /*上邊框寬度等於表格第一行行高*/
    width: 0px; /*讓容器寬度為0*/
    height: 0px; /*讓容器高度為0*/
    border-left: 220px #dddddd solid; /*左邊框寬度等於表格第一行第一格寬度*/
    position: relative;
    color: #000000;
}
.outCU b{font-style:normal;display:block;position:absolute;top:-80px;left:-95px;width:100px;}
.outCU em{font-style:normal;display:block;position:absolute;top:-35px;left:-200px;width:80px;}

.outGE
{
    border-top: 80px #ffffff solid; /*上邊框寬度等於表格第一行行高*/
    width: 0px; /*讓容器寬度為0*/
    height: 0px; /*讓容器高度為0*/
    border-left: 280px #dddddd solid; /*左邊框寬度等於表格第一行第一格寬度*/
    position: relative;
    color: #000000;
}
.outGE b{font-style:normal;display:block;position:absolute;top:-55px;left:-85px;width:80px;}
.outGE em{font-style:normal;display:block;position:absolute;top:-35px;left:-270px;width:80px;}


.outOuk
{
    border-top: 80px #ffffff solid; /*上邊框寬度等於表格第一行行高*/
    width: 0px; /*讓容器寬度為0*/
    height: 0px; /*讓容器高度為0*/
    border-left: 450px #dddddd solid; /*左邊框寬度等於表格第一行第一格寬度*/
    position: relative;
    color: #000000;
}
.outOuk b{font-style:normal;display:block;position:absolute;top:-55px;left:-85px;width:80px;}
.outOuk em{font-style:normal;display:block;position:absolute;top:-35px;left:-270px;width:80px;}

.outTM
{
    border-top: 50px #ffffff solid; /*上邊框寬度等於表格第一行行高*/
    width: 0px; /*讓容器寬度為0*/
    height: 0px; /*讓容器高度為0*/
    border-left: 280px #dddddd solid; /*左邊框寬度等於表格第一行第一格寬度*/
    position: relative;
    color: #000000;
}
b{font-style:normal;display:block;position:absolute;top:-45px;left:-85px;width:80px;}
em{font-style:normal;display:block;position:absolute;top:-25px;left:-270px;width:80px;}


.TableLine
{
    empty-cells: show;
    border-collapse: separate;
}

.TableLine TD
{
    border: 1px solid #808080;
    empty-cells: show;
    border-collapse: separate;
    height: 24px;
}


.TableLine_ouk
{
    empty-cells: show;
    border-collapse: separate;
}

.TableLine_ouk TD
{
    border: 1px solid #808080;
    empty-cells: show;
    border-collapse: separate;
}

.Div_Map_Item
{
    border: 1px solid #333333;
    color: #FFFFFF;
    background-color: #CC3300;
    font-weight: bold;
    font-family: 微軟正黑體;
    font-size: 11pt;
    letter-spacing: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: middle;
    text-align: left;
    margin-right: 1px;
    margin-left: 1px;
    padding-left: 8px;
}

.GV_Map_Item
{
    color: #FFFFFF;
    background-color: #005AE1;
    font-weight: bold;
    font-family: 微軟正黑體;
    font-size: 11pt;
    vertical-align: middle;
    text-align: center;
}

.GV_Map_Item_Left
{
    color: #FFFFFF;
    background-color: #005AE1;
    font-weight: bold;
    font-family: 微軟正黑體;
    font-size: 11pt;
    vertical-align: middle;
    text-align: left;
}