/* Font Family */
@font-face {
	font-family: Myriad;
	src: url(../fonts/myriad/MyriadPro-Regular.otf);
	font-weight: normal;
	font-style: normal;
}
/* Custom */
body.cn,
body.cn #content .banner .hover h1,
body.cn #content .breadcrumb a,
body.cn #content .breadcrumb h2,
body.cn #content .banner .menu .title a,
body.cn #content .banner .hover h1,
body.cn header table tr td a {
	font-family: Microsoft JhengHei;
}
.mobile-banner {
	display: none!important;
}
.modal-footer {
	padding: 0!important;
	border-top: 0!important;
	position: absolute;
	top: -18px;
	right: -18px;
}
.modal-footer a {
	background: rgba(0,0,0,0.4);
	color: #fff;
	border-radius: 50%;
}
.skip {
	display: none;
}
.table {
	border: 0;
}
.table th,
.table td {
	border-left: 0;
	border-right: 0;
	width: 50%;
}
.table th:first-child,
.table td:first-child {
	width: 20%;
}
.table tr:last-child td{
	border-bottom:1px solid #ddd;
}
ul{
	list-style:none;
}
ul.disc {
	list-style-type: disc;
}
.font{
	padding:0 5px;
}
.lang{
	padding:0 2px;
}
.font:last-child,.lang:last-child{
	padding-right:0;
}
.font-s{
	font-size:1em;
}
.font-n{
	font-size:1.1em;
}
.font-l{
	font-size:1.2em;
}
.pict-desc {
	font-size: 1em!important;
}
strong {
	color: #008600;
}
.green {
	color: #008A00;
}
body {
	font-family: Myriad;
}
.portrait-photo {
	padding: 0 10px;
}
.portrait-tc img{
	width: 10%;
}
.portrait-en img{
	width: 20%;
}
/* Breadcrumb */
#content .breadcrumb {
	background: transparent;
}
#content .breadcrumb a {
	text-decoration: underline;
	padding-right: 5px;
	font-family: 'Open Sans', sans-serif;
}
#content .breadcrumb h2 {
	font-size: 1em;
	display: inline-block;
	margin-top: 10px;
}
/* Banner */


#content .banner {
	position: relative;
	
}
#content .banner.home {
	overflow: hidden;
	font-size: 0;
}
#content .banner .cover {
	position: absolute;
	top: 75px;
	right: 110px;
	cursor: pointer;
}
#content .banner .cover-text {
	position: absolute;
	left: 95px;
	top: 30px;
	font-weight: 800;
	font-size: 14px;
}
#content .banner .cover-text-right {
	position: absolute;
	right: 310px;
	bottom: 50px;
	font-weight: 800;
}
#content .banner .cover-text span {
	font-size: 80px;
	color: #fff;
	display: block;
}
#content .banner .cover-text-right span {
	font-size: 1.4285714285714286em;
	color: #fff;
	display: block;
}
#content .banner .menu {
	height: 100%;
	width: 19%;
	background: #fff;
	padding: 30px 20px;
	z-index: 2;
	overflow-y: auto;
	display: inline-block;
	font-size: 16px;
}
#content .banner .menu.active {
	right: 0;
}
#content .banner .menu .title {
	border-bottom: 1px dotted rgba(0,0,0,0.2);
	padding: 5px 20px;
}
#content .banner .menu .title a {
	color: #000;
	text-decoration: none;
	font-size: 1.4285714285714286em;
	font-family: 'Open Sans', sans-serif;
}
#content .banner .menu .title > img {
	cursor: pointer;
}
#content .banner .menu .title ul li {
	cursor: pointer;
	display: inline-block;
}
#content .banner .hover {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
#content .banner .hover h1 {
	display: block;
	font-size: 2.5em;
	font-weight: 800;
	color: #fff;
	margin: 5px 0;
	font-family: 'Open Sans', sans-serif,標楷體;
}
#content .banner > img {
	width: 100%;
}
#content .home.banner > img {
	width: 80%;
	display: inline-block;
	vertical-align: top;
}
/* Content */
#content .content {
	padding: 50px 0;
}
#content .content .left .desc {
	line-height: 2;
	padding-bottom: 30px;
}
#content .content .right .titles .title {
	border-style: none none dotted none;
	border-width:1px;
	border-color: rgba(0,0,0,0.2);
	padding: 10px 15px;
}
#content .content .right .titles .title:first-child {
	border-style: dotted none dotted none;
}
#content .content .right .titles .title a {
	text-decoration: none;
	color: #009900;
}
#content .content .right .titles .title.active a {
	color: #000;
}
#content .top {
	padding: 15px 0;
	border-bottom: 3px solid #009900;
	font-weight: bold;
}
#content .table-content h2 {
	font-size: 1.1428571428571428em;
}
#content .table-content .table-div {
	overflow-x: scroll;
}
#content .table-content .table {
	margin: 30px 0;
}
#content .table-content .table thead {
	background: url('../images/box1.jpg');
}
#content .table-content .table thead tr td {
	color: #fff;
	padding: 10px 20px;
}
#content .table-content .table tbody tr td {
	padding: 10px 20px;
	border-top: 0;
}
#content .table-content .table tbody tr td.title {
	padding: 20px;
	font-size: 1.4285714285714286em;
}
#content .table-content .table tbody tr td.sub-total {
	border-top: 1px solid #009900;
	border-bottom: 1px solid #009900;
	font-size: 1.4285714285714286em;
	padding: 15px 20px;
}
#content .table-content .table tbody tr td.total {
	border-bottom: 2px solid #009900;
}
#content .table-content .box2 {
	background: url('../images/box2.jpg');
	min-height: 50px;
	margin: 120px 0 50px;
}
#content .two-pict .pict img{
	cursor: pointer
}

#zoom_img .media {
	text-align: center;

}
#zoom_img .media img {
	width: 100%;
}
.orange {
	color: #C15017!important;
}
.orange-bg {
	background: #C15017!important;
}
.pink {
	color: #cd2b73!important;
}
.pink-bg {
	background: #D5308A!important;
}
.blue {
	color: #3b6cbe!important;
}
.blue2 {
	color: #1256c7!important;
}
.blue-bg {
	background: #3b6cbe!important;
}
.red {
	color: #c83838!important;
}
.red2 {
	color: #b81515!important;
}
.red-bg {
	background: #c83838!important;
}
.purple {
	color: #8b42b0!important;
}
.purple2 {
	color: #8815a0!important;
}
.purple-bg {
	background: #8b42b0!important;
}
/* resp */
@media only screen and (max-width: 1550px){
	#content .banner .cover-text span {
		font-size: 4.285714285714286em;
	}
}
@media only screen and (max-width: 1200px){
	#content .banner .cover-text span {
		font-size: 2.857142857142857em;
	}
	#content .banner .cover-text-right {
		right: 110px;
	}
}
@media only screen and (max-width: 991px){
	.mobile-banner {
		display: block!important;
	}
	.desktop-banner {
		display: none!important;
	}
	#content .banner .cover-text {
		font-size: 10px;
	}
	#content .home.banner > img {
		width: 100%;
	}
	#content .breadcrumb h2 {
		margin: 0;
	}
	#content .content .right {
		display: none;
	}
	#content .content .row {
		display: flex;
		flex-direction: column;
	}
	#content .content .row .col-md-16 {
		order: 2;
	}
	#content .content .row .col-md-8 {
		order: 1;
	}
}
@media only screen and (max-width: 768px){
	#content .banner .hover {
		font-size: 0;
	}
	#content .banner .hover h1 {
		font-size: 21px;
	}
}
@media only screen and (max-width: 640px){
	#content .banner .cover {
		top: 10%;
		right: 5%;
	}
	#content .banner .cover-text {
		left: 5%;
	}
	#content .banner .cover-text-right {
		right: 5%;
		bottom: 5%;
	}
	#content .banner .hover h1 {
		display: inline-block;
	}
	#content .banner .cover-text {
		font-size: 8px;
	}
}
@media only screen and (max-width: 425px){
	#content .banner .hover h1 {
		margin: 0;
		font-size: 14px;
	}
	#content .banner .cover-text {
		font-size: 6px;
	}
}
@media print {
  a[href]:after {
    content: none !important;
  }
  #content .right,
  header,
  footer,
  #content .breadcrumb  {
	display: none!important;
  }
  #content .banner .hover h1 {
	  color: #fff!important;
	  font-size: 48px!important;
	  -webkit-print-color-adjust: exact;
  }
  .two-pict .col-lg-12 {
	  width: 50%!important;
	  float: left!important;
	  text-align: center!important;
  }
  .two-pict .col-lg-12 img {
	  width: 100%!important;
  }
}