BODY {
    FONT-FAMILY: var(--font-family-sans-serif), "微軟正黑體", "Arial";
    background-color: #FFFFFF;
    margin: 0px;
    SCROLLBAR-FACE-COLOR: #cccccc;
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #999999;
    SCROLLBAR-3DLIGHT-COLOR: #999999;
    SCROLLBAR-ARROW-COLOR: #ffffff;
    SCROLLBAR-TRACK-COLOR: #e3e3e3;
    SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
    SCROLLBAR-BASE-COLOR: #999999;
}

TD {
    /* FONT-FAMILY: "Arial", "新細明體"; */
    /* FONT-SIZE: 13px; */
    COLOR: #404040;
    /* LINE-HEIGHT: 22px; */
    /* LETTER-SPACING: 1pt; */
}

TH {
    /* FONT-FAMILY: "Arial", "新細明體"; */
    /* FONT-SIZE: 12px; */
    COLOR: #404040;
    /* LINE-HEIGHT: 15px; */
    /* LETTER-SPACING: 1pt; */
    FONT-WEIGHT: NORMAL
}

.mainbody {
    /* FONT-FAMILY: "Arial", "新細明體"; */
    FONT-SIZE: 13px;
    LINE-HEIGHT: 22px;
    LETTER-SPACING: 1pt
}

/* A:link {
    COLOR: #0066cc
}

A:visited {
    COLOR: #0066cc
}

A:hover {
    COLOR: #cc0000;
    TEXT-DECORATION: none
}

A:active {
    COLOR: #ff0000
} */

/*A:hover {
    LEFT: 1px;
    POSITION: relative;
    TOP: 1px
}*/

A.index:link {
    COLOR: #666666;
    TEXT-DECORATION: none
}

A.index:visited {
    COLOR: #666666;
    TEXT-DECORATION: none
}

A.index:hover {
    COLOR: #333333;
    TEXT-DECORATION: none
}

A.index:active {
    COLOR: #ff0000
}

A.link2:link {
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}

A.link2:visited {
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}

A.link2:hover {
    COLOR: #eeeeee;
    TEXT-DECORATION: none
}

A.link2:active {
    COLOR: #ffffff
}

.INPUT2 {
    BORDER-RIGHT: #808080 1px solid;
    BORDER-TOP: #808080 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #808080 1px solid;
    COLOR: #666666;
    BORDER-BOTTOM: #808080 1px solid;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #ffffff;
    padding-left: 3px;
}

.INPUT3 {
    BORDER-RIGHT: #808080 1px solid;
    BORDER-TOP: #808080 1px solid;
    FONT-SIZE: 10pt;
    BORDER-LEFT: #808080 1px solid;
    COLOR: #333333;
    BORDER-BOTTOM: #808080 1px solid;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #ffffff;
    padding-left: 3px;
}

.gssfontbotton {
    MARGIN-TOP: 8px;
    FONT-SIZE: 8pt;
    COLOR: #d3e9ef;
    LINE-HEIGHT: 15px;
    PADDING-TOP: 8px;
    LETTER-SPACING: 0px
}

.gssfonttop {
    FONT-SIZE: 7pt;
    COLOR: #99c2f0;
    TEXT-ALIGN: center
}

.gsstop_out {
    WIDTH: 90%;
    BACKGROUND-COLOR: #deefff;
    TEXT-ALIGN: center
}

.gsstop_in {
    WIDTH: 95%;
    BACKGROUND-COLOR: #e7e3e7;
    TEXT-ALIGN: center
}

.gssfontmenu {
    FONT-SIZE: 12px;
    LETTER-SPACING: 1pt
}

.gss_tdcolor_01 {
    BACKGROUND-COLOR: #ffffff
}

.gss_tdcolor_02 {
    WIDTH: 180px;
    BACKGROUND-COLOR: #e6e6e6
}

.gssbg_left {
    BACKGROUND-POSITION: right 50%;
    BACKGROUND-IMAGE: url(../images/index_bg_left.gif)
}

.gssbg_right {
    BACKGROUND-POSITION: left 50%;
    BACKGROUND-IMAGE: url(../images/index_bg_right.gif)
}

.gesstitle_in_01 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    COLOR: #003399;
    LETTER-SPACING: 2px;
    HEIGHT: 25px;
    BACKGROUND-COLOR: #e0e0e0;
    TEXT-ALIGN: left
}

.gsstitle_out_02_td {
    BACKGROUND-IMAGE: url(../images/gss_gif_7.gif);
    WIDTH: 90%;
    BORDER-BOTTOM: #3961b5 1px solid
}

.gsstitle_out_01_td {
    WIDTH: 90%;
    BORDER-BOTTOM: #3961b5 1px solid;
    BACKGROUND-COLOR: #e0e0e0
}

.gsstitle_in_01_td {
    MARGIN: 2px;
    WIDTH: 95%;
    BORDER-BOTTOM: #3961b5 1px solid;
    BACKGROUND-COLOR: #e0e0e0
}

.index_td_outline {
    BORDER-RIGHT: #1861b5 1px solid;
    BORDER-TOP: #1861b5 1px solid;
    BORDER-LEFT: #1861b5 1px solid;
    BORDER-BOTTOM: #1861b5 1px solid
}

.index_title_bg {
    BACKGROUND-COLOR: #3862b7
}

.index_title_font {
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    LETTER-SPACING: 0pt
}

.forum_outline {
    BORDER-RIGHT: #ffcc66 1px solid;
    BORDER-TOP: #ffcc66 1px solid;
    BORDER-LEFT: #ffcc66 1px solid;
    BORDER-BOTTOM: #ffcc66 1px solid
}

.eis_title_01 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    BACKGROUND-COLOR: #fff2e6
}

.txt_font_01 {
    COLOR: #0b3d91;
    font-size: 18px;
}

.txt_font_02 {
    FONT-WEIGHT: lighter;
    COLOR: #cc0000
}

.txt_font_03 {
    FONT-SIZE: 8pt
}

.txt_font_04 {
    COLOR: #990000
}

.tdcolor_01 {
    WIDTH: 90%;
    BACKGROUND-COLOR: #999999
}

.tdcolor_02 {
    BACKGROUND-COLOR: #ffffff
}

.tdcolor_03 {
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #deefff
}

.tdcolor_04 {
    BORDER-RIGHT: #999999 1px double;
    BORDER-TOP: #999999 1px double;
    BORDER-LEFT: #999999 1px double;
    BORDER-BOTTOM: #999999 1px double;
    BACKGROUND-COLOR: #f6f6f6
}

.tdcolor_05 {
    BACKGROUND-COLOR: #ffffff
}

.tdcolor_06 {
    BACKGROUND-COLOR: #ffffcc
}

.out_tdcolor_01 {
    WIDTH: 90%;
    BACKGROUND-COLOR: #ffffff
}

.OSC_title_01 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #ffffff
}

.height_32 {
    BACKGROUND-IMAGE: url(../images/index_top_1.gif);
    WIDTH: 100%;
    HEIGHT: 32px
}

.height_44 {
    BACKGROUND-IMAGE: url(../images/index_botton_1.gif);
    WIDTH: 90%;
    HEIGHT: 44px
}

.tdline_01 {
    BORDER-RIGHT: #cccccc 1px solid;
    BORDER-TOP: #cccccc 1px solid;
    BORDER-LEFT: #cccccc 1px solid;
    BORDER-BOTTOM: #cccccc 1px solid
}

.txt_font_05 {
    FONT-SIZE: 10px;
    COLOR: #666666
}

.same_top_01 {
    BACKGROUND-POSITION: left 50%;
    BACKGROUND-IMAGE: url(../images/same_top_01.gif);
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 53px
}

.same_top_02 {
    BACKGROUND-IMAGE: url(../images/same_top_02.gif)
}

.height_44b {
    BACKGROUND-IMAGE: url(../images/index_botton_1.gif);
    WIDTH: 100%;
    HEIGHT: 44px
}

.INPUT4 {
    BORDER-RIGHT: #808080 1px solid;
    BORDER-TOP: #808080 1px solid;
    FONT-SIZE: 7pt;
    BORDER-LEFT: #808080 1px solid;
    COLOR: #666666;
    BORDER-BOTTOM: #808080 1px solid;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #ffffff
}

.font3 {
    FONT-SIZE: 10px;
    LINE-HEIGHT: 12px
}

.NuMega_Menu {
    WIDTH: 220px;
    BACKGROUND-COLOR: #e6e6e6
}

.mylink {
    /* color: #FFFFFF; */
    text-decoration: none;
    font-size: 18px;
}

.mylink2 {
    color: black;
    text-decoration: none;
    /* font-size: 16px; */
    font-size: 18px;
}

/* 20241205 YT自適應 */
.video-container {

    position: relative;
    
    padding-bottom: 56.25%;
    
    padding-top: 30px;
    
    height: 0;
    
    overflow: hidden;
    
}
    
.video-container iframe, .video-container object, .video-container embed {

    position: absolute;

    top: 0;left: 0;

    width: 100%;

    height: 100%;
}