@font-face { 
	font-family: 'Myraid-l'; 
	src: url('../fonts/MyriadPro-Light.otf') format('otf'), 
		 url('../fonts/MyriadPro-Light.eot') format('eot'), 
		 url('../fonts/MyriadPro-Light.ttf') format('ttf'),
		 url('../fonts/MyriadPro-Light.woff') format('woff');
} 
@font-face { 
	font-family: 'Myraid-b'; 
	src: url('../fonts/MyriadPro-Bold.otf') format('otf'), 
		 url('../fonts/MyriadPro-Bold.eot') format('eot'), 
		 url('../fonts/MyriadPro-Bold.ttf') format('ttf'),
		 url('../fonts/MyriadPro-Bold.woff') format('woff');
}
@font-face { 
	font-family: 'Myraid'; 
	src: url('../fonts/MyriadPro-Regular.otf') format('otf'), 
		 url('../fonts/MyriadPro-Regular.eot') format('eot'), 
		 url('../fonts/MyriadPro-Regular.ttf') format('ttf'),
		 url('../fonts/MyriadPro-Regular.woff') format('woff');
}

.col-xs-1.nopd, .col-sm-1.nopd, .col-md-1.nopd, .col-lg-1.nopd, .col-xs-2.nopd, .col-sm-2.nopd, .col-md-2.nopd, .col-lg-2.nopd, .col-xs-3.nopd, .col-sm-3.nopd, .col-md-3.nopd, .col-lg-3.nopd, .col-xs-4.nopd, .col-sm-4.nopd, .col-md-4.nopd, .col-lg-4.nopd, .col-xs-5.nopd, .col-sm-5.nopd, .col-md-5.nopd, .col-lg-5.nopd, .col-xs-6.nopd, .col-sm-6.nopd, .col-md-6.nopd, .col-lg-6.nopd, .col-xs-7.nopd, .col-sm-7.nopd, .col-md-7.nopd, .col-lg-7.nopd, .col-xs-8.nopd, .col-sm-8.nopd, .col-md-8.nopd, .col-lg-8.nopd, .col-xs-9.nopd, .col-sm-9.nopd, .col-md-9.nopd, .col-lg-9.nopd, .col-xs-10.nopd, .col-sm-10.nopd, .col-md-10.nopd, .col-lg-10.nopd, .col-xs-11.nopd, .col-sm-11.nopd, .col-md-11.nopd, .col-lg-11.nopd, .col-xs-12.nopd, .col-sm-12.nopd, .col-md-12.nopd, .col-lg-12.nopd {
	padding-left: 0px;
	padding-right: 0px;
}

a, a:hover, a:active {
	color: #0098a6;
}

.core {
	margin-left: 2%;
	margin-right: 2%;
}
.footnote {
	padding: 20px 0px;
}

.totop {
	float: right;
}

/*submenu*/
.mini-submenu{
  /*display:none;  */
  background-color: rgba(0, 0, 0, 0);  
  /*border: 1px solid rgba(0, 0, 0, 0.9);*/
  border-radius: 4px;
  padding: 9px;  
  /*position: relative;*/
  width: 42px;
  float: left;
}

.mini-submenu:hover{
  cursor: pointer;
}

.mini-submenu .icon-bar {
  border-radius: 1px;
  display: block;
  height: 6px;
  width: 30px;
  margin-top: 4px;
}

.mini-submenu .icon-bar {
  background-color: rgba(0, 152, 162, 1);
}

#slide-submenu{
  background: rgba(0, 0, 0, 0.45);
  display: inline-block;
  padding: 0 8px;
  border-radius: 4px;
  cursor: pointer;
}

.ver_m .navbar {
    padding: 0px 0px 10px 0px;
}
.ver_m .sidebar {
    border: #0098a6 1px solid;
    border-left: none;
    border-right: none;
    border-top: none;
}
.ver_m .ver_line {
    float: right;
    height: 48px;
    width: 1px;
    border: #0098a6 1px solid;
    border-left: none;
    border-bottom: none;
    border-top: none;
    padding-left: 10px;
    margin-right: 10px;
}
.ver_m .lang_block {
    float: right;
    padding-top: 20px;
}
nav div.clear {
	margin: 0px;
}
.ver_m .logo {
	height: 38px;
}
.navbar-nav.mr-auto.hd_m {
	font-family: Microsoft JhengHei;
}
/*submenu*/

img {
	max-width: 100%;
}
body {
	text-align: justify;
	font-size: 14px;
}
body.en {
	font-family: Myraid-l;
}
body.chi {
	font-family: Microsoft JhengHei;
}

body.ver_d {
	max-width: 1000px;
	margin: 0 auto;
}
body.ver_m {
	max-width: 100%;
	margin: 0 auto;
}

table {
	width: 100%;
}

.wide {
	text-align: center;
	width: 100%;
}
.wide2 {
	text-align: center;
}
.wide2 img {
	width: 40%;
	margin: 5%;
	float: left;
}
.ver_d .wide img {
	width: 60%;
	margin: 10px;
}
.ver_d.t2 .wide img, .ver_d.t3 .wide img, .ver_d.t4 .wide img {
	width: 100%;
	margin: 10px;
}
.ver_d .wider img {
	width: 100%;
}
.ver_d .jpi img {
	padding: 2% 30%;
}
.ver_m .wide img, .ver_m .jpi img {
	width: 90%;
	margin: 10px;
}

.list-group {	
	margin-top: 20px;
    margin-bottom: 50px;
    float: left;
    text-align: initial;
}
.en .list-group, .en .door{
	font-family: Myraid;
}
.chi .list-group, .chi .door {
	font-family: Microsoft JhengHei;
}
.ver_d .list-group {
	width: 334px;
}
.ver_m .list-group {
	width: 100%;
}

.core {
	float: left;
	margin: 20px;
	height: 100%;
	color: #000;
}
.ver_d .core {
    width: 626px;
}
.ver_m .core {
	width: 92%;
	margin: 4%;
}

.content {
	margin: 20px;
}

.en .heading, .topic, .en .bold, .en .menu_title.active a, .en .chart_title{
	font-family: Myraid-b;
}
.chi .heading, .topic, .chi .bold, .chi .menu_title.active a, .chi .chart_title{
	font-family: Microsoft JhengHei;
	font-weight: bold;
}

.irontail {
	font-style: italic;
}

.ver_m .icon {
	width: 80%;
}

.decImg {
	width: 80%;
}
.ver_m .decImg {
	text-align: center;
}

.ver_d.zindex {
	background-image: url('../images/interface/bg.png');
	background-size: 100%;
    background-repeat: no-repeat;
}

.ver_m.zindex {
	background-image: url('../images/interface/bg.png');
	background-size: 100%;
    background-repeat: no-repeat;
}

nav {
	background-color: #FFFAE7;
}
.navbar-brand {
	margin-left: 30px;
	margin-right: 0px;
	float: left;
}
.logo {
	/*margin-left: 30px;*/
}
.hd_m {
	margin-top: 8px;
    height: 36px;
    float: left;
    max-width: 690px;
    /*background-color: #A7D1BA;*/
    border: #A6D5CD 1px solid;
    /*border-image: url(/images/interface/hd_M.png) 30 repeat;*/
    /*border: 1px solid transparent;*/
    border-left: none;
    border-right: none;
    border-top: none;
    display: inline-block;
    text-align: right;
    color: #0098a6;
    padding: 8px;
}
.navbar-text {
	/*float: left;*/
}

.menu_title {
	width: 270px;
    border-bottom: #E7E7E7 1px solid;
    padding: 6px 10px;
    height: 35px;
}
.menu_title.last {
	border-bottom: none;
}
.menu_title:not(.active) {
	background-color: #FFF !important;
}
.menu_title.active a {
	color: #FFF !important;
}
.menu_image img {
	margin-left: 10px;
}
.ta a, .t1 .heading, .t1 .topic {
	color: #007B79;
}
.ta.active {
	background-color: #007B79;
}
.tb a, .t2 .heading, .t2 .topic, .t3 .heading, .t3 .topic, .t4 .heading, .t4 .topic {
	color: #5AB651;
}
.tb.active {
	background-color: #5AB651;
}
.tc a, .t5 .heading, .t5 .topic {
	color: #ED6C00;
}
.tc.active {
	background-color: #ED6C00;
}
.td a, .t6 .heading, .t6 .topic, .t7 .heading, .t7 .topic, .t8 .heading, .t8 .topic, .t9 .heading, .t9 .topic, .t10 .heading, .t10 .topic, .t11 .heading, .t11 .topic, .t12 .heading, .t12 .topic {
	color: #00A0E9;
}
.td.active {
	background-color: #00A0E9;
}
.te a, .t13 .heading, .t13 .topic {
	color: #B95061;
}
.te.active {
	background-color: #B95061;
}
.tf a, .t14 .heading, .t14 .topic {
	color: #944F9B;
}
.tf.active {
	background-color: #944F9B;
}

.door {
	color: rgb(124, 123, 121);
	font-size: 35px;
}
a.door, a.door:hover, a.door:active {
	color: rgb(124, 123, 121);
}

.heading {
	font-size: 130%;
	padding-top: 15px;
}

.tri+.heading {
	padding-top: 50px;
}

.topic {
	font-size: 160%;
	padding-top: 40px;
}
.topic+p, .topic+.figure_desc {
	margin-top: 10px;
}
p+.heading, img+.heading {
	/*margin-top: 20px;*/
}
.topic + .heading {
	padding-top: 10px;
}
.notes {
	font-size: 80%;
}
.notes.ver_d td {
	width: 50%;
}

p {
	margin-bottom: 0px;
}

p+img {
	/*margin-bottom: 20px;*/
}

.t2 p+p, .t3 p+p, .t4 p+p {
	margin-top: 30px;
}

div.clear {
	clear: both;
	margin: 10px;
	/*height: 1px;*/
}
.recL+.clear {
	margin: 0px;
}
.ver_d .l8 {
	width: 80%;
	/*max-width: 400px;*/
	float: left;
}
.ver_d .r2 {
	width: 20%;
	/*max-width: 100px;*/
	float: right;
}
.ver_m .l8 {
	width: 70%;
	/*max-width: 400px;*/
	float: left;
}
.ver_m .r2 {
	width: 30%;
	/*max-width: 100px;*/
	float: right;
}
.l6 {
	width: 56%;
	/*max-width: 400px;*/
	float: left;
}
.r4 {
	width: 40%;
	/*max-width: 100px;*/
	float: right;
}
.rec, .recL {
	text-align: center;
	width: 100%;
}
.rec img {
	width: 30%;
}
.recL img {
	/*float: left;*/
	/*width: 40%;*/
}
.recL img:nth-child(odd) {
	margin: 10px;
}
.recL img:nth-child(even) {
	margin: 10px;
}
.ver_d .tri {
	text-align: center;
	font-family: Myraid;
}
.ver_d.en .tri img {
	/*float: left;*/
	width: 33%;
    vertical-align: bottom;
}
.ver_d.chi .tri img {
	/*float: left;*/
	width: 33%;
    vertical-align: bottom;
}
.ver_d.en .tri.sp1 img {
	/*float: left;*/
	width: 27%;
    vertical-align: bottom;
}
.ver_d.chi .tri.sp1 img {
	/*float: left;*/
	width: 27%;
    vertical-align: bottom;
}
.ver_m .tri img {
	/*float: left;*/
	/*width: 33%;*/
}
.figdesc {
	width: 58%;
	float: left;
}
img.figure {
	float: right;
	width: 40%;
}

.imgbox {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
}

.imgcard {
    display: table-cell; /* Make elements inside the container behave like table cells */
}

.figure_desc {
    float: left;
    width: 60%;
}
.figure_detail {
    width: 38%;
    float: right;
    margin-bottom: 10px;
}
.figure_title {
    padding: 10px;
    background-color: #B95061;
    color: #FFF;
    text-align: left;
}

.chart_title {
	color: rgb(60, 104, 64);
	font-size: 160%;
}
.chart_topic {
	color: #944F9B;
	font-size: 160%;
	line-height: 160%;
	font-weight: bold;
}
.chart {
    width: 50%;
    float: left;
}
.wide_chart {
	width: 100%;
	text-align: center;
}
.wide_chart img {
	width: 80%;
}