.center {
    text-align: center;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

p{text-indent: 2em; /*2018.10.26.加入<p></p>或<p/>首行縮排，em是相对单位，2em即现在一个字大小的两倍*/}

/*20180927 create a whole white background*/
    .rwd-table-white {
background: #fff;
overflow: hidden;
border-width: 2px;
border-style: solid;
border-color: #7F7F7F;
}
 
.rwd-table-white tr:nth-of-type(2n){
background: #fff;
}
.rwd-table-white th,
.rwd-table-white td {
margin: 0.5em 1em;
border-width: 1px;
border-style: solid;
}
.rwd-table-white {
min-width: inherit;
}
 
.rwd-table-white th {
border-width: 1px;
border-style: solid;
border-color: #7f7f7f;
display: none;
}
 
.rwd-table-white td {
display: block;
}
 
.rwd-table-white td:before {
content: attr(data-th) " : ";
font-weight: bold;
width: 6.5em;

}
 
.rwd-table-white th, .rwd-table-white td {
text-align: center;
}
 
.rwd-table-white th, .rwd-table-white td:before {
color: #DA7B00;
font-weight: bold;
}

@media (min-width: 480px) {
    .rwd-table-white td:before {
        display: none;
    }

    .rwd-table-white th, .rwd-table-white td {
        display: table-cell;
        padding: 0.25em 0.5em;
    }

        .rwd-table-white th:first-child,
        .rwd-table-white td:first-child {
            padding-left: 0;
        }

        .rwd-table-white th:last-child,
        .rwd-table-white td:last-child {
            padding-right: 0;
        }

    .rwd-table-white th,
    .rwd-table-white td {
        padding: 1em !important;
    }
}

/*20181030 create a align=left*/
    .rwd-table-left {
background: #fff;
overflow: hidden;
border-width: 2px;
border-style: solid;
border-color: #7F7F7F;
}
 
.rwd-table-left tr:nth-of-type(2n){
background: #fff;
}
.rwd-table-left th,
.rwd-table-left td {
margin: 0.5em 1em;
border-width: 1px;
border-style: solid;
}
.rwd-table-left {
min-width: inherit;
}
 
.rwd-table-left th {
border-width: 1px;
border-style: solid;
border-color: #7f7f7f;
display: none;
}
 
.rwd-table-left td {
display: block;
}
 
.rwd-table-left td:before {
content: attr(data-th) " : ";
font-weight: bold;
width: 6.5em;

}
 
.rwd-table-left th, .rwd-table-left td {
text-align: left;
}
 
.rwd-table-left th, .rwd-table-left td:before {
color: #DA7B00;
font-weight: bold;
}

@media (min-width: 480px) {
    .rwd-table-left td:before {
        border-width: 1px;
        border-style: solid;
        border-color: #7f7f7f;
        display: none;
    }

    .rwd-table-left th, .rwd-table-left td {
        border-width: 1px;
        border-style: solid;
        border-color: #7f7f7f;
        display: table-cell;
        padding: 0.25em 0.5em;
    }

        .rwd-table-left th:first-child,
        .rwd-table-left td:first-child {
            padding-left: 0;
        }

        .rwd-table-left th:last-child,
        .rwd-table-left td:last-child {
            padding-right: 0;
        }

    .rwd-table-left th,
    .rwd-table-left td {
        padding: 1em !important;
    }
}

/*CSR頁面靜態<table>樣式*/
.tblCSR {
    border-collapse: collapse;
    /*border: solid 1px #F1E1A9;*/
    padding: 1em 2.2em;
    overflow: auto;
    margin-top: 8px;
}

    .tblCSR tr {
        color: black;
        background-color: white;
    }
    /*表格偶數列底色為白色, IE9以上版本才完整支援*/
    .tblCSR tr:nth-child(even) { background-color: white; }
    .tblCSR th {
        /*background-color: #6C6C6C;*/
        background-color: #4BACC6;
        color: #FFFFFF;
        border: solid 1px #3B869C;
        padding: 10px 0px 10px 0px;
        font-size: 15px;
        text-align: center;
    }

    .tblCSR tr td {
        background-color: #4BACC6;
        border: solid 1px #3B869C;
        padding: 10px 0px 10px 0px;
        line-height: 140%;        
        font-size: 15px;
        color: #263F81;
    }

/*CSR6專做頁面靜態<table>樣式*/
.tblCSR6 {
            width: 100%;
            color: #373737;
        }

            .tblCSR6 tr:nth-child(2n+1) {
                background-color: #F1F7FC;
            }

            .tblCSR6 tr th, .tblCSR6 tr td {
                border-collapse: collapse;
                border: 1px solid #CBE0FF;
                padding: 7px 3px;
            }

            .tblCSR6 tr th {
                border-collapse: collapse;
                border: 1px solid #CBE0FF;
                background-color: #29508C;
                color: white;
                font-size: 16px;
            }

            .tblCSR6 tr td {
                border-collapse: collapse;
                border: 1px solid #CBE0FF;
                padding: 10px 5px 5px 5px;
                text-align: left;
                vertical-align: top;
            }

                .tblCSR6 tr td.title {
                    font-weight: bold;
                    font-size: 16px;
                    vertical-align: middle;
                    text-align: center;
                }

                .tblCSR6 tr td ul {
                    margin: 0;
                    padding: 0;
                }

                    .tblCSR6 tr td ul li {
                        text-align: left;
                        margin-left: 17px;
                        padding: 0;
                    }

/*一般頁面靜態<table>樣式*/
.tblStatic {
    width: 100%;
    border-collapse: collapse;
    /*border: solid 1px #F1E1A9;*/
    padding: 1em 2.2em;
    overflow: auto;
    margin-top: 8px;
}

    .tblStatic tr {
        color: black;
        background-color: white;
    }
    /*表格偶數列底色為白色, IE9以上版本才完整支援*/
    /*.tblStatic tr:nth-child(even) { background-color: white; }*/
    .tblStatic th {
        /*background-color: #6C6C6C;*/
        background-color: #F1E1A9;
        color: #333;
        border: solid 1px #BFAF79;
        padding: 10px 0px 10px 0px;
        font-size: 15px;
    }

    .tblStatic tr td {
        border: solid 1px #BFAF79;
        padding: 10px 0px 10px 0px;
        line-height: 160%;
        text-align: center;
        vertical-align: middle;
        font-size: 15px;
        color: #263F81;
    }

/*2018/9/12 特加影音embed form video*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 10px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#BtnTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #ffffff;
  background-image: url(../images/scrollup.png) ;
  color: darkblue;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
  width: 50px; 
  height: 50px;
}

/*#BtnTop {width: 50px; height: 50px; bottom: 20px; right: 20px; background: rgba(255,255,255,0.1) url(../images/scrollup.png) no-repeat center center;
         background-image: url(../images/scrollup.png);
}*/

#BtnTop:hover {
  background-color: #e1ffff;
}

/*custom menu 20181016*/
.main-menu { color:#FFFFFF; background-color:#666666; padding:5px; margin:0px; cursor:pointer; display:inline-block; } /* 主選單的樣式 */
.main-menu:hover { background-color:#0000FF; }
.sub-menu { color:#0000FF; background-color:#CCCCCC; margin:5px -5px; padding:0px; list-style-type:none; position:absolute; } /* 下拉清單的樣式 */
.sub-menu li { padding: 3px 5px; text-align:left; } /* 下拉清單每一列的樣式 */
.sub-menu li:hover { color:#FFFFFF; background-color:#0000FF; }
.sub-menu a { text-align:left; display:block; text-decoration:none; color:#0000FF; }
.sub-menu a:hover { color:#FFFFFF; background-color:#0000FF; text-decoration:none; }

/*界定Home內容寬度*/
.container_home {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;

}
@media (max-width: 767px) {
  .container_home {
    width: 400px;
  }
}

@media (min-width: 768px) and (max-width: 991px){
  .container_home {
    width: 500px;
  }
}
@media (min-width: 992px) and (max-width: 1199px){
  .container_home {
    width: 700px;
  }
}
@media (min-width: 1200px) {
  .container_home {
    width: 900px;
  }
}
.container_home-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/*界定Home分割為2時的外寬度*/
.container_home2 {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;

}
@media (max-width: 767px) {
  .container_home2 {
    width: 600px;
  }
}

@media (min-width: 768px) and (max-width: 991px){
  .container_home2 {
    width: 700px;
  }
}
@media (min-width: 992px) and (max-width: 1199px){
  .container_home2 {
    width: 800px;
  }
}
@media (min-width: 1200px) {
  .container_home2 {
    width: 1100px;
  }
}
.container_home2-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/*<Div>中的空白列高	*/
.DivIntervalHeight04{
	height: 4px;}

.DivIntervalHeight08{
	height: 8px;}
	
.DivIntervalHeight12{
	height: 12px;}

.DivIntervalHeight24{
	height: 24px;}

.DivIntervalHeight48{
	height: 48px;}

/*最新消息*/
ul#gallery  {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 600px;
	height:auto;
	/*border: 4px solid #fc0;
	background-color: #ff6;*/
	font: 16px sans-serif,"Microsoft JhengHei";
}
ul#gallery li a {
	display: block;
	overflow: hidden;
	padding-left: 10px;
	line-height:20px;
	width: 492px;
	height: 30px;
	text-decoration: none;
	/*color: #600;*/
}
ul#gallery li a span{ color:#000;}
ul#gallery li a:hover {
	/*background-color: #fc0;*/
	height: auto;
	/*color: #F00;*/
}
ul#gallery h3 {
	text-transform: uppercase;
	font: 16px sans-serif,"Microsoft JhengHei";
}
ul#gallery b {
	color: #600;
}

/*20181219以下加入_W為search下拉增加寬度，複製自Bootstrap*/
.dropup,
.dropdown_W {
  position: relative;
}
.dropdown_W-toggle:focus {
  outline: 0;
}

/*20181115 added 點按下拉改成hover下拉，原Bootstrap無以下這段*/
.dropdown_W:hover .dropdown_W-menu {
    display: block;
    margin: 0;
}
/*20181115以上，滑鼠展開，原Bootstrap無以上這段*/

.dropdown_W-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  /*原dropdown為160px寬*/
  min-width: 300px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  /*background-color: #fff;*/
  background-color: #0e3481;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown_W-menu.pull-right {
  right: 50px;
  left: auto;
}
.dropdown_W-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown_W-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown_W-menu > li > a:hover,
.dropdown_W-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
  font-weight: 600;

}
.dropdown_W-menu > .active > a,
.dropdown_W-menu > .active > a:hover,
.dropdown_W-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;

}
.dropdown_W-menu > .disabled > a,
.dropdown_W-menu > .disabled > a:hover,
.dropdown_W-menu > .disabled > a:focus {
  color: #777;
}
.dropdown_W-menu > .disabled > a:hover,
.dropdown_W-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown_W-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown_W-menu-right {
  right: 0;
  left: auto;
}
.dropdown_W-menu-left {
  right: auto;
  left: 0;
}
.dropdown_W-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown_W-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown_W-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown_W .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
.dropup .dropdown_W-menu,
.navbar-fixed-bottom .dropdown_W .dropdown_W-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown_W-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown_W-menu-left {
    right: auto;
    left: 0;
  }
}

/*超連結More下載連結樣式*/
.More:link, .More:visited, .More:active {
    text-decoration: none;
    /*color: blue;*/
    color: white;
    /*border: dotted 1px #888;*/
    border: dotted 1px #4a4a4a;
    /*background-color: #F0F0F0;*/
    background-color: #0e3481;
    padding: 0.4em 1em 0.4em 1em;
    border-radius: 3px 4px;
    letter-spacing: normal;
}

.More:hover {
    /*background-color: #DFDFDF;*/
    background-color: #eacf1e;
}

/*LinkButton連結樣式*/
.linkbtn:link, .More:visited, .More:active {
    text-decoration: none;
    /*color: blue;*/
    color: white;
    /*border: dotted 1px #888;*/
    border: dotted 1px #4a4a4a;
    /*background-color: #F0F0F0;*/
    background-color: #0e3481;
    padding: 0.4em 1em 0.4em 1em;
    border-radius: 3px 4px;
    letter-spacing: normal;
}

.linkbtn:hover {
    /*background-color: #DFDFDF;*/
    background-color: #eacf1e;
}


/*Add for News 2019/01/22*/
.link {
    text-align: center;
    vertical-align: top;
    text-decoration: none;
    color: #0066CC;
    line-height: 120%;
}

    .link:hover {
        /*color: #FF6000;*/
        color: #eacf1e;;
    }


/*最新消息彈出視窗樣式*/
.pnlNewsContent {
    display: none;
    width: 600px;
    height: auto;
    max-height: 500px;
    padding: 0px 15px 0px 0px;
    overflow-x: hidden;
    /*for IE8*/
    overflow-y: auto;
}

    .pnlNewsContent a {
        text-align: center;
        vertical-align: top;
        text-decoration: none;
        color: #0066CC;
    }

        .pnlNewsContent a:hover {
            color: #FF6000;
        }

    .pnlNewsContent .NewsLogo {
        width: 150px;
        height: 76px;
        background: url(../img/USI-logo_2.jpg) no-repeat left center;
        display: inline-block;
    }

    .pnlNewsContent .NewsSubject, .pnlNewsContent .NewsSubject span {
        font-size: 16pt;
        color: #233E83;
        font-weight: bold;
        padding: 10px 0px 10px 0px;
    }

    .pnlNewsContent .NewsDateTime, .pnlNewsContent .NewsDateTime span {
        font-size: 10pt;
        list-style-image: none;
        list-style: none;
        font-weight: normal;
        color: #6C6C6C;
        padding: 0px 0px 20px 0px;
    }

    .pnlNewsContent .NewsContent {
        /*font-size: 12pt;*/
        font-size: 18px;
        border-top: solid 1px #D6D6D6;
        border-bottom: solid 1px #D6D6D6;
        line-height: 160%;
        padding: 20px 0px 20px 0px;
    }

    .pnlNewsContent .NewsFile {
        /*font-size: 12pt;*/
        font-size: 18px;
        border-bottom: solid 1px #D6D6D6;
        line-height: 160%;
        padding: 20px 0px 20px 0px;
    }

    .pnlNewsContent .NewsNoFile {
        border-bottom: none;
    }

    .pnlNewsContent .NewsCopyRight {
        padding-top: 10px;
        color: #6C6C6C;
        font-weight: bold;
        text-align: center;
    }

    .pnlNewsContent .NewsClose {
        text-align: center;
        padding: 20px 0px 10px 0px;
    }

/*CSR報告書*/
.divCSRPic {
    border: 1px solid darkgray;
    border-radius: 7px;
    margin: 10px 22px 15px 22px;
    padding: 5px;
    float: left;
}

.wqLink {
    text-decoration: none;
    color: #0066CC;
}

    .wqLink:hover {
        color: #FF6000;
    }

/*發展歷程*/
.HistoryRadius {
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
    -webkit-border-top-right-radius: 1em;
    -webkit-border-bottom-right-radius: 1em;
}

/* 圖片滑入/滑出顯示 */
.CSRIcon:hover .Img-On {
    display: none;
}

.CSRIcon:hover .Img-Off {
    display: inline-block;
}

.Img-On {
    display: inline-block;
}

.Img-Off {
    display: none;
}