@charset "big5";
html, select { font-family: tahoma, Verdana, Arial, Helvetica, sans-serif, 新細明體; font-size: 15px; color: #333333; letter-spacing: 1px; line-height: 200%; }
body { width: 1000px; margin: 0 auto; text-align: center; position: relative;  }

.MarginTop_10 { margin-top: 10px; }
.MarginTop_20 { margin-top: 20px; }

.MarginBottom_5 { margin-bottom: 5px; }
.MarginBottom_10 { margin-bottom: 10px; }
.MarginBottom_20 { margin-bottom: 20px; }

.MarginLeft_10 { margin-right: 10px; }
.MarginLeft_20 { margin-right: 20px; }

.MarginRight_10 { margin-right: 10px; }
.MarginRight_20 { margin-right: 20px; }

.Padding_10 { padding: 10px; }

.QR_Code { border: 5px solid #FFFFFF; }

A:link, A:visited, A:active { color: #333333; text-decoration: none; }
A:hover { color: #999999; text-decoration: underline; }

.MarginTop_News { margin: 10px 10px 0 25px; }
.MarginTop_ADV { margin: 10px 20px 0 5px; }

#header { margin-top: 20px; }
#header .logo { float:left; }
#header .topmenu { float:right; margin-right: 10px; }
#header .menu { float:right; margin-bottom: 25px; }

#flash { float:center; clear: both; margin-bottom: 10px; }

.OutsideBorder { border: 1px solid #CCCCCC; padding: 5px 0 5px 0; }
.NewsLine_Left { height: 6px; width: 30px; background: url(../images/LineLeft.gif); }
.NewsLine_Right { height: 6px; width: 30px; background: url(../images/LineRight.gif); }
.NewsLine_Center { height: 6px; width: 500px; background: url(../images/LineCenter.gif); }
.NewsList { padding: 0 15px 0 15px; }
A.Newslink:link, A.Newslink:visited, A.Newslink:active { color: #333333; text-decoration: none; letter-spacing: 0px; line-height:180%; }
A.Newslink:hover { color: #666666; text-decoration: underline; letter-spacing: 0px; line-height:180%; }

.slider { width: 390px; position: relative; }
.slides { position: absolute; left: 45px; }
.previous, .next { position: absolute; display: block; top: 110px; width: 20px; height: 30px; text-indent: -9999px; }
.previous { left: 5px; background: url(../images/ArrorLeft_2.gif) no-repeat; }
.next { left: 380px; background: url(../images/ArrorRight_2.gif) no-repeat;  }

.pager { position: absolute; top: 228px; z-index: 100; } /* left: 242px; 302 272 242 212*/
.pager a { text-align: center; background: #000000; color: #FFFFFF; float: left; margin-right:1px; padding: 3px 10px 3px 10px; }
.pager a:hover { background: #333333; }
.pager a.activeSlide { background: #333333; }

#BigLine { float:center; clear: both; margin: 20px; }
#BigLine .Line_Left { height: 6px; width: 30px; background: url(../images/LineLeft.gif); }
#BigLine .Line_Right { height: 6px; width: 30px; background: url(../images/LineRight.gif); }
#BigLine .Line_Center { height: 6px; width: 900px; background: url(../images/LineCenter.gif); }

#ITEM { margin: 0 0 20px 10px;  }
#ITEM .ItemLine { border-right: 1px solid #999999; }
#ITEM .Content { margin: 10px; line-height: 180%; }
#ITEM .TopSpace { padding-top: 30px; }
#ITEM .LineClose { line-height: 150%; }
#ITEM .ItemIMG { padding:4px; background:#E89B60; }
#ITEM .ItemIMG:hover{ padding:4px; background:#D36C44; }
#ITEM A.ItemLink:link, A.ItemLink:visited, A.ItemLink:active { color: #333333; text-decoration: none; letter-spacing: 0px; }
#ITEM A.ItemLink:hover { color: #666666; text-decoration: underline; letter-spacing: 0px; }
a.onlyline { width:15rem;   display: block;overflow:hidden;    white-space: nowrap;    text-overflow: ellipsis;}
#Footer { clear:both; }
#Footer .BG { background: #0961A8; padding: 8px; }
#Footer .FooterMenu { line-height: 150%; }
#Footer A.Footer:link, A.Footer:visited, A.Footer:active { color: #FFFFFF; text-decoration: none; }
#Footer A.Footer:hover { color: #FFFFFF; text-decoration: underline; }

.LetterSpacing_0 { letter-spacing: 0px; }
.LetterSpacing_1 { letter-spacing: 1px; }
.LetterSpacing_2 { letter-spacing: 2px; }

.FontFamily_E{ font-family: tahoma, Verdana, Arial, Helvetica, sans-serif; }
.FontFamily_Customer { font-family: 標楷體; }

.FontSize_10{ font-size: 10px; }
.FontSize_12{ font-size: 12px; }
.FontSize_15{ font-size: 15px; }
.FontSize_18{ font-size: 18px; }
.FontSize_22{ font-size: 22px; }
.FontSize_28{ font-size: 28px; }

.FontColor_0795BA { color: #0795BA; }
.FontColor_999999 { color: #999999; }
.FontColor_AAAAAA { color: #AAAAAA; }
.FontColor_CC6600 { color: #CC6600; }
.FontColor_FFFFFF { color: #FFFFFF; }
.FontColor_FF0000 { color: #FF0000; }

.TextAlign_Left { text-align: left; }
.TextAlign_Right { text-align: right; }
.TextAlign_Center { text-align: center; }

.VerticalAlign_Top { vertical-align: top; }
.VerticalAlign_middle { vertical-align: middle; }
.VerticalAlign_bottom { vertical-align: bottom; }


#Department_Left { float: left; width: 200px; }
#Department_Left A.SubMenu_Link:link, A.SubMenu_Link:visited, A.SubMenu_Link:active
{	font-size: 20px; color: #333333; text-decoration: none; }
#Department_Left A.SubMenu_Link:hover
{	font-size: 20px; color: #FF0000; text-decoration: underline; }
#Department_Left A.SubMenu_Focus:link, A.SubMenu_Focus:visited, A.SubMenu_Focus:active
{	font-size: 24px; color: #FFFFFF; text-decoration: none; }
#Department_Left A.SubMenu_Focus:hover
{	font-size: 24px; color: #FFFF00; text-decoration: underline; }
#Department_Left H1 { font-size: 36px; line-height: 200%;}
#Department_Left H2 { font-size: 20px; line-height:40px; }
#Department_Left H4 { font-size: 28px; line-height: 150%;}


#Department_Right { float: right; width: 780px; }
#Department_Right P, ol, ul, li, td, BLOCKQUOTE { color:#333333; font-weight: none; }
#Department_Right A.LabelLink:link, A.LabelLink:visited, A.LabelLink:active
{	font-size: 18px; color:#FFFFFF; text-decoration: none; }
#Department_Right A.LabelLink:hover
{	font-size: 18px; color:#FFFFFF; text-decoration: underline; }
#Department_Right A.GoTop:link, A.GoTop:visited, A.GoTop:active
{	font-size: 15px; color:#6633FF; text-decoration: none; }
#Department_Right A.GoTop:hover
{	font-size: 15px; color:#6633FF; text-decoration: underline; }
#Department_Right H3 { font-size: 18px; }
#Department_Right H2 { font-size: 22px; }


#CSD_SubMenu { width: 181px; }

#CSD_Right { float: right; width: 780px; }
#CSD_Right P, ol, ul, li, td, BLOCKQUOTE { color:#333333; font-weight: none; }
#CSD_Right A.LabelLink:link, A.LabelLink:visited, A.LabelLink:active
{	font-size: 20px; color:#FFFFFF; text-decoration: none; }
#CSD_Right A.LabelLink:hover
{	font-size: 20px; color:#FFFFFF; text-decoration: underline; }
#CSD_Right A.GoTop:link, A.GoTop:visited, A.GoTop:active
{	font-size: 18px; color:#6633FF; text-decoration: none; }
#CSD_Right A.GoTop:hover
{	font-size: 18px; color:#6633FF; text-decoration: underline; }
#CSD_Right H3 { font-size: 20px; }
#CSD_Right H2 { font-size: 26px; }


#Department_SubMenu { width: 181px; }

#About { clear:both; color: #0795BA; }
#About .BgColor_SubMent_Focus { background: #0795BA; }
#About H3 { font-size: 18px; color: #0795BA; }

#CSD { clear:both; color: #0795BA; }
#CSD .BgColor_SubMent_Focus { background: #0795BA; }
#CSD H3 { font-size: 22px; color: #0795BA; }

#Declaration { clear:both; color: #0795BA; }
#Declaration .BgColor_SubMent_Focus { background: #0795BA; }
#Declaration H3 { font-size: 22px; color: #0795BA; }
#Declaration2 { float: right; width: 780px; }
#Declaration2 P, ol, ul, li, td, BLOCKQUOTE { color:#333333; font-size: 18px; font-family: Microsoft JhengHei;}
#Declaration2 A.LabelLink:link, A.LabelLink:visited, A.LabelLink:active
{	font-size: 18px; color:#FFFFFF; text-decoration: none; }
#Declaration2 A.LabelLink:hover
{	font-size: 18px; color:#FFFFFF; text-decoration: underline; }
#Declaration2 A.GoTop:link, A.GoTop:visited, A.GoTop:active
{	font-size: 15px; color:#6633FF; text-decoration: none; }
#Declaration2 A.GoTop:hover
{	font-size: 15px; color:#6633FF; text-decoration: underline; }
#Declaration2 H3 { font-size: 22px; font-family: Microsoft JhengHei;}
#Declaration2 H2 { font-size: 26px; }

#Employee { clear:both; color: #A7B1B8; }
#Employee .BgColor_SubMent_Focus { background: #CDD5DB; }
#Employee H3 { font-size: 18px; color: #CDD5DB; }

#Employee #EmployeeBody .EmployeeNews { clear:both; margin: 270px 0 0 15px; border: 1px solid #CCCCCC; padding: 5px; }

#Employee #EmployeeBody .slider { width: 326px; position: relative; }
#Employee #EmployeeBody .slides { position: absolute; left: 10px; }

#Employee #EmployeeBody .StoryNotePic { margin: 0; }
#Employee #EmployeeBody .StoryGuide { letter-spacing: 0px; line-height: 150%; }

#Story { clear:both; color: #CC0000; }
#Story .TitleLable { font-size: 18px; color: #CC0000; }
#Story ul { margin: 0; padding: 0; }
#Story li { list-style: none; margin-bottom: 10px; }
#Story li A.TitleLink { font-size: 15px; color:#333333; text-decoration: none; }
#Story li A.TitleLink:hover { text-decoration: underline; }

#News { clear:both; color: #9F5903; }
#News .BgColor_SubMent_Focus { background: #9F5903; }

#Hr { clear:both; color: #006086; }
#Hr .BgColor_SubMent_Focus { background: #006086; }

#Advantage { clear:both; color: #006086; }
#Advantage .BgColor_SubMent_Focus { background: #006086; }
#Advantage H3 { font-size: 18px; color: #006086; }

#P1 { color: #0A50A3; }
#P1 div#BG_Department_1 { clear:both; background: url(../images/BG_Department_1.gif) repeat-x top; }
#P1 .BgColor_SubMent_Focus { background: #0A50A3; }

#P2 { color: #B4117C; }
#P2 div#BG_Department_2 { clear:both; background: url(../images/BG_Department_2.gif) repeat-x top; }
#P2 .BgColor_SubMent_Focus { background: #B4117C; }

#P3 { color: #C90404; }
#P3 div#BG_Department_3 { clear:both; background: url(../images/BG_Department_3.gif) repeat-x top; }
#P3 .BgColor_SubMent_Focus { background: #C90404; }

#P4 { color: #D65B10; }
#P4 div#BG_Department_4 { clear:both; background: url(../images/BG_Department_4.gif) repeat-x top; }
#P4 .BgColor_SubMent_Focus { background: #D65B10; }

#P5 { color: #874818; }
#P5 div#BG_Department_5 { clear:both; background: url(../images/BG_Department_5.gif) repeat-x top; }
#P5 .BgColor_SubMent_Focus { background: #874818; }

#P6 { color: #5F249B; }
#P6 div#BG_Department_6 { clear:both; background: url(../images/BG_Department_6.gif) repeat-x top; }
#P6 .BgColor_SubMent_Focus { background: #5F249B; }

#P7 { color: #6D63B9; }
#P7 div#BG_Department_7 { clear:both; background: url(../images/BG_Department_7.gif) repeat-x top; }
#P7 .BgColor_SubMent_Focus { background: #6D63B9; }

#P8 { color: #066E3F; }
#P8 div#BG_Department_8 { clear:both; background: url(../images/BG_Department_8.gif) repeat-x top; }
#P8 .BgColor_SubMent_Focus { background: #066E3F; }


div#BG_DepartmentBody { clear:both; background: url(../images/BG_DepartmentBody.gif) no-repeat left top; padding: 5px 10px 5px 20px; }
div#BG_DepartmentLabel { float:right; clear:both; width:127px; height:30px; margin-right: 1px; background: url(../images/bg_Label.gif); }
div#BG_SubMent_Focus { clear:both; background: url(../images/SubMenu_Focus.gif); width:181px; height:40px; }
div#BG_HRservicesNoLabel { float:right; clear:both; width:127px; height:30px; margin-right: 1px; }
div#BG_HRservicesBody { clear:both; background: #FFFFFF url(../images/BG_HRservicesBody.gif) repeat-x left top; padding: 5px 10px 5px 20px; }
#BG_HRservicesBody .HR1_MainTable { margin: 40px 40px 20px 140px; }
#BG_HRservicesBody .HR1_TitleTable { margin: 40px 40px 20px 40px; }
#BG_HRservicesBody .HR1_Content { margin-left: 70px; }
#BG_HRservicesBody .HR1_Item { float:left; margin-left: 30px; width: 300px; border: 0px solid #DEDEDE; }
#BG_HRservicesBody ul { margin: 0 0 0 30px; list-style-image: url(../images/HR1_05.gif); line-height: 150%; } 
#BG_HRservicesBody li { margin: 0 0 30px 0; }

div#BG_News { clear:both; background: url(../images/BG_News.gif) repeat-x top; }
div#BG_NewsLabel { float:right; clear:both; width:127px; height:30px; margin-right: 1px; background: url(../images/bg_Label_News.gif); }

div#BG_Hr { clear:both; background: url(../images/BG_Advantage.gif) repeat-x top; }
div#BG_HrLabel { float:right; clear:both; width:127px; height:30px; margin-right: 1px; background: url(../images/bg_Label_Advantage.gif); }

div#BG_Advantage { clear:both; background: url(../images/BG_Advantage.gif) repeat-x top; }
div#BG_AdvantageLabel { float:right; clear:both; width:127px; height:30px; margin-right: 1px; background: url(../images/bg_Label_Advantage.gif); }

div#BG_About { clear:both; background: url(../images/BG_About.gif) repeat-x top; }
div#BG_Customer { clear:both; background: url(../images/BG_Customer.gif) repeat-x top; }
div#BG_Employee { clear:both; background: url(../images/BG_Employee.gif) repeat-x top; }
div#BG_Story { clear:both; background: url(../images/BG_Story.gif) repeat-x top; }
div#BG_CSD { clear:both; background: url(../images/BG_CSD.jpg) repeat-x top; }
div#BG_HistoryYear { width: 77px; height: 30px; background: url(../images/History_13.gif) no-repeat top left; }

A.History:link, A.History:visited, A.History:active { color: #FFFFFF; text-decoration: none; }
A.History:hover { color: #FFFF00; text-decoration: underline; }

A.News:link, A.News:visited, A.News:active { color: #FF0000; text-decoration: none; }
A.News:hover { color: #FF0000; text-decoration: underline; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.Label_Dealers { background: url(../images/bg_Label_Dealers.gif) ; width: 127px; height: 30px; }
.BgColor_Label_Dealers { background: #8F9498; }

.DealersSearch td { font-size: 13px; letter-spacing: 0px; }
.Dealers td { border-top: 1px #666666 dashed; font-size: 13px; letter-spacing: 0px; padding: 5px; line-height: 150%; }
.Dealers img { vertical-align:middle; }
.Dealers .logo { vertical-align:middle; width:50%}
.Dealers div { display: inline; font-size: 11px; background: #FFFFCC; padding: 1px 2px; }
.Dealers span { display: inline; font-size: 11px; background: #CCFFCC; padding: 1px 2px; }
.Dealers .font-red { display: inline; font-size: 11px; background: #f44; color: #fff; padding: 1px 2px; }
.DealerWeb { display: inline; font-size: 11px; background: #bbc; padding: 1px 2px; }
.DealerNew { width: 30px; height: 30px; background: url(../images/new.png) no-repeat top left; }
/*
margin: top right bottom left;
*/
.row {
 
  margin-right: -15px;
  margin-left: -15px;
}

.col_5 {
  width: 16%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}


.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}

#CSD {
    padding-top: 5px;
	width: 960px;
}

    #CSD #mixpnl {
        background-color: #def;
    }

    #CSD h2 {
        /*color: #70BCF0;*/
        margin-bottom: 20px;
        font-weight: bold;
        color: darkcyan;
        font-size: 24px;
        line-height: 30px;
    }

    #CSD h3 {
        /*color: #70BCF0;*/
        margin-bottom: 20px;
        font-size: 20px;
        color: darkcyan;
        line-height: 30px;
    }


    #CSD p {
        /*color: #60ACF0;*/
        color: #123;
        font-size: 20px;
        line-height: 28px;
    }

    #CSD .like {
        padding-top: 20px;
    }
	

.duenwei_cover {
    position: relative;
    display: inline-block;
}
.duenwei_cover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0); /* 透明背景 */
    pointer-events: none; /* 保證覆蓋層不影響點擊事件 */
}

#flash_dept img:nth-child(4) {
    position: absolute !important;
    left: 0 !important;
}