html, body {
  height: 100%;
}

body #wrap
{
	min-height: 100%;
	height: auto;
}

body #wrap .container
{
	width:100%;
	margin: 0 auto !important;
}

img, table
{
	border:0;
}

img{
	vertical-align:middle;
	max-width: 100%;
}

table, div
{
	border-collapse:collapse;
	text-align:left;
	vertical-align: top;
}

.clearBoth{
	display:block !important;
	float:none !important;
	clear:both !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
	border: 0 !important;
}

body .disNone
{
	display:none;
}

.nowrap, .noWrap{
	white-space: nowrap;
}

body #fontSize0{font-size:0.75em;}
body #fontSize1{font-size:1em;}
body #fontSize2{font-size:1.25em;}

.access
{
	position:absolute;
	/*visibility:hidden;*/
	left: -9999px;
}

#page_bg {
	color: #000;
}

.disIB
{
	display:inline-block;
	*zoom: 1;
	*display: inline;
}

.nobr
{
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin: 0;
	word-break: break-all;
	word-wrap: break-word;
}

html, body
{
	margin:0;
	padding:0;
}

a, a:link, a:active, a:visited{text-decoration:none;}
a:hover, a:focus{text-decoration:underline;}

body .bold
{
	font-weight:bold;
}

/*========Index==========*/
body.indexVersion{}
/*body.indexVersion .breadcrumb, body.indexVersion  .printTool{display:none;}*/
/*body.indexVersion .mainHeader{position:absolute; visibility:hidden; left: -9999px;}
body.extIndex .mainHeader{position:absolute; visibility:hidden; left: -9999px;}
body .mainHeader{display:none;/*position:absolute; visibility:hidden; left: -9999px;*/}
/*========Chinese========*/
body.chineseVersion{}
/**/


html,html body {
font-size: 1em;
}

body {
background-color: #f7f5f5;
color: #3e5259;
font-family: Arial, Helvetica, sans-serif;
}

body.chineseVersion {
font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";
}

body p {
text-align: justify !important;
}

.date {
color: #000000;
font-weight: bold;
}

.press_title {
color: #000066;
}

.font_bold {
font-weight: bold;
}

.float_center {
text-align: center;
}

.font_underline {
text-decoration: underline;
}

.caption {
font-style: italic;
}

.font_italic {
font-style: italic;
}

.float_right {
float: right;
}

.float_left {
float: left;
}

.img-cap {
font-size: 0.5625em;
}

.center {
margin: 0 auto;
}

.align-left {
text-align: left;
}

.clear:after {
content: "";
display: table;
clear: both;
}

.right {
text-align: right;
}


.mobileVersion .bodyArea {
font-size: 1em;
}

.highlightArea {
font-size: 0.875em;
}

.bodyArea .mainContent {
min-height: 570px;
margin-right: auto;
margin-left: auto;
}

.bodyArea .mainContent .my_content {
padding: 20px 30px;
}

.bodyArea .headerMenu {
font-size: 0.9375em;
}

.mainContent {
line-height: 1.4;
color: #4b4b4b;
}

.mainContent p {
text-align: left;
margin: 1.4em 0;
}

.mainContent ul,.mainContent ol {
padding-left: 0.6em;
margin-bottom: 1.4em;
}

ol>li>ul {
list-style-type: disc;
}

.panel-default>.panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
height: 120px!important;
}

.micp {
padding-left: 200px;
padding-right: 200px;
}

/*=========header=========*/

body {
background-color: #fff;
}

body #wrap {
width: 100%;
margin-right: auto;
margin-left: auto;
}

body.indexVersion #wrap {}

.headerArea>.container, .footerArea>.container {
  max-width: 1224px;
     padding-left: 1em;
     padding-right: 1em;
}


body.indexVersion #header:after {
display: none;
}

.headerArea {
color: #3e5259;
background-color:#fff;
position: fixed;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
width: 100%;
top: 0;
z-index: 9999;
}

.headerArea .navTop:after {}

.headerArea .navBottom:after {}

.headerTop {
text-align: right;
}

.headerArea .headerBottom {
background-image: url('../images/bg_header.png');
background-repeat: repeat-y;
padding: 20px;
}

.headerArea .headerBg {
background-color: #ff913f;
height: 43px;
width: 100%;
position: absolute;
top: 122px;
left: 0;
z-index: -1;
border-bottom: 3px solid #203682;
}

.headerArea ul {
margin: 0;
padding: 0;
}

.headerArea .headerTool .langTool {
display: inline-block;
}

.headerArea .headerTool .langTool li span {
margin: 0;
}

.headerArea .headerTool2 {
width: 100%;
}

.headerArea .headerTool ul.menuLv1>li>a:hover,.headerArea .headerTool ul.menuLv1>li>a:focus {
}

.headerArea .topHeaderTool {
margin: 5px 0 25px 0;
}

.headerArea .bottomHeaderTool {
margin: 5px 0 5px 0;
}

.headerArea .headerTool .myTool .myLogo,.headerArea .headerTool .topHeaderTool>div,.headerArea .headerTool .bottomHeaderTool>div {
float: left;
}

.headerArea .headerTool .myTool .myLogo {
position: relative;
z-index: 100;
}

.headerArea .headerTool .myTool .myLogoBg {
position: absolute;
left: 0;
right: 0;
height: 101px;
background-repeat: repeat-x;
z-index: 1;
}

.headerArea .headerTool .myTool .leftHeaderTool {
float: left;
margin-top: 4px;
}

.headerArea .headerTool .myTool .rightHeaderTool,.headerTool .topHeaderTool,.headerArea .bottomHeaderTool {
float: right;
width: 80%;
}

.myheaderTool>div.clientTool {
color: #3f535a;
font-size: 1.2em;
display: flex;
align-items: center;
justify-content: flex-end;
}

.myheaderTool>div.clientTool .textsizeTool span {
color: #707070;
padding: 0 1px;
font-weight: bold;
}

.myheaderTool>div.clientTool .textsizeTool .size_0 {
font-size: .8em;
}

.myheaderTool>div.clientTool .textsizeTool .size_1 {
font-size: 1em;
}

.myheaderTool>div.clientTool .textsizeTool .size_2 {
font-size: 1.21em;
}

.myheaderTool>div.clientTool div.langSelect {
margin-right: 20px;
}

.myheaderTool>div.clientTool .langSelect:after {
content: "";
width: 13px;
height: 13px;
background-image: url(../images/icon_right_bottom_corner_s.png);
background-repeat: no-repeat;
display: block;
position: absolute;
right: -10px;
bottom: 10px;
}

.clientTool>div:before {
}

.clientTool>div.language li:before {
}

.clientTool>div.language li.fst:before {
content: "";
display: none;
}

.clientTool>div.homeTool:before {
display: none;
}

.clientTool>div.searchTool:before {
content: "";
clear: both;
padding: 0;
margin: 0;
}

div.searchTool:after {
content: none !important
}

div.hrbTool:after {
content: none !important
}

div.mobile_view:after {
content: none !important
}

div.language li.last:after {
content: "";
display: none;
}

.hrbTool:before {
content: none !important
}

.myheaderTool>div.clientTool div.RSS {
color: #be4a03;
font-size: 0.875em;
}

.myheaderTool>div.clientTool div.AStyleArea {}

.myheaderTool>div.clientTool div.mobSearch {
display: none;
}

.myheaderTool>div.clientTool div.mobile_view {
height: 27px;
}

.myheaderTool>div.clientTool div.language ul li {
display: inline-block;
position: relative;
margin-right: 10px;
}

.myheaderTool>div.clientTool div.language ul>li:last-child {
padding-right: 0px;
}

.myheaderTool>div.clientTool div.home {}
/*=========header=========*/

body.indexVersion #header:after {
display: none;
}

.headerTop {
text-align: right;
}

.headerArea .headerBottom {
background-image: url('../images/bg_header.png');
background-repeat: repeat-y;
padding: 20px;
}

.headerArea .headerBg {
background-color: #ff913f;
height: 43px;
width: 100%;
position: absolute;
top: 122px;
left: 0;
z-index: -1;
border-bottom: 3px solid #203682;
}

.headerArea ul {
margin: 0;
padding: 0;
}


.headerArea .headerTool .langTool {
display: inline-block;
}

.headerArea .headerTool .langTool li span {
margin: 0;
}

.headerArea .headerTool2 {
width: 100%;
}

.headerArea .headerTool a:hover,.headerArea .headerTool a:focus {
color: #3e5259;
text-decoration: none;
}



.headerArea .headerTool ul.menuLv1>li>a:hover,.headerArea .headerTool ul.menuLv1>li>a:focus {
}

.headerArea .topHeaderTool {
margin: 5px 0 25px 0;
}

.headerArea .bottomHeaderTool {
margin: 5px 0 5px 0;
}

.headerArea .headerTool .myTool .myLogo,.headerArea .headerTool .topHeaderTool>div,.headerArea .headerTool .bottomHeaderTool>div {
float: left;
}

.headerArea .headerTool .myTool .myLogo {
position: relative;
z-index: 100;
}

.headerArea .headerTool .myTool .myLogoBg {
position: absolute;
left: 0;
right: 0;
height: 101px;
background-repeat: repeat-x;
z-index: 1;
}

.headerArea .headerTool .myTool .leftHeaderTool {
float: left;
margin-top: 4px;
}

.headerArea .headerTool .myTool .rightHeaderTool,.headerTool .topHeaderTool,.headerArea .bottomHeaderTool {
float: right;
width: 80%;
}

.myheaderTool>div.clientTool {
color: #3f535a;
font-size: 1.2em;
display: flex;
align-items: center;
justify-content: flex-end;
}

.myheaderTool>div.clientTool .textsizeTool span {
color: #707070;
padding: 0 1px;
font-weight: bold;
}

.myheaderTool>div.clientTool .textsizeTool .size_0 {
font-size: .8em;
}

.myheaderTool>div.clientTool .textsizeTool .size_1 {
font-size: 1em;
}

.myheaderTool>div.clientTool .textsizeTool .size_2 {
font-size: 1.21em;
}

.myheaderTool>div.clientTool div.langSelect {
margin-right: 20px;
}

.myheaderTool>div.clientTool .langSelect:after {
content: "";
width: 13px;
height: 13px;
background-image: url(../images/icon_right_bottom_corner_s.png);
background-repeat: no-repeat;
display: block;
position: absolute;
right: -10px;
bottom: 10px;
}

.clientTool>div:before {
}

.clientTool>div.language li:before {
}

.clientTool>div.language li.fst:before {
content: "";
display: none;
}

.clientTool>div.homeTool:before {
display: none;
}

.clientTool>div.searchTool:before {
content: "";
clear: both;
padding: 0;
margin: 0;
}

div.searchTool:after {
content: none !important
}

div.hrbTool:after {
content: none !important
}

div.mobile_view:after {
content: none !important
}

div.language li.last:after {
content: "";
display: none;
}

.hrbTool:before {
content: none !important
}

.myheaderTool>div.clientTool div.RSS {
color: #be4a03;
font-size: 0.875em;
}

.myheaderTool>div.clientTool div.AStyleArea {}

.myheaderTool>div.clientTool div.mobSearch {
display: none;
}

.myheaderTool>div.clientTool div.mobile_view {
height: 27px;
}

.myheaderTool>div.clientTool div.language ul li {
display: inline-block;
position: relative;
margin-right: 10px;
}

.myheaderTool>div.clientTool div.language ul>li:last-child {
padding-right: 0px;
}

.myheaderTool>div.clientTool div.home {}

.clientTool ul {
/*	float: right;*/
list-style-type: none;
}

.clientTool form img {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 4200;
right:10px;
width: 17px;
}

.clientTool form input {
padding: 0 50px 0 25px;
font-size: .9em;
border: 0px;
background: transparent;
}

.headerArea .clientTool>ul>li>div>* {
padding: 4px 12px;
}

.clientTool li * {
display: inline;
}

.clientTool li .aaaTool,.clientTool li .aaaTool * {
vertical-align: inherit;
}

.mobileClient {
display: none;
}

.logIOTool a {
background: #d73d32;
}

.headerArea .headerTool .language li:first-child:after {
content: "";
position: absolute;
right: 0;
width: 1px;
background-color: #3f535a;
height: calc(100% - 5px);
top: 4px;
display: inline-block;
}

body.englishVersion.ieVersion .headerArea .headerTool .language li:first-child:after {
margin-bottom: 4px;
}

body.chineseVersion.ieVersion .headerArea .headerTool .language li:first-child:after {
margin-bottom: 6px;
}

.headerArea .headerTool .language li a {
color: #707070;
font-weight: bold;
margin-bottom: -1px;
line-height: normal;
display: inline-block;
vertical-align: baseline;
position: relative;
font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";
}


.headerArea .headerTool .language li:first-child a:before {
display: none;
}

.headerArea a:hover,.headerArea a:focus {
text-decoration: underline;
}

.headerArea .myTool,.headerArea .myTool a {
color: #3e5259;
}

.headerArea .langTool {
margin-top: 6px;
}

.headerArea .bottomHeaderTool .contactus img {
vertical-align: initial;
margin: 0 5px;
}

.headerArea .bottomHeaderTool .searchTool {
margin-left: 3px;
margin-top: -2px;
}

.headerArea .hrbTool input {
}

.headerArea .hrbTool img {
margin-left: 10px;
}

.myheaderTool>div.clfSeachBar {
float: none;
position: absolute;
top: 30px;
right: 20px;
}

.headerArea .searchTool .hrbTool a {
color: #3e5259;
padding: 0 5px;
font-weight: bold;
font-size: 0.75em;
}

.headerArea .searchTool .hrbTool a:hover,.headerArea .searchTool .hrbTool a:focus {
color: #cc3333;
text-decoration: none;
}

.headerArea .aaaTool {
}

.headerArea ul.aaaTool {
padding-right: 0px;
padding-left: 0px;
}

.headerArea .bottomHeaderTool .searchTool .searchBtn img {
margin-left: 5px;
}

.headerArea .headerTool .headerMenu {
z-index: 8000;
}

.indexVersion .headerArea .headerTool .headerMenu>ul {
margin-top: 0;
}



*============================*/

/* =================================================================================================
Right Scrolling Module with Pagnation
================================================================================================= */
.simply-scroll-container {
/* Container DIV - automatically generated */
position: relative;
}

.simply-scroll-clip {
/* Clip DIV - automatically generated */
position: relative;
overflow: hidden;
z-index: 2;
}

.simply-scroll-list {
/* UL/OL/DIV - the element that simplyScroll is inited on */
position: absolute;
top: 0;
left: 0;
z-index: 1;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}

.simply-scroll-list li {
padding: 8px 0px 0px;
margin: 0;
list-style: none;
}

.simply-scroll-list li img {
border: none;
display: block;
}

.simply-scroll-btn {
position: absolute;
width: 42px;
height: 44px;
z-index: 3;
cursor: pointer;
}

.simply-scroll-btn-left {
left: 6px;
bottom: 6px;
background-position: 0 -44px;
}

.simply-scroll-btn-left.disabled {
background-position: 0 0 !important;
}

.simply-scroll-btn-left:hover {
background-position: 0 -88px;
}

.simply-scroll-btn-right {
right: 6px;
bottom: 6px;
background-position: 84px -44px;
}

.simply-scroll-btn-right.disabled {
background-position: 84px 0 !important;
}

.simply-scroll-btn-right:hover {
background-position: 84px -88px;
}

.simply-scroll-btn-up {
right: 6px;
top: 6px;
background-position: -126px -44px;
}

.simply-scroll-btn-up.disabled {
background-position: -126px 0 !important;
}

.simply-scroll-btn-up:hover {
background-position: -126px -88px;
}

.simply-scroll-btn-down {
right: 6px;
bottom: 6px;
background-position: -42px -44px;
}

.simply-scroll-btn-down.disabled {
background-position: -42px 0 !important;
}

.simply-scroll-btn-down:hover {
background-position: -42px -88px;
}


/* Custom class modifications - override classees
.simply-scroll is default
*/

.simply-scroll {
/* Customisable base class for style override DIV */
width: 100%;
/*width: 580px;*/
height: 480px;
margin-bottom: 1em;
}

.simply-scroll .simply-scroll-clip {
width: 580px;
height: 480px;
border-top: #a2adc1 1px solid;
}

.simply-scroll .simply-scroll-list {}

.simply-scroll .simply-scroll-list li {
float: left;
width: 550px;
height: 160px;
}

.simply-scroll .simply-scroll-list li img {}

.simply-scroll .simply-scroll-btn {}

.simply-scroll .simply-scroll-btn-left {}

.simply-scroll .simply-scroll-btn-left.disabled {}

.simply-scroll .simply-scroll-btn-left:hover {}

.simply-scroll .simply-scroll-btn-right {}

.simply-scroll .simply-scroll-btn-right.disabled {}

.simply-scroll .simply-scroll-btn-right:hover {}

.simply-scroll .simply-scroll-btn-up {}

.simply-scroll .simply-scroll-btn-up.disabled {}

.simply-scroll .simply-scroll-btn-up:hover {}

.simply-scroll .simply-scroll-btn-down {}

.simply-scroll .simply-scroll-btn-down.disabled {}

.simply-scroll .simply-scroll-btn-down:hover {}


/* Vertical scroller example */

.vert {
/* wider than clip to position buttons to side */
width: 340px;
height: 400px;
margin-bottom: 1.5em;
}

.vert .simply-scroll-clip {
width: 290px;
height: 400px;
}

.vert .simply-scroll-list {}

.vert .simply-scroll-list li {
width: 290px;
height: 200px;
}

.vert .simply-scroll-list li img {}

.vert .simply-scroll-btn {}

.vert .simply-scroll-btn-up {
/* modified btn pos */
right: 0;
top: 0;
}

.vert .simply-scroll-btn-up.disabled {}

.vert .simply-scroll-btn-up:hover {}

.vert .simply-scroll-btn-down {
/* modified btn pos */
right: 0;
top: 52px;
}

.vert .simply-scroll-btn-down.disabled {}

.vert .simply-scroll-btn-down:hover {}


/* NOTE left-right classes wouldn't be needed on vertical scroller */

.simply-scroll .simply-scroll-list .newsList>li {
height: inherit;
margin: 0;
padding: 0;
/*border-bottom:1px solid #bdcfe3;
	/*list-style-type:disc;*/
width: inherit;
}

.simply-scroll .simply-scroll-list .newsList>li>div {
padding: 10px 45px;
}

/*===========AAA================*/
/*green table*/
.green_tbl,.green_tbl tr td,.green_tbl tr th {
	border: 1px solid #0070b6;
}
.green_tbl tr:nth-child(odd) th,.green_tbl tr:nth-child(odd) td {
	background-color: #99dbe3;
}
.green_tbl tr:nth-child(even) td {
	background-color: #f7fafb;
}
.green_tbl tr th,.green_tbl tr td {
	color: #000;
	padding: 5px;

}
.green_tbl tr th,.green_tbl tr td {}
.green_tbl tr th:nth-child(1),.green_tbl tr td:nth-child(1) {
	text-align: left;
}
.green_tbl tr th,.green_tbl tr td {
	text-align: center;
	vertical-align: middle;
	padding: 20px;
}

.leftHeader {
display: none;
}

.leftMenuHeader {
margin-top: 0;
}

.left_menu>div {
position: relative;
z-index: 8000;
}

.left_menu>div.menuBg {
position: absolute;
top: 0;
bottom: 0;
width: 185px;
z-index: 5000;
}

.leftMenuArea {
float: left;
width: 185px;
}

.leftMenu {
float: left;
}

.left_menu {
width: 185px;
min-height: 100%;
}

.leftMenu {
z-index: 7900;
position: relative;
}

.leftMenu .close>ul {
height: 0;
opacity: 0;
filter: alpha(opacity=0);
z-index: -1;
position: relative;
overflow: hidden;
}

.leftMenu .open>ul {
height: auto;
opacity: 1;
filter: alpha(opacity=100);
z-index: 7910;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
overflow: visible;
}