/*=====================首頁======================*/

.topmenubox {
    position: absolute;
    top: 13px;
    right: 4px;
    transform: translateY(-50%);
    z-index: 3;
    background: #4d3f8c;
    padding: 5px 5px;
    border-radius: 0 0 3px 3px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
}
.language {
	float: right;
	letter-spacing: 0;
	margin: 0;
	width: 100px;
	background-color: #eeeeee;
}
.language a.sel-tit {
    display: block;
    color: #757575;
    font-size: 13px;
    background: url(../arr_w.png) no-repeat 90% center;
    height: 24px;
    padding-left: 8px;
    line-height: 24px;
    box-sizing: border-box;
    text-align: left;
}
.language.on a.sel-tit {
	color: #666;
	background: url(../f_arr.png) no-repeat 90% center;
}
.language-in {
	position: relative;
	text-align: center;
	border: 1px solid transparent;
	box-sizing: border-box
}
.language.on .language-in {
    width: 100px;
    /* height: 105px; */
    background: #fff;
}
.language.on .language-in ul {
	display: block;
	padding: 0;
	margin: 0;
}
.language-in ul {
	display: none;
	position: absolute;
	top: 30px;
	background: #fff;
	z-index: 3;
	width: 100%;
	box-sizing: border-box;
	padding-top: 2px
}
.language-in ul li {
	font-size: 13px;
	line-height: 24px;
	text-align: left;
	padding-left: 18px;
	list-style-type: none;
}
.language-in ul li a {
	color: #4c4c4c;
	display: block
}
.language-in ul li a span {
	padding-right: 12px
}
.language-in ul li a:hover span {
	color: #51B5D7;
	background: url(../language_bg.png) no-repeat right center;
}



.topmenu {
    float: left;
    width: auto;
    margin: 2px 4px 0px 0;
}
.is-sticky .topmenu {
	display: none;
}

@media (max-width: 1239px) {
.topmenu {
}
}

@media (max-width: 767px) {
.topmenu {
	position: static;
	top: auto;
	right: auto;
	margin: 20px 0 15px;
}
}
.topmenu * {
	box-sizing: border-box;
}
.topmenu li {
	display: inline-block;
	margin: 0;
}
.topmenu li a {
    color: #f2f2f2;
    padding: 0px 13px;
    border-right: 1px dashed #9787e0;
	transition: all 0.2s ease;
}
.topmenu li:last-child a {
	border-right: none;
}
.topmenu li a:hover {
	color: #D3F4FF;
	text-decoration: none;
}
.search {
	position: absolute;
	top: 76px;
	right: 17px;
	transform: translateY(-50%);
	z-index: 2;
	
}
.is-sticky .search {
	display: none;
}
.is-sticky .topmenubox {
	display: none;
}
.is-sticky #topline {
	display: none;
}
.search input {
	width: auto;
	max-width: 180px;
	display: inline-block;
	margin: 0;
	padding: 7px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 4px 0px #A3A3A3;
	box-shadow: 1px 1px 4px 0px #A3A3A3;
}

.search a {
	color: #333;
	font-size: 18px;
	border: 1px solid #949494;
	border-radius: 5px;
	padding-top: 2px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	
}
.search i{margin-top: 5px;}
@media (max-width: 959px) {

.search {
    position: absolute;
    top: 70px;
    padding: 2px 8px;
}

}


@media (max-width: 767px) {
.search {
	display: none;
}
.topmenubox {
	display: none;
}
}


/*首頁消息*/

.indexnews {
	width: 100%;
	padding: 50px 0 40px 0;
	box-sizing: border-box;
	background: #f2f2f2;
}
.icatetitle {
	width: 100%;
	display: inline-block;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #fff;
	margin: 0 0 30px;
}
.icatetitle .t01 {
	font-size: 27px;
	font-weight: 500;
	color: #3c3c3f;
	line-height: 1.2;
	/*letter-spacing: 1px;*/
	margin-right: 8px;
}
.icatetitle .t02 {
	font-size: 1.5em;
	line-height: 1.2;
	color: #50408a;
	text-transform: uppercase;
	margin-top: 5px;
	letter-spacing: 1px;
	font-weight: 400;
}
.ititlemore {
	font-size: 0.9em;
	color: #53b4d7;
	display: inline-block;
	float: right;
	margin: 2px 0;
	position: relative;
	text-transform: uppercase;
}

.ititlemore a{
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0;
	margin: 3px 0 0;
	padding: 3px 25px 5px 20px;
	color: #8fd2ea;	
	border-radius: 50px;
	transition: background 0.3s;
	background: #fff url(../right2.svg) no-repeat 83% 10px;
	background-size: auto 8px;
	border: 1px solid #8fd2ea;
	text-decoration: none;
	text-transform: lowercase;
}
.ititlemore a:hover {
	COLOR: #FFF;
	text-decoration: none;
	background: #4d3f8c url(../right3.svg) no-repeat 85% 10px;
	background-size: auto 8px;
	border: 1px solid #4d3f8c;
}
.inews {
}
.inews * {
	box-sizing: border-box;
}
.inews h3 {
	position: relative;
	top: -23px;
	padding: 12px 30px;
	margin: 0;
	background: url(../index_01.jpg) no-repeat;
	background-size: cover;
	border-radius: 30px;
	overflow: hidden;
	color: #fff;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	box-shadow: 0px 6px 15px -5px rgba(0, 0, 0, 0.4);
}

@media (max-width: 767px) {
.inews {
	width: auto !important;
	padding: 0 30px;
}
.ititlemore {float: inherit;}
}

@media (max-width: 479px) {
.inews {
	padding: 0;
}
.inews h3 {
	position: relative;
	top: auto;
	border-radius: 0;
	padding: 12px 15px;
}
}
.iabout {
	width: 100%;
	padding: 60px 0;
	box-sizing: border-box;
	display: flex;
}
.iabout::after {
	content: "";
	display: block;
	clear: both;
}
.iabout * {
	box-sizing: border-box;
}
.iabout section {
}
.iabout section:nth-of-type(1) {
    width: 50%;
    height: 360px;
    display: inline-block;
    position: relative;
}

.iabout section:nth-of-type(1) .pic01 {
	width: 70%;
}

.iabout section:nth-of-type(1) .pic02 {
    width: 48%;
    top: 6rem;
    right: 0;
    position: absolute;
}


.iabout section:nth-of-type(2) {
	float: right;
	width: 45%;
	display: flex;
/*	border: #53b4d7 solid 5px;*/
	margin: 0 0 0 5%;
}
.iabout a.more {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0;
	margin: 3px 0 0;
	padding: 5px 35px 6px 22px;
	color: #8fd2ea;
	border-radius: 50px;
	transition: background 0.3s;
	background: #fff url(../right2.svg) no-repeat 83% 11px;
	background-size: auto 10px;
	border: 1px solid #8fd2ea;
	text-decoration: none;
}
.iabout a.more:hover {
	COLOR: #FFF;
	text-decoration: none;
	background: #4d3f8c url(../right3.svg) no-repeat 85% 11px;
	background-size: auto 10px;
	border: 1px solid #4d3f8c;
}

@media (max-width: 1239px) {
.iabout section:nth-of-type(1) {
	top: 25%;
}
}
.iabout section:nth-of-type(1) img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.iabout section:nth-of-type(2) h3 {
	text-align: center;
	font-weight: bold;
	color: #07913a;
	font-size: 36px;
	margin: 15px 0 6px;
}
.iabout section:nth-of-type(2) h3 .en {
	color: #999;
	font-size: 24px;
	font-weight: 400;
	text-transform: uppercase;
}
.iabout section:nth-of-type(2) .con {
	padding: 30px 45px 25px 45px;
	font-size: 15.5px;
	line-height: 2;
	letter-spacing: 2px;
	margin: 0 0 0 0;
	width: 100%;
	float: right;
	text-align: left;
	align-self: center;
	display: block;
}


@media only screen and (max-width: 960px) {
.iabout {
	display: inline-block;
	padding: 50px 0 20px 0;
}
.iabout section:nth-of-type(1) {
    width: 100%;
	height: auto;
    position: static;
}
.iabout section:nth-of-type(1) .pic02 {
    top: 8rem;
}

.iabout section:nth-of-type(2) {
	width: 100%;
	float: none;
	margin: 0;
}
.iabout section:nth-of-type(2) .con {
	padding: 40px 10px 20px 10px;
}
}



/*首頁三欄簡介*/

.indexboxinfo {
width: 100%;
    padding: 50px 0 0px 0;
    box-sizing: border-box;
    background: #E9EEF1;
	    float: left;
}


.indexboxinfo .topline {
    width: 100%;
    height: 5px;
    margin: 0;
    background: rgba(77, 63, 140, 1);
    float: left;
    border-top: 1px solid rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 -5px 10px rgba(136, 141, 143, 0.2);
}


.indexboxinfo h4 {
    font-size: 1.8em;
    color: #4d3f8c;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}


.indexboxinfo .desc {
    font-size: 1.2em;
	line-height: 1.8;
	margin: 0 0 20px 0;
}





/*首頁產品*/


.iproduct {
	width: 100%;
	padding: 10px 60px 50px 60px;
	box-sizing: border-box;
}
.iproduct a.slider_prev i, .iproduct a.slider_next i {
	font-size: 25px;
	color: #828282;
}
.iproduct .title {
	width: 100%;
	text-align: center;
}
.iproduct .title h4 {
	width: 100%;
	font-size: 18px;
	color: #000;
	margin: 3px 0;
	letter-spacing: 0;
}
.iproduct .title .info {
	width: 100%;
	font-size: 15px;
	color: #3d87d2;
}

@media (max-width: 959px) {
.iproduct {
	width: 100%;
	padding: 0 10% 40px 10%;
	box-sizing: border-box;
}
}
.ibene {
}
.ibene * {
	box-sizing: border-box;
}
.ibene h3 {
	text-align: center;
	color: #fff;
	/*letter-spacing: 3px;*/
	font-size: 36px;
}
.ibene h3 .en {
	display: block;
	color: #bbedff;
	font-size: 24px;
	text-transform: uppercase;
	margin-top: 5px;
	letter-spacing: 1px;
	font-weight: 300;
}
.ibene ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: wrap;
	list-style: none !important;
}
.ibene ul li {
	width: calc(100%/4);
	text-align: center;
	padding: 10px;
	list-style-type: none;
	transition: all 0.5s;
}
.ibene ul li:hover {
	transform: scale(1.1, 1.1);
}

@media (max-width: 959px) {
.ibene ul li {
	width: calc(100%/2);
}
}
.ibene ul li .pic {
	text-align: center;
}
.ibene ul li .pic img {
	margin: 0 auto;
	display: block;
}
.ibene ul li .title {
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin: 15px 0;
}

@media (max-width: 479px) {
.ibene {
	background-size: auto !important;
}
}
#Footer {
padding:  48px 0 0 0;
    width: 100%;
    float: left;
}

#Footer .info {
	margin-bottom: 20px;
}
#Footer .info ul {
	margin: 0 0 20px;
	padding: 0;
	list-style: none !important;
	display: inline-block;
	width: 100%;
}
#Footer .info ul li {
	padding: 0px 3px 5px 0;
	text-align: left;
	font-size: 15px;
	display: flex;
}
#Footer .info i {
	color: #6A5AB5;
	font-size: 16px;
	margin-right: 3px;
}
#Footer .info img {
	display: inline-block;
	margin-bottom: -5px;
}
#Footer .info h3 {
	text-align: center;
}
#Footer .info h5 {
	text-align: center;
	padding: 0 0 10px 0;
	margin: 0;
}
#Footer .info p {
	margin: 0;
	font-size: 15px;
	padding: 10px;
}
#Footer .fmenu {
	width: calc(100%/7);
	float: left;
	margin: 0 0 15px 0;
}
#Footer .fmenu h5 {
	font-size: 15px;
	line-height: 20px;
	margin: 10px 0 10px 0;
	color: #4D3F8C;
	min-height: 40px;
}
#Footer .fmenu h5 a:link, #Footer .fmenu h5 a:visited {
	color:#4D3F8C;
}
#Footer .fmenu h5i a:hover {
	color:  #53b4d7;
}
#Footer .fmenu ul {
	margin: 0;
	padding: 0;
	list-style: none !important;
	display: flex;
	flex-flow: wrap;
}
#Footer .fmenu ul li {
	font-size: 13px;
	line-height: 20px;
	padding: 0 0 0 12px;
	margin: 0 5px 5px 0;
	position: relative;
	width: 100%;
}
#Footer .fmenu ul li::before {
	font-family: 'mfn-icons';
	content: '\e915';
	position: absolute;
	left: 3px;
	color: #4d3f8c;
}
#Footer .fmenu ul li a:link, #Footer .fmenu ul li a:visited {
	color: #333;
	
}
#Footer .fmenu ul li a:hover {
	color: #6A5AB5;
}
#Footer .bottom {
	font-size: 13px;
	padding: 10px 10px;
	color: #fff;
	text-align: center;
	background: #53b4d7;
	    width: 100%;
    float: left;
}
#Footer .bottom a {
	display: inline-block;
	color: #fff;
}
.sitemap {
	position: relative;
	display: inline-block;
	margin: 0 10px;
}
.sitemap::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 1px;
	background: #fff;
}
img {
	max-width: 100%;
	height: auto;
	display: block;
}

@media (max-width: 767px) {
#Footer .fmenu {
	width: calc(100%/2);
	float: left;
	margin: 0 0 15px 0;
}
}
/*--------------------------------------------------------------------------------SITEMAP*/	

.sitemap02 {
	display: flex;
	flex-flow: row wrap;
}
.sitemap02 li {
	width: calc(100%/4);
	margin: 0 0 15px;
	padding: 0 25px;
	border-right: #cecece dashed 1px;
}
.sitemap02 li:nth-of-type(4n) {
	border-right: none;
}
.sitemap02 li h3 {
	font-size: 18px;
	text-align: center;
	color: #fff;
	background: #07913a;
	border-radius: 3px;
	margin: 0 0 15px;
}
.sitemap02 li h3 a {
	display: block;
	color: #fff;
}
.sitemap02 li p {
	margin-bottom: 10px;
}
/* ============ 內頁 ============= */

.p404 {
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}
.pageswf {
	height: 392px;
}
.pageswf-a {
	height: 470px;
}
.pageswf-p {
	height: 460px;
}
.s01 {
	background: url(../pageswf_cover.png) no-repeat center bottom, url(../pageswf_01.jpg) no-repeat center;
}
.s02 {
	background: url(../pageswf_02.jpg) no-repeat center;
}
.s03 {
	background: url(../pageswf_03.jpg) no-repeat center;
}
.s04 {
	background: url(../pageswf_04.jpg) no-repeat center;
}
.s05 {
	background: url(../pageswf_05.jpg) no-repeat center;
}
.s06 {
	background: url(../pageswf_06.jpg) no-repeat center;
}
.s07 {
	background: url(../pageswf_01.jpg) no-repeat center;
}
.pagecontent {
	width: 100%;
	display: inline-block;
	padding: 50px 0 0;
}
/*.pagecontent * {
	box-sizing: border-box;
}*/
.pagetitle {
	font-size: 44px;
	text-align: center;
	color: #c7c7c7;
	text-transform: uppercase;
}
.pagetitle > div {
	color: #333;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 500;
	font-size: 24px;
	margin: 15px 0 70px;
	letter-spacing: 5px;
}
.sideform {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 0;
}
.sideform > section:nth-of-type(2) {
	float: left;
	width: 230px;
	margin-bottom: 30px;
}
.sideform > section:nth-of-type(1) {
	float: right;
	width: calc(100% - 280px);
	padding: 0 0 40px 50px;
}

@media (max-width: 959px) {
.pagecontent {padding: 30px 0 0;}
.sideform > section:nth-of-type(2) {
	width: 100%;
}
.sideform > section:nth-of-type(1) {
	float: left;
	width: 100%;
	padding: 0 0 40px 0;
}
}

@media (min-width: 960px) {
.sidefixed {
	width: 230px;
	position: fixed;
	top: 90px;
	margin-top: 0;
	opacity: 0.94;
	z-index: 10;
	transition: opacity .5s ease-out;
}
}
.pagination {
	display: inline-block;
	padding: 0;
	margin: 25px 0 0;
	border-radius: 4px;
	list-style: none;
}
.pagination > li {
	display: inline;
}
.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #333;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	z-index: 2;
	color: #58b6d8;
	background-color: #eee;
	border-color: #ddd;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #58b6d8;
	border-color: #58b6d8;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}
.pagenum2 {
	float: left;
	width: 100%;
	padding: 40px 0 10px;
	border-top: 1px solid #E3E3E3;
	text-align: center;
}
.pagenum2 a {
	padding: 10px 25px 10px 52px;
	COLOR: #666;
	TEXT-DECORATION: none;
	border-radius: 30px;
	transition: background 0.3s;
	border: 1px solid #dddddd;
	background: #ededed url(../left-arrow.svg) no-repeat 25px 13px;
	background-size: auto 12px;
}
.pagenum2 a:hover {
	COLOR: #FFF;
	text-decoration: none;
	border: 1px solid #53b4d7;
	background: #53b4d7 url(../left-arrow1.svg) no-repeat 25px 13px;
	background-size: auto 12px;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.back {
	text-align: center;
	margin: 30px 0 80px;
}
.back a {
	display: inline-block;
	color: #fff;
	padding: 8px 30px;
	border-radius: 30px;
	background: #90d1d6;
	margin: 0 5px 10px;
}
.back a:hover {
	color: #fff;
	background: #359c91;
}
/*=====================公司簡介======================*/

.profile_top {
	display: flex;
	flex-flow: row wrap;
}
.profile_top section {
	padding: 20px;
}
.profile_top section:nth-of-type(1) {
	width: 310px;
	text-align: right;
}
.profile_top section:nth-of-type(2) {
	flex: 1;
	padding: 22px 30px;
}
.profile_top section:nth-of-type(1) h4 {
	color: #8c8c8c;
}

@media (max-width: 959px) {
.profile_top section:nth-of-type(1) {
	width: 100%;
	text-align: center;
	padding: 15px;
}
.profile_top section:nth-of-type(2) {
	text-align: left;
	padding: 15px;
}
.profile_top section:nth-of-type(2) h4 {
	text-align: center;
}
}
.profile_med {
	min-height: 100px;
	background: url(../about_01.png) no-repeat center top, url(../about_02.html) no-repeat center;
	background-size: auto, cover;
}
.profile_med .container {
	display: flex;
	flex-flow: wrap;
}
.profile_med section {
	width: 50%;
	padding: 0 15px;
}
.profile_med section:nth-of-type(1) {
	display: flex;
	align-items: flex-end;
}
.profile_med section:nth-of-type(2) {
	display: flex;
	flex-flow: column;
	justify-content: center;
	padding: 30px;
}

@media (max-width: 1239px) {
.profile_med section:nth-of-type(2) {
	padding: 40px 30px;
}
}

@media (max-width: 959px) {
.profile_med .container {
	display: flex;
	flex-flow: column-reverse;
}
.profile_med section {
	width: 100%;
}
.profile_med section:nth-of-type(2) {
	padding: 80px 30px 30px;
}
}
.profile_med section:nth-of-type(2) h4 {
	color: #fff;
	text-align: center;
	margin-top: 80px;
}
.profile_med section:nth-of-type(2) p {
	color: #fff;
}
.profile_bot {
	min-height: 100px;
	background: url(../about_03.html) no-repeat center;
	background-size: cover;
}
.profile_bot .container {
	display: flex;
	flex-flow: wrap;
}
.profile_bot section {
	width: 50%;
	padding: 0 30px;
}
.profile_bot section:nth-of-type(1) {
	display: flex;
	flex-flow: column;
	justify-content: center;
	padding: 30px;
}
.profile_bot section:nth-of-type(2) {
	position: relative;
	text-align: center;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

@media (max-width: 1239px) {
.profile_bot section:nth-of-type(2) img {
}
}
.profile_bot section:nth-of-type(2) img {
	margin-top: -30px;
}

@media (max-width: 959px) {
.profile_bot .container {
	display: flex;
	flex-flow: column wrap;
}
.profile_bot section {
	width: 100%;
	padding: 0 30px;
}
.profile_bot section:nth-of-type(1) {
	padding: 50px 30px 30px;
}
.profile_bot section:nth-of-type(2) img {
	margin-top: auto;
}
}
.profile_bot section:nth-of-type(1) h4 {
	text-align: center;
}
.history {
	padding: 80px 0;
}
.history h3 {
	font-size: 42px;
	line-height: 46px;
	color: #07913a;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.history h4 {
	position: relative;
	text-align: center;
	letter-spacing: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.history h4::before, .history h4::after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 1px;
	margin: 0 15px;
	background: #000;
}
.history ul {
	margin: 0;
	padding: 40px 0;
	list-style: none;
}
.history ul li {
	display: flex;
	justify-content: space-between;
	align-content: center;
	background: url(../line01.jpg) repeat-x 50%;
}
.history ul li .date {
	color: #07913a;
	white-space: nowrap;
	font-size: 18px;
	margin: 6px 0;
	padding: 8px 15px;
	background: #fff;
}
.history ul li .date i {
	color: #9bd3b0;
}
.history ul li p {
	font-size: 18px;
	margin: 6px 0;
	padding: 8px 15px;
	background: #fff;
}
/*=================== 最新消息 ====================*/


.newslist, .newslist-in {
	padding: 0;
    width: 100%;
    float: left;
}
ul.newslist-in  {
	width: 100%;
    float: left;
	padding: 0;
    margin: 0;
}
.newslist li {
	width: 100%;
    display: inline-block;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px dotted #d9d9d9;
}
.newslist-in li {
	width: 100%;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #d9d9d9;
	list-style: none;
}
/*.newslist-in li {
    display: flex;
    align-items: flex-start;
       padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #d9d9d9;
}
.newslist li:last-child {
    margin-bottom: 0px;
	border-bottom: none;
}*/

.newslist li .date, .newslist-in li .date {
	float: left;
	display: inline-block;
	font-size: 15px;
	line-height: 1.5em;
	color: #fff;
	margin: 2px 0;
	padding: 3px 10px;
	text-align: center;
	background: #53b4d7;
	border-radius: 3px;
}
/*.newslist-in li .date {
	padding: 5px 10px 0 10px;
	text-align: center;
	background: #53b4d7;
}
.newslist li .date h3, .newslist-in li .date h3 {
    color: #fff;
    border-top: rgba(255,255,255,0.72) solid 1px;
    margin: 2px 0;
    padding: 0px 0 0 0;
    font-weight: 600;
    font-size: 28px;
}
.newslist li .date h4, .newslist-in li .date h4 {
	font-size: 13px;
	line-height: 1.5;
	color: #fff;
	margin: 0;
}*/
.newslist li .con, .newslist-in li .con {
	float: left;
	display: inline-block;
	width: calc(100% - 10px);
	padding: 5px;
}
/*.newslist-in li .con {
	flex: 1;
	padding: 5px 0 5px 20px;
}*/
.newslist li .con h4 {
    font-size: 16px;
    font-weight: 600;
    transition: all 0.2s;
    margin: 0;
    padding: 0;
}
.newslist-in li .con h4 {
    font-size: 16px;
	font-weight: 600;
    transition: all 0.2s;
    margin: 0;
    padding: 0;
}
.newslist li .con p, .newslist-in li .con p {
	color: #999;
	transition: all 0.2s;
}
.newslist li .con a:hover h4, .newslist li .con a:hover p, .newslist-in li .con a:hover h4, .newslist-in li .con a:hover p {
	color: #6A5AB5;
}
.newslist2 {
    width: 100%;
    float: left;
	padding: 0 0 20px;
	border-bottom: 1px solid #ddd;
}
.newslist2 .date {
	display: inline-block;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	background: #53b4d7;
	padding: 5px 15px;
	margin-bottom: 5px;
	border-radius: 3px;
}
.newslist2 h4 {
	display: inline-block;
	width: 100%;
    font-size: 18px;
    font-weight: 600;
    transition: all 0.2s;
    margin: 5px 0 0;
    padding: 0;
}
.newscontent {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	padding: 35px 0;
}
.newslist4 {
	font-size: 1em;
	line-height: 1.6em;
	color: #666;
	background-color: #e9e9e9;
	float: left;
	width: calc(100% - 20px);
	padding: 15px 10px;
}
.newslist4 A:link {color:#009bd8;text-decoration:none}
.newslist4 A:visited {color:#009bd8;text-decoration:none}
.newslist4 A:hover {color:#eb6100;text-decoration:underline}
@media (max-width: 479px) {
.newslist li, .newslist-in li {
	display: flex;
	flex-flow: column;
}
.newslist li .date, .newslist-in li .date {
	display: flex;
}
.newslist li .date, .newslist-in li .date {
	padding: 8px 15px;
	margin-bottom: 15px;
}
.newslist li .date h3, .newslist-in li .date h3 {
	font-size: 18px;
	line-height: 1.2;
	border-bottom: none;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	border-top: none;
	border-left: rgba(255,255,255,0.72) solid 1px;
}
.newslist li .date h4, .newslist-in li .date h4 {
	font-size: 13px;
	line-height: 1;
	margin: 4px 0;
}
.newslist li .con, .newslist-in li .con {
	padding: 0;
}
}
/*=========================檔案下載============================*/

.downlist {
}
.downlist ul {
	padding: 0;
	margin-bottom: 50px;
	display: flex;
	flex-flow: wrap;
}
.downlist ul li {
	flex: 1 1 calc(50% - 12px);
	margin: 0 6px 10px;
}

@media (max-width: 767px) {
.downlist ul li {
	flex: 1 1 100%;
	margin: 0 0 10px;
}
}
.downlist ul li a {
	display: flex;
	align-items: stretch;
	border: #DDDDDD dotted 1px;
}
.downlist ul li a:hover {
	border: #90d1d6 solid 1px;
}
.downlist ul li .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	min-height: 50px;
	padding: 5px;
	font-size: 17px;
	color: #fff;
	background: url(../download_01.jpg) no-repeat;
	background-size: cover;
}
.downlist ul li p {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 8px 15px;
}
/*=====================聯絡我們=====================*/
.contact {
	float: left;
	width: 100%;
	margin: 10px 0 50px;
	font-size: 16px;
	line-height: 1.8em;
}
.font1 {
	font-size: 1.3em;
	line-height: 1.6em;
	color: #4d3f8c;
	font-weight: bold;
	margin-bottom: 0;

}
.font2 {
	font-size: 13px;
	line-height: 1.8em;
	color: #df0500;
}
.font3 {
	color: #f6bf00;
}
.font5 {
	font-size: 1.1em;
	line-height: 1.8em;
	color: #4d3f8c;
}
#contact_form {
	float: left;
	width: 100%;
}
.contact1 {
	float: left;
	width: calc(60% - 6% - 10px);
	padding: 30px 3% 28px;
	margin: 0;
	border: 5px solid #eee;
}
.contact1 .contact-text {
	float: left;
	width: 100%;
	line-height: 22px;
	margin: 0 0 20px 0;
	color: #666;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
}
.contact1 .control-label {
	text-align: left;
}
.contact1 label {
	padding-left: 5px;
	float: left;
	width: calc(100% - 5px);
	color: #666;
	line-height: 1.5em;
}
.contact1 .required {
	color: #E85500;
	border: 0;
	margin-left:5px;
}
.contact2 {
	float: left;
	width: 100%;
	margin: 2px 0 0 0;
}
.contact2 .cleft {
	width: 30%;
	float: left;
}
.contact2 .cright {
	width: calc(25% - 5%);
	float: left;
	margin: 0;
	padding-left: 5%;
}
.contact3 {
	padding-top: 30px;
	float: left;
	width: 100%;
	margin-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
	text-align: center;
}
.contact3 button {
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
	width: 200px;
	margin-left: 10px;
	text-align: center;
	line-height: 24px;
	font-size: 16px;
	border: none;
	cursor: pointer;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 10px;
	transition: background 0.3s;
}
.contact3 .send {
	background: #555;
}
.contact3 .send:hover{
	background:#13c2dc;
}
.contact3 .reset {
	background: #ccc;
}
.contact3 .reset:hover{
	background:#999;
}
.contact5 {
	float: right;
	width: calc(40% - 10px);
	padding: 5px;
	margin: 0;
	background-color: #EEE;
}
.contact5 .google-maps {
	position: relative;
    padding-bottom: 209%;
    height: 0;
    overflow: hidden;
}
.contact5 .google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.contact6 {
	float: left;
	width: calc(33% - 2%);
	padding: 0 0 0 2%;
	margin: 0;
}
.contact6:first-child {
	float: left;
	width: 34%;
	padding: 0;
}
.contact1 .box-txt{border: 1px solid #ccc; outline: none; padding: 3px 10px;}
.contact1 .box-txt:focus{border-color: #2870c4; -webkit-box-shadow: 0 0 1px #2870c4; box-shadow: 0 0 1px #2870c4;}
#contact_form .pull-left{padding-right:10px}

@media (min-width: 768px) and (max-width: 991px) {
.contact1 {
	width: calc(100% - 6% - 10px);
}
.contact2 .cleft {
	width: 50%;
}
.contact2 .cright {
	width: 45%;
	float: left;
	margin: 0;
	padding-left: 5%;
}
.contact5 {
	float: left;
	width: calc(100% - 10px);
	margin: 0;
}
.contact5 .google-maps {
    padding-bottom: 50%;
}
}
@media (max-width: 767px) {
.contact1 {
	width: calc(100% - 6% - 10px);
}
.contact2 .cleft {
	width: 50%;
	float: left;
}
.contact2 .cright {
	width: 45%;
	float: left;
	margin: 0;
	padding-left: 5%;
}
.contact4 .google-maps {
	position: relative;
    padding-bottom: 50%;
    height: 0;
    overflow: hidden;
}
.contact5 {
	float: left;
	width: calc(100% - 10px);
	margin: 0;
}
.contact5 .google-maps {
    padding-bottom: 50%;
}
}
@media (max-width: 480px) {
.contact3 button {
	width: 100%;
	margin-left: 0px;
}
.contact5 .google-maps {
    padding-bottom: 100%;
}
.contact6 {
	width: 100%;
	padding: 1px 0;
}
.contact6:first-child {
	width: 100%;
	padding: 1px 0;
}
}


/*================產品介紹==================*/

.productlist {
	width: 100%;
	display: inline-block;
}
.productlist ul {
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: wrap;
}
.productlist ul li {
	float: left;
	display: inline-block;
	width: calc(100% - 40px);
 	margin: 7px 0;
	padding: 13px 15px;
	list-style: none;
	border: 5px solid #eee;
	position: relative;
	-o-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-webkit-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-moz-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	transition: color .20s linear, background-color .20s linear, border-color .20s linear;
}
.productlist ul li:hover {
	border: 5px solid transparent;
	border-image: linear-gradient(to right, rgb(77, 63, 140) 0%, rgb(83, 180, 215) 100%);
	border-image-slice: 1;
}
.productlist ul li:after {content: "";position: absolute; display: block; border-color: #4d3f8c transparent transparent #4d3f8c; border-style: solid solid solid solid;border-width: 5px 5px;height: 0px; width: 0px;top: 0;left: 0; }
.productlist ul li .product-ti {
	float: left;
	display: inline-block;
	width: 100%;
 	margin: 3px 0;
	font-size: 1.6em;
	line-height: 1.5em;
	color: #53b4d7;
	font-weight: bold;
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.productlist ul li:hover .product-ti {
	color: #4d3f8c;
}

.productlist ul li p.product-txt {
	float: left;
	display: inline-block;
	width: 100%;
 	margin: 3px 0 0;
	font-size: 16px;
	line-height: 1.5em;
	color: #666;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.productlist ul li p.more {
	float: left;
	display: inline-block;
 	margin: 12px 0 0;
	padding: 3px 15px 4px;
	font-size: 14px;
	line-height: 18px;
	color: #ccc;
	border: 1px solid #ddd;
	border-radius: 30px;
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.productlist ul li:hover p.more {
	color: #fff;
	border: 1px solid #53b4d7;
	background: #53b4d7
}
@media (max-width: 767px) {

}

.productcon {
}
.productcon .mobile {
	display: none;
}

@media (max-width: 767px) {
.productcon .pc {
	display: none;
}
.productcon .mobile {
	display: block;
}
}
.productcon > ul {
	margin-bottom: 30px;
	padding: 0;
	display: flex;
	flex-flow: wrap;
}
.productcon > ul > li:nth-of-type(1) {
	width: 370px;
	margin-right: 45px;
}
.productcon > ul > li:nth-of-type(2) {
	flex: 1;
}

@media (max-width: 767px) {
.productcon > ul > li:nth-of-type(1) {
	width: 100%;
	margin-right: 0px;
}
.productcon > ul > li:nth-of-type(2) {
	flex: auto;
	width: 100%;
}
}
.productcon > ul > li:nth-of-type(2) > h4 {
	color: #222;
	font-size: 22px;
	letter-spacing: 1px;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 400;
	margin: 5px 0 20px;
}
.productcon .price {
	padding: 15px 20px;
	margin-bottom: 20px;
	background: url(../products_02.jpg);
}
.productcon .price h6 {
	font-size: 14px;
	margin: 0 0 10px;
	color: #999999;
}
.productcon .price h5 {
	font-size: 20px;
	color: #d70c58;
	font-weight: bold;
	margin: 0;
}
.productcon .edit {
	margin-bottom: 30px;
}
.productcon .edit ul li {
	padding-left: 15px;
	margin-bottom: 10px;
	background: url(../icon01.jpg) no-repeat left 6px;
}
.productcon .button {
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 15px;
}
.productcon .button a {
	display: block;
	border-radius: 3px;
	padding: 8px 15px;
	margin: 0 8px 10px 0;
	color: #fff;
	background: #07913a;
	transition: all 0.5s;
}
.productcon .button a:hover {
	background: #00541f;
}
.productcon .button section {
	display: block;
	border-radius: 3px;
	padding: 4px 10px;
	margin-bottom: 10px;
	background: #4267b2;
}
.productcon .button section:hover {
	background: #365899;
}
.videodiv {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.videodiv iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
ul.share-buttons {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0 0 30px;
	display: flex;
}
ul.share-buttons li {
	display: inline;
	margin-right: 5px;
}
ul.share-buttons .sr-only {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
/* 詢價清單 */


.inquire01 {
}
.inquire01 table {
	width: calc(100% - 30px);
	border-collapse: collapse;
	margin: 0 15px 50px;
}
.inquire01 table tr {
}
.inquire01 table tr th {
	padding: 6px 6px 8px !important;
	color: #fff;
	background: #88be4c !important;
	font-weight: normal;
	text-align: center;
	border-width: 0 0 0 0 !important;
}
.inquire01 table tr td {
	padding: 15px 8px !important;
	text-align: center;
	border-bottom: #CCC dotted 1px;
	border-width: 1px 1px 1px 1px !important;
}
.inquire01 table tr td:nth-of-type(1) {
	vertical-align: middle;
}
.inquire01 table tr td:last-child {
	border-right: #CCC dotted 1px !important;
}
.inquire01 table tr td::before {
	content: attr(data-th) "";
	width: 80px;
	font-weight: 500;
	display: inline-block;
	margin: 10px 0;
}
.inquire01 table tr td h5 {
	display: inline-block;
	margin: 10px 0 10px;
	font-size: 16px;
	font-weight: 400;
}
.inquire01 table tr td input {
	width: 100%;
	margin: 0;
}
.inquire01 table tr td .pic {
	width: 70px;
	margin: 0 10px 0 0;
}
.inquire01 table tr td i {
	font-size: 18px;
}

@media (min-width:768px) {
.inquire01 table tr td .pic {
	float: left;
}
.inquire01 table tr th:nth-of-type(1), .inquire01 table tr td:nth-of-type(1) {
	width: 30%;
}
.inquire01 table tr th:nth-of-type(2), .inquire01 table tr td:nth-of-type(2) {
	width: 15%;
}
.inquire01 table tr th:nth-of-type(3), .inquire01 table tr td:nth-of-type(3) {
	width: 15%;
}
.inquire01 table tr th:nth-of-type(4), .inquire01 table tr td:nth-of-type(4) {
	width: 15%;
}
.inquire01 table tr th:nth-of-type(5), .inquire01 table tr td:nth-of-type(5) {
	width: 15%;
}
.inquire01 table tr th:nth-of-type(6), .inquire01 table tr td:nth-of-type(6) {
	width: 10%;
}
.inquire01 table tr td::before {
	display: none;
}
}

@media (max-width:767px) {
.inquire01 {
	padding: 0 30px;
}
.inquire01 table tr th, .inquire01 table tr:nth-of-type(1) {
	display: none;
}
.inquire01 table tr {
	display: block;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: #009781 solid 3px;
}
.inquire01 table tr:last-of-type {
	border-bottom: none;
}
.inquire01 table tr td {
	padding: 10px 0;
	display: block;
	text-align: left;
	border-width: 0 0 1px 0 !important;
}
.inquire01 table tr td:last-of-type {
	border-bottom: none;
}
.inquire01 table tr td:last-child {
	border-right: #CCC dotted 0px !important;
}
.inquire01 table tr td:nth-of-type(1) {
	padding-bottom: 30px;
}
.inquire01 table tr td:nth-of-type(1)::before {
	display: none;
}
.inquire01 table tr td input {
	width: calc(100% - 100px);
	display: inline-block;
}
}


/*************************
******* page css ******
**************************/
.edit strong {
  font-weight: bold;
}
.edit em{
    font-style: italic;
}
.edit hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.edit p {
  margin: 2px 0 20px;
}
.edit sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
.edit sup {
  top: -.5em;
}
.edit sub {
  bottom: -.25em;
}
.edit ul, .edit ol {
  margin-top: 0;
  margin-bottom: 20px;
}
.edit ul{
    padding-left: 35px;
    list-style-type: disc;
}
.edit ol{
    padding-left: 35px;
    list-style-type: decimal;
}
.edit li{
	margin-top: 2px;
    margin-bottom: 3px;
}
.page-header {
	padding: 0 0 15px;
	border-style: none;
	width: 100%;
	margin: 0 0 30px;
	font-size: 2.2em;
	line-height: 1.4em;
	color: #000;
	font-weight: bold;
	display: inline-block;
	background: url(../line5.png) no-repeat left bottom;
}
.pbox1 {
	width: 100%;
	display: inline-block;
	font-size: 16px;
	line-height: 1.8em;
	min-height: 250px;
}
.pbox1 img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
.pbox1 table {max-width: 100%;border-collapse: collapse;}
.pbox1 table td {padding-left: 3px;padding-right: 3px; /*table-layout:fixed;*/}
.quicklink {
	width: 100%;
	display: inline-block;
	padding: 90px 0 90px;
	text-align: center;
}
.quicklink h3.title {
	width: 100%;
	display: inline-block;
	font-size: 2.2em;
	color: #fff;
	line-height: 1.4em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.breadcrumb{
	width: 100%;
	display: inline-block;
	list-style: none;
	border-radius: 0;
	font-size: 13px;
	margin: 3px 0 0;
	text-align: center;
	padding: 0;
	background-color: transparent;
}
.breadcrumb>li{display:inline-block;color:rgba(255,255,255,0.8);text-align: center;}
.breadcrumb>li+li:before{padding:0 2px;color:rgba(255,255,255,0.7);content:">\00a0";}
.breadcrumb>.active{color:rgba(255,255,255,1);}
.breadcrumb>li a{color:rgba(255,255,255,0.7);}
.breadcrumb>li a:hover{color:#fff;text-decoration:none;}

.aboutbg {
	background: #999 url(../about-bg.jpg) no-repeat center center;
	background-size: cover;
}
.productsbg {
	background: #999 url(../products-bg.jpg) no-repeat center center;
	background-size: cover;
}
.servicebg {
	background: #999 url(../service-bg.jpg) no-repeat center center;
	background-size: cover;
}
.qualitybg {
	background: #999 url(../quality-bg.jpg) no-repeat center center;
	background-size: cover;
}
.infobg {
	background: #999 url(../info-bg.jpg) no-repeat center center;
	background-size: cover;
}
.investorbg {
	background: #999 url(../investor-bg.jpg) no-repeat center center;
	background-size: cover;
}
.corporatebg {
	background: #999 url(../corporate-bg.jpg) no-repeat center center;
	background-size: cover;
}
.contactbg {
	background: #999 url(../contact-bg.jpg) no-repeat center center;
	background-size: cover;
}
.sitemapbg {
	background: #999 url(../sitemap-bg.jpg) no-repeat center center;
	background-size: cover;
}
.newsbg {
	background: #999 url(../news-bg.html) no-repeat center center;
	background-size: cover;
}
@media (max-width: 991px) {
.quicklink {padding: 50px 0;}
.quicklink h3.title {	font-size: 1.5em;}
}
@media (max-width: 767px) {
.pbox1 table {max-width: 100%;border-collapse: collapse;/*table-layout: fixed;*/}
.pbox1 table td {/*table-layout:fixed;*/}
}
@media (max-width: 480px) {
.quicklink {padding: 30px 0;}
}

/*************************
******* investor CSS ******
**************************/
.investors-b1 {
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
}
.investors-b1:last-child {
	display: inline-block;
	width: 100%;
	margin-bottom: 0;
}
.choseyear {
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
}
/*table css*/
.fancytable2, .fancytable3 {
	width:100%;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	margin: 5px 0 10px;
}
.fancytable2 thead tr, .fancytable3 thead tr {
	visibility: visible;
	background-color: #666666;
	border: 1px solid #666666;
}
.fancytable2 thead th, .fancytable3 thead th {
	font-size: 1.2em;
	vertical-align: middle;
	text-align: center;
	padding: 12px 10px;
	color: #FFF;
	background-color: #1159af;
	font-weight: 500;
	border: 1px solid #1159af;
}
.fancytable2 thead th .date {
	float: right;
	font-size: 16px;
	font-weight: normal;
}
.fancytable2 thead td, .fancytable3 thead td {
	font-size: 1em;
	line-height: 1.6em;
	font-weight: bold;
	color: #fff;
	visibility: visible;
	padding: 12px 10px;
	border: 1px solid #999;
	text-align: center;
}
.fancytable2 thead td:last-child, .fancytable3 thead td:last-child {
	visibility: visible;
	border-right-style: none;
}

.fancytable2 tbody th {
	font-weight: bold;
	visibility: visible;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
.fancytable3 tbody th {
	font-weight: bold;
	visibility: visible;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
.fancytable2 tbody td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	text-align: left;
}
.fancytable2 tbody td:nth-child(1) {
	text-align: center;
}
.fancytable3 tbody td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
.fancytable2 tbody tr:nth-of-type(even) {
	background-color: #eff6f9;
}
.fancytable2 tbody tr.bgcolor1, .fancytable3 tbody tr.bgcolor1 {
	background: #eff6f9;
}
.fancytable2 img {
	margin-right: 5px;
}
.fancytable2.tcenter tbody td, .fancytable3.tcenter tbody td {
	text-align: center;
}
.fancytable2 ul, .fancytable2 ol, .fancytable3 ul, .fancytable3 ol {
	margin: 0;
	padding-left: 20px;
}
.fancytable2 li, .fancytable3 li {
	padding: 0;
	margin: 0;
}
.fancytable7 {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #CCC;
	margin: 0 0 15px;
}
.fancytable7 th {
	font-size: 16px;
	color: #222;
	font-weight: bold;
	visibility: visible;
	padding: 10px 10px;
	text-align: center;
}
.fancytable7 tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background-color: #fff;
}
.fancytable7 tbody tr:nth-of-type(even) {
	background-color: #f0f3fa;
}
.fancytable7 td {
	padding: 10px 15px 10px;
	border: 1px solid #CCC;
	text-align: center;
}
.fancytable7 td:nth-child(2) {width: 80%;padding: 10px 15px 10px; text-align: left;}
.fancytable8 {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #CCC;
	margin: 0 0 15px;
}
.fancytable8 thead {
	visibility: visible;
}
.fancytable8 thead tr {
	background: #666666;
}
.fancytable8 thead th {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	padding: 10px 5px 8px;
	background: #666666;
	border-right: 1px solid rgba(255,255,255,0.5);
}
.fancytable8 thead th span.rightfont {
	float: left;
	width: 100%;
	font-size: 16px;
	color: #fff;
	font-weight: normal;
	margin-top: 2px;
	text-align: right;
}
.fancytable8 thead td {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 10px 5px 8px;
	background: #666;
}
.fancytable8 thead td.line {
	background: #666 url(../line9.html) no-repeat left top;
}
.fancytable8 thead td span.left {
	float: left;
	padding-top: 5px;
}
.fancytable8 thead td span.right {
	float: right;
	padding-bottom: 5px;
}
.fancytable8 th {
	font-size: 16px;
	color: #222;
	font-weight: bold;
	visibility: visible;
	padding: 10px 10px 8px;
	text-align: center;
}
.fancytable8 tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background-color: #fff;
}
.fancytable8 tbody tr:nth-of-type(even) {
	background-color: #eff6f9;
}
.fancytable8 td {
	padding: 10px 10px 8px;
	border: 1px solid #CCC;
}
.fancytable8 td.txtleft {
	font-size: 15px;
	text-align: left;
	background: #fff;
}
.fancytable8.investortable1 tbody td:nth-child(2) {text-align: left;}
.fancytable8.investortable2 tbody td:nth-child(3) {text-align: left;}
.fancytable8.investortable3 th {text-align: left;}
.fancytable8.investortable3 tbody td:nth-child(1) {width: 20%;color: #0072bc;}
.fancytable8.investortable3 tbody td:nth-child(2) {width: 60%;text-align: left;}
.fancytable8.investortable3 tbody td:nth-child(3) {width: 20%;}
.fancytable8.investortable3 tbody td:nth-child(3) img {margin: 0 auto;}
.fancytable8.investortable5 tbody td, .fancytable8.investortable5 tbody th, .fancytable8 thead td {font-size: 15px;line-height: 24px;}
.fancytable8.investortable6 tbody th {color: #fff;background: #888;}
.fancytable8.investortable6 tbody td {text-align: left;}
.scrolltable {
	display: inline-block;
	width: 100%;
	margin: 8px 0;
}
@media (max-width: 1299px) {
.scrolltable {width:100%; overflow-x:scroll;}
.scrolltable table {width:100%; min-width: 960px; overflow-x:scroll;}
}
/*************************
******* about CSS ******
**************************/
.aboutf1 {
	display: inline-block;
	font-size: 1.4em;
	line-height: 1.5em;
	color: #0384d8;
	padding-left: 25px;
	background: url(../right-arrow-circular.svg) no-repeat 2px 7px;
	background-size: 17px;
}
p.aboutf2 {
	width: calc(100% - 30px);
	display: inline-block;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #2399c4;
	text-align: left;
	padding-left: 30px;
	margin: 0;
	background: url(../one.svg) no-repeat 7px 3px;
	background-size: 18px;
}
p.aboutf3 {
	width: calc(100% - 30px);
	display: inline-block;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #2399c4;
	text-align: left;
	padding-left: 30px;
	margin: 0;
	background: url(../two.svg) no-repeat 7px 3px;
	background-size: 18px;
}
p.aboutf2 A:link, p.aboutf3 A:link {color:#2399c4;text-decoration:none;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
p.aboutf2 A:visited, p.aboutf3 A:visited {color:#2399c4;text-decoration:none}
p.aboutf2 A:hover, p.aboutf3 A:hover {color:#4d3f8c;text-decoration:none}
/*.abouttxt {
	float: left;
	width: calc(100% - 50px);
	display: block;
	margin: 5px 0 15px;
	padding: 20px 18px;
	border: 7px solid transparent;
	border-image: linear-gradient(to right, rgb(77, 63, 140) 0%, rgb(83, 180, 215) 100%);
	border-image-slice: 1;
}*/
.abouttxt {
	float: left;
	margin: 5px 0 15px;
}
.aboutb1 {
	width: 100%;
	display: inline-block;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px dashed #ddd;
}
.aboutb1:last-child {
	width: 100%;
	display: inline-block;
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.ab-photo {
	float: left;
	width: 100%;
	display: block;
    position: relative;
	margin: 0 0 30px;
}
.ab-photo-pic { 
	display: inline-block;
	width: 100%;
	overflow: hidden;
	background: #fff;
}
.ab-photo-pic:nth-child(2) { 
	width: 100%;
	position: relative;
    top: 0;
    right: 0;
	z-index: 1;
	margin-top: 15px;
}
.ab-photo-pic .topblockimg {
	width: 100%;
	height: 350px;
	outline: none;
	display: inline-block;
	float: left;
}

.about-history {
	float: left;
	width: calc(100% - 10%);
	padding: 25px 5%;
	margin: 0;
	background: #efefef;
	border: 1px solid #d9dee2;
	border-radius: 3px;
}
.about-history h3 {
	width: 100%;
	float: left;
	font-size: 26px;
	color: #0061aa;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 15px;
}
.about-history ul {
	width: 100%;
	float: left;
	margin: 0;
	padding: 10px 0;
	background:url(../line4.gif) repeat-y 95px 0;
}
.about-history li {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
}
.about-history li.year {
	font-family: Times, "Times New Roman", serif;
	float: left;
	color: #3abae8;
	font-size: 30px;
	line-height: 1.2em;
	font-weight: bold;
	font-style: italic;
	width: 140px;
	padding-top: 10px;
	background-image: url(../icon3.png);
	background-repeat: no-repeat;
	background-position: 83px 15px;
}
.about-history li.info {
	float: right;
	margin: 0;
	background-color: #FFF;
	padding: 13px 15px;
	width: calc(100% - 170px);
	position: relative;
}
.about-history li.info:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 100;
	top: 17px;
	left: -20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px;
	border-color: transparent #fff transparent transparent;
}
.about-career {
    display: inline-block;
	width: 100%;
	margin: 0;
	padding: 10px 0 20px;
}
.about-career dl {
	width: 100%;
	float: left;
	margin: 0 0 20px;
	padding: 0;
}
.about-career dl:last-child {
	margin: 0;
}
.about-career dt {
	float: left;
	display: inline-block;
	width: calc(100% - 36px);
	color: #3f317f;
	font-size: 18px;
	padding: 4px 0 4px 32px;
	margin: 0;
	background: url(../icon14.gif) no-repeat left 6px;
}
.about-career dd {
	float: left;
	display: inline-block;
	width: calc(100% - 32px);
	color: #333;
	line-height: 1.8em;
	margin: 0;
	padding: 4px 0 0 32px;
}
.about-career2 {
	/*float: left;
	width: calc(100% - 13%);
	color: #fff;
	padding: 45px 10% 35px 3%;*/
	margin: 10px 0 0;
	/*background: #4d3f8c url(../about-p3.jpg) no-repeat right bottom;
	background-size: cover;
background: -webkit-linear-gradient(90deg, rgb(77, 63, 140), rgb(83, 180, 215));
background: linear-gradient(90deg, rgb(77, 63, 140), rgb(83, 180, 215));*/

}
ul.about-certif {
	width: 100%;
	float: left;
	margin: 15px 0 0;
	padding: 0;
}
ul.about-certif li {
	float: left;
	width: calc(100%/2 - 17px);
	margin: 7px 7px 7px 0;
	padding: 4px 4px;
	list-style-type: none;
	border: 1px solid #ddd;
	overflow: hidden;
	position: relative;
}
ul.about-certif li:nth-child(even) {
	margin: 7px 0 7px 7px;
}
ul.about-certif li .certifimg {
	width: 100%;
	height: 150px;
	outline: none;
	display: inline-block;
	float: left;
}
.about-factory {
	width: 100%;
	display: inline-block;
	margin: 7px 0 0;
}
.factorymap {
	float: left;
	width: 65%;
	display: inline-block;
	margin: 7px 0;
}
.factorybox {
	float: right;
	width: 33%;
	display: inline-block;
	text-align: center;
}
.factorybox .factory {
	float: left;
	width: calc(100% - 10px);
	display: inline-block;
	padding: 4px;
	margin: 7px 0;
	border: 1px solid #53b4d7;
	position: relative;
}
.factorybox .factory:before {
  content: '';
  position: absolute;
  bottom: 95px;
  left: -283px;
  width: 283px;
  border-bottom: #53b4d7 2px solid;
  -webkit-transform: rotate(8deg);
     -moz-transform: rotate(8deg);
      -ms-transform: rotate(8deg);
          transform: rotate(8deg);
}
.factorybox .factory:nth-child(2):before {
  content: '';
  position: absolute;
  bottom: 102px;
  left: -343px;
  width: 350px;
  border-bottom: #53b4d7 2px solid;
  -webkit-transform: rotate(17deg);
     -moz-transform: rotate(17deg);
      -ms-transform: rotate(17deg);
          transform: rotate(17deg);
}
.factorybox .factory a.gmap {
	display: inline-block;
	font-size: 13px;
	line-height: 16px;
	color: #999;
	padding: 3px 10px;
	margin: 4px 0 7px;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 30px;
}
.factorybox .factory a:hover.gmap {
	color: #fff;
	background: #4d3f8c;
	border: 1px solid #4d3f8c;
}
.factorybox .factory .photo { 
	display: inline-block;
	width: 100%;
	overflow: hidden;
	background: #fff;
}
.factorybox .factory .photo .factoryimg {
	width: 100%;
	height: 180px;
	outline: none;
	display: inline-block;
	float: left;
}
@media (max-width: 1299px) {
.factorymap {width: 100%;}
.factorybox {float: left;width: 100%;}
.factorybox .factory {width: calc(100%/2 - 10px);}
.factorybox .factory:before, .factorybox .factory:nth-child(2):before {display: none;}
}
@media (min-width: 992px) {
.ab-photo {	margin: 10px 0;}
.ab-photo-pic { 
	width: 49%;
	overflow: hidden;
	background: #fff;
}
.ab-photo-pic:nth-child(2) { 
	width: 49%;
	overflow: hidden;
	background: #fff;
	margin-right: 0;
    margin-left: auto;
	margin-top: 0;
	position: absolute;
    top: 0;
    right: 0;
	z-index: 1;
}
.ab-photo-pic .topblockimg {
	width: 100%;
	height: 300px;
	outline: none;
	display: inline-block;
	float: left;
}
}
@media (max-width: 768px) {
.about-history ul {	background:url(../line4.gif) repeat-y 12px 0;}
.about-history li.year {width: calc(100% - 35px);padding-top: 0;padding-left: 35px;	background-image: url(../icon3.png);background-repeat: no-repeat;background-position: 0 5px;}
.about-history li.info {float: left;margin: 10px 0 0 35px;padding: 13px 20px;width: calc(100% - 75px);}
.about-career2 {width: calc(100% - 10%);padding: 45px 5% 35px;}
ul.about-certif li .certifimg {	height: 100px;}
.factorybox .factory {width: calc(100% - 10px);}
.factorybox .factory .photo .factoryimg {height: 300px;}
}
@media (max-width: 600px) {
.factorybox .factory {width: calc(100% - 10px);}
.factorybox .factory .photo .factoryimg {height: 320px;}
}
@media (max-width: 480px) {
.ab-photo-pic .topblockimg {height: 250px;}
ul.about-certif li {width: calc(100%/2 - 10px);	margin: 5px 4px 5px 0;	padding: 2px 2px;}
ul.about-certif li:nth-child(even) {margin: 5px 0 5px 4px;}
ul.about-certif li .certifimg {	height: 60px;}
.factorybox .factory .photo .factoryimg {height: 200px;}
}


.certif1 {
	display: block;
	width: 100%;
	float: left;
	text-decoration: none;
	margin: 20px 0 0;
	padding: 25px 0 0;
	border-top: 1px dashed #ddd;
}
.certif1 ul {
	display: block;
	list-style: none;
	margin: 0;
	overflow: hidden;
	width: calc(100%/3 - 2%);
	float: left;
	padding: 15px 1% 10px;
}
.certif1 ul li {
	display: block;
	list-style: none;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.certif1 ul li.certif-name {
	color: #333;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: center;
	line-height: 1.5em;
	min-height: 60px;
}
.certif1 ul li.gallery-overlay {
	display: block;
	width: calc(100% - 2px);
	height: 400px;
	position: relative;
	overflow: hidden;
	border: 1px solid #e3e3e3;
}
.certif1 ul li.gallery-overlay:after {
    padding-top: 56.25%;
    content:"";
    display: block;
}
.certif1 ul li.gallery-overlay img { 
	position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    max-width:100%;
	max-height:400px;
    margin:auto;
}
@media (min-width: 992px) and (max-width: 1299px) {
.certif1 ul li.gallery-overlay {height: 280px;}
.certif1 ul li.gallery-overlay img { max-height:280px;}
}
@media (max-width: 991px) {
.certif1 ul {padding: 5px 1% 20px;}
.certif1 ul li.gallery-overlay {height: 300px;}
.certif1 ul li.gallery-overlay img { max-height:300px;}
}
@media (max-width: 768px) {
.certif1 ul li.gallery-overlay {height: 250px;}
.certif1 ul li.gallery-overlay img { max-height:250px;}
}
@media (max-width: 480px) {
.certif1 ul {width: 100%;padding: 5px 0 20px;}
.certif1 ul li.gallery-overlay {height: 380px;}
.certif1 ul li.gallery-overlay img { max-height:380px;}
.certif1 ul li.certif-name {min-height: inherit;}
}
/*************************
******* sitemap CSS ******
**************************/
.sitemap {
	display: inline-block;
	width: calc(100% - 66px);
	margin: 5px 0 50px;
	border: 8px solid #e9e9e9;
	padding: 20px 25px;
	/*border-radius: 10px;*/
}
.sitemap_tree { display: inline-block;width: 100%;padding:0; margin:0;}
.sitemap_tree li { list-style: none; }
.sitemap_tree li a { display:block; text-decoration:none; }
.sitemap_tree li a:hover, .sitemap_tree li a:focus { text-decoration:none;color:#53b4d7; }
.sitemap_tree > li li { line-height:130%; }
.sitemap_tree > li > ul > li a { padding:0; }

/* 第1層 */
.sitemap_tree > li { float: left; width: calc(100%/3 - 30px);display: inline-block;font-size:1.5em; color:#4d3f8c; line-height:180%; padding:0;margin: 20px 15px;}
	.sitemap_tree > li > a { color:#4d3f8c;padding: 5px 20px 5px 30px;margin-bottom: 10px;background: #d9f0f9 url(../icon1.png) no-repeat 10px 19px;border-radius: 5px;transition: all 0.2s ease-in-out; }
	.sitemap_tree > li > a:hover { color:#ffc82f;background: #4d3f8c url(../icon1.png) no-repeat 10px 19px; }
/* 第2層 */
.sitemap_tree > li > ul { margin:0;padding: 3px 0; }
.sitemap_tree > li > ul > li { font-size:80%; color:#000; padding: 4px 0 4px 10px; }
	.sitemap_tree > li > ul > li > a { color:#555; background: url(../right1.svg) no-repeat 4px 6px;background-size: 5px; padding-left: 20px;}
/* 第3層 */
.sitemap_tree > li > ul > li > ul { margin:0;padding: 10px 0 2px 27px; }
.sitemap_tree > li > ul > li > ul > li { font-size:90%; color:#888;padding: 4px 0; }
	.sitemap_tree > li > ul > li > ul > li > a { color:#888; background: url(../icon6.png) no-repeat left 9px;padding-left: 15px; }
/* 第4層 */
.sitemap_tree > li > ul > li > ul > li > ul { margin-left:37px; }
.sitemap_tree > li > ul > li > ul > li > ul > li { font-size:93.33%; color:#6d6d6d; }
	.sitemap_tree > li > ul > li > ul > li > ul > li a { color:#6b6b6b; }
@media (max-width: 991px) {
.sitemap {width: calc(100% - 46px);padding: 15px;}
.sitemap_tree > li { width: calc(100%/3 - 10px);margin: 20px 5px;}
}
@media (max-width: 767px) {
.sitemap_tree > li { width: 100%;margin: 10px 0;}
}

/*搜尋*/
.searchbox {
	float: left;
	width: 100%;
	padding: 0 0 40px;
}
.searchlist {
	float: left;
	width: 100%;
	padding: 0 0 15px;
}
.searchlist ul {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	border-top: 1px dashed #ddd;
}
.searchlist li { 
	display:block;
	list-style:none;
	width: calc(100% - 50px);
	float: left;
	font-size: 1.3em;
	line-height: 1.6em;
	padding: 18px 10px 18px 40px;
	margin: 0;
	border-bottom: 1px dashed #ddd;
	background: url(../icon8.png) no-repeat 20px 30px;
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.searchlist li:hover { background: #fff url(../icon8.png) no-repeat 20px 30px;}
.searchlist li a { color: #333; text-decoration: none;}
.searchlist li a:hover { color: #5440b1; text-decoration: none;}

/*表單*/
.input-txt {
  position: relative;
  overflow: hidden;
}
.form-group .ti-label {
    width: 100%;
    color: #000;
    font-weight: normal;
    line-height: 25px;
	padding-left: 2px;
}
.form-group .ti-label span {
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    vertical-align: middle;
	color: #ed1c24;
	margin-right: 5px;
}
.form-group .ti-label2 {
	float: left;
	display: block;
    color: #000;
    font-weight: normal;
    line-height: 25px;
	padding: 6px 5px 0 5px;
}
.form-button{text-align: center;}
.form-button .button{margin: 0 5px;}
.box-txt{border: 1px solid #ddd; outline: none; padding: 4px 10px; font-size: 1em; -webkit-transition: ease 0.3s; -o-transition: ease 0.3s; transition: ease 0.3s;height: 40px;}
.box-txt.full{width: 100%;}

.box-txt.txtarea{height: 150px; width: 100%}
.box-txt.mgTop{margin-top: 10px;}
.box-txt:focus{border-color: #2870c4; -webkit-box-shadow: 0 0 1px #2870c4; box-shadow: 0 0 1px #2870c4;}
.box-txt::-webkit-input-placeholder { color: #aaa; }
.box-txt::-moz-placeholder { color: #aaa; }
.box-txt:-ms-input-placeholder { color: #aaa; }
.box-txt:-moz-placeholder { color: #aaa; }
.selectBox {
  display: inline-block;
  position: relative;
  z-index: 1;
  background-color: #fff;
}
.selectBox select {
  padding: 0 30px 0 10px;
  width: auto;
	min-width: 150px;
  height: 38px;
  color: #000;
  outline: none;
  font-size: 16px;
  line-height: 35px;
  border: none;
	border: 1px solid #ddd;
  background: transparent;
  text-overflow: '';
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.selectBox select::-ms-expand { /* For IE10 */
  display: none;
}
.selectBox:before {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  width: 10px;
  height: 10px;
  border-right: #333 1px solid;
  border-bottom: #333 1px solid;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.selectBox:hover {
  border-color: #333;
}
@media only screen and (max-width:991px) {
  .form-style .half{float: none; width: 100%; }
  .form-style .half.left{padding-right: 0px;}
  .form-style .half.right{padding-left: 0px;}
}
@media only screen and (max-width:767px) {
  .form-style .f-row{margin: 15px 0;}
}
@media only screen and (max-width:499px) {
  .form-style .f-row .tit, .form-style .f-row .content{ display: block;}
  .form-style .f-row .content{width: 100%;}
  .form-button .button{ width: 46%; margin: 0 2px; font-size: 0.95rem; }
  .form-button .button i{ display: none;}
  .form-style .f-row .three-warp{margin: 0 ;}
  .form-style .f-row .three{width: 100%; margin: 5px 0 0; float: none;}
  .form-style ::-webkit-input-placeholder { font-size: 0.8rem; }
  .form-style ::-moz-placeholder { font-size: 0.8rem; }
  .form-style :-ms-input-placeholder { font-size: 0.8rem; }
  .form-style :-moz-placeholder { font-size: 0.8rem; }
}