* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	font-family: Helvetica, Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", sans-serif !important;
}
html,
body {
	width:100%;
	height:100%;
	font-size: 16px;
	line-height: 1.2;
	position:relative;
	color: #222;
}
.shadow{
	position:relative;
	-webkit-box-shadow: #333 0px 3px 5px;
	-moz-box-shadow: #333 0px 3px 5px;
	box-shadow: #333 0px 3px 5px;
}
.wrapper{width:1200px;margin:0 auto;position:relative;}


.iframe-container {
  position: relative;
  height: 0;
  overflow: hidden;
}

.submit_button {cursor:pointer;background-color:#DDDDDD;font-size:14px;
	border:none;
	display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    line-height: 40px;
	text-align: center;
}

input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;  
}

a {text-decoration: none;color:#666;}
a:hover {text-decoration: none;color:#F9B359;}

.button {display:inline-block;padding:18px 28px;border-radius: 10px;border:1px solid #ccc;cursor: pointer;white-space: nowrap;}
.button-small {padding:10px 12px;border-radius: 8px;font-size:14px}
.button_yellow {border-style:none; background-color:#F9B359; color: #666666;}
.button_yellow:hover {color: #666666;background-color:rgba(249, 179, 89,0.9);}

em{color:#888 !important;}

.tablewrap{width:100%;overflow-x:auto;margin-bottom:16px;}
table {table-layout:auto;border-collapse:collapse;}
td, th {padding-left:5px;padding-right:5px;}
th {background: #293B81;color:#fff;}

table.border-table td{}

h1,h2,h3,h4,h5,h6 {font-weight: bold; color: #293B81}

.uk-accordion .uk-open .uk-accordion-title {background: #6D6D6D; color:#fff;display:block;padding:8px;border-radius: 5px 5px 0 0;}
.uk-accordion .uk-open {border-bottom:1px solid #999999;padding-bottom:32px;}

.uk-form-controls {position:relative;}
label.error {position: absolute;top: calc(100% + 8px); left:0;background:#D95C5C; padding:3px 8px; border-radius: 3px;color:#fff;font-size:12px;}
label.error:after {
	bottom: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(217, 92, 92, 0);
	border-bottom-color: #D95C5C;
	border-width: 5px;
	margin-left: -5px;
}
input[aria-invalid="true"] {border: 1px solid #D95C5C !important;}
.middle-wrap:after{content:"";display:inline-block;height:100%;vertical-align: middle;}
.middle-obj{display:inline-block;vertical-align: middle;}

main {
	overflow: hidden;
	position: relative;
}

/* === Header === */
header {position:relative;z-index:99;background-color:#fff;}
header:after {content:"";display:block;width:100%;height:5px;position:absolute;bottom:0;background:#F9B359;z-index:-1;}

.mobile_open:after {content:"";display:inline-block;height:100%;vertical-align: middle;}
.mobile_open span {display: inline-block;vertical-align: middle;padding:20%;}
.Logo{height:110px;padding:16px;}
.Logo img {height:100%;}

#languages_btn{display:block;background:#F1F1F1;padding:20px 32px;border-bottom:5px solid #fff;border-radius: 10px 10px 0 0;color: #222;}
#languages_btn:hover { border-bottom:5px solid #F9B359;color: #222;}
#languages_btn:lang(en) {font-size:14px;}
#languages {background:#fff;padding:5px;}
#languages a {text-decoration: none;display:block;width:100%;text-align:center;color:#222;padding:10px 5px;font-size:14px;}
#languages a:hover {background:#F9B359; border-radius: 5px;color:#fff;}

/* === Main Nav === */
.nav {width:100%;}

.nav ul {list-style: none;padding-left:0;margin-bottom:0;}
.nav ul a {text-decoration: none;display:block;color:#555;font-size:16px;}
.nav ul a:lang(en) {font-size:14px;}

.nav ul.layer0 {}
.nav ul.layer0 > li {}
.nav ul.layer0 > li > a {color: #222; text-align:center;text-transform: uppercase;padding:20px 3px;border-bottom:5px solid #fff;}
.nav ul.layer0 > li > a:lang(en) {padding:12px 3px;}

.nav ul.layer0 > li.active > a {font-weight: bold;}
.nav ul.layer0 > li:hover > a{border-bottom:5px solid #F9B359;}

.nav ul.layer0 > li:nth-child(3n+1) > a {background: #293B81;color: #fff;} 
.nav ul.layer0 > li:nth-child(3n-1) > a {background: #F9B359;} 
.nav ul.layer0 > li:nth-child(3n) > a {background: #6D6D6D;color: #fff;} 
.nav ul.layer0 > li:first-child > a {border-top-left-radius: 10px} 
.nav ul.layer0 > li:last-child > a {border-top-right-radius: 10px} 



.nav ul.layer1 {padding: 32px 64px 64px 64px ;background:#fff;max-width: 1200px;}
.nav ul.layer1 > li {margin-bottom: 16px;display:block;float:left;width:31.3%;padding:0 8px;}
.nav ul.layer1 > li > a {color :#293B81; font-size :16px; font-weight: bold;cursor: normal;}

.nav ul.layer2 > li > a {font-weight:bold;}
.nav ul.layer2 > li > a:hover {color: #F9B359;}

.nav ul.nav_link {text-align:left;margin-top:0;width:auto !important;margin-left:8px;}
.nav ul.nav_link >li {position:relative;-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera 
*/
	page-break-inside: avoid; /* Firefox */
		 break-inside: avoid;}
.nav ul.nav_link > * > a {display:block;padding: 2px 8px;width:100%;color:#555;font-size:14px;font-weight: normal;border-radius: 3px;}
.nav ul.nav_link:not(.layer2) > * > a:before {content:"\0203A";display:inline-block;margin-right:5px;}
.nav ul.nav_link:not(.layer2) > * > a:hover {background:linear-gradient( to right,#6D6D6D, #ffffff);color: #fff;}



/* == Mobile Nav === */
#mobile_nav{background:#fff;overflow-y: auto; height:calc(100vh - 69px);padding-bottom:20vh;}
#mobile_nav ul {list-style: none;padding-left:1rem;}
#mobile_nav a {font-size: 1.25rem;padding:8px 0;line-height:1;}
#mobile_nav a:lang(en) {font-size: 1.25rem;}
.uk-offcanvas-bar {padding:0 !important;}

#mobile_nav ul.layer0 {padding-left:0;}
#mobile_nav ul.layer0 > li {border-bottom: 1px solid #eee;padding: 12px 0 12px 2rem;}
#mobile_nav ul.layer0 > li > div > a {display:block;font-size:1.5rem;padding:5px 0;}
#mobile_nav ul.layer0 > li > div > span.openSubBtn {padding: 0 8px;vertical-align: middle;}
#mobile_nav ul.layer1 {display:none;}
#mobile_nav ul.layer1.open {display:block;margin-top: 8px;}

#mobile_language {display:flex; display:-webkit-flex;padding:0;}
#mobile_language a{
	display:block;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex:1;
	text-align:center;
	padding:8px 0;
	border-right:1px solid #eee;
}
#mobile_language a:last-of-type{border-right:0 solid #eee;}

/* === BANNER ===*/
#banner {position:relative;}
.banner_container {position:relative;width:100%;}
.banner_content {height:calc(95% - 215px);}


/*  === Home Section === */
.portal_news {cursor:pointer;padding: 8px 2rem;color: #222;}
.portal_news:nth-of-type(odd){background: #f4f4f4;}
.portal_news:hover {background:#FBF6EA}
.portal_news_date { font-size:1rem; font-weight: bold;}
.portal_news_title{ display:inline-block;font-size:1.25rem;padding:5px 3rem 0 0;background: url(../images/news_title_deco.png) right bottom no-repeat; background-size: auto 50%; }

.home_section {padding: calc(32px + 3vw) 0;}

.home_btn>a {position:relative;display:block;border-radius:0 0 8px 8px;height:220px;}
.home_btn:nth-of-type(1)>a{background:#515151;background:linear-gradient(to bottom,#8F8F8F,#515151);}
.home_btn:nth-of-type(2)>a{background:#8E8E8E;background:linear-gradient(to bottom,#BDBDBD,#8E8E8E);}
.home_btn:nth-of-type(3)>a{background:#00365F;background:linear-gradient(to bottom,#01579A,#00365F);}
.home_btn:nth-of-type(4)>a{background:#774607;background:linear-gradient(to bottom,#CC882E,#774607);}
.home_btn:nth-of-type(5)>a{background:#DA8617;background:linear-gradient(to bottom,#F3AA4A,#DA8617);}
.home_btn_img{display:block;height:145px;width:100%;transition: height 0.2s;}
.home_btn>a:hover .home_btn_img {height:130px;}
.home_btn_txt{position:absolute;display:block; left:0;bottom:0;width:100%;padding:18px 28px;color:#fff; font-weight: bold;font-size:20px}


/* === Content === */
h1,h2,h3,h4 {}
.content {padding: 2rem 0 ;height:100%;}
#content_title {font-size: calc(20px + 0.8vw);font-weight:bold;text-align:center;background:#c8c8c8; background: linear-gradient(to right bottom,#c8c8c8, #727272);padding: 4vh 0;color: #fff;}
#content_title span {padding:8px 32px; border-bottom:3px solid #fff;}


.news_list {cursor: pointer;}
.news_list td {padding-bottom:12px;}
.news_list_date{color:#888888;font-size:14px;font-weight:bold;padding-right:16px;white-space: nowrap;}
.news_list:hover .news_list_title{font-weight: bold;}
.file_ico {height:20px;}
#news_pager {text-align: center;margin: 16px 0;}
#news_pager a {position:relative;display:inline-block; width:28px;height:30px;
 line-height:30px;color: #666;border:1px solid #ccc;border-radius: 3px;}
#news_pager a.active,
#news_pager a:hover {color: #fff;background-color: #666;border:1px solid #666;text-decoration: none;}

a.placingrecord {display:inline-block;border: 1px solid #999;background:#fff; border-radius: 0 8px 0 8px;height:350px;min-width:250px;padding:8px;margin:16px;overflow: hidden;}
a.placingrecord:hover {box-shadow: 0 0 8px #aaa;}
a.placingrecord img {width:auto;max-width: none !important;height:100%;}

.editor_content {padding: 1rem 0;width:960px;margin:0 auto;}
.editor_content a {color:#293B81; display:inline-block;border-bottom:1px dotted #293B81;}
.editor_content a:hover {color:#F9B359;}
.editor_content li{margin-bottom:8px;}
.editor_content table p {margin: 0 0 0 0;}
.editor_content table td,.editor_content table th{padding: 8px;}
.editor_content table td {vertical-align: top;}


/* === Side === */
#side {width: 100%;}

#side_menu ul{list-style: none;padding:0;}
#side_menu li {position:relative;padding-bottom: 6px;}
#side_menu a {color:#fff; font-weight:bold;display:block;padding: 5px 12px;}
#side_menu ul.layer0 {position:relative; width:100%;}
#side_menu ul.layer0 > li { width:100%;}
#side_menu ul.layer0 > li >a {background-color:#898989; border-radius: 6px;}
#side_menu ul.layer0 ul {background-color:#898989;left:103% !important;margin-left:0 !important;border-radius: 6px;width:250px;}



/* === FOOTER === */
footer {position:relative;padding: 3vw 0;background:#fff;border-top:3px solid #F9B359;}


#footer_nav ul{list-style: none;padding-top:8px;}
#footer_nav ul a {font-size: 0.875rem;line-height:1;}
#footer_nav ul a:hover {color:#333;}
#footer_nav ul.layer0, #footer_nav ul.layer1{padding-left:0;}
#footer_nav ul.layer0 > li > a {font-size:1.125rem; font-weight: bold;}
#footer_nav ul.layer1 {padding-top: 24px;}



@media (max-width: 1200px) {
	html, body{height:100%;}
    .wrapper {width:100%;padding: 0 16px;}
	.wrapper.nopadding {padding: 0 0;}
}

@media only screen and (max-width: 960px) {
	html {font-size: 80%;}
    .banner_container {padding-top:250px;}
	.uk-offcanvas-bar {width:90vw !important;max-width:300px;padding:0 !important;}
	.section-title {font-size:2rem;}
	.vertical-text span {display:inline-block;}
	
	#section-OnlineTrade {height:auto;}
	#section-OnlineTrade .left {height:auto;width:100%;float:none;}
	#section-OnlineTrade .left .left-Content{display:block;text-align: center;margin: 0 auto;padding:16px 0;}
	#section-OnlineTrade .left .left-Content>div{width:100% !important;}
	#section-OnlineTrade .center {position: relative;left:0;float:left;height:200px;width:50%;transform:skewX(0deg);}
	#section-OnlineTrade .center .image{position:relative;left: 0;transform:skewX(0deg);width:100%;height:100%;}
	#section-OnlineTrade .right {margin-left:0;height:200px;width:50%;}
	.trade_btn_online, .trade_btn_mobile {bottom:10%;right: 20%;left:20%;text-align: center;padding:20px 8px;}
	.trade_btn_online:after, .trade_btn_mobile:after{border-style: none;}
	.editor_content {width:100%;}
}


@media only screen and (max-width: 640px) {
	.news_list td {display:inline-block;padding-bottom:0;width:100%;line-height: 1.2;}
	.news_list td:first-of-type {padding-top:12px;}
	.news_list td:last-of-type {padding-bottom:12px;border-bottom: 1px dotted #ccc;}
	footer table td {display:inline-block;width:100% !important;text-align: center !important;font-size:12px;}
	footer table td a {display:inline-block;white-space: nowrap;}
	table {width:100% !important;}
	table.style1 {border-style: none;}
	table.style1 tr:after{
		content: "";
		display: block;
		border-bottom: 1px solid #666;
	}
	table.style1 td,table.style1 th {display:inline-block;width:100% !important;text-align:left !important;border-style: none;}
	
	table.style2 {border-style: none;}
	table.style2 tr {display:block;border: 1px solid #666;margin-bottom: 8px;}
	table.style2 tr:first-of-type{display:none;}
	table.style2 td{display:block;width:100%;border-style: none;}
	table.style2 td:before {
		content: attr(data-th);
		display: inline-block;
		width: 40%;
		margin-right: 16px;
		font-weight: bold;
		text-align: right;
	}

	.Logo{height:80px;padding:8px;}
}


.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}

.ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;}
.ab_img p{text-wrap: inherit !important;}
.ab_img p span{text-wrap: inherit !important;}