@charset "utf-8";
.main_logo_tablet{
	display:none;
}
.main_logo_mobile{
	display:none;
}
@media screen and (max-width:1170px)
{
	.main_logo_tablet{
		display:block;
	}
	.main_logo_desktop{
		display:none;
	}
}
@media screen and (max-width:750px)
{
	.main_logo_tablet{
		display:none;
	}
	.main_logo_mobile{
		display:block;
	}
}
.wrapper *{
	box-sizing: border-box;
	max-height:999999px;
}
a{
	color:#0762a8;
}

body{
	/*font-size:12px;
	font-size:16px 1rem;
	font-size:0.875rem;*/
	font-size: 100%;
	margin:0;
	font-family: "Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif';
	
	
}
.tc body{
	
	font-size:16px;
	font-size:1rem;
	margin:0;
	font-family: "Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif';
}

a{
	text-decoration: underline;
}
.wrapper{
	overflow:hidden;
	width:100%;
	max-width: none;
	min-height:800px;
}
.container_resp, .dropdown-content .mainNav_sub_inner{
	max-width:1171px;
	margin:0 auto;
	width:100%;
	padding: 0 15px;
}
.inner-container {
	min-height: 700px;
	/*margin-bottom: 10%;*/
}
@media screen and (max-width:750px){
	.inner-container {
		min-height: 100%;
	}
}

#skip-to-content{
	display:none;
}
.notice-header{
	background-color: #d33200;
	background-image: url('../images/header_bg.png') repeat;
	width:100%;
	margin:0;
	color:#fff;
	/*padding: 0 50px;*/ 
	font-size: 18px;
	font-size: 1.1rem;

}
.spec_content p{
	margin: 0 0 1.25em 0;
}
/*.notice-header .container{
	max-width:1280px;
	margin:0 auto;
	width:100%;
}*/
.spec_content,.spec_close,.logos,.header-right,.header-right-block{
	display:inline-block;
}
.spec_close{
	text-align:right;
}
.notice-header a{
	color:#fff;
}
.notice-header .spec_content{
	width:98%;   /* Amended br Cate 20180110 width:96%;*/
}
/*.notice_link{
	margin:0 0 20px 15px;
}comment by CCHUN*/
.access{
	display:none;
}
.query-crt {
    display: none;
    position: absolute
}
#header{
	z-index:100;
	height:auto;/*height: 120px;*/
	background: rgb(206,232,161); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(206,232,161,1) 1%, rgba(253,245,183,1) 7%, rgba(253,248,210,1) 11%, rgba(253,248,210,1) 14%, rgba(253,253,253,1) 18%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(206,232,161,1) 1%,rgba(253,245,183,1) 7%,rgba(253,248,210,1) 11%,rgba(253,248,210,1) 14%,rgba(253,253,253,1) 18%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(206,232,161,1) 1%,rgba(253,245,183,1) 7%,rgba(253,248,210,1) 11%,rgba(253,248,210,1) 14%,rgba(253,253,253,1) 18%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cee8a1', endColorstr='#fdfdfd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#header::after{
	content:'';
	width:100%;
	height:3px;
	position:absolute;
	top: calc(100% - 3px); /*100%; modify by CChun /margin: 28px 0;*/
	box-shadow: 0 2px 5px #888888;
	-webkit-box-shadow: 0 2px 5px #888888;
	-moz-box-shadow: 0 2px 5px #888888;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 2%, rgba(221,235,212,1) 11%, rgba(155,196,140,1) 25%, rgba(98,165,62,1) 39%, rgba(83,144,25,1) 67%, rgba(174,156,22,1) 86%, rgba(242,171,21,1) 95%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 2%,rgba(221,235,212,1) 11%,rgba(155,196,140,1) 25%,rgba(98,165,62,1) 39%,rgba(83,144,25,1) 67%,rgba(174,156,22,1) 86%,rgba(242,171,21,1) 95%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(255,255,255,1) 2%,rgba(221,235,212,1) 11%,rgba(155,196,140,1) 25%,rgba(98,165,62,1) 39%,rgba(83,144,25,1) 67%,rgba(174,156,22,1) 86%,rgba(242,171,21,1) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2ab15',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.lcsd_logo_x1{
	width:100%;
}

/*.part_upper .container, .part_lower .container{
	width:100%;
	max-width:1280px;
	margin:0 auto;
}*/
.part_upper{
	padding:10px 0;    /*Amended by Cate 20180110 padding:10px 50px 10px 30px;*/
	/*background: rgb(206,232,161); /* Old browsers */
	/*background: -moz-linear-gradient(45deg, rgba(206,232,161,1) 1%, rgba(253,245,183,1) 7%, rgba(253,248,210,1) 11%, rgba(253,248,210,1) 14%, rgba(253,253,253,1) 18%); /* FF3.6-15 */
	/*background: -webkit-linear-gradient(45deg, rgba(206,232,161,1) 1%,rgba(253,245,183,1) 7%,rgba(253,248,210,1) 11%,rgba(253,248,210,1) 14%,rgba(253,253,253,1) 18%); /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(45deg, rgba(206,232,161,1) 1%,rgba(253,245,183,1) 7%,rgba(253,248,210,1) 11%,rgba(253,248,210,1) 14%,rgba(253,253,253,1) 18%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cee8a1', endColorstr='#fdfdfd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.dsk_part_lower{
	height:35px;
	/*Amended by Cate 20180110 padding:0 50px 0 30px;*/
}
.size_m .dsk_part_lower{
	height:40px;
}
.size_l .dsk_part_lower{
	height:45px;
}
.hidden_tablet_mobile .mainNav_sub.dropdown-content {
	padding:0 50px 0 30px;
}
.header-right{
	float:right;
	padding: 20px 0; /*Amended by Cate 20180110 padding:20px;*/
	margin-right: -2px; /*Updated by CChun on 20180921*/
}
.header-right .header-right-block{
	padding: 0 2px ;
}
.header-right:nth-child(1){
	border-left: 1px solid, #0f0f0f;
}
.logos{
	width:48%;        /*width:41%;*/
	margin-left:-15px;
}
.social-mail,.social-facebook,.social-twitter,.social-sina,.social-instagram,.social-facebook-main,.social-whatsapp
{
	font-size: 0;
}
.social-facebook:before{
	content:"";
	background:url(../images/share/facebook_23.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:23px;
	height:23px;
	display:inline-block;
	background-size:100% 100%;
}
.ie .social-facebook{
   height: 23px;
   width:23px;
   padding: 0;
   margin: 0 2px;
   background: url(../images/share/facebook_23.png) no-repeat 0 0;
   background-size:100% 100%;
   vertical-align:middle;
   display:inline-block;
   font-size:0;
}
.ie .show_tablet_mobile .social-facebook::before{
	background:none;
}
.sticky_share .social-facebook:before{
	content:"";
	background:url(../images/share/facebook.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:23px;
	height:23px;
	display:inline-block;
	background-size:100% 100%;
}
.social-mail:before{
	content:"";
	background:url("../images/share/E-mail_23.png");
	background-repeat:no-repeat;
	background-position:0 0;
	width:23px;
	height:23px;
	display:inline-block;
	background-size:100% 100%;
}
.sticky_share .social-mail:before {
    content: "";
    background: url(../images/share/E-mail.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 23px;
    height: 23px;
    display: inline-block;
	background-size: 100% 100%;
}
.ie .social-mail{
   height: 23px;
   width:23px;
   padding: 0;
   margin: 0 2px 0 0;
   background: url("../images/share/E-mail_23.png") no-repeat 0 0;
   background-size:100% 100%;
   vertical-align:middle;
   display:inline-block;
   font-size:0;
}
.ie .show_tablet_mobile .social-mail::before{
	background:none;
}

.social-twitter:before{
	content:"";
	background:url(../images/share/Twitter_23.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:23px;
	height:23px;
	display:inline-block;
	background-size:100% 100%;
}
.sticky_share .social-twitter:before{
	content:"";
	background:url(../images/share/Twitter.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:23px;
	height:23px;
	display:inline-block;
	background-size:100% 100%;
}
.ie .social-twitter{
   height: 23px;
   width:23px;
   padding: 0;
   margin: 0 2px;
   background: url(../images/share/Twitter_23.png) no-repeat 0 0;
   background-size:100% 100%;
   vertical-align:middle;
   display:inline-block;
   font-size:0;
}
.ie .show_tablet_mobile .social-twitter::before{
	background:none;
}
.social-sina:before{
	content:"";
	background:url(../images/share/weibo_23.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:23px;
	height:23px;
	display:inline-block;
	background-size:100% 100%;
}
.sticky_share .social-sina:before{
	content:"";
	background:url(../images/share/weibo.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:23px;
	height:23px;
	display:inline-block;
	background-size:100% 100%;
}
.ie .social-sina{
   height: 23px;
   width:23px;
   padding: 0;
   margin: 0 2px;
   background: url(../images/share/weibo_23.png) no-repeat 0 0;
   background-size:100% 100%;
   vertical-align:middle;
   display:inline-block;
   font-size:0;
}
.ie .show_tablet_mobile .social-sina::before{
	background:none;
}

.social-instagram:before{
	content:"";
	background:url(../images/social_media/instagram.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:23px;
	height:23px;
	display:inline-block;
	background-size:100% 100%;
}
.sticky_share .social-instagram:before{
	content:"";
	background:url(../images/social_media/instagram.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:23px;
	height:23px;
	display:inline-block;
	background-size:100% 100%;
}
.ie .social-instagram{
   height: 23px;
   width:23px;
   padding: 0;
   margin: 0 2px;
   background: url(../images/social_media/instagram.png) no-repeat 0 0;
   background-size:100% 100%;
   vertical-align:middle;
   display:inline-block;
   font-size:0;
}
.ie .show_tablet_mobile .social-instagram::before{
	background:none;
}


.social-facebook-main:before{
	content:"";
	background:url(../images/social_media/facebook.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:23px;
	height:23px;
	display:inline-block;
	background-size:100% 100%;
}
.sticky_share .social-instagram-main:before{
	content:"";
	background:url(../images/social_media/facebook.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:23px;
	height:23px;
	display:inline-block;
	background-size:100% 100%;
}
.ie .social-facebook-main{
   height: 23px;
   width:23px;
   padding: 0;
   margin: 0 2px;
   background: url(../images/social_media/facebook.png) no-repeat 0 0;
   background-size:100% 100%;
   vertical-align:middle;
   display:inline-block;
   font-size:0;
}
.ie .show_tablet_mobile .social-instagram::before{
	background:none;
}

.social-whatsapp:before{
	content:"";
	background:url(../images/share/whatsapp.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:23px;
	height:23px;
	display:inline-block;
	background-size:100% 100%;
}
.sticky_share .social-whatsapp:before{
	content:"";
	background:url(../images/share/whatsapp.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:23px;
	height:23px;
	display:inline-block;
	background-size:100% 100%;
}
.ie .social-whatsapp{
   height: 23px;
   width:23px;
   padding: 0;
   margin: 0 2px;
   background: url(../images/share/whatsapp.png) no-repeat 0 0;
   background-size:100% 100%;
   vertical-align:middle;
   display:inline-block;
   font-size:0;
}
.ie .show_tablet_mobile .social-whatsapp::before{
	background:none;
}


.menu{
	text-align: right;
	/* Amended by Cate 20180110 margin-right:20px; /*Edit by Cate to fit the 1280px width*/ /*original: margin-right:80px;*/
}
.sticky .menu {
	float:right;
}
.menu-item{
	margin:0;
}
.menu-item>*{
	display:inline-block;
}
.header-search-btn.js-header-search-btn{
	/*border:none;
	background: transparent;
	font-size:18px; comment for header search bar by Cchun on 20180606*/
	
	/*Start: Added for header search bar by Cchun on 20180606*/
	border-radius: 0 5px 5px 0;
	background:#ddd;
	display: inline-block;
    margin: 0 0 1.7px -5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	height: 34px;
	width: 54px;
	border: 0;
	color: rgb(0, 0, 0);
}
.header-search-btn.js-header-search-btn .sr-only {
    position: static;
}
.header-search-input-container.js-header-search-inputContainer {
	display: inline-block;
	width: calc(100% - 59px);
}
.en .header-search-btn.js-header-search-btn {
	width: 69.5px;
}
.en .header-search-input-container.js-header-search-inputContainer {
	width: calc(100% - 69.5px);
}
/*End: Added for header search bar by Cchun on 20180606*/

.ico-map,.ico-phone{
	/*font-size:18px;
	font-size:1.15rem;*/
	font-size: 14px; /*Add by CChun on 20180601 to follow dynamic setting*/
	color:#000;
}
.lang-link{
	color:#000;
	font-size:14px;
	font-size:0.875rem;
	text-decoration:none;
}
.blk-sep{
	color:#535353;/*color:#b1b1b1;*/
	margin:0 2px;
}
.txt-size{
	color:#000;
	font-family:arial;
	text-decoration:none;
}
body.size_m .size_middle{
	text-decoration:underline;
}
body.size_s .size_small{
	text-decoration:underline;
}
body.size_l .size_large{
	text-decoration:underline;
}
.size_small{
	font-size:10px;
	font-size:0.625rem;
	/*text-decoration: underline;/*Add by CCHUN, color:#b0433e;*/
}
.size_middle{
	font-size:14px;
	font-size:0.875rem;
}
.size_large{
	font-size:16px;
	font-size:1rem;
}
.site_control a:hover, a.mainNav_link-lv2:hover p{
	text-decoration: underline;/*Added by CChun to follow dynamic page on 20180601, color:#b0433e;*/
}
.menu-item-1{
	padding:0 10px;
	font-family:  "Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif';
	/*Century Gothic,CenturyGothic,AppleGothic,'MingLIU','Arial', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑',sans-serif;*/
	/*position:relative;*/
	text-align: center;
}
.size_m .menu-item-1>a{
	font-size:110%;
}
.size_l .menu-item-1>a{
	font-size:120%;
}
.menu-item-1>a, .menu-item-1 .m-link-1-block>a{
	text-decoration: none;
	color:#605353;/*color:#8a7d7d;*/
	font-weight:700;
	font-size:0.975rem;
}
.menu-item-1>a:hover{
	color:#F37936;
	text-decoration: underline;/*Add by CChun on 20180601 to follow dynamic setting*/
}
/***/
.menu.hidden_tablet_mobile li.menu-item-1.dropdown-menu-resp>a.m-link-1{
	position: relative;
}
.menu.hidden_tablet_mobile li.menu-item-1.dropdown-menu-resp:hover a.m-link-1:after{
	content:'';
	display:block;
    width:0;
    border:6px solid #F37936;
    border-color:#F37936 transparent transparent transparent;
    position:absolute;
    top:110%;
    left:50%;
    margin-left:-5px;
}
.menu.hidden_tablet_mobile li.menu-item-1.dropdown-menu-resp:hover{}
/**menu hover for destop**/
/*.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}*/
.dsk_part_lower .menu li.menu-item-1 {
	max-height: 35px;
}
.menu li.menu-item-1.dropdown-menu-resp {
	padding-bottom: 35px;
}
.size_m .dsk_part_lower .menu li.menu-item-1 {
	max-height: 40px;
}
.size_m .menu li.menu-item-1.dropdown-menu-resp {
	padding-bottom: 40px;
}
.size_l .dsk_part_lower .menu li.menu-item-1 {
	max-height: 45px;
}
.size_l .menu li.menu-item-1.dropdown-menu-resp {
	padding-bottom: 45px;
}
.menu li.menu-item-1:hover a.m-link-1{
	color:#F37936;
}
header {
    position: relative;
}

.dropdown-content {
    display: none;
    position: absolute;
	top: calc(100% - 3px); /*calc(100% + 2px);*/
    left: 0;
    width: 100%;
	height: auto;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	background-color: white;
}

.menu .dropdown-content {
	padding-bottom: 30px;
}
.dropdown-content a {
    color: black;
    /*padding: 12px 16px;*/
	/*padding: 12px 16px 5px 16px;*/
	padding: 3px 16px 5px 16px;
    text-decoration: none;
    display: block;
}

.menu a.mainNav_link-lv3 {
	padding: 3px 16px ; 
}

.menu .mainNav_item-lv3:nth-child(1) a.mainNav_link-lv3{
	padding: 5px 16px; 
}
/*
.dropdown-content a:hover {
	background-color: #f1f1f1
}*/
/*
.dropdown:hover .dropdown-content {
    display: block;
}*/
/*
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}*/
/*.dropdown-content .mainNav_sub_inner{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}*/
.dropdown-content .mainNav_sub_col{
	float: left;
	width: 33.3%;
	padding: 10px 0 0; /*Added by Catherine on 20190108*/
}
.mainNav_list-lv2{
	padding: 0;
	text-align: left;
}
.mainNav_list-lv2 .mainNav_link-lv2 {
    color: #358004;
	font-weight: 700;
}
.lnr-license{
	font-weight:700;
	font-size: 16px;
}
.mainNav_list-lv2 .fa, .mainNav_list-lv2 .lnr {
	color: #F37936;
	width: 30px;
}
.dropdown-content ul li {
	list-style-type: none;

}
.menu .mainNav_list-lv3 {
	margin-left: 7px;
}
.mainNav_list-lv3 .mainNav_item-lv3, .mainNav_list-lv4 li.mainNav_item-lv4  {
	position: relative;
}
.mainNav_list-lv3 li.mainNav_item-lv3:before {
	content:'';
	display:block;
    width:0;
    border:4px solid #F37936;
    border-color: transparent transparent transparent #F37936 ;
    position:absolute;
    top:10px;
    left:0;
	
}

.mainNav_list-lv4 li.mainNav_item-lv4:before {
	content: ".";
	color: #F37936;
	font-size: 24px;
	font-weight: 700;
	position:absolute;
    top: 0;
    left: 0;
}
.mainNav_list-lv4  {
	padding-left: 25px;
}

/*Add by CChun to control destop search-dropdown-content */
#header.search-dropdown-flag {
	height: 170px;/*160px;*/
	position: relative;
}
#header.share-dropdown-flag {
	height: 138px;
}
#header.globe-dropdown-flag{
	height: 208px;
}
.search-dropdown-content {
	position: absolute;
    width: 100%;
    height: 60px;
    left: 0;
    top: 70px;
    padding: 5px 13%;
    background: transparent;
    display: none;
}
.sticky_global .dropdown-content.globe-block-mb{
	position: absolute;
    width: 100%;
    height: 120px;
    left: 0;
    top: 60px;
    padding: 5px 20% 15px 35%;
    background: transparent;
    display: none;
	/*margin:0 50%;*/
	
}
.sticky_global .dropdown-content.globe-block-mb .lang-link{
	padding:0;
}
.sticky_share .social-icon_container{
	padding:0;
	text-align:center;
}
.sticky_share .social-mail::before,.sticky_share .social-facebook::before,.sticky_share .social-twitter::before,.sticky_share .social-sina::before, .sticky_share .social-instagram::before, .sticky_share .social-facebook-main::before, .sticky_share .social-whatsapp::before{
	width:35px;
	height:35px;
}



.sticky_share .dropdown-content.share-block-mb{
	position: absolute;
    width: 100%;
    height: 70px;
    left: 0;
    top:50px;/*top: 70px;*/
    padding: 5px 30% 5px 30%;
    background: transparent;
    display: none;
}
.sticky_global .dropdown-content.globe-block-mb .lang_group,
.sticky_global .dropdown-content.globe-block-mb .site_control
 {
	float: left;
	padding: 0 10% 0 65px; /*update 20080601 for lang block and text size block*/
	/*padding:2% 10% 1% 29%;      Changed 20180417 for only lang block*/
	font-family: Century Gothic,CenturyGothic,AppleGothic,'MingLIU','Arial', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑',sans-serif;
}
.sticky_global .dropdown-content.globe-block-mb .lang_group {
	text-align:center; /*Added 20180417*/
}
.sticky_global .dropdown-content.globe-block-mb a.txt-size,
.sticky_share .dropdown-content.share-block-mb a.social-icon {
	display: inline-block;
}
.sticky_share .dropdown-content.share-block-mb p:first-child {
	display: none;
}
.sticky_global .size_small{
	font-size:0.9rem;
}
.sticky_global .size_middle{
	font-size:1.3rem;
}
.sticky_global .size_large{
	font-size:1.5rem;
}
.size_m .sticky .menu-item-1 .m-link-1-block > a{
	font-size:0.925rem;
}
.size_l .sticky .menu-item-1 .m-link-1-block> a{
	font-size:0.975rem;
}
.sticky .menu-item-1 .m-link-1-block>a {
	/*font-weight:400;*/
	font-size: 0.900rem/*0.875rem;*/
}
.ie .sticky .social-mail,.ie .sticky .social-facebook,.ie .sticky .social-twitter,.ie .sticky .social-sina{
	background:none;
}

.search-dropdown-content .fa.fa-search.ico-search{
	position: absolute;
	top: 12px;
    right: calc(13% + 15px);
    color:#959292b3; /*Added to change color*/
	display: none;/*Added for header search bar by CChun on 20180606*/
}
.ie .search-dropdown-content .ico-search.fa-search.fa{
	color:rgba(149, 146, 146,.5);
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}
.ie .start_search::-ms-clear{
	display:none;
}
.ie #lcsd_search_mb::-ms-clear{
	display:none;
}
.ico-search{
	/*font-size: 1.1rem; Added on 2017108 to enlarge serch icon*/
	font-size: 14px; /*Add by CChun on 20180601 to follow dynamic setting*/
}
@media screen and (max-width: 1170px) {
	.ico-search, .ico-phone{
		font-size: 24px;
	}	
}
/*End:Add by CChun on 20180601 to follow dynamic setting*/

.menu.search-dropdown-flag {
	margin-top: 40px;
}


.btn-search-block-destop.active {
	position: relative;
	color: #F37936;
}
.btn-search-block-destop.active::after {
	content: '';
    display: block;
    width: 0;
    border: 4px solid #F37936;
    border-color: #F37936 transparent transparent transparent;
    position: absolute;
    top: 20px;
    left: 35%;
   
}

.header-search-input{
	width: 100%;
	height: 34px; /*Updated for header search bar by Cchun on 20180606*//*Edit by Cate 30px*/
	border: 1px solid #ccc; /*updated for header search bar by Cchun on 20180606*/
	/*#52995566;border:1px solid #52995566;/*Edit by Cate for the border color Original: border: 1px solid #59a95c;*/
	padding:0 10px;
	/*box-shadow: 0px 0px 6px 0px #888888b3;
	-webkit-box-shadow: 0px 0px 6px 0px #888888b3; Edit by Cate original: #888888
	-moz-box-shadow: 0px 0px 6px 0px #888888b3; Comment for header search bar by Cchun on 20180606*/
	font-family: Century Gothic,CenturyGothic,AppleGothic,'MingLIU','Arial', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑',sans-serif; /*Added by Cate*/
	border-radius: 5px 0 0 5px;/* Added for header search bar by Cchun on 20180606*/
}
.ie .header-search-input{
	border: 1px solid rgba(82, 153, 85, .4);
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	box-shadow: 0px 0px 6px 0px rgba(136, 136, 136, .3);
}



.show_tablet_mobile { display:none;}
.hidden_tablet_mobile { display:block;}
.sticky_global,.sticky_share{
	display:none;
}
.dropdown-content.globe-block-mb .orange_bold {
	margin-bottom: 1.25rem;
}
@media screen and (max-width: 1170px) {
	/*reset min-height to have enough space showing menu dropdown-content*/

	header {
		font-family: Century Gothic,CenturyGothic,AppleGothic,'MingLIU','Arial', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑',sans-serif;
	}
	

	/*control notice-header*/
	.notice-header {
		/*padding: 0 4%;
		height: 35px;comment by CChun 20180115*/
		font-size: 0.825rem;
	}
	.notice-header .spec_content{
		width: calc(100% - 20px);
	}
	/*Added by Cate 20171206 .notice_link & .notice-header .spec_content*/
	/*.notice_link{
		-webkit-margin-before:-0.3em;
	}*comment by CCHUN/
	
	/*control header*/
	#header:after {
		display: none;
	}
	#header {
		position: relative;
		/*padding: 0 0 0 4%;*comment by CCHUN;Amended by Cate 20171206 padding: 0 5%;*/
		width:100%;
		/*Commented by Cate 20171212 height: 60px;*/
		border-bottom: 1px solid #CCC;
	}
	
	.header-right.show_tablet_mobile .header-right *,
	.header-right.show_tablet_mobile .mainNav_item-lv2
	{
		padding: 0;
	}
	.part_upper {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.logos { /*Update by CChun on 20180723*/
		width: auto;
		/*height: 60px;*/
		padding: 0;
		margin: 6px 0;
	}
	.lcsd_logo_x1 {/*Update by CChun on 20180723*/
		height: 75px;
		width: auto;
		/*min-width: 420px;*/
	}
	.dsk_part_lower {
		display: none !important;
	}
	
	/*control header right*/
	.header-right {
		padding: 0;
	}
	.header-right.show_tablet_mobile {
		margin: 0;
	}
	.header-right-block.dropdown-menu-resp .ico-block>a {/*Update by CChun on 20180712*/
		color: #F37936;
	}
	.header-right-block.dropdown-menu-resp .ico-block{
		width: 39px;  /*when mobile header menu ico-block is 4 items, need to set this value = 55px; when is 5 items, need to set this value = 48; when is 6 items, need to set this value = 39px*/
		height: 91px;/*Update by CChun on 20180723*/
		text-align: center;
		color: #F37936;
		display: block;
		margin: 0;
		padding: 33% 0;
		padding: 59% 0;/*Update by CChun on 20180723*/
		font-size:24px; /*1.175rem; /*Added by Cate 20171206*//*Update by CChun on 20180723*/
	}
	
	
	.style_page .header-right-block.dropdown-menu-resp .ico-block{height: 87px;padding:50% 0}/*fix the header issue brought by lib*/
	@-moz-document url-prefix() {
	  .header-right-block.dropdown-menu-resp .ico-block{
		height: 91.75px;
	  }
	}
	.header-right-block.dropdown-menu-resp.contactus{
		display: none;
	}
	
	/*add contact icon 20180420*/
	.header-right-block.dropdown-menu-resp .ico-block .contact_mb {
		padding: 5px;
	}/*end 20180420*/
	.menu-block-mb a:hover{
		color: #F37936;
	}
	/*
	.header-right-block.dropdown .ico-block:hover {
		background-color: #eee;
		border: 1px solid #d1d1d1;
	}*/
	/* for div.header-right-block.dropdown element as mouse hover it*/
	.dropdown-block-bg-mb { 
		background: #ecececb3;
		background-color:rgba(238, 237, 233, 1);
		border: 1px solid #CCC;
		border-bottom-color: #ecececb3;
		border-bottom-color: transparent;
		z-index: 1;
	}
	
	/*control mobile dropdown-content*/
	.show_tablet_mobile .dropdown-content {
		/*top: 100%;*/
		top: calc(100% + 1px);
		z-index: 1001;
		background-color: #ecececb3;
		background-color:rgba(238, 237, 233, 1);
		height: auto;
		/*min-height: 200px;
		max-height: none;*/

	}
	.show_tablet_mobile .dropdown-menu-resp:hover .dropdown-content {
		display: none;
	}
	
	
	/*control search, globe, share, sidemenu, dropdown-content */
	.dropdown-content.search-block-mb, .dropdown-content.globe-block-mb,
	.dropdown-content.share-block-mb, .dropdown-content.menu-block-mb {
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}
	.dropdown-content.search-block-mb form{
		margin-top: 1.25rem;
	}
	.dropdown-content.search-block-mb, .dropdown-content.globe-block-mb, .dropdown-content.share-block-mb {
		padding: 5px 5% 30px 5%; /* 15px 5% 30px 5%; modify by CChun to follow dynamic page on 20180601 */
	}
	.dropdown-content.globe-block-mb p,.dropdown-content.share-block-mb p {
		margin-bottom: 1.25rem;
	}
	.dropdown-content.search-block-mb .fa.fa-search{
		color: #F37936;
	}
	.dropdown-content.search-block-mb input#lcsd_search_mb  {
		border:1px solid #F3793633;/*Modified by Cate original: border-color: #F37936;*/
		width:100%;
		height: 30px;
		padding: 2px 10px;/*Added by Cate 20171206*/
	}
	.ie .dropdown-content.search-block-mb input#lcsd_search_mb  {
		border:1px solid rgba(243, 121, 54, .5);/*Modified by Cate original: border-color: #F37936;*/
		background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	}	
	.dropdown-content.search-block-mb form {
		position: relative;
	}
	.dropdown-content.search-block-mb label.inner-search-icon-mb {
		position: absolute;
		top: 24%;
		right: 15px;
	}
	.dropdown-content.search-block-mb button.inner-search-icon-mb {
		position: absolute;
		top: 0;
		right: 0;
		height: 30px;
		width: 30px;
		border: 0;
		background: transparent;
		font-size: 16px;
	}
	/*end search section*/
	
	.dropdown-content.globe-block-mb a {
		padding: 0px;
	}
	
	.dropdown-content.globe-block-mb a.span.txt-size{
		/*Deleted by Cate 20171206 float: left;*/
		display:inline-block;
	}
	/*end globe section*/
	
	.dropdown-content.share-block-mb a.social-icon {
		/*Deleted by Cate 20171206 float: left;*/
		display:inline-block;
		padding: 0 15px 0 0;
	}
	.dropdown-content.share-block-mb a.mainNav_link-lv3 {
		padding: 6px 16px;
	}
	/*end share section*/
	
	
	.dropdown-content.menu-block-mb {
		overflow: auto;				
		position:absolute;				
	}		
	/* add to body by js */ 		
	/*.dropdown-menu-resp {	modify by CCHUN 20180419*/
	.dropdown-menu-r {	
		position:fixed;		
		width:100%;		
		height:100%;		
		overflow:hidden;		
	}
	/*.dropdown-content.menu-block-mb a.m-link-1, */
	.dropdown-content.menu-block-mb a.mainNav_link-lv2 {
		/*padding: 12px calc(5% + 8px);*/
		padding: 6px calc(5% + 8px);
	}
	.dropdown-content.menu-block-mb a.mainNav_link-lv2 {
		background-color: #efeeea;
		/*border-bottom:1px solid #dbd8d8;*/
	}
	div.mainNav_sub.dropdown-content-mb ul:first-child li:first-child a.mainNav_link-lv2 {
		/*border-top:1px solid #ccc9c9;*/
	}
	.dropdown-content.menu-block-mb a.mainNav_link-lv3{
		padding: 1px calc(5% + 50px);
		/*padding: 5px calc(5% + 50px);*/
	}
	ul.mainNav_list-lv3.show_tablet_mobile li.mainNav_item-lv3:before {
		left: calc(5% + 40px);
		top: 9px;
	}
	ul.mainNav_list-lv3.show_tablet_mobile{
		padding: 11px 0;		
		border-bottom: 1px solid #dbd8d8;
		background-color: white;
		box-shadow: 0px 2px 20px 0px #CCC inset;
		-webkit-box-shadow: 0px 2px 20px 0px #CCC inset;
		-moz-box-shadow: 0px 2px 20px 0px #CCC inset;	
	}
	.mainNav_list-lv2, .mainNav_list-lv3 {
		display: none;
	}
	.mainNav_list-lv4 li.mainNav_item-lv4{
		margin-left: calc(5% + 60px);
	}
	/* for js*/				
	.menu-item-mb .menuItem-default-color {		
		color:#676767; /*color: rgb(123, 123, 123);*/		
		font-weight: 700;		
	}
	.orange_imporant {
		color: #F37936 !important;
	}
	.orange_bold_important {
		color: #F37936 !important;
		text-shadow: 2px 2px #Fff;
		font-weight: 700 !important;
	}
	.header-right.show_tablet_mobile .orange_bold_important {text-shadow:none;}/*Added by CChun to follow dynamic page on 20180601*/
	.orange {
		color: #F37936;
	}
	.orange_bold{
		color: #F37936;
		font-weight: 700;
		text-shadow: 2px 2px #Fff; /*Added by CChun to follow dynamic page on 20180601*/
	}
	.menu-item-mb .m-link-1 {		
		font-size: 1.0rem;
		padding-left: 5%;
		padding-right: 5%;
		
	}
	/*Add the code for fixing the issue of font change(mobile menu size) 20180412*/
	.size_m .menu-item-mb .m-link-1 {		
		font-size: 1.25rem
	}
	.size_l .menu-item-mb .m-link-1 {		
		font-size: 1.5rem
	}
	.menu-item-mb .mainNav_link-lv2 {		
		font-size: 0.9rem;		
	}
	.size_m  .menu-item-mb .mainNav_link-lv2{
		font-size: 1.125rem;
	}
	.size_l  .menu-item-mb .mainNav_link-lv2{
		font-size: 1.25rem;
	}
	/*END*/
	.dropdown-content.menu-block-mb li.menu-item-1-mb,
	.dropdown-content.menu-block-mb li.mainNav_item-lv2
	{
		position: relative;
	}
	.dropdown-content.menu-block-mb span.btn-dropdown-mb-block{
		position: absolute;
		top: 0;
		right: 40px;
		width: 40px;
		height: 40px;
		text-align:center;
		line-height: 40px;
	}
	
	/*.dropdown-content.menu-block-mb li.mainNav_item-lv2 span.btn-dropdown-mb-block {
		right: 30px;
	}*/
	.dropdown-content.menu-block-mb .icon-arrow-right{
		content:'';
		display:block;
		border:4px solid black;
		border-color: transparent transparent transparent black;
	}
	.dropdown-content.menu-block-mb .icon-arrow-right.active {
		border-color: black transparent transparent transparent;
	}
	li.menu-item-1-mb .icon-arrow-right {
		position: absolute;
		top: 15px;
		right: calc(10% + 5px);
	}
	
	
	
	/* have to fix the below code*/
	.menu.hidden_tablet_mobile,.header-right.hidden-xs.hidden_tablet_mobile,.hidden-xs.hidden_tablet_mobile,.hidden_tablet_mobile{
		display: none !important;
	}
	.show_tablet_mobile { 
		display: block !important;
		/*margin:2px 0 5px;Added by Cate 20171206*/
	}
	.footer-link .cp,.footer-link .cp-rights{
		display:none;
	}
}

@media screen and (min-width:1171px){
	
	.query-crt-desktop {
        display: block
    }
	header#header.sticky{
		box-shadow:-6px 7px 14px 1px #b5b4b491;
		-webkit-box-shadow:-6px 7px 14px 1px #b5b4b491;
		-moz-box-shadow:-6px 7px 14px 1px #b5b4b491;
		
	}
	/*header#header.sticky:after {     /*Commented by Cate 20180116*//*
		height:0;
	}*/
	.sticky{
		position: fixed;
		top: 0;
		width: 100%
	}
	
	.sticky .part_upper{
		padding:10px 10px 10px 10px;
	}
	.sticky .menu-item-1{
		padding:0 3px;
	}
	.sticky .menu-item{
		padding: 0;
	}
	.sticky .header-right.hidden_tablet_mobile .header-right-block,.sticky .header-right.hidden_tablet_mobile .blk-sep{
		display:none;
	}
	.sticky .header-right.hidden_tablet_mobile .header-right-block:nth-child(1),
	.sticky .header-right-block.dropdown-menu-resp.globe,
	.sticky .header-right-block.dropdown-menu-resp.share,
	.sticky .header-right-block.dropdown-menu-resp.globe>.ico-block>a,/*Update by CChun on 20180712*/
	.sticky .header-right-block.dropdown-menu-resp.share>.ico-block>a /*Update by CChun on 20180712*/
	{
		display:inline-block;
		color:#F37936;
		font-weight:700;
	}
	.sticky .header-right-block.dropdown-menu-resp.globe .orange_bold , .sticky .header-right-block.dropdown-menu-resp.share .orange_bold{
		/*color:#d33200;/*updated by CChun on 20180530 to follow dynamic setting*/
		color:#F37936;
	}
	.sticky .header-right-block.dropdown-menu-resp.globe,
	.sticky .header-right-block.dropdown-menu-resp.share{
		font-size: 1.1rem;

	}
	.sticky_global .ico-block.active, .sticky_share .ico-block.active{
		position: relative;
	}
	.sticky_global .ico-block.active::after, .sticky_share .ico-block.active::after {
		content: '';
		display: block;
		width: 0;
		border: 4px solid #F37936;
		border-color: #F37936 transparent transparent transparent;
		position: absolute;
		top: 20px;
		left: 30%;
	}
	.sticky .show_tablet_mobile{
		display:none;
	}
	
	.sticky .logos{
		width:42%; /*width:32%;*/
	}
	.sticky .sticky_part_lower{
		display:inline-block;
		width:53%;/*20180420*//*width:66%;/*When 5 items please replace the width and margin with the following css : width:60%; margin: 0 0 -24px 0;*/
		margin: 0 0 -24px -50px;
	}
	.style_page .sticky .sticky_part_lower {
		vertical-align: middle;	
	}
	.style_page.sitemap .sticky .sticky_part_lower {
		vertical-align: top;	
	}	
	.style_page .header-search-btn.js-header-search-btn  {
		color: rgb(0, 0, 0);
		margin-top: -4px;	
	}
	.ie .header-search-btn.js-header-search-btn  {
		color: rgb(0, 0, 0);
		margin-top: -2px;	
	}	
	/*fix the header issue brought by lib*/

	.sticky .menu li.menu-item-1.dropdown-menu-resp{
		padding-bottom:40px;
	}
	.sticky .menu{
		margin:0;
	}
	.style_page .sticky .menu {
		padding: 27px 0 0 0;	
	}
	.sticky .header-right{
		padding:27px 0 0 0;/*padding: 12px 0 0 0;/*Amended by Cate 20180116 padding: 16px 0 0 0; /* Amended by Cate 20180110 padding: 25px 0 0 0;*/
	}
	.sticky_part_lower{
		display: inline-block;
	}
	.sticky_part_lower .dropdown-content {
		top: calc(100% - 3px);
	}
	 #header.sticky.search-dropdown-flag{
		 position: fixed;
	 }
	 .sticky_global .dropdown-content.globe-block-mb.show_block, .sticky_share .dropdown-content.share-block-mb.show_block{
		box-shadow:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
	 }
	 
	.size_l .sticky .menu li.menu-item-1.dropdown-menu-resp{
		max-width:169px;		
	}
	.sticky_share a.share-block-mb{
		padding:12px 16px;
	}
	.sticky_share .social-icon_container a{
		margin: 12px 15px !important;/*padding:12px 16px !important;*/
	}/*
	.sticky .hidden_tablet_mobile .mainNav_sub.dropdown-content {
		padding:  50px 0 30px;
	}*/
	.sticky .ico-search, .sticky .ico-globe, .sticky .ico-share , .sticky .ico-phone{
		font-size: 1.2rem;
	}
}
@media screen and (min-width:1280px){
	
	.sticky .menu-item-1{
		padding:0 5px;
	}
}
@media screen and (min-width:1360px){
	.sticky .part_upper{
		padding:10px 50px 10px 30px;
	}
	
}
@media screen and (min-width: 750px) and (max-width: 1170px) {
    .query-crt-tablet {
        display: block
    }
}
@media screen and (max-width: 750px) {
	.query-crt-mobile {
        display: block
    }
	/*Commented by CChun on 20180723*/
	/*#header {
		height:50px;
	}*/
	
	.logos {/*Update by CChun on 20180723*/
		padding: 0;
		margin: 6px 0 0px 0;
	}
	.lcsd_logo_x1 {/*Update by CChun on 20180723*/
		/*max-width: 220px;
		min-width: 210px;*/
		height: 52px;
		
	}
	.header-right-block.dropdown-menu-resp .ico-block {/*Update by CChun on 20180723*/
		width: 25px;
		height: 62px;
		/*line-height: 49px;*/
		/*padding: 53% 0;*/  /*Added by CChun to follow dynamic style on 20180601*/
	}
	.style_page .header-right-block.dropdown-menu-resp .ico-block{height: 58px;padding:45% 0}/*fix the header issue brought by lib*/
	@-moz-document url-prefix() {
	  .header-right-block.dropdown-menu-resp .ico-block{
		height: 62.75px;
	  }
	}
	
	/*Update by CChun on 20180723*/
	/*
	.header-right.show_tablet_mobile {/*add20180508*
		width: 40%;
		text-align: right;
	}*/
	
	.header-right-block.dropdown-menu-resp .ico-block,.ico-search , .ico-phone{	/*modify:20180508*//*Update by CChun on 20180723*/
		font-size: 18px;
	}
	/*add:20180508*/
	.header-right .header-right-block {
		padding: 0!important; 
	}
	.dropdown-content.menu-block-mb,.dropdown-content.search-block-mb, .dropdown-content.globe-block-mb, .dropdown-content.share-block-mb {
		text-align: left;
	}
	.container_resp {
		padding: 0 10px!important;
	}
	/*add:20180508*/
	
	.notice-header .spec_content p {
		margin: 0 0 0.5em 0; 
	}/*added by CChun on 20180723*/
	
	.social-instagram:before, .ie .social-instagram, .social-facebook-main:before, .ie .social-facebook-main{
		width:18px;
		height:18px;
	}
	
}

@media screen and (max-width: 520px) {/*@media screen and (max-width: 480px) {*/
	/*.ico-phone {
		font-size: 0.9rem;	
	}
	/*header*
	.notice-header {
		padding: 2px 3px 2px 3px;
		/*height: 25px;*
	}
	.notice-header .spec_content p {
		margin: 0;
	}
	.notice-header .spec_content {
		width: 95%;
	}
	#header {
		padding: 0 0 0 1%;
		height: 35px;
		width: 100%;
	}
	.logos {
		height: 35px;
		width: 50%;
		padding: 4px 0;
	}
	.lcsd_logo_x1 {
		min-width: 205px;
	}
	.header-right-block.dropdown-menu-resp .ico-block {
		width: 30px;
		height: 33px; /*24px 20180420*/
		/*line-height: 34px;*
		padding: 23% 0;
		font-size: 0.9rem;
	}
	.ico-search, .header-right-block.dropdown-menu-resp .ico-block em.fa {
		font-size: 0.9rem;
	}*/
	/*
	.dropdown-content.menu-block-mb a.m-link-1{
		padding: 12px 10% 12px 15px;
	} 
	.dropdown-content.menu-block-mb a.mainNav_link-lv2 {
		padding: 12px 10% 12px 25px;
	}
	.dropdown-content.menu-block-mb a.mainNav_link-lv3 {
		padding: 5px 65px;
	}
	ul.mainNav_list-lv3.show_tablet_mobile li.mainNav_item-lv3:before {
		left: 55px;
	}
	.dropdown-content.menu-block-mb a.mainNav_link-lv2 .fa{
		font-size: 0.85rem;
	}
	.dropdown-content.menu-block-mb span.btn-dropdown-mb-block {
		right: 0;
	}*/
	
	
	
}/*special case for mobile with = 320*/
/* comment below code: 20180420
@media screen and (max-width: 359px) {
	.lcsd_logo_x1 {
		min-width: 200px;
	}
	.header-right-block.dropdown-menu-resp .ico-block {
		width: 22px;
	}
	
}

@media screen and (max-width: 280px) {
	.logos {
		width: 10%;
	}
}*/
/*@media screen and (max-width: 425px) {
	#header {
		height: 78.5px;
	}
	@-moz-document url-prefix() { 
		#header {
			height: 79px;
		}
	}
	.lcsd_logo_x1 {
		min-width: 285px;
	}
	/*.header-right.show_tablet_mobile {
		margin-left: 30px;
	}*
	.style_page .logos {
		margin: 0 0 10px;
	} /*fix the header issue brought by lib*
}*
@media screen and (max-width: 319px) {
	#header {
		height: 69.5px
	}
	.lcsd_logo_x1 {
		max-width: 220px;
		min-width: 220px;
	}
	.style_page .logos {
		margin: 0 0 2px;
	} /*fix the header issue brought by lib*
}*/
/*when mobile header menu ico-block is 4 items, need to set max-width: 400px; when is 5 items, need to max-width: 450px*/
@media screen and (max-width: 400px) {/*added by CChun on 20180723*/

	.lcsd_logo_x1 {
		height: 42px;
		
	}
	.header-right-block.dropdown-menu-resp .ico-block {
		height: 52px;
		width: 20px;
		/* padding: 42% 0; */
	}
	.style_page .logos {margin:7px 0 5px 0}
	.style_page .header-right-block.dropdown-menu-resp .ico-block{height: 54px;padding:43% 0}/*fix the header issue brought by lib*/
	@-moz-document url-prefix() {
	  .header-right-block.dropdown-menu-resp .ico-block{
		height: 52.7px;
	  }
	}
}
@media screen and (max-width: 319px) {/*added by CChun on 20180723*/
	.lcsd_logo_x1 {
		height: 45px;	
	}
	.logos {
		margin: 9px 0 0 0;
	}
	.header-right.show_tablet_mobile{
		width: 150px;
	}
	#header {
		height: 103px;	
		min-width: 260px;
	}
	.container_resp, .contact_us .cnt_content_block, .thumbTitle_block_resp, .form-detail .inner-container{min-width: 240px;}
	footer, .idx-banner, .notice-header {min-width: 260px;}
	html,.wrapper{
		overflow-x: auto;
	}
	.header-right-block.dropdown-menu-resp .ico-block {
		height: 44px;
		padding: 33% 0;
	}
	.style_page .header-right-block.dropdown-menu-resp .ico-block{height: 45px;padding:35% 0}/*fix the header issue brought by lib*/
	@-moz-document url-prefix() {
	  .header-right-block.dropdown-menu-resp .ico-block{
		height: 43px;
	  }
	}
}

/* for js*/
.show_block {
	display: block !important;
}


.idx-banner{
	/*height:800px; should not be fixed lateron need to change*/
	/*background:url('../images/index_bg.jpg') top center #fcfbff no-repeat; /*background: rebeccapurple;/*Add by CChun for testing*/
}


footer{
	background:url(../images/footer_bn.png) top center transparent no-repeat;
	position:relative;
	bottom:0;
	z-index:90;
	/*background-size:145% 260%;*/
	max-width:100%;
	max-height:100%;
	overflow:hidden;
	margin-top: 20px;
}
footer:before{
	position:absolute;
	top:0;
	content:" ";
	background-image:url(../images/footer_top.png);
	z-index:99;
	height:162px;/*Update by CChun on 20180620*/
	width:100%;
	background-size: 100% 100%;
	image-rendering: pixelated;
}
footer .container_resp{
	margin: 150px auto;
}
footer:after{
	position:absolute;
	top:145px;
	left:150px;
	content:" ";
	width:100%;
	height:100%;
	background-image:url(../images/lcsd_footer.png);
	/*opacity: 0.3;
	filter: alpha(opacity=30);*/
	z-index:-1;
	background-repeat:no-repeat;
}
footer .container_resp{
	z-index:100;
}
.ft-title{
	line-height:1.125rem;
	font-size: 1rem;
	text-transform:uppercase;
	font-weight:600;
	margin-bottom: 1.5rem;
}
.ft-mobile-app{
	max-width:100%;
}

.ft-mobile-items a:first-child{
	margin-right: 4.67px; /*5px modify by CChun on 20180921*/
	margin-left:0;
}
.ft-mobile-items a{
	margin: 0 7px; /*5px modify by CChun on 20180921*/
	display:inline-block;
}

.ft-mobile-app, .ft-subsribes-links{
	display: inline-block;
}
.ft-subsribes-links{
	float:right;
	margin:4% 0 0 0;
}
.ft-rt-links{
	display: inline-block;
}
.ft-rt-links img{
	width:115px;
	height:40px;
}

/* Slider from Slick Library*/
/*slick-theme.css*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '璽??;
}
[dir='rtl'] .slick-prev:before
{
    content: '璽?€?;
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '璽?€?;
}
[dir='rtl'] .slick-next:before
{
    content: '璽??;
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    /*color: transparent;*/
	color:black;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '璽?玲?;
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/*slick.css*/
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    /*height: 100%;*/
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* End of Slider from Slick Library*/

/*Slider Custom CSS*/
.ft-related-links .slick-list{
	/*margin: 15px 45px;*/
	margin: 15px 2%;
}
.ft-rt-links{
	margin: 0 5px;
}
.slick-arrow{
	position:absolute;
}
.ft-related-links .btn-prev{
	background:transparent;
	border:0;
	top:10px;
	font-size:0;
}
.ft-related-links .btn-next{
	background:transparent;
	border:0;
	right:0;
	top:10px;
	font-size:0;
}
 .slick-arrow:before{
	font-weight:900;
	font-size:1rem;
}


.footer-link{
	margin:30px 0;
}
.footer-link *{
	display:inline-block;	
}
.ft-mobile-app p:last-child { /*Added by CChun on 20180921*/
    margin: 0;
    font-size: 0;
}
.footer-link p,.ft-state a,.ft-state .blk-sep{
	font-size: 11px; /*0.6875rem; update by CChun to follow dynamic page on 20180601*/
}
.ft-copy{
	float:left;
}
.ft-imt-links{
	float:right;
}
.footer-link p {
	margin: 0 0 10px;/*Added by CChun to follow dynamic page on 20180601 */
}
.ft-copy p,.lastUpdate-container{
	display:block;
	line-height: 15.5px;/*Added by CChun to follow dynamic page on 20180601 */
	
}
.cert_container .access{
	display:none;
}
.ft-imt-links .blk-sep{
	color:#655a5a;
}
.ft-state{
	margin: 0 10px;
	text-align:right;
	vertical-align: top;/*Added by CChun to follow dynamic page on 20180601 */
}
.ft-state a{
	text-decoration:none;
	color:#000;
	line-height: 15.5px;/*Added by CChun to follow dynamic page on 20180601 */
	 margin-bottom: 3.5px; /*Added by CChun to follow dynamic page on 20180921 */
}
.ft-state a:hover{
	text-decoration:underline;
}
.cert_container a{
	margin: 0 8px;
}
.cert_container img{
		max-width:80px;
}
/*.ft-mobile-app a img{
	width:53px;
}*/

.ft-mobile-items a img{
	max-width:52px;
}

@media screen and (max-width: 1170px) {

	.ft-subsribes-links,.ft-related-links{
		display:none;
	}
	.ft-imt-links{
		float:none;
		width:100%;
	}
	.ft-state{
		margin: 10px 0;
		text-align:left;
		float:left;
	}
	.footer-link{
		margin:5px 0 0;
	}
	.cert_container{
		float:right;
	}
	.ft-state a {/*Added by CChun to follow dynamic page on 20180601 */
		line-height: 19px;
	}
	
}
@media screen and (max-width: 750px){
	footer:before{
		background-image:url(../images/footer_top_mobile.png);
		
	}
	footer:after{
		top:35%;
		left:5%;
		background-size: 75% 75%;
	}
	.cert_container img{
		max-width:80px;
	}


}
@media screen and (max-width: 400px){

	footer:after{
		background-size: 90% 40%;
	}

}

@media screen and (max-width: 636px){
	.ft-state{
		width:100%;
	}
	.cert_container{
		float:left;
	}
	.cert_container a:nth-child(1){
		margin:0 8px 0 0;
	}
}

.bk2TopBtn span{
	font-size: 0;
	color:#fff;
}
.bk2TopBtn {
	text-decoration: none;
	width:36px;
	height:36px;
	text-indent: -9999px;
	font-size: 1.1rem;
	background:url('../images/arrow-up.png') center center no-repeat #d33200;
}
.bk2TopBtn:hover,.bj2TopBtn:focus{
	background-color:#882000;
}
.bk2Top_container{
	float:right;
	width:36px;
	height:36px;
	position:relative;
}
.mainNav_link-lv3:hover{text-decoration:underline;}
.mainNav_link-lv2-text, .mainNav_link-lv2 em {
	display: table-cell;
}
.menu-item-mb{
	padding:0;
	margin-top: 0; /*Add by CChun to follow dynamic page on 20180601*/
}
.show_tablet_mobile ul{padding:0;}

.header-right.hidden_tablet_mobile a{
	margin: 0 1px; /*0 2px; Update by CChun on 20180924*//*Amended by Cate 20180116 for ie padding:0 2px;*/
}
.header-right.hidden_tablet_mobile a.social-icon {/*Update by CChun on 20180921*/
    margin: 0 3.8px;
}
.hidden_tablet_mobile .mainNav_sub.dropdown-content {
	overflow: auto;
	font-family: inherit;
}

/*index.html wait to confirm*/
.slider-banner.slick-slider button {
	z-index: 10;
	background-color:#a31002;
	border: 0;
}
.idx_top_slick_img {
	width: auto;
	height: 340px;
}
.idx-slick-container {
	position:relative;
}


/* num + gas + pre + gas + nex + gas + pau + gas = controls
   50  + 5   + 30  + 5   + 30  + 5   + 30  + 5   = 155
   50  + 3   + 20  + 3   + 20  + 3   + 20  + 3   = 124
*/

.idx-top-slider-controls {
	position: absolute;
    right: calc(50% - 585px);/*18%; right: 10%;*//*Update by CChun on 20180712*/
    bottom: 5px;
    width: 155px;
	height: 30px;
	line-height: 30px;
	top:80%;
	width:1280px;
	max-width:1280px;
	margin: 0 auto;

	
}
.idx-top-slider-controls .number {
	position: absolute;
	right: 105px;
	width: 65px;
	height: 100%;
	background: #a31002;
	color: white;
	text-align: center;
}
/*
.slider-banner.slick-slider button.slick-prev {
	content:'';
	width: 30px;
	height: 30px;
	bottom: 5px;
	right: calc(25% + 70px); 
	background:url('../images/prev_bg.png') center center no-repeat #a31002;
	background-size: 6px auto;
	top:80%;
}
.slider-banner.slick-slider button.slick-next {
	content:'';
	width: 30px;
	height: 30px;
	bottom: 5px;
	right: calc(25% + 35px); 
	background:url('../images/next_bg.png') center center no-repeat #a31002;
	background-size: 6px auto;
	top:80%;
}*/
.idx-slider-section{
	top:0;
	/*height:340px;*/
	position:relative;
}
.idx-slider-container{
	width:156%;
	max-width:2280px;
	/*position:absolute;
	top:0;*/
	left:50%;
	margin-left:-28%;
}
@media screen and (max-width: 1170px){
	.idx-slider-container{
		width:100%;
		max-width:none;
		/*position:absolute;
		top:0;*/
		left:auto;
		margin-left:0;
	}
}
.idx-slider-button {
	position: absolute;
	/*float:right;
    left: calc(100% - 30px); CCHUN 20180203 */
    width: 30px;
    height: 30px;
	content:'';
	border: 0;
	color: white;
	margin-left: 5px;
}
.idx-slider-button.slick-pause{
	right: 0px;
	background:url('../images/pause_bg.png') center center no-repeat #a31002;
	background-size: 11px;
}
.idx-slider-button.slick-play{
	right: 0;
    background:url('../images/play_bg.png') center center no-repeat #a31002;
	background-size: 6px auto;
    
}
.idx-slider-button.slick-prev{
	right: 70px;
	left: auto;
	background:url('../images/prev_bg.png') center center no-repeat #a31002;
	background-size: 9px;
}
.idx-slider-button.slick-next{
	right: 35px;
	background:url('../images/next_bg.png') center center no-repeat #a31002;
	background-size: 9px;
}
.idx-slider-button.slick-prev:before, .idx-slider-button.slick-next:before{
	content: '';
}
.thumbTitle_block_head_img{
	width:100%;
}

.slider-banner .slick-list{
	/*min-height:340px;*/
	max-width:none;
}
.idx-search{
	height:500px;
}
@media screen and (min-width: 1458px){
	.idx-slider-container{
		left:50%;
		margin-left:-26%;
	}
}
@media screen and (min-width: 1558px){
	.idx-slider-container{
		left:50%;
		margin-left:-20%;
	}
}
@media screen and (min-width: 1688px){
	/*.idx-slider-container{
		left:50%;
		margin-left:-20%;
	}*/
	.idx-slider-container{
		width:100%;
		max-width:1920px;
		/*position:absolute;
		top:0;*/
		left:auto;
		margin-left:0;
		margin:0 auto;
	}
}

@media screen and (min-width: 1300px){

	.idx-top-slider-controls {
		top:90%;
	}
	.slider-banner.slick-slider button.slick-prev{
		top:90%;
	}
	.slider-banner.slick-slider button.slick-next{
		top:90%;
	}
}
@media screen and (max-width:1170px){
	/* num + gas + pre + gas + nex + gas + pau  = controls
   50  + 3   + 20  + 3   + 20  + 3   + 20     = 121
*/
	.idx-top-slider-controls {
		bottom:6px;
		top:auto;
		right:7%;
		width: 122px;
	}
	
	/*.slider-banner.slick-slider button.slick-prev{
		bottom:6px;
		top:auto;
		right:calc(18% + 46px);
	}
	.slider-banner.slick-slider button.slick-next{
		bottom:6px;
		top:auto;
		right:calc(18% + 23px);
	}*/
	
	.idx-top-slider-controls .number{
		background:rgba(163, 16, 2, 0.56);
		font-size:0.725rem;
		padding: 0 10px;
		right: 71px;
		
	}	
	.idx-slider-button.slick-prev {
		right: 46px;
	}
	.idx-slider-button.slick-next {
		right: 23px;
	}	
	.slider-banner.slick-slider .idx-slider-button.slick-prev,.slider-banner.slick-slider .idx-slider-button.slick-next{
		height:20px;
		width: 20px;
	}
	.idx-top-slider-controls{
		height:20px;
		line-height:20px;
	}
	.idx-slider-button {
		float:right;
		width: auto;
		height: 20px;
		content:'';
		border: 0;
		color: white;
		padding:0 10px;
	}
	
}
/****************** index bottom container ********************/
.idx-bottom {
	position: relative;
}
.idx-bottom:before, .idx-bottom:after {
    content: " ";
    display: table;
	clear: both;
}
/*.idx-bottom .container {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}*/
.idx-bottom a {
	text-decoration: none;
}
.idx-bottom-left {
	width: 74%; /* 20180604 CCHUN */
	float: left;
	margin-bottom: 50px; /* 20180202 CCHUN */
	position: relative;
}

.idx-bottom-right {
	width: 25.9%; /* 20180604 CCHUN */
	float: right;
	height: auto;
	padding: 18px 0;/* 42px 0; modify by CCHUN 20180227*/
}
.idx-bottom-left .index_content_title {
    font-size: 1.25em;
    color: #272727;
    line-height: 1.3;
    /*Ameneded by Catherine margin: 0 0 0 4%;*/
    padding: 10px 0 10px 20px ; 
    background: url(../images/highlight_bg.png) left no-repeat;
    font-weight: 400;
}
.idx-bottom-left .img_box_container {
	margin: 0;
	padding: 0;
}
.calendar {
	margin-bottom: 14px;
}
.idx-bottom-left .img_box {
	padding: 0 5% 5% 0; /* 20180604 CCHUN */
}
/*.idx-bottom-left .img_box:first-child{
	margin-left: -4%;
} 20180201 CCHUN */
.idx-bottom-left .img_box_link {
	display: block;
	border-bottom: 11px solid #e3e3e3;
}
.idx-bottom-left .img_box img {
	width: 100%;
	max-width: 100%;
    height: 100%;
}
.idx-bottom-left .page_moreLink {
	/*float: right;
	margin: -3% 6% 0 0;*/
	padding: 0 30px 0 0;
    color: #fff;/*#737373;*/
    font-size: 1em;
    font-family: "Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif';
    display: inline-block;
    background: url(../images/idx-nine-more-bg.png) center right no-repeat #5f7500;
	background-size: 100% 100%;
	width: 179px;
	height: 45px;
	line-height: 45px;
	text-align: center;
    font-weight: 700;
    letter-spacing: 0.2px;
	position: absolute;
	bottom: -20px;
	right: 6%;
}
.row:before, .row:after {
	content: "";
    display: table;
    clear: both;
}
.ribbon_text { 
    height: 45px;
    padding: 5px 14px;
    display: table-cell;
    width: 1%;
    vertical-align: middle;
    color: #fff;
    line-height: 1.06667;
    font-size: 0.9375em;
    font-weight: 600;
}
.ribbon-green .ribbon_text {
    background-color: #5f7500;
}
.ribbon-blue .ribbon_text {
    background-color: #408082;
}
.ribbon-red .ribbon_text {
    background-color: #932200;
}

.ribbon {
    margin: 0 -9px 0 -5px;
    position: relative;
	max-height: 45px;
	 
}
.idx-readmore-dot {
	position: absolute;
	right: 2px;
	bottom: 1px;
	color: #fff;
	z-index: 51;
}
/*.idx-bottom-left a:hover .ribbon{
	margin: 0 -15px 0 -15px;	
}
.idx-bottom-left a:hover .ribbon_text {
	height: calc(60px + 11px);
}
.idx-bottom-left a:hover .ribbon:after {
	border-width: 14px 0 0 15px;
}
.idx-bottom-left article a:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);	
}*/

.ribbon:after {
    content: ' ';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 0 9px;
    border-color: transparent transparent transparent #526403;
    right: 0;
    bottom: 100%;
}
.ribbon-green:after {
    border-color: transparent transparent transparent #526403;
}
.ribbon-blue:after {
    border-color: transparent transparent transparent #2f6b6e;
}
.ribbon-red:after {
    border-color: transparent transparent transparent #661600;
}
.imgRibbon_imgWrapper {
	position: relative;
	height:160px;	
}
.imgRibbon_imgWrapper:after {
    position: absolute;
    bottom: 0;
    left: 0;
	content: " ";
    width: 100%;
    height: 6px;
	background: url(../images/imgRibbon_imgWrapper_bg.png);
	/*background: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%),linear-gradient(45deg, #eee 25%, white 25%, white 75%, #eee 75%, #eee 100%);
*/}
.imgRibbon_imgWrapper img {
	margin-bottom: -4px;/*fill the gas*/
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
[class*="col-"] {
    float: left;

}
.idx-bottom-left .img_box_container_mb {
	display: none;
}

@media screen and (max-width: 1170px) {
	.col-m1 {width: 8.33%;}
	.col-m2 {width: 16.66%;}
	.col-m3 {width: 25%;}
	.col-m4 {width: 33.33%;}
	.col-m5 {width: 41.66%;}
	.col-m6 {width: 49%;}
	.col-m7 {width: 58.33%;}
	.col-m8 {width: 66.66%;}
	.col-m9 {width: 75%;}
	.col-m10 {width: 83.33%;}
	.col-m11 {width: 91.66%;}
	.col-m12 {width: 100%;}
	.idx-bottom-left {
		width: 100%;
	}
	.idx-bottom-right {
		width: 100%;
	}
	.idx-bottom-left .img_box {
		padding: 0 2% 4% 2%;        
        display:inline-block; /*Lego 20190401*/
	}.idx-bottom-left .index_content_title {
		margin-left: 2%;
	}
	.idx-bottom-left .page_moreLink {
		margin: 0;
		right: 2%;
		bottom: -20px;
	}
}
@media screen and (max-width: 750px) {
	.col-s1 {width: 8.33%;}
	.col-s2 {width: 16.66%;}
	.col-s3 {width: 25%;}
	.col-s4 {width: 33.33%;}
	.col-s5 {width: 41.66%;}
	.col-s6 {width: 50%;}
	.col-s7 {width: 58.33%;}
	.col-s8 {width: 66.66%;}
	.col-s9 {width: 75%;}
	.col-s10 {width: 83.33%;}
	.col-s11 {width: 91.66%;}
	.col-s12 {width: 100%;}
	.idx-bottom-left {
		width: 100%;
		clear: both;
		margin-top: 20px;
		/*background: url('../../images/index/idx-cover-mobile.png') repeat;*/
		padding-bottom: 60px;
	}
	.idx-bottom-left .index_content_title {
		display: inline-block;
	}
	.idx-bottom-left .page_moreLink {
		bottom: 15px;
	}
	/*.idx-bottom-left .page_footer {
		display: inline-block;
		width: calc(100% - 180px);
		line-height: 1.3;
		
	}
	
	.idx-bottom-left .img_box {
		margin: 0;
		padding: 0;
	}
	.idx-bottom-left .img_box a {
		border: 0;
	}
	.idx-bottom-left .imgRibbon_imgWrapper{
		width: 155px;
		height: 103px;
		float: left;
		margin: 0;
	}
	.idx-bottom-left .imgRibbon_imgWrapper:after {
		display: none;
	}
	
	.idx-bottom-left .ribbon {
		margin: 0;
	}
	.idx-bottom-left .ribbon .ribbon_text{
		color: #fff;
		font-weight: 400;
		height: 103px;
		width: calc(100%-155px);
		display: table-cell;
		vertical-align: middle;
		font-size: 0.875em;
		padding: 10px;
		margin: 0;
		
	}
	.ribbon {
		overflow: hidden;
		vertical-align: middle;
	}
	.idx-bottom-left .img_box_container_mb .slick-prev {
		position: absolute;
		top: calc(50% - 10px);
		left: 0;
		z-index: 20;
		content: " ";
		width: 20px;
		height: 20px;
		background: url(../images/arrow_prev_bg.png) 6px center no-repeat;
		background-size: 5px 10px;
		background-color: rgba(255, 255, 255, 0.9);
		border: 0;
	}
	
	.idx-bottom-left .img_box_container_mb .slick-next {
		position: absolute;
		top: calc(50% - 10px);
		right: 0;
		z-index: 20;
		content: " ";
		width: 20px;
		height: 20px;
		background: url(../images/arrow_next_bg.png) 6px center no-repeat;
		background-size: 5px 10px;
		background-color: rgba(255, 255, 255, 0.9);
		border: 0;
	
	.idx-bottom-left .page_moreLink {
		color: #737373;
		font-size: 0.75em;
		font-family: "Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif';
		line-height: 1;
		display: inline-block;
		padding: 0 20px 0 0;
		background-size: 14px auto;
		font-weight: 700;
		letter-spacing: 0.2px;
	}
	*/
	/*
	.js-mobile .idx-bottom-left .img_box_container {
		display: none;
	}
	.idx-bottom-left .img_box_container_mb {
		display: block;
		float: right;
	} CCHUN 20180207 */
}
@media screen and (max-width: 450px) { 
	.col-xs1 {width: 8.33%;}
	.col-xs2 {width: 16.66%;}
	.col-xs3 {width: 25%;}
	.col-xs4 {width: 33.33%;}
	.col-xs5 {width: 41.66%;}
	.col-xs6 {width: 50%;}
	.col-xs7 {width: 58.33%;}
	.col-xs8 {width: 66.66%;}
	.col-xs9 {width: 75%;}
	.col-xs10 {width: 83.33%;}
	.col-xs11 {width: 91.66%;}
	.col-xs12 {width: 100%;}
}
/****************** index bottom container ********************/

/******************* innerPage:mainContent*******************************/
.wrapper{
	background: url(../images/index_bg.jpg) top center no-repeat #fcfbff;/*background: url(../images/index_bg.jpg) top center no-repeat #fcfbff;/*comment by CChun 20180119 inner_bg.jpg*/
	background-size: 100% 100%;
	
}
/*
.mainContent {
	min-height: 1500px;	
}
.mainContent .innerPage{
	width: 100%;
	margin: 0;
}*/
/*
.breadcrumb { padding: 0; margin: 15px 0 17px; }
.breadcrumb li { font-size: 14px; font-family: "Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif'; display: inline; list-style: none; padding: 0; color: #828283; }
.tc .breadcrumb li, .sc .breadcrumb li { font-family: "Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif'; } 
.breadcrumb li:before { content: ">"; margin: 5px; }
.breadcrumb li:first-child:before { content: " "; margin: 0; }
.breadcrumb a { color: inherit; }
.breadcrumb a:hover, .breadcrumb a:focus { color: #111; }*/

.mainContent:before, .mainContent:after, .richText:before, .richText:after{
    content: " ";
    display: table;
	clear: both;
}
.richText {
	line-height: 1.35714;
    font-family: "Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif';
}
.tc .richText, .sc .richText {font-family: "Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif';/* font-family: '疆?冕岑朝冕竹衛怏徉€?, '癟織簞疆?鬚矇竄?HKSCS', 'Microsoft Yahei', '疇職簧癡翻簪矇?算€污怏領€?, '疇?鬚疆?€￣岑領€怏領€?, 'sans-serif';*/ }
h1, h3, h4, h5, h6 {
    font-family: "Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif';	
}
h2 {
    font-family: "Times New Roman", "Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif';
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    margin: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
.richText  h1 a, .richText h2 a, .richText h3 a, .richText h4 a, .richText h5 a, .richText h6 a {
    color: inherit;
}
h1 {
    font-size: 1.875em;
    letter-spacing: -1px;
    color: #d3410e;
    margin-bottom: 6px;
    font-weight: 400;
}
h2 {
    font-style: italic;
    font-size: 1.25em;
    color: #398405;
    margin-bottom: 9px;
	font-weight: 600;
}
h3 {
    font-size: 1.125em;/*18.018px;*/
    color: #4e4e4e;
    font-weight: 400;
    margin-bottom: 7px;
}
h4 {
    font-size: 1.125em;
    font-weight: 400;
    color: #398405;
    margin-bottom: 9px;
}
h5 {
    font-size: 1em;
    font-weight: 400;
    color: #d3410e;
    margin-bottom: 7px;
}
h6 {
    font-size: 0.875em;
    color: #4e4e4e;
    font-weight: 600;
}
.sc h1, .tc h1, .sc h3, .tc h3, .sc h4, .tc h4, .sc h5, .tc h5, .sc h6, .tc h6 { font-weight: 700; }
p {
    margin: 0 0 1.5em;
   /*font-size: 1em;*/
}
p a { color: inherit; }
ol a, ul a { color: inherit; }
hr { 	
	margin: 1em 0; 
	border: 0; 
	border-top: 1px solid #cfcfcf; 
}
dl { 
	/*font-size: 0.875em;*/
	line-height: 1.2;
	margin: 0 0 1.125em; 
}
dl dt {
	font-weight: 600; 
	font-family: "Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif';
	color: #4e4e4e; 
}
.sc dl dt, .tc dl dt { font-weight: 700; }
dl dd { 
	margin-left: 0; 
}
a {
    text-decoration: none;
    background: transparent;
}
.richText a {
    text-decoration: underline;
   /* color: #0072ca;*/
   color:#0762a8;
}
.richText a:hover {
    text-decoration: none;
}


.richText ol, .richText ul { font-size: 1em; margin: 0 0 1.5em 0; } /* Common style */
.richText ol *, .richText ul * { margin-bottom: 0; }
.richText ol li, .richText ul li { font-size: 1em; }
.richText ol li p, .richText ol li ul, .richText ol li ol, .richText ul li p, .richText ul li ul, .richText ul li ol { font-size: 1em; }
.richText ol h1, .richText ul h1 { font-size: 2.14286; }
.richText ol h2, .richText ul h2 { font-size: 1.42857; }
.richText ol h3, .richText ul h3 { font-size: 1.28571; }
.richText ol h4, .richText ul h4 { font-size: 1.28571; }
.richText ol h5, .richText ul h5 { font-size: 1.14286; }
.richText ol h6, .richText ul h6 { font-size: 1; }
.richText ol p, .richText ul p { font-size: 1; }
.richText ol dl, .richText ul dl { font-size: 1; }
.richText ol { padding-left: 1.5em; list-style: decimal outside none; }
.richText ul { list-style: none; padding-left: 0; }
.richText ul ul { padding-left: 5px; }
.richText ul>li { position: relative; padding-left: 13px; }
.richText ul>li:before { position: absolute; top: 0; left: 0; content: '\25cf'; color: #666666; font-family: "Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif';}
.richText ul>li>ul>li:before { content: '\25cb'; font-family: "Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif';}
.richText ul>li>ul>li { padding-left: 15px; }
.richText ul>li>ul>li>ul>li:before { content: '-'; }

/*table:responsive*/
.table-responsive{
	overflow-x:auto;
}
table {
	width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1.4em;
    background-color: transparent;
}
table th, table td {
    text-align: left;
    line-height: 1.35714;
	/*border: 1px solid #dddde0;*/
    border-left: 1px solid #dddde0;
    border-bottom: 1px solid #dddde0;
}
table th {
	font-family: "Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif';
    background: #e9f0e5; /*Update by CChun on 20180710 to follow current site code*/
    color: #4e4e4e; /*Update by CChun on 20180710 to follow current site code*/
    font-size: 1.1em;
    line-height: 1;
    font-weight: 400;
    padding: 10px 22px 9px 22px;
}
.style_page table th {
    padding: 20px 22px 17px 22px;
}
table tbody th { border-bottom-color: #dfdfdf; background-color: #cbe9ce; text-align: center;}
.sc table th, .tc table th {
    font-weight: 700;
}
table td {
	padding: 10px 22px;
	font-size: 1em;
}

table th:first-child, table td:first-child {
    border-left: 0;
}
table tbody > tr:nth-child(odd)>td {
    /*background-color: #fff;/*transparent;*/
	background-color: #f9f9f9;
}
table tbody > tr:nth-child(even)>td {
    background: #eff0f2;
}
table thead th p, table thead th ul, table thead th ol, table tbody td p, table tbody td ul, table tbody td ol { font-size: 1em; } 
table thead th h1, table tbody td h1 { font-size: 2.14286; }
table thead th h2, table tbody td h2 { font-size: 1.42857; }
table thead th h3, table tbody td h3 { font-size: 1.28571; }
table thead th h4, table tbody td h4 { font-size: 1.28571; }
table thead th h5, table tbody td h5 { font-size: 1.14286; }
table thead th h6, table tbody td h6 { font-size: 1; }
table thead th p,  table tbody td p  { font-size: 1; }
table thead th dl, table tbody td dl { font-size: 1; }


/******************* mainContent*******************************/
.data-table table th, .data-table table td{
	vertical-align: top;
}
.data-table table th:first-child, .data-table table td:first-child{
	width: 20%;
}
/*table:rearranging*/
@media screen and (max-width: 1170px) {
	/*.mainContent .innerPage {
		width: 92%;
	}*comment by CChun 20180115/

	/* Force table to not be like tables anymore */
	.data-table table, 
	.data-table thead, 
	.data-table tbody, 
	.data-table th, 
	.data-table tr, 
	.data-table td { 
		display: block; 
	}
		
	/* Hide table headers (but not display: none;, for accessibility) */
	.data-table thead tr {			
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
		
	.data-table tr { border: 1px solid #ccc; }
		
	.data-table table td, .data-table table th{ 
		/* Behave  like a "row" */
		position: relative;
		text-align: left;
		width: 100%;
		border: none;
	}
	.data-table table th:first-child, .data-table table td:first-child{
		width: 100%;
	}
	.data-table table tr:nth-child(odd) td  { 
		border-bottom: 1px solid #eee; 	
	}
	.data-table table tr:nth-child(even) td  { 
		border-bottom: 1px solid #fff; 	
	}
	/*
	* Label the data
	* aria-label has no advantage, it won't be read inside a table
	* content: attr(aria-label);
	*/
	.data-table table td:before {
		content: attr(data-label);
		width: 100%; 
		display: block;
	}  
	.data-table table td.sub_title:before, .data-table table td.space:before {
		content: '';
	}  	
}
.js-mobile .data-table th, .js-mobile .data-table td {
	padding: 10px;
}



/*Quick Links Slider*/
.quicklinks_slider{
	min-height:150px; /*Need to amend later*/
	position: relative; /*Added bottom line for quicklinks by Cchun on 20180604 */
}

/*Start:Added bottom line for quicklinks by Cchun on 20180604 */
.quicklinks_slider:after{
    position: absolute;
    content: " ";
    top: calc(100% - 14px);
    width: 100%;
    background: url('../images/quicklink_line.png') top center no-repeat;
    height: 8px;
    left: 0;
}
@media screen and (max-width: 1170px) {
	.quicklinks_slider:after{
		left: 10%;
		width: 80%;
		background-size: 100% 100%;
	}
	
}
/*End bottom line for quicklinks by Cchun on 20180604 */
/*End of Quick Links*/
.index_searchBar {
	position:relative;
	background:url('../images/index_searchBar_bg.jpg') top center repeat-y #256b07;/*Added by CChun on 20180605*/
}
.index_searchBar .container_resp{/*Added by CChun on 20180605*/
	min-height:120px;
	background:url('../images/index_searchBar_bg.jpg') top center repeat-y #256b07;
	
}

.index_searchBar:before{
	position:absolute;
	top: 0; /*Added by CChun on 20180605*/
	/*left:50%;*/
	margin:1px 0 0 -62px;/*20180604 CChun *//*1px 0 0 -25%; margin: 1px 0 0 -20.5%; /*1px 0 0 -62px*/
	content: '';
	/*min-width:28%;/*min-width:429px;*/
	min-height:421px;
	background:url('../images/lcsd_ppl.png')center -21px no-repeat;     /*comment by CChun */
	width: 429px;  /*Added by CChun on 20180605*/
    height: 421px; /*Added by CChun on 20180605*/
	right: calc(50% - 585px + 217px);  /*Added by CChun on 20180605*/
	
}
/*@-moz-document url-prefix() {                                         /*css for firefox only by Cate 20180109
    .index_searchBar:before{
		background:url('../images/lcsd_ppl_firefox.png')right -21px no-repeat;
	}
}*/
.index_searchBar:after{
	position:absolute;
	top:100%;
	content: '';
	width:100%;
	/*min-width:28%;/*min-width:429px;*/
	height:27px;
	background:url('../images/lcsd_ppl_shadow.png')top center no-repeat;
	/*background:url('../images/lcsd_ppl.png')center -21px no-repeat;*/
	
}
.index_searchBar_title{
	text-transform:uppercase;
	font-size:1.1rem;
	color:#fff;
	line-height:1.2;
	/*font-weight:600;*/
	margin:7px 0 11px ;
	
}
.index_searchBar .container_resp{
	position:relative;
	padding: 10px 15px 20px; /*10px 0 20px; CChun 20180605*/
	overflow:hidden;
}

.index_searchBar_main{
	width:79%; /*20180605 Catherine increase the search bar width original : width: 72%;*/
	float:left;
}

.index_searchBar_name .input-text{
	height:34px;
	width:100%;
	position:relative;
	top:0;
	border:1px solid #afaeae;
	padding:0 10px;
	font-size:0.9375rem;
	border-radius: 5px 0 0 5px;/*20180604 Cchun update search bar */
}
.btn-ico-search{
	position:absolute;
	right:15px;
	top:10px;
	color:#CCC;
	-moz-transform: scaleX(-1);    /* Gecko */
	-o-transform: scaleX(-1);      /* Opera */
	-webkit-transform: scaleX(-1); /* Webkit */
	transform: scaleX(-1);         /* Standard */
	filter: FlipH;                 /* IE 6/7/8 */
}
.index_searchBar .btn-ico-search{
	display: none;
}
/*@-moz-document url-prefix() {                                         /*css for firefox only by Cate 20180109*/
   /* .btn-ico-search{
		top:57%;
	}
}*/
.index_searchBar_name{
	display:inline-block;
	width:90%;  /* 20180605 Catherine revise the width of the search bar  original : width:83%;  *//*20180604 Cchun update search bar */
	position: relative;
}
.input-submit-indexsearch{
	width:9%;/*20180605 Catherine revise the search btn width to wider the search bar size original : width:17%;/*20180604 Cchun update search bar*/
	height:34px;
	color:#FFF;
	background-color:#255101;
	border-color:transparent;
	font-size:0.9375rem;
	margin-left: -10px;/*20180604 Cchun update search bar */
	border-radius: 0 5px 5px 0;/*20180604 Cchun update search bar */
}
.index_searchBar_sub{
	float:left; 
	width:21%;/*20180605 Catherine reduce the hot topics width original : width:25%;*/
	margin:15px 0 0 0;/*20180605 Catherine reduce the Hot Topic width and margin original: margin:15px 0 0 27px;*/
}
.index_searchBar_sub_title{
	text-transform: uppercase;
	font-size: 0.875rem;
	line-height:1;
	margin: 0 0 3px;
	color:#fff;
	font-weight:600;
}
.index_searchBar_sub_list{
	padding:0;
	list-style:none;
}

.index_searchBar_sub_list li {/*Added by CChun 20180605*/
	position: relative;
}
.index_searchBar_sub_list li:before{
	position: absolute;
	top: 0;
	left: 0;
	content:"\f0da";
	font-family: 'FontAwesome';
	color:#FFF;
	font-size:0.875em;
	padding: 0 5px 0 0;
}
.index_searchBar_sub_list li {
	color:#fff;
	padding-left: 10px; /*Added by CChun 20180605*/
}
.idx-banner-head{

	background: #d33200;
	padding: 12px 12px 12px;
	display:none;
}
.idx-banner-head-title{
	color:#fff;
	font-family:"Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif';
	font-style:normal;
	line-height:0.88;
	text-transform: uppercase;
	font-weight:400;
	margin: 2px 0 0;
	
}
.idx-middle-quick{
	display:none;
}
@media screen and (max-width: 1170px){
	.index_searchBar{
		display:none;
	}
	.idx-banner-head{
		display: block;
	}
	.idx-middle-quick{
		display:none;
		background-color: #529e16 !important;
	}	
}
@media screen and (max-width: 1210px){
	.index_searchBar .container_resp{
		padding: 10px 0 20px 15px;
	}
}

.idx-middle-quick{
	
	background:url('../../../mobile/common/coresite/images/index-run.png') right 2vw no-repeat, url('../../../mobile/common/coresite/images/bg-mask.png') top center repeat, url('../../../mobile/common/coresite/images/index-middle.jpg') top center no-repeat;
	/*background-color: #529e16;*/
	background-size: 294px auto, 319px 454px, 100% auto; /*20180531*//*Update by CChun on 20180723*/
	background-color:#286C09;
	margin-bottom: 15px; /*Added by CChun 0n 20180726*/
	padding-bottom: 15px;/*Added by CChun 0n 20180726*/
}
.idx-middle-upper,.idx-middle-lower{
	max-height:50%;
	display:inline;
}
.middle_nav_title{
	color:#fff;
	font-size:0.9375rem;
	font-size:15px;
	font-style:normal;
	font-weight: 300;
	text-align:center;
	font-family:"Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif';
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	margin:-15px 0 0; /*Added by Catherine 20180723*/ 
}
.idx-middle-upper .middle_nav_item, .idx-middle-lower .middle_nav_item, .idx-middle-container .middle_nav_item{
	display:inline-block;
}

.middle_nav_img{
	max-width:100%;
	margin:0 auto;
	max-height:140px;/*Added by Catherine 20180723*/
}
.middle_nav_item{
	vertical-align:middle; /*Added by Catherine 20180723*/
}
.idx-middle-upper .middle_nav_img{
   padding:0 20px;	
}
.idx-middle-upper .middle_nav_item{
	width:49%;
}
.idx-middle-lower .middle_nav_item{
	width:32%;
	margin: 0 0 15px;
}
.middle_nav_img_wrapper{
	text-align:center;
}
.idx-middle-container .middle_nav_item{
	width:32%;
}
.map_container{
	width:100%;
	position: relative;
}
#map iframe{
 
        max-width: 100% ;
        max-height: 100% ;
	
}
/*Lightbox jQuery*/
html.lb-disable-scrolling {
  overflow: hidden;
  /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
  position: fixed;
  height: 100vh;
  width: 100vw;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

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

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

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

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*End of Lightbo jQuery*/
.filter_name{
	font-weight:700;
}
.gallery{
	margin: 0 0 30px 0;
	/*max-width:618px;*/  /*Comment by Catherine 20180614 for customize width*/
}
.gallery_slider_container, .gallery_nav_container {
	max-width: 618px;
	margin: auto;
}

.gallery img{
	width:100%;
}

.gallery .slick-arrow {
	position: absolute;	
	top: 40%;
	width: 20px;
	height: 23px;
	background: #f37936;
	color: #fff;
	border: 0;
	text-align: center;
	font-size: 1.25rem;
}
.gallery .slick-arrow:before {
	color: #fff;
    opacity: 1.0;
	font-size: 1.25rem;
	position: absolute;
	top: 4%;
}
.gallery .fa-angle-left:before {
	left: 27%;
}
.gallery .fa-angle-right:before {
	right: 27%;
}
.gallery .fa-angle-left {
	left: -26px;
}
.gallery .fa-angle-right {
	right: -26px;
}
/*Temp index content*/
.idx-content{
	height:800px;
	background:url('../images/index_bg.jpg') top center #fcfbff no-repeat;
}
/*End of Temp index content*/
.readmore-ribbon-text {
	position: relative;
	max-height: 45px;
	z-index: 50;
}
.tc .readmore-ribbon-text, .sc .readmore-ribbon-text {
	position: relative;
	max-height: 70px;
	z-index: 50;
}
.idx-bottom-right .index_content_img {
	width: 100%;
}
/*circle width=height=120px*/
.idx-bottom-right .widgetBox {
	position: relative;
	margin-bottom: 20px; /* 25px modify by CCHUN 20180227*/
}
.idx-bottom-right .widgetBox_txt {
	width: calc(100% - 40px);/*calc(100% - 60px); modify by CCHUN 20180227*/
	/*max-height: 50px; comment by CChun on 20180607/* min-height: 100px; modify by CCHUN 20180227*/
	height: auto;
	border: 4px solid;
	/*text-transform: uppercase;*/
	display: table;
	height: 50px;/* 100px; modify by CCHUN 20180227*/
	border-radius: 15px;
	min-height:65px;
	max-height:65px;
	/*Original code min-height:50px; max-height: 50px; Amended by Catherine 20180611 *//*min-height:50px; /*Added by CChun on 20180607*/
	/*max-height: 50px;*/
} 
.idx-bottom-right .widgetBox_txt p {
	display: table-cell;
	vertical-align: middle; 
	text-align: center;/*Added by CChun on 20180607*/
	color: #fff;
	font-size: 15px; /* CChun 20180604 font-size: 0.9375rem;*/
	/*font-family: Century Gothic,CenturyGothic,AppleGothic,'MingLIU','Arial', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑',sans-serif;*/
}
.idx-bottom-right .circle {
	position: absolute;
	top: -15px;/* -10px; modify by CCHUN 20180227*/
	width: 80px; /* 120px; modify by CCHUN 20180227*/
	height: 80px; /* 120px; modify by CCHUN 20180227*/
	border-radius:40px; /* 60px; modify by CCHUN 20180227*/
	-moz-border-radius:40px; /* Old Firefox *//* 60px; modify by CCHUN 20180227*/
	border: 3px solid #fff;/* 5px; modify by CCHUN 20180227*/
	overflow: hidden;
}
.circle img {
	width: 100%;
}
.idx-bottom-right .widgetBox:nth-child(even) .widgetBox_txt {
	float: left;/*right;*/
	padding: 0 10px 0 70px; /*CChun 20180604 0 10px 0 80px*/ /* 0 10px 0 40px; modify by CCHUN 20180227*/
	margin: 0 0 0 10px; /*CChun 20180604*/
}
.idx-bottom-right .widgetBox:nth-child(odd) .widgetBox_txt{
	float: right; /*left;*/
	text-align: right;
	padding: 0px 70px 0 10px;/*CChun 20180604 0px 80px 0 10px;*/ /* 0 40px 0 10px; modify by CCHUN 20180227*/
	margin: 0 10px 0 0; /*CChun 20180604*/
}
.idx-bottom-right .widgetBox:nth-child(even) .circle {
	left: -3px; /* 0 */
	box-shadow: -6px 5px 10px 1px #ccc;
	-moz-box-shadow: -6px 5px 10px 1px #ccc;
}
.idx-bottom-right .widgetBox:nth-child(odd) .circle {
	right: -3px; /* 0 */
	box-shadow: 6px 5px 10px 1px #ccc;
	-moz-box-shadow: 6px 5px 10px 1px #ccc;
}
.widgetBox.orange .circle {
	background: linear-gradient(to bottom, #ca3d13 50%, #932200 50%);/*linear-gradient(to bottom, #fecc17 50%, #febc10 50%);*/
}
.widgetBox.green .circle {
	background:  linear-gradient(to bottom, #51a4a7 50%, #408082 50%); /*linear-gradient(to bottom, #00a89b 50%, #019589 50%);*/
}
.widgetBox.blue .circle {
	background: linear-gradient(to bottom, #477894 50%, #30617d 50%); /*linear-gradient(to bottom, #2e75b6 50%, #1f4e79 50%);*/
}
.widgetBox.purple .circle {
	background: linear-gradient(to bottom, #83469c 50%, #643c75 50%); /*linear-gradient(to bottom, #891c8c 50%, #691e8a 50%);*/
}
.widgetBox.light-green .circle {
	background:  linear-gradient(to bottom, #769007 50%, #5f7500 50%); /*linear-gradient(to bottom, #569715 50%, #256b07 50%);*/
}
.widgetBox.orange .widgetBox_txt {
	border-color: #932200; /*#febc10;*/
	background: #932200; /*#febc10;*/
}
.widgetBox.green .widgetBox_txt {
	border-color:  #408082; /*#019589;*/
	background: #408082; /*#019589;*/
}
.widgetBox.blue .widgetBox_txt {
	border-color:  #30617d; /*#1f4e79;*/
	background: #30617d; /*#1f4e79;*/
}
.widgetBox.purple .widgetBox_txt {
	border-color: #643c75; /*#691e8a;*/
	background: #643c75; /*#691e8a;*/
}
.widgetBox.light-green .widgetBox_txt {
	border-color: #5f7500; /*#256b07;*/
	background: #5f7500; /*#256b07;*/
}
.widgetBox.orange a:hover .widgetBox_txt {
	background: #ca3d13; /*#fecc17;*/
}
.widgetBox.green a:hover .widgetBox_txt {
	background: #51a4a7; /*#00a89b;*/
}
.widgetBox.blue a:hover .widgetBox_txt {
	background: #477894; /*#2e75b6;*/
}
.widgetBox.purple a:hover .widgetBox_txt {
	background: #83469c; /*#891c8c;*/
}
.widgetBox.light-green a:hover .widgetBox_txt {
	background: #769007; /*#569715;*/
}

/*Start:Added for Right Lighlight(light color version) by CChun on 20180607*/
.idx-bottom-right .widgetBox_txt.light p, .idx-bottom-right .line .widgetBox_txt p {
	color: #000;	
}

.widgetBox.orange .widgetBox_txt.light {
	border-color:  rgb(218, 190, 194); /*#932200; /*#febc10;*/
	background: rgb(231, 202, 206);/*#932200; /*#febc10;*/
}
.widgetBox.green .widgetBox_txt.light {
	border-color:  rgb(102, 184, 187); /*#408082; /*#019589;*/
	background: rgb(107, 196, 199); /*#408082; /*#019589;*/
}
.widgetBox.blue .widgetBox_txt.light {
	border-color:  rgb(182, 214, 226);/*#30617d; /*#1f4e79;*/
	background: rgb(211,240,251);/*#30617d; #1f4e79;*/
}

.widgetBox.purple .widgetBox_txt.light {
	border-color: rgb(204,174,216); /*#643c75; /*#691e8a;*/
	background: rgb(221,190,234);/*#643c75; /*#691e8a;*/
}
.widgetBox.light-green .widgetBox_txt.light {
	border-color: rgb(160, 167, 128); /*#5f7500; /*#256b07;*/
	background: rgb(179,187,143); /*#5f7500; /*#256b07;*/
}

.widgetBox.orange.light .widgetBox_txt {
	border-color:  rgb(218, 190, 194);
}
.widgetBox.green.light .widgetBox_txt {
	border-color:  rgb(102, 184, 187);
}
.widgetBox.blue.light .widgetBox_txt {
	border-color:  rgb(182, 214, 226);
}

.widgetBox.purple.light .widgetBox_txt {
	border-color: rgb(204,174,216);
}
.widgetBox.light-green.light .widgetBox_txt {
	border-color: rgb(160, 167, 128);
}

.widgetBox.orange.no-bg.light .widgetBox_txt,
.widgetBox.purple.no-bg.light .widgetBox_txt,
.widgetBox.green.no-bg.light .widgetBox_txt,
.widgetBox.blue.no-bg.light .widgetBox_txt,
.widgetBox.light-green.no-bg.light .widgetBox_txt{
	background-color:transparent;
}

.widgetBox.orange a:hover .widgetBox_txt.light,
.widgetBox.green a:hover .widgetBox_txt.light ,
.widgetBox.blue a:hover .widgetBox_txt.light ,
.widgetBox.purple a:hover .widgetBox_txt.light,
.widgetBox.light-green a:hover .widgetBox_txt.light {
	background: #fff;
}

/*End:Added for Right Lighlight(light color version) by CChun on 20180607*/

@media screen and (max-width: 1170px) {
	/*.idx-bottom-right .widgetBox:nth-child(odd){
		margin-right: 2%;
	}*/
}
@media screen and (max-width: 750px) {}
@media screen and (max-width: 375px) {}
.quicklinksList {
	padding: 15px 0 /*15px 30px;/*Modify by CChun on 20180706 for quicklinksList section*/
}
.quicklinks_item {
	margin: 0 30px;
	max-width: 300px;
}
.quicklinks_item img {
	width:100%;/*width: 70%;*/
	margin: auto;
}
.ie .quicklinks_item img {
	image-rendering: pixelated;
}
/*
.idx-middle-prev {
	color:#fff;  
	left: 40%;
    top: 97%;
	background-color: #f37936;
	width: 40px;
    text-align: center;
}
.idx-middle-prev:before, .idx-middle-next:before {
	font-size: 2.5rem;
	font-weight: 700;
}
.idx-middle-next {
	color: #fff; 
	right: 40%;
    top: 97%;
	background-color: #f37936; 
	width: 40px;
    text-align: center;
}*/
/*Update by CChun on 20180710 */
/*.quicklinksList .idx-middle-prev:before, .quicklinksList .idx-middle-next:before {*/
.quicklink_buttons .idx-middle-prev:before, .quicklink_buttons .idx-middle-next:before {
	color: #fff;
	opacity: 1.0;
	font-size: 1.25rem;
}
/*.quicklinksList .idx-middle-prev {*/
.quicklink_buttons .idx-middle-prev {
    left: calc(50% - 80px); /*left: 43%;*/
}
/*.quicklinksList  .idx-middle-next {*/
.quicklink_buttons .idx-middle-next {
	left: calc(50% + 50px); /*right: 43%;*/
}
/*.quicklinksList .idx-middle-prev, .quicklinksList .idx-middle-next {*/
.quicklink_buttons .idx-middle-prev, .quicklink_buttons .idx-middle-next {
    top: -26px;/*top: 102%;*/
	z-index: 99;
	background: #f37936;
	width: 23px;
	height: 26px;
	border: 0;
}
.quicklinksList .slick-dots li button:before {
	color: #F37936;
}
.quicklinksList.slick-dots li.slick-active button:before {
	color: #fd5d04;
}
 
.quicklinksList_title {
	margin: 2px 10px 10px; /*margin: 15px 10px 10px;*/
	text-align: center;
	/*font-size: 1rem;*/
	color: #6a6565;
	position: relative;
	/*font-weight: 700;*/
} 

.quicklinks_item:nth-child(odd) a:hover .quicklinksList_title:after {
	border-bottom: 3px solid #5e9d18;
	content: '';
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: -10px;
	left: 0;
}
.quicklinks_item:nth-child(even) a:hover .quicklinksList_title:after {
	border-bottom: 3px solid #d33200;
	content: '';
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: -10px;
	left: 0;
}
.quicklinksList_mb {
	display: none;
}
@media screen and (max-width: 1170px) {
		/*.quicklinksList .idx-middle-prev {
			left: calc(50% - 80px);
			top: 100%;
		}
		.quicklinksList .idx-middle-next {
			right: calc(50% - 80px);
			top: 100%;
		}*/

}
  
@media screen and (max-width: 992px) {
	.quicklinks_item img {
		width: 80%;
		margin: auto;
	}
}
@media screen and (max-width: 750px) {
	.hidden-xs {
		display: none !important;
	}
	.quicklinksList_mb {
		display: block;
		width: 100%;
		background: url('../../images/index/idx-cover-bg.png') repeat;
		padding: 20px 0;
	} 
	.quicklinks_item.quicklinks_item_mb{
		max-width: none;
		display: inline-block;
		width: 20%; /*29%;*/
		margin: 0 2%; /*10%;*/	
		
	}/*
	.quicklinks_item_mb:before {
		content: '';
		width: 4px;
		height: 100px;
		position: absolute;
		bottom: -4px;
		left: -4px;
		background: #f37936;
	}
	.quicklinks_item_mb:after {
		content: '';
		width: 4px;
		height: 20px;
		position: absolute;
		bottom: -4px;
		right: -4px;
		background: #f37936;
	}*/
	.quicklinks_item.quicklinks_item_mb img {
		width: 100%;
	}
	/*Update by CChun on 20180710 */
	.quicklink_buttons{
		top: -125px;
	}
	.quicklink_buttons .idx-middle-prev {
		left: 0;
	}
	.quicklink_buttons .idx-middle-next {
		left: calc(100% - 20px);
	}
}
@media screen and (max-width: 400px) {
	.quicklinks_item {
		
		max-width: 100%;
	}
	.quicklinks_item.quicklinks_item_mb img {
		width: 80%;
		margin: auto;
	}
	.quicklinks_item.quicklinks_item_mb {
		width:45.9%;
		margin: 0 1.5%;
	}
	.idx-bottom-right .circle {
		width: 100px;
		height: 100px;
		border-radius: 50px;
	}
	.idx-bottom-right .widgetBox:nth-child(even) .circle {
		left: -12px;
	}
	.idx-bottom-right .widgetBox:nth-child(odd) .circle {
		right: -12px;
	}
	.idx-bottom-right .widgetBox_txt {
		min-height: 80px;
		width: calc(100% - 20px);
		max-height: none;
	}
	.idx-bottom-right .widgetBox:nth-child(even) .widgetBox_txt {
		padding: 0 10px 0 90px;
	}
	.idx-bottom-right .widgetBox:nth-child(odd) .widgetBox_txt {
		padding: 0 90px 0 10px;
	}
	
	
	 
}
/*.narrowed.idx-bottom-left{
	width: 65%;
}
.narrowed.idx-bottom-right{
	width: 35%;
}*/
.idx-bottom-right-block{
	/*float:left;*/
	float:none;
	display: inline-block;
	vertical-align: top;
	/*padding: 0 15px;
	margin: 0 0 15px;*/
	padding: 0 7px;
	margin: 0 0 17px;
	/*max-height: 248px;
	min-height: 248px;*/
	max-height: 132px;
	min-height: 132px;
	width: 48%; 
}
@media screen and (max-width: 1170px) and (min-width: 751px) {
	.idx-bottom-right-block{
		width: 24%; 
	}
}
.rg-blk{
	background-color: #eff6eb;/*background-color:#f3f3f3;*/
	padding:15px 0;/*padding:35px 10px;*/
	text-align:center;
	border-radius: 10px;
	min-height:132px;            /*min-height: 248px;*/
}
.rg-blk.orange{
	background-color: #d33200;
}
.rg-blk.purple{
	background-color: #643c75;
}
.rg-blk.green{
	background-color: #5f7500;
}
.rg-blk.blue{
	background-color: #408082;
}
.rg-blk.red{
	background-color: #932200;
}
.rg-blk.brown{
	/*background-color: #8d8140;*/
	background-color:#81763a;
}
@-moz-document url-prefix(){
	.idx-bottom-right-block {
       padding: 0 7px;
	   margin: 0 0 2px;
	   max-height:150px;
	   min-height:150px;/*max-height: 260px;
	   min-height: 260px;*/
	   /*font-size: 0.77rem;*/
    }
	.rg-blk{
		min-height:140px;/*min-height: 260px;*/
	}
}  

.rg-blk.orange a:hover .img-circle {
	background: #E24816; /*#fecc17;*/
}
.rg-blk.blue a:hover .img-circle {
	background: #51a4a7; /*#00a89b;*/
}
.rg-blk.red a:hover .img-circle {
	background: #d23809; /*#00a89b;*/
}
.rg-blk.purple a:hover .img-circle {
	background: #83469c; /*#891c8c;*/
}
.rg-blk.green a:hover .img-circle {
	background: #769007; /*#569715;*/
}
.rg-blk.brown a:hover .img-circle {
	background: #ab9d51; /*#569715;*/
}

.img-circle{
	height:60px;
	width:60px;
	/*height:90px;
	width:90px;*/
	border:2px solid #777;
	border-radius:100%;
	display:inline-block;
	position:relative;
	padding:1px;
	cursor:pointer;
}
.img-circle img{
	width:100%;
}
.idx-rg-link-text{
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing:antialiased;
	/*margin: 20px 0px 0px;*/
	margin:10px 0 0 ;
	/*font-family: Century Gothic,CenturyGothic,AppleGothic,'MingLIU','Arial', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑',sans-serif;
	text-transform: uppercase;*/
	color:#777;
	/*font-weight: 700;*/
}
.rg-blk a{
	text-decoration:none;
}
.rg-blk.orange .img-circle{
	border:2px solid #efdad4;
}
.rg-blk.purple .img-circle{
	border:2px solid #f0eaf3;
}
.rg-blk.green .img-circle{
	border:2px solid #f3f5ed;
}
.rg-blk.blue .img-circle{
	border:2px solid #ebf6f6;
}
.rg-blk.red .img-circle{
	border:2px solid #fbf6f4;
}
.rg-blk.brown .img-circle{
	border:2px solid #fffffd;
}

.rg-blk.orange .idx-rg-link-text,.rg-blk.purple .idx-rg-link-text,.rg-blk.green .idx-rg-link-text,
.rg-blk.blue .idx-rg-link-text,.rg-blk.red .idx-rg-link-text,.rg-blk.brown .idx-rg-link-text{
	color:#fff;
}

@media screen and (max-width: 1170px) {
	.narrowed.idx-bottom-left,.narrowed.idx-bottom-right {
		width: 100%;
	}
}
@media screen and (max-width: 450px) { 
	.idx-bottom-right-block {
		padding: 0 5px;	
	}
}

.imgRibbon_date {
    font-size: 0.8125em;
    color: #fff;
    background: #484848;
    margin: 0;
    padding: 4px 12px 2px 10px;
    line-height: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 8;
}
.sticky .menu.hidden_tablet_mobile li.menu-item-1.dropdown-menu-resp:hover a.m-link-1:after{
	display: none;
}
.sticky .menu-item-1.dropdown-menu-resp .m-link-1-block {
	position: relative;
}
.sticky .menu-item-1.dropdown-menu-resp.active .m-link-1-block:after {
	content:'';
	display:block;
    width:0;
    border:6px solid #F37936;
    border-color:#F37936 transparent transparent transparent;
    position:absolute;
    top: auto;
    left:50%;
    margin-left:-5px;
}
.menu-item-1.dropdown-menu-resp.active:after{/*.dropdown-content:before{*/
	content:'';
	width:100%;
	height:2px;
	position:absolute;
	top: calc(100% - 3px);
	left: 0;
	z-index: 1000;
	box-shadow: 0 2px 5px #888888;
	-webkit-box-shadow: 0 2px 5px #888888;
	-moz-box-shadow: 0 2px 5px #888888;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 2%, rgba(221,235,212,1) 11%, rgba(155,196,140,1) 25%, rgba(98,165,62,1) 39%, rgba(83,144,25,1) 67%, rgba(174,156,22,1) 86%, rgba(242,171,21,1) 95%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 2%,rgba(221,235,212,1) 11%,rgba(155,196,140,1) 25%,rgba(98,165,62,1) 39%,rgba(83,144,25,1) 67%,rgba(174,156,22,1) 86%,rgba(242,171,21,1) 95%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(255,255,255,1) 2%,rgba(221,235,212,1) 11%,rgba(155,196,140,1) 25%,rgba(98,165,62,1) 39%,rgba(83,144,25,1) 67%,rgba(174,156,22,1) 86%,rgba(242,171,21,1) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2ab15',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.mainNav_sub.dropdown-content {
	font-family: "Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif';
	font-size:14px;
}

.hidden_tablet {display: block;}
.show_tablet {display: none;}
@media screen and (max-width: 1170px) {
	.hidden_tablet {display: none;}
	.show_tablet {display: block;}
	.js-tablet .idx-bottom-right>.widgetBox {display: none;}
	.idx-bottom-right-tabl {
		margin-right: 1.9%;
	}
	.idx-bottom-right .idx-bottom-right-tab2 .widgetBox:nth-child(odd) .circle{
		right: calc(100% - 80px);
		box-shadow: -6px 5px 10px 1px #ccc; 
	 
	} 
	.idx-bottom-right .idx-bottom-right-tab2 .widgetBox:nth-child(even) .circle{
		left: calc(100% - 80px);
		box-shadow: 6px 5px 10px 1px #ccc;
	}
	.idx-bottom-right .idx-bottom-right-tab2 .widgetBox:nth-child(odd) .widgetBox_txt {
		float: left;
		text-align: left;
		padding: 0 10px 0 70px; /*CChun 20180604 0 10px 0 80px*/
		margin: 0 10px 0 20px;
	}
	.idx-bottom-right .idx-bottom-right-tab2 .widgetBox:nth-child(even) .widgetBox_txt {
		float: right;
		text-align: right;
		padding: 0 70px 0 10px; /*CChun 20180604 0px 80px 0 10px; */
		margin: 0 20px 0 10px;
	}
	
	/*.idx-bottom-right-tabl .widgetBox  {
		padding-right: 40px;
	}
	.idx-bottom-right-tab2 .widgetBox  {
		padding-left: 40px;
	}*/
	
}
@media screen and (max-width: 750px) {
	.hidden_tablet {display: block;}
	.show_tablet {display: none;}
}

.quicklinksList .slick-dots li button::before{
	font-size:0;
}
.quicklinksList .slick-dots li button {
	width: 9px;
	height: 9px;
	background: #ffd2c6;/*#F37936*/
	border-radius: 50%;
	margin: auto;
}
.quicklinksList .slick-dots > li.slick-active button {
	background: #fd5d04;
}


.quicklinksList .slick-dots{
	/*padding:0 60px 0 0;
	bottom: -30px;*//*Modify by CChun on 20180706 for quicklinksList section*/
	padding: 0 8px 0 0;
    bottom: -32px;
}
.wrapper.inner{
	background: url('../images/inner_bg_new.jpg') top center no-repeat #fcfbff;
}
.breadcrumb_resp{
	padding:8px 0;/*padding:0.8% 1%*//*20180727*/
	margin-bottom:20px;
	/*margin: 15px 0;/*20180727*/
	list-style:none;
	/*margin-bottom:20px;*/
	color:#777;
	font-size:0.7em;
	line-height:1.2em;
	margin:15px 0 17px;
}
.breadcrumb_resp  > li{
	display: inline; /*inline-block;*/
	color:#828283; /*#777*/
}
.breadcrumb_resp > li + li::before{
	padding: 0 5px;
	/*color: #ccc; /*#ccc;*/
	content: ">";
}
.breadcrumb_resp li:first-child::before{
	content:" ";
	margin:0;
}
.breadcrumb_resp li::before{
	content:">";
	margin:5px;
}
.breadcrumb_resp a:hover, .breadcrumb_resp a:focus
{
	color:#111;
}
.breadcrumb_resp > .active{
	color:#717171; /*#777;*/
}
.page-title-container{
	/*margin: 0 0 0 1%;*/
}
/*
.inner_content{
	position:relative;
	padding: 0;
	padding:32px 15px ;
	background:#FFF;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}
.inner_content:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 32px;
	content: " ";
	background: url(../images/inner_content_block_s.png);
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}*updated for small-content-link by CChun on 20180606**/
.small-content .inner_content {
	background-color: #f2f2f2;
	padding: 0;
}
.small-content .inner_content:before {
	display: none;
}/*updated for small-content-link by CChun on 20180606**/


.large-content .inner_content {/*Added for large-content-link by CChun on 20180606**/
	background-color: #fff;
	padding: 10px 20px 20px 20px;/*20180727*/
}

.page-title{
	margin: 10px 0 20px 0;
}
.clearfix{
	overflow: auto;
}
.page_content.large-content{
	line-height: 1.35714;
	font-family:"Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif';
	min-height: 250px;
}
/*.page_content_left{
	width:49%;
	display:inline-block;
	margin: 0 5px 0 0;
}
.page_content_right{
	width:49%;
	display:inline-block;
	float:right;
	margin: 0 0 0 5px;
}*/
.large-content{
	/*padding: 0 1%;*/
}
.link_block_img{
	width:100%;
	vertical-align:middle;
}
.link_block{
	margin: 0 0 15px;
}
.link_block_title{
	color:#4e4e4e;
	font-weight: 400;
	font-size:1.125rem;
	line-height:1;
	padding:14px 15px;
	background: #f1efed;
	margin: 0 0 11px;
	font-style: normal;
	border-top: 4px solid #61b325;
	font-family: "Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif';
}
.link_block_links, .linkgp_links_resp{
	margin: 10px 0 0;
	list-style: none;
	padding: 0;
	font-size: 0.8125rem;
	color: #4e4e4e; /*#bebebe;*/
	opacity: 0.8;
}
.link_block_links > li:before, .linkgp_links_resp > li:before , .richText .linkgp_links_resp > li:before{
	content:"\f105";
	font-family: 'FontAwesome';
	color: #56902d;
	font-weight: 600;
	padding: 0 19px 0 0;
	position: absolute;
	left: 0;
}
.link_block_links > li, .linkgp_links_resp > li
{
	margin: 8px 0;
	padding: 0 0 0 3%;
	position: relative;
}
.link_block_links > li > a, .linkgp_links_resp > li > a{
	color: #000; /*#4e4e4e;*/
}
.link_block_links > li > a:hover, .link_block_links > li > a:focus,
.linkgp_links_resp > li > a:hover, .linkgp_links_resp > li > a:focus,
.linkgp_resp .linkgp_links_resp> li > a:hover, .linkgp_resp .linkgp_links_resp> li > a:focus
{
	text-decoration: underline;
}
.link_block_url:hover,.link_block_url:focus
.linkgp_links_resp:hover,.linkgp_links_resp:focus
{
	text-decoration: underline;
	color: #000; /*#4e4e4e;*/
}
.linkgp_resp .linkgp_links_resp> li > a {
    text-decoration: none;
    color: #0e0d0d;/*#4e4e4e;*/
	margin: 0;
	padding: 0;
}
.linkgp_resp .linkgp_links_resp> li  {
	margin: 8px 0;
	padding: 0 0 0 3%;
	font-size: 1.063rem;
}
.link_block{
	display:inline-block;
	width: 32%;/*Added for larger-content-link by CChun on 20180604*/
	/*width: 49%;*/
	vertical-align:top;
	margin-bottom:15px;
}
.link_block {/*.link_block:nth-child(2n+1) Updateed for larger-content-link by CChun on 20180606*/
	margin: 0 calc(1% - 2px) 15px 0;
}

/*@media screen and (max-width: 1170px){
	.link_block:nth-child(2n+1){
		margin: 0 0.8% 15px 0;
	}
	.link_block{
		width:49.2%;
	}
}*/
@media screen and (max-width: 1170px){/*Update by CChun on 20180710*/ 
	.link_block{
		/*display:block;
		width:100%;*/
		display:inline-block;
		width:48.8%;
		/*max-width: 345px;Added for larger-content-link by CChun on 20180606*/
		margin: 15px auto;/*Added for larger-content-link by CChun on 20180606*/
	}
	.link_block:nth-child(even){
		margin:15px 0 15px 0.8%;
	}
	.link_block:nth-child(odd){
		margin:15px 0.8% 15px 0;
	}
	.vs2 .link_block {
		margin: 15px 0;
	}
	/*.breadcrumb_resp,*/.inner_content:before{
		display:none;
	}
	.inner_content {
		padding: 15px;
	}
}
@media screen and (max-width: 750px){
	.link_block{
		display:block;
		width:100%;
	}
	.link_block:nth-child(even){
		margin:15px 0;
	}
	.link_block:nth-child(odd){
		margin:15px 0;
	}
	
}

.thumbTitle_block_resp,.thumbTitle_block_resp_detail {
	/*background: #fff; comment for small-content-link by CChun on 20180606**/
	background: #f2f2f2;	
}

/* Added for small-content-link by CChun on 20180606**/
.thumbTitle_block_title_resp {
	width: calc(100% - 345px);
	display: inline-block;
	flex: 1; /* additionally, equal width */
}
.thumbTitle_block_head_img_container_resp {
	width: 345px;
	display: inline-block;
	flex: 1; /* additionally, equal width */
}
/* Added for small-content-link by CChun on 20180606**/

.thumbTitle_block_head_img_resp {
	width: 100%;
	vertical-align: middle;
}/*
.thumbTitle_block_head_img_container_resp {
	border-right: 10px solid #339809;
}*/

.thumbTitle_block_head_resp {
	background:  #236f03; 
	background: url(../images/small_content_link_bg.png) left top repeat-x #176302; 
	position: relative;
}
.small-content .no-title .thumbTitle_block_head_resp {
	background: none;
}/*Updated for small-content-link by CChun on 20180606
.small-content .thumbTitle_block_resp.no-title{
	position: relative;
	padding-top: 32px;
	border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.small-content .thumbTitle_block_resp.no-title:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
    height: 32px;
    content: " ";
    background: url(../images/inner_content_block_s.png);
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}*/
.thumbTitle_block_head_img_container_resp:after {
	content: "";
	position: absolute;
	top: 0;
	left: 345px;/* Added for small-content-link by CChun on 20180606**/
	width: 1%;
	height: 100%;
	background: #339809;
}
.thumbTitle_block_head_link_resp:hover h2 {
	text-decoration: underline;
}
.thumbTitle_block_title_resp {/* Added for small-content-link by CChun on 20180606**/
	/*padding: 0 4% 1% 0;*/
    text-align: right;
    /*vertical-align: bottom;*/
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 10px;	
		padding-left: 3%;

}   
.thumbTitle_block_title_resp h2{
	color: #fff;
	float: right;
	padding: 0;
	font-family: "Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif'; !important
	font-weight: 400; /*400;*/
    font-style: normal;
	font-size: 1.35rem; /*1.25rem;*/
	margin: 0;
}
.page_title_resp {
	padding: 0 0 20px 0;/*0 0 20px 1%;/*20180727*/
	margin: 0;
}
.page_sub_title_resp {
	margin-bottom: 9px;
}
.richText img {
	max-width: 100%;
    height: auto;
}
.richText_title {
	font-size: 1.3em; 
	margin-bottom: 30px;	
}
.sepr_shade_resp {
	height: 15px;
    margin: 8px auto;
    display: block;
    clear: both;
    background: url(../images/shade-hr-nar.png) no-repeat center center;
	background-size: 110%;
}
.map_title, .video_blk_title, .gallery_title, .inner-lgt-bx-title {
	color: #d3410e;
    margin: 20px 0 10px 0;
    font-weight: 400;
	font-size: 1.25rem;
}
.inner-lgt-bx-descrip {
	margin-bottom: 10px;
}
.thumblist_title_resp a:hover {
	text-decoration: underline;
}
.under_page_title {
	margin-top: -20px;
}
.thumbTitle_block_content_resp {
	padding: 30px 28px;
    /*margin: 0 2px;*/
    border-top: 1px solid #d4d4d4;
	background: url('../images/sml_bg.png') repeat;
}
.thumbTitle_block_resp.no-title .thumbTitle_block_content_resp {
	background: none;
}
.thumbTitle_block_content_resp:first-child {
	border-top: 0;
}
.thumblist_title_resp {
    font-size: 1.325em;
    font-weight: 700;
    font-family: "Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif'; !important
    color: #4e4e4e;
    margin: -1px 0 15px;
}
.thumblist_resp {
	display: inline-block;
}
.thumbTitle_resp {
	display: inline-block;
	padding: 0 20px 30px 0;
	width: 49%;
}
.thumblist_name_resp, .thumblist_img_resp {
	display: inline-block;
}
.thumblist_name_resp {
	width: calc(100% - 135px);/* 188px updated for small-content-link by CChun on 20180606**/
    display: inline-block;
    vertical-align: middle;
	color: #4e4e4e;
    font-weight: 400;
    font-size: 1.125rem;
    font-style: normal;
    font-family: "Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif';
	padding: 0 2px 0 16px;/*0 2px 0 5px;*/
}
.thumblist_img_resp {
    width: 100%;	
}
.thumblist_img_resp img {
	width: 131px;/*35%; updated for small-content-link by CChun on 20180606**/
	height: 51px;
	display: inline-block;
	vertical-align: middle;
	box-shadow: 0px 3px 5px 0 #888888;
	border: 2px solid #fff;
	/*min-width: 170px;
    max-width: 188px;
    min-height: 70px;
    max-height: 77px;*//*comment for small-content-link by CChun on 20180606**/
}
.thumbTitle_block_title_resp {
	/*padding: 0 2% 3% 0; Added for small-content-link by CChun on 20180606**/
}
.thumblist_itm_resp {
	width: 49.5%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px;
}
.thumblist_name_resp p {
	margin: 0;
}
.linkgp_resp {
	width: 49%;
	display: inline-block;
	vertical-align: top;
}


.thumbTitle_block_head_without_img_container + .thumbTitle_block_title_resp {
	width: 100%;
	text-align: left;
	padding: 2% 2% 1%;
	position: static;
}
.thumbTitle_block_head_without_img_container + .thumbTitle_block_title_resp h2 {
	float: none;
}

@media screen and (max-width: 1170px) {
	.thumblist_name_resp {
		font-size: 0.9rem;
		vertical-align: top;
	}
}
@media screen and (max-width: 750px) {
	/* Start:Added for small-content-link by CChun on 20180606**/
	.thumbTitle_block_head_img_container_resp {
		/*width: 45%;*/
		width:56%;
	}
	.thumbTitle_block_title_resp{
		/*width: 54%;*/
		width:43%;
		padding: 0 5px 0 10px;
		margin: 3px;
	}
	
	.thumbTitle_block_head_img_container_resp:after {
		left: 56%;/*45%;*/
	}
	/* End:Added for small-content-link by CChun on 20180606**/
	
	.thumbTitle_block_content_resp {
		padding: 24px 13px;
	}
	.thumbTitle_resp, .thumblist_itm_resp, .linkgp_resp {
		width: 100%;
	}	
	/*.thumbTitle_block_head_img_container_resp {
		border-right: 5px solid #339809;
	}
	.thumbTitle_block_title_resp {
		padding: 0 2px 1.1% 0;
	}*//* comment for small-content-link by CChun on 20180606**/
	.thumbTitle_block_title_resp h2, .thumblist_title_resp {
		font-size: 1rem;
	}
	
	
	
	 
}
@media screen and (max-width: 488px) {
	.thumbTitle_block_title_resp h2, .thumblist_title_resp {
		font-size: 0.8rem;
	}
	/*/* comment for small-content-link by CChun on 20180606**
	.thumbTitle_block_title_resp {
		padding: 0 2px 2px 0;
	}
	.thumbTitle_block_head_img_container_resp, 
	.thumbTitle_block_title_resp {
		width: 48.9%;
	}
	.thumbTitle_block_head_resp:after {
		left: 48.9%;
	}
	.thumblist_img_resp img {
		min-width: 131px;
		max-width: 145px;
		min-height: 51px;
		max-height: 61px;
	}
	.thumblist_name_resp {
		width: calc(100% - 145px);
	}*/	
}

/*table:rearranging*/
.tdTitle{
	display:none !important;
}

/*Updated by CChun on 20180718*/
table.table_resp thead th{
	text-align: center;
}
table.table_resp th, 
table.festival_table_resp th,
table.festival_table_resp_mb th
 {	
	background: #3f8211;
    color: #fff;
}
table.table_resp th:first-child, 
table.table_resp td:first-child, 
table.festival_table_resp th:first-child, 
table.festival_table_resp td:first-child, 
table.festival_table_resp_mb th:first-child, 
table.festival_table_resp_mb td:first-child   
{
	border-left: 1px solid #dddde0;
}
table.table_resp th:last-child, 
table.table_resp td:last-child,
table.festival_table_resp th:last-child, 
table.festival_table_resp td:last-child,
table.festival_table_resp_mb th:last-child, 
table.festival_table_resp_mb td:last-child
 {
	border-right: 1px solid #dddde0;
}
table.inner_table_resp 
table.table_auto_resp thead th {
	font-weight: 700;
	background-color: #dfdfdf;	
}
table.inner_table_resp table.table_auto_resp thead th{
	border-left: 1px solid #fff;
}
table.inner_table_resp table.table_auto_resp thead th:first-child, 
table.table_resp thead th:first-child {
	border-left: 0;
}
table.table_resp thead th:last-child {
	border-right: 0;
}
@media screen and (max-width: 1170px) {
	
	table.table_resp td, table.table_auto_resp td, table.table_auto_resp th, table.inner_table_resp td, table.inner_table_resp th,
	.tc table.table_resp td, .tc table.table_auto_resp td, .tc table.table_auto_resp th, .tc table.inner_table_resp td, .tc table.inner_table_resp th,
	.sc table.table_resp td, .sc table.table_auto_resp td, .sc table.table_auto_resp th, .sc table.inner_table_resp td, .sc table.inner_table_resp th{
		font-size: 14px;
	}
	
	table.table_resp {
		border: 0;
		border-spacing: 0;
		border-collapse: collapse;
	}
	
	table.table_resp>thead {display: none;}
	table.table_resp>thead>th {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	table.table_resp>tbody>tr {
		display: block;
		margin-bottom: .625em;
	}
	table.table_resp>tbody>tr>td {
		display: block;
		/*font-size: .8em;*/
		/*font-size: 11px;Added for responsive table by CChun on 20180613*/
		text-align: left;
		border-bottom: 0;
		position: relative;
		/*padding-left: calc(35% + 10px);*/
	}
	table.table_resp>tbody>tr>td:last-child {
		border-bottom: 1px solid #ddd;
	}
	table.table_resp  table.invisible-table td:last-child {
		border-bottom: 0;
	}
	/*table.table_resp td:before {
		/*position: absolute;
		top: 0;
		left: 0;
		content: attr(data-label);
		float: left;
		font-weight: bold;
		display: table-cell;
		width: 30%;
		background: #3f8211;
		color: #fff;
		padding: 10px 20px;
		margin-top: -10px;
		margin-left: -22px;
		text-align: left;
		height: calc(100% - 20px);
	}*/
	
	table.table_resp tbody  td:nth-child(odd) {
		background-color: #fff;
	}
	table.table_resp tbody  td:nth-child(even) {
		background-color: #eff0f2;
	}
	
	/*table.table_resp td.colspan_resp:before {
		display: none;
	}*/
	table.table_resp tbody td.colspan_resp {
		padding: 10px 22px;
		background: #eff0f2;
	}
	table.table_resp td {
		/*padding-left: calc(38% + 20px);*/
	}	
	.js-mobile table.table_resp>tbody>tr>td, .js-tablet table.table_resp>tbody>tr>td{
		padding: 0;
	}
	.js-mobile table.table_resp tbody td, .js-tablet table.table_resp tbody td{
		/*display: flex;  equal height of the children */
	}
	.tdTitle,.tdText {
		display: inline-block !important;
		padding: 10px 22px;/*flex: 1;  additionally, equal width */
		text-align: left !important;
		vertical-align: top; /*Added by Cchun on 20180614*/
		height: auto;/*Added by Cchun on 20180614*/
	}
	.tdTitle{
		width: 30%;/* updated for responsive table by CChun on 20180613 30%;*/
		background: #3f8211;
		color: #fff;
		font-weight: 400; /* updated for responsive table by CChun on 20180613 600;*/
		border-bottom: 1px solid #fff;
	}
	.tdText{
		width: 70%;/* updated for responsive table by CChun on 20180613 70%;*/
		border-bottom: 1px solid #ccc;
	}
	table.table_resp tbody td:last-child .tdTitle, table.table_resp tbody td:last-child .tdText{
		border-bottom: 0;
	}
	table.table_resp tbody td:first-child .tdTitle, table.table_resp tbody td:first-child .tdText{
		border-top: 1px solid #ddd;
	}
	table.table_resp tbody td{
		border-right: 1px solid #ddd;
	}
	/*Start: Added for responsive table by CChun on 20180613*/
	.tdText .tdTitle{
		width: 40%;	
	}
	.tdText .tdText{
		width: 60%;
	}
	.tdText .tdText .tdTitle{
		width: 40%;	
	}
	.tdText .tdText .tdText{
		width: 60%;
	}
	/*End: Added for responsive table by CChun on 20180613*/
	
	.js-mobile table.table_resp tbody td.colspan_resp, .js-tablet table.table_resp tbody td.colspan_resp {
		padding: 10px 22px;
		border-top: 1px solid #ddd;
	}
	
	.js-mobile table.table_resp table.invisible-table td, 
	.js-tablet table.table_resp table.invisible-table td {
		display: table-cell;
	}
	table.table_resp.sub_table_tesp {
		margin: -5px;
		width: calc(100% + 10px);
	}
}

@media screen and (max-width: 750px) {
	table.table_resp td, table.table_auto_resp td, table.table_auto_resp th, table.inner_table_resp td, table.inner_table_resp th,
	.tc table.table_resp td, .tc table.table_auto_resp td, .tc table.table_auto_resp th, .tc table.inner_table_resp td, .tc table.inner_table_resp th,
	.sc table.table_resp td, .sc table.table_auto_resp td, .sc table.table_auto_resp th, .sc table.inner_table_resp td, .sc table.inner_table_resp th,table.table_resp td *{
		font-size: 11px;
	}
	
	.tdTitle,.tdText, .js-mobile table.table_resp tbody td.colspan_resp, .js-tablet table.table_resp tbody td.colspan_resp,
	.table_auto_resp th,.table_auto_resp td,
	.title_table_mb1 th, .title_table_mb2 th, .title_table_mb3 th, .title_table_mb4 th,
	.title_table_mb1 td, .title_table_mb2 td, .title_table_mb3 td, .title_table_mb4 td,
	.form-detail .form_table_container table th, .form-detail .form_table_container table td
	{
		padding: 10px;
	}
	.title_table_mb1 th, .title_table_mb2 th, .title_table_mb3 th, .title_table_mb4 th
	{
		width: 30%;
	}
	
}
@media screen and (max-width: 375px) {
	.tdTitle,.tdText, .js-mobile table.table_resp tbody td.colspan_resp, .js-tablet table.table_resp tbody td.colspan_resp,
	.table_auto_resp th,.table_auto_resp td
	{
		padding: 5px;
	}
	
}



.form-detail .form_table_container {
	margin: 0 0 45px 0; /*0 0 35px 0;*/
	width: 100%;
	/*padding: 10px;*/
}
.form-detail .form_table_container.other_form{
	margin: 30px 0;
}
.form_table_container p {
	/*margin: 0;*/
}
/*.form-detail table th*/
.form-detail .form_table_container table th {
	width: 25%;
	vertical-align: top;
	font-weight: 700;
	border-left: 0;
	text-align: left;
}
.form-detail .form_table_container table tr:first-child th, .form-detail .form_table_container table tr:first-child td {
    border-top: 1px solid #dddde0;
}
/*.form-detail table td*/
.form-detail .form_table_container table td {
	width: 75%;
	vertical-align: top;
}
.form_table_bottomRow {
	text-align: right;
	position: relative;
	padding: 9px 0;
	margin-top: -1.4em;
}
.form_table_bottomRow-inner {
	display: inline-block;
    vertical-align: middle;
    font-size: 1.125em;
    font-family: "Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif';
    padding: 0 15px 0 0;
    margin: 0;
	font-weight: 500;
	text-shadow: 1px 1px 1px #c3bdbd;
}
.form_table_bottomRow-inner:after {
	content: ' ';
    background: url(../images/form-hr-bar-shade.png) center center no-repeat;
	background-size: 100%;
    height: 15px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: block;
    clear: both;
}
    
.form-icon {
	display: inline-block;
    vertical-align: middle;
    margin: -3px 0 0 6px;
	background: url(../images/form-icon-ref.png) center center no-repeat;
	width: 45px;
	height: 22px;
}
.form-icon-doc {
    background-position: 0 0;
}
.form-icon-pdf {
    background-position: 0 -27px;
}
.form-icon-ppt {
    background-position: 0 -54px;
}
.form-icon-trf {
    background-position: 0 -81px;
}
.form-icon-xls {
	background-position: 0 -108px;
}
.form-icon-sprite {
}
.form-submission-icon {
	display: inline-block;
    width: 41px;
    height: 28px;
	vertical-align: middle;
	margin: -3px 0 0 6px;
    background: url(../images/form-submission.png) center center no-repeat;
}
.form_table_bottomRow-inner + .form_table_bottomRow-inner {
    padding-left: 18px;
    border-left: 1px solid #dedde2;
}
.get_Adobe {
	clear: both;
    margin: 20px 0;
	min-height: 50px;
}
.get_Adobe_link {
	float: left;
	padding: 7px 10px 7px 10px;
	background: #ececec;
	color: #0101c9;/*#0072ca;*/
	text-decoration: none;
	margin: 0 15px 0 0;
	width: 20%;
	min-width: 210px;
}
.get_Adobe_link_title {
	vertical-align: middle; 
	padding: 4% 10px 4% 40px;
}
.get_Adobe_link_title span {
	/*background: url('../images/adobe_span_bg.png') repeat #000;*/
	color: #804040;/*#d81a1f;*/
}
.get_Adobe img {
	vertical-align: middle;
    float: left;
	max-width: 170px;	
}
.get_Adobe p {
	text-align: justify;
    font-size: 0.75em;
    line-height: 1.33333;
    margin: 0;
    padding: 8px 0 0;
}
.othersite_link_header {
	
}
@media screen and (max-width: 750px) {
	.get_Adobe img {width:100%;}
	.get_Adobe_link {
		width: 100%;
		/*margin-bottom: 15px;*/
		margin: 0 0 15px 0;
	} 
	.get_Adobe_link_title {
		padding: 10px 40px;
	}
	.form_table_bottomRow-inner {
		width: 100%;
	}
	.form_table_bottomRow-inner + .form_table_bottomRow-inner {
		border: 0;
		margin-top: 15px;
	}
	.style_page .inner_content:before {
		display: none;
	}
}
.break-word, .break_url{
	/*overflow-wrap: break-word;
	word-wrap: break-word;*/
	word-break: break-all; 

	
}
@-moz-document url-prefix() {
	.break-word, .break_url{
		word-wrap: break-word;
		word-break: break-all; 
	}
}
.ie .break-word, .ie .break_url{
	display:inline-block;
	
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;

	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;

	/* Adds a hyphen where the word breaks, if supported (No Blink) 
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;*/
	word-break: break-all; 
}

.ie p{
	/*-ms-word-break: keep-all; /*for Chinese, Japanese and Korean text words are not broken. Otherwise this is the same as normal*
	word-break: keep-all;*/
	/*-ms-word-break: break-all;
     word-break: break-all;*/

	/* Non standard for webkit 
     word-break: break-word;*/

	
	/* Adds a hyphen where the word breaks, if supported (No Blink) 
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;*/
}

/*right promotion box code from old lcsd:start*/
.floatSide { position: fixed; width: 118px; top: 34%; right: 0; z-index: 100;/*99 modifiy by CChun*/; padding: 12px 10px 40px; background: #424242; }
.floatSide a {color: #fff; font-weight: 400;}
.floatSide img { display: block; width: 100%; }
.floatSide p { color: #fefefe; margin: 8px 0; line-height: 1.2; font-size: 0.8125em; }
.floatSide_close { display: block; width: 25px; height: 25px; background: url('../images/right_pro_close_btn.png') center center;/* #4a9435;*/ position: absolute; bottom: 0; right: 0; overflow: hidden; text-indent: -999px;  color: #fff; font-weight: 700;}
/*right promotion box code from old lcsd:end*/

/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }

#cboxOverlay { position: fixed; width: 100%; height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent { position: relative; }

#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }

#cboxTitle { margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }

.cboxIframe { width: 100%; height: 100%; display: block; border: 0; }

#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

/*  User Style: Change the following styles to modify the appearance of Colorbox.  They are ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background: url(../images/overlay.png) repeat 0 0; }

#colorbox { outline: 0; }

#cboxTopLeft { width: 21px; height: 21px; background: no-repeat -101px 0; }

#cboxTopRight { width: 21px; height: 21px; background: no-repeat -130px 0; }

#cboxBottomLeft { width: 21px; height: 21px; background: no-repeat -101px -29px; }

#cboxBottomRight { width: 21px; height: 21px; background: no-repeat -130px -29px; }

#cboxMiddleLeft { width: 21px; background: left top repeat-y; }

#cboxMiddleRight { width: 21px; background: right top repeat-y; }

#cboxTopCenter { height: 21px; background: 0 0 repeat-x; }

#cboxBottomCenter { height: 21px; background: 0 -29px repeat-x; }

#cboxContent { background: #fff; o____verflow: hidden; }

.cboxIframe { background: #fff; }

#cboxError { padding: 50px; border: 1px solid #ccc; }

#cboxLoadedContent { m____argin-top: 28px; overflow: hidden !important; /* background: #CFCFCF; */ background: #FFFFFF; padding: 1px; }

#cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; }

#cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; }

#cboxLoadingOverlay { background: no-repeat center center; }

#cboxLoadingGraphic { background: no-repeat center center; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }

#cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; }

#cboxPrevious { position: absolute; bottom: 0; left: 0; background: no-repeat -75px 0; width: 25px; height: 25px; text-indent: -9999px; }

#cboxPrevious:hover { background-position: -75px -25px; }

#cboxNext { position: absolute; bottom: 0; left: 27px; background: no-repeat -50px 0; width: 25px; height: 25px; text-indent: -9999px; }

#cboxNext:hover { background-position: -50px -25px; }

#cboxClose:after { content: " ?? "; }

#cboxClose { position: absolute; top: -18px; right: -24px; background: url(../images/popup_close.png) no-repeat 0 0; width: 38px; height: 38px; text-indent: -9999px; }

#cboxClose:hover { b____ackground-position: -25px -25px; }



/* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

.cont_popup_box {display: none;}

.popup_box {
    border-bottom: 0px solid #CCCCCC;
    margin: 0px;
    /*width: 856px; /*responsive effect:comment this line*/
    overflow: hidden;
    background: #FFF;
}
.wrap_inner {
    border: 1px solid #CCCCCC;
    /*width: 856px; /*responsive effect:comment this line*/
    margin: 12px 12px 12px 12px;
    padding: 24px 0 0 0;
    clear: both;
    overflow: hidden;
}

.popup_box.wrap_inner {padding: 12px;}

.access { height: 0; left: 0; overflow: hidden; position: absolute; top: -999px; width: 1px; }

.text3A {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 0px solid #CCCCCC;
    margin: 0 0 0;
    padding: 20px 20px 0;
    text-align: right;
    /* responsive effect*/
	width: calc(100% - 40px);
	max-width: calc(100% - 40px);
    /*
	width: 100%;
	max-width: 856px;*/
    font-size: 14px;
}
body.size_s .size_small, body.size_m .size_middle, body.size_l .size_large {
    color: #b0433e;
}
.text3A a {
    text-decoration: none !important;
}
/*responsive effect
@media screen and (max-width: 750px) {
	#cboxMiddleLeft,#cboxMiddleRight { width: 18px;  }
	#cboxClose {
		top: -9px;
		right: -19px;
		width: 32px;
		height: 32px;
		background-size: 100% 100%;
	}
}*/
/***************** end Notices *******************/
.idx-middle-lower a , .middle_nav_img, .middle_nav_img_wrapper{
	color:white;
}
.middle_nav_img{
	color:white;
}
.lcsd_search_mb_label {
	display: none;
}
html{
	font-size: 100%; /* 16px browser default */
}
/*Add to fix the footer font size change 20180412*/
.size_m .footer-link p,.size_m .ft-state a{
	font-size:0.825rem;
}

.size_l .footer-link p,.size_l .ft-state a{
	font-size:1rem;
}
.size_m .ft-title{
	font-size:1.25rem;
}
.size_l .ft-title{
	font-size:1.5rem;
}
/*END*/
.thumbTitle_block_head_link_resp {color: #fff;}
.iframe_map {
	border: 0;
}
@media screen and (max-width: 1170px) {
	
}
@media screen and (max-width: 750px) {
	.iframe_map {
		width: 100% !important;
	}
	.video_inner_img {
		width: 100% !important;
		display: block;
		margin-right: 10px;
	}
}
.color_white {
	color: #ffffff;
}
.no_line_table th>h2 {
	margin: 0;
}
.tTitle{
	display:none;
}
.cnt_content_block{
	border-top: 4px solid #60b526;
	background:#f1efed;
	padding:15px;
	margin:12px 0 35px;
}
.cnt_content_container{
	display:inline-block;
	max-width:100%;
}
.cnt_content_container.half{
	width:48%;
	vertical-align: top;
}
.cnt_content_container.full{
	width:100%;
}  
.cnt_content_icon,.cnt_content{
	display:inline-block;
}
.cnt_content{
	/*width: calc(100% - 102px);*/
	width: calc(100% - 105px);
	vertical-align:top;
	padding:20px 0;
}
.cnt_sub_title{
	color:#6a6a69;
	margin:0;
}
.cnt-ico-schedule{
	position:relative;
}
.cnt_content_icon {
	margin: 0 8px 0 0;
}
.cnt-content-main{
	font-size:1.75em;
	color:#d3410e;
	margin:0 0 12px;
	line-height:1.25em;
}
.cnt_content_block .cnt-content-desc p, .cnt-content-rt p {
	color:#6a6a69;
	font-size:1em;
}
.cnt-content-link:hover{
	text-decoration:underline;
}
.cnt-ico-schedule:after {
	content:" ";
    background-image: url('../images/contact_us/schedule.png');
	background-repeat:no-repeat;
	background-position:0 0;
    background-size: 100%;
	display:inline-block;
	width:90px;
	height:90px;
	background-size: 100%;
}
.cnt-ico-appform:after {
	content:" ";
    background-image: url('../images/contact_us/appform.png');
	background-repeat:no-repeat;
	background-position:0 0;
    background-size: 100%;
	display:inline-block;
	width:90px;
	height:90px;
	background-size: 100%;
}
.cnt-ico-address:after {
	content:" ";
    background-image: url('../images/contact_us/address.png');
	background-repeat:no-repeat;
	background-position:0 0;
    background-size: 100%;
	display:inline-block;
	width:90px;
	height:90px;
	background-size: 100%;
}
.cnt-ico-email:after {
	content:" ";
    background-image: url('../images/contact_us/email.png');
	background-repeat:no-repeat;
	background-position:0 0;
    background-size: 100%;
	display:inline-block;
	width:90px;
	height:90px;
	background-size: 100%;
}
.cnt-ico-box-form:after {
	content:" ";
    background-image: url('../images/contact_us/box-form.png');
	background-repeat:no-repeat;
	background-position:0 0;
    background-size: 100%;
	display:inline-block;
	width:90px;
	height:90px;
	background-size: 100%;
}
.cnt-ico-disable:after {
	content:" ";
    background-image: url('../images/contact_us/disable.png');
	background-repeat:no-repeat;
	background-position:0 0;
    background-size: 100%;
	display:inline-block;
	width:90px;
	height:90px;
	background-size: 100%;
}

.cnt-ico-tel:after {
	content:" ";
    background-image: url('../images/contact_us/tel.png');
	background-repeat:no-repeat;
	background-position:0 0;
    background-size: 100%;
	display:inline-block;
	width:90px;
	height:90px;
	background-size: 100%;
}

.cnt-ico-fax:after {
	content:" ";
    background-image: url('../images/contact_us/fax.png');
	background-repeat:no-repeat;
	background-position:0 0;
    background-size: 100%;
	display:inline-block;
	width:90px;
	height:90px;
	background-size: 100%;
}

.cnt_item_title{
	/*padding: 0 1%;*/
}
@media screen and (max-width: 750px){
	.cnt_content_container.half{
		width:100%;
	}
}

.table_show_tlmb {display: none;}
.multi_table_resp,.multi_table_resp {display: table;}
.inner_table_resp>tbody>tr>td {border:0;}
@media screen and (max-width: 1170px) {
	table.twolevel_title_table th {
		display: none;
	}
	table.twolevel_title_table td {
		display: flex;
		width: 100%;
		padding: 0;
	}
	table.twolevel_title_table td .tTitle  {
		width: 30%;
		background: #3f8211;
		padding: 20px;
	}
	table.twolevel_title_table td .tText  {
		width: 40%;
	}
	table.twolevel_title_table td .tTitle, table.twolevel_title_table td .tText {
		display: inline-block;	
	}
	
	.table_show_tlmb {
		display: table;
	}
	.multi_table_resp, .multi_table_resp2 {
		display: none;
	}
	table.title_table_mb1 th, table.title_table_mb2 th {
		vertical-align: top;
	}
	table.title_table_mb1 td, table.title_table_mb2 td {
		text-align: center;
	}
	
	.table_block {
		overflow-x: auto;	
	}
	
	.title_table_mb img {
		min-width: 150px;
	}
	
	.inner_table_resp>tbody>tr>td{
		display: block;
		width: 100% !important;
		padding: 0 !important;
		border: 0;
	}
	
}
table.invisible-table td {
	background: transparent !important;
	border: 0;
	padding: 10px;	
}
/*select ul start*/
.style_page .right_top {
    float: right;
    margin: 0 0 0 15px;
	position: relative;
	width: 25%;
	margin-bottom: 15px;
}
.style_page .right_top .js-selBox.select-right-top select{
	width: 100%;
}
.style_page .bottom_select {
	width: 100%;
	margin-top: 15px;
}
.style_page .middle_select {
	width: 50%;
	margin: auto;
}
.richText .right_top  ul > li::before, .richText .bottom_select  ul > li::before, .richText .middle_select  ul > li::before {
	content: "";
}
.richText .right_top  ul > li, .richText .bottom_select  ul > li , .richText .middle_select  ul > li {
	padding-left: 0;
}
.right_top .bootstrap-select.btn-group .dropdown-menu li a span.text, .bottom_select .bootstrap-select.btn-group .dropdown-menu li a span.text,
.middle_select .bootstrap-select.btn-group .dropdown-menu li a span.text {
	white-space: pre-wrap;
}

@media screen and (max-width: 1170px) {
	.style_page .right_top {
		width: 30%;
	}	
}
@media screen and (max-width: 750px) {
	.style_page .right_top, .style_page .middle_select {
		width: 100%;
	}	
}
.style_page .left_top {

} 
.style_page .bootstrap-select.btn-group .dropdown-menu li {
	list-style: none; 
}
/*select ul end!*/

/*Add 20180417*/ 

/*Add by CChun to follow dynamic page on 20180601*/
.sticky .dropdown-content .site_control  a {
	padding: 0;
}

/*Text Size*/
.site_control .text-size{
	color:#000;
	font-size:0.875rem;
}
.site_control a:hover{
	/*text-decoration:none;*/
	/*Update by CChun on 20180601 to follow dynamic setting*/
    text-decoration: underline;
}
.site_control a .text-size:hover{
	/*color:#F37936;*/
	color: #23527c;
	/*Update by CChun on 20180601 to follow dynamic setting*/
}
/*Text Size End*/

/*Language & sitemap & search*/
.lang-link:hover{
	/*color:#F37936;*/
	/*Update by CChun on 20180601 to follow dynamic setting*/
	color: #23527c;
    text-decoration: underline;
}
/* Comment by CChun on 20180601 to follow dynamic setting
.sitemap .ico-map:hover, .ico-phone:hover{
	color:#F37936;
}
.btn-search-block-destop .ico-search:hover{
	color:#F37936;
}*/
/*Language & sitemap &search End*/

/*End Add 20180417*/

/*add contact icon 20180420*/

.header-right-block.dropdown-menu-resp.contact_us.sticky_contact_us{
	display:inline-block;	
}
@media screen and (max-width:1171px)
{
	.header-right-block.dropdown-menu-resp.contact_us.sticky_contact_us{
		display:none;	
	}
	
	.site_control .text-size{/*Added by CChun to follow dynamic page on 20180601*/
		color: #F37936;
		font-weight: 700;
		text-shadow: 2px 2px #Fff; 
	}

}

/*end 20180420*/

.style_page .richText {
	min-height: 350px;
}
.style_page .richText blockquote  {
	border:0;
	padding: 8px 40px;
}


@media screen and (max-width:750px)
{
	.img_reset img{
		float: none !important;
		padding:0!important;
		margin:0!important;
	}
	.img_reset {
		text-align: center;
		padding:0!important;
		margin:0!important;
	}


	/*html,body,table th,table td {
		font-size: 87.5%;
	}*/
	table.invisible-table th, table.invisible-table td {
		font-size: 100%;
	}
}
/*
.anchor {
	position: relative;
}
.anchor a {
	position: absolute;
	left: 0;
	top: -90px;
}
.js-desktop .anchor:nth-of-type(1) {
	display: block;
	height: 90px; ame height as heade
	margin-top: -90px; same height as heade
	visibility: hidden;
}*/
.js-desktop .anchor {
    position: relative;
    top: -235px;
    visibility: hidden;
    display: inline-block;
}
.js-desktop .anchor.withSticky {
	top: -105px;
}
/******************************CSS For Inner Page Video 201805015******************************/
@media screen and (max-width:750px){
	.video_container{
		width:100%!important;
	}
}

/*************************End of CSS For Inner Page Video 201805015****************************/

/******************************CSS For sitemap ******************************/
 
ol.sitemap{
	margin-top: 20px;
}

/*************************End of CSS For sitemap 201805016****************************/

/**********************Start of CSS for index quicklinks_slider button 20180531**************************/
.quicklink_buttons {
	width: 100%;
	position: relative;
}
button.quicklink_pause,button.quicklink_play {
    width: 23px;
    height: 26px;
    border: 0;
	position: absolute;
	top: -26px;
    left: calc(50% + 89px);
}
button.quicklink_play {
	background: url(../images/play_bg.png) center center no-repeat #f37936;
    background-size: 6px auto;
}
button.quicklink_pause {
	background: url(../images/pause_bg.png) center center no-repeat #f37936;
    background-size: 11px;
}
@media screen and (max-width:1170px){
	button.quicklink_pause,button.quicklink_play {
		/*top: -30px;*/
	}
}
@media screen and (max-width:750px){
	button.quicklink_pause,button.quicklink_play {
		left: calc(50% + 40px);
		top: 100px;/*Update by CChun on 20180710*/
	}
	button.quicklink_play {
		background: url(../images/play_bg_mb.png) center center no-repeat;
		background-size: 6px auto;
	}
	button.quicklink_pause {
		background: url(../images/pause_bg_mb.png) center center no-repeat;
		background-size: 11px;
	}
}
@media screen and (max-width:450px){
	button.quicklink_pause,button.quicklink_play {
		left: 82%;
	}
}
/**********************End of CSS for index quicklinks_slider button 20180531**************************/

.form_table_bottomRow { /*Added for form-detail table bottom background by CChun on 20180614*/
	background-color: rgba(247, 249, 244, 0.6);	
}

/**********************Start of CSS for inner page gallery button 20180531**************************/
.inner_gallery_buttons {
	width: 100%;
	position: relative;
	top: 113px;/*Added by CChun on 20180710*/
}
.inner_gallery_buttons button{
	width: 20px;
    height: 23px;
    border: 0;
	position: absolute;
	top: 5px;
    left: calc(50% - 10px);
}
.inner_gallery_buttons button.inner_gallery_pause {
	background: url(../images/pause_bg.png) center center no-repeat #f37936;
    background-size: 11px;	
}
.inner_gallery_buttons button.inner_gallery_play {
	background: url(../images/play_bg.png) center center no-repeat #f37936;
    background-size: 6px auto;
}
.gallery .slick-arrow{
	top: calc(100% + 5px);
}
.gallery .fa-angle-left {
    left: calc(50% - 40px);
}

.gallery .fa-angle-right {
    left: calc(50% + 20px);
}	
/**********************End of CSS for index quicklinks_slider button 20180531**************************/


/**********************Start of CSS for special responsive table in festival page on 20180615*****************************/
table.festival_table_resp>thead>tr>th, table.festival_table_resp>tbody>tr>td {
    display: table-cell;
    width: auto;
}
@media screen and (max-width:1170px){
	.js-tablet table.festival_table_resp, .js-mobile table.festival_table_resp {
		display: none;
	}
	.js-mobile table.festival_table_resp_mb>tbody>tr>th, .js-tablet table.festival_table_resp_mb>tbody>tr>th, 
	.js-mobile table.festival_table_resp_mb>tbody>tr>td, .js-tablet table.festival_table_resp_mb>tbody>tr>td
	{
		width: 100%;
		display: block;
		text-align: center;
	}
}
/**********************End of CSS for special responsive table in festival page on 20180615**************************/	
.js-header-search-input.start_search::placeholder{
	font-weight: 400;
}
/*
.btn:focus,
.btn__content:focus {
    outline: none;
}
.btn:focus   {
	box-shadow: 0 0 1px 1px #51a7e8;  /* keyboard-only focus styles *
	
} 
.btn__content{
	visibility:hidden;
}*/


/**************Start of CSS for skip to content on 20180712******************/
#skip-to-content {
    font-size: 16px;
    font-size: 1rem;
    position: absolute;
    top: -9999px;
    display: block;
    height: 0;
    /*padding: 15px 20px;
    text-align: center;*/
    color: #000;
    /*background: #EFEFEF;*/
	overflow:hidden;
}
#skip-to-content:focus {
    position: relative;
    z-index: 888;
    top: 0;
    height: auto;
    text-decoration: none;
}
#skip-start{
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
	font-size:0;
	display:block;
	visibility: hidden;
}
.ie #skip-to-content, .ie #skip-to-content:focus {
	display:none;
}
/**************End of CSS for skip to content on 20180712******************/

/**************Start of CSS for Previous and Next button in index banner slick  on 20180712******************/
.idx-slider-button.fa-angle-left, .idx-slider-button.fa-angle-right {
	background: #a31002;
	font-size: 1.3rem;
}
.idx-slider-button.fa-angle-left{
	right: 70px;
}
.idx-slider-button.fa-angle-right{
	right: 35px;
}
@media screen and (max-width: 1170px) {
	.idx-slider-button.fa-angle-left, .idx-slider-button.fa-angle-right {
		padding: 0;
		height: 20px;
		width: 20px;
		text-align: center;
	}
	
	.idx-slider-button.fa-angle-left{
		right: 48px;
	}
	.idx-slider-button.fa-angle-right{
		right: 23px;
	}
}
/**************End of CSS for Previous and Next button in index banner slick  on 20180712********************/

.fa-search.ico-search {/*Update by CChun on 20180712*/
	color: #000;
}
.active .fa-search.ico-search {/*Update by CChun on 20180921*/
	color: #F37936;
}
.sticky .fa-search.ico-search, .show_tablet_mobile .fa-search.ico-search{/*Update by CChun on 20180712*/
	color: #F37936;
}


/************Start of CSS for press tab to swift the menu item on 20180712*************************/
a.m-link-1.tabFocus2Menu {
	text-decoration: underline;
	color: #F37936;
	position: relative;
}
a.m-link-1.tabFocus2Menu:after {
	content: '';
    display: block;
    width: 0;
    border: 6px solid #F37936;
    border-color: #F37936 transparent transparent transparent;
    position: absolute;
    top: 110%;
    left: 50%;
    margin-left: -5px;
}
a.m-link-1.tabFocus2Menu.withoutDropdown:after{
	display: none;
}
/************End of CSS for press tab to swift the menu item on 20180712*************************/




/*- Tinymce customization in old website*/
.partHeader {
    margin: 55px 0 5px;
}
.no-line-table th, .no-line-table td, .no-line-table caption { border-bottom: 0px; font-weight: normal; margin-bottom: 0px;}
.no-line-table th:first-child { border-left: 0; }
.no-line-table th:last-child, table td:last-child { border-right: 0; }
.no-line-table th, .no-line-table td{border-top: 0px;}
.no-line-table-top th, .no-line-table-top td, .no-line-table-top caption { border-bottom: 0px ; font-weight: normal; margin-bottom: 0px; vertical-align: top;}
.no-line-table-bottom th, .no-line-table-bottom td, .no-line-table-bottom caption { border-bottom: 0px ; font-weight: normal; margin-bottom: 0px; vertical-align: bottom;}
/*the same as visible table*/
.valign-top th, .valign-top td,.valign-top caption {vertical-align: top;}
.valign-bottom th, .valign-bottom td,.valign-bottom caption {vertical-align: bottom;}

.invisible-table th, .invisible-table td { background:none !important; border: 0px !important; }

.plain-table td{ background:none !important;  }

.align-justify { text-align: justify; text-justify: distribute; }
.filertBox .input-text { padding-left: 14px; }

.radio-timeperoid { margin: 25px 0 0; }

.checkbox-ex { margin: 7px 0 0; }

.plain-table td{ background:none !important;  }

.align-justify { text-align: justify; text-justify: distribute; }
/*customize setting in old website*/

@media screen and (max-width: 1170px) {
	/*20180727*/
	.page-title, .page_title_resp {
		font-size: 19px;
		margin: 0 0 15px;
	}
	.breadcrumb_resp > li {
		font-size: 11px;
	}
	.breadcrumb_resp {
		padding: 0 15px;
		margin: 15px 0 0 0;
	}
	.small-content .page_title_resp, .contact_us .page_title_resp{
		margin: 15px 0 20px 15px;
		padding: 0;
	}
	.small-content article.thumbTitle_block_resp{
		margin-left:15px;
		margin-right:15px;
	}
	.contact_us .cnt_item{
		margin: 0 15px;
	}
	.large-content .inner_content {
		padding: 15px;
	}
	.large-content .page-title-container {
		padding:0;
		margin:-7.5px 0 0 0;
	}
	.large-content .breadcrumb_resp {
		margin: 5px 0 7.5px 0;
	}
}
@media screen and (max-width: 750px) {
	.inner_content {
		padding: 8px;
	}
	.breadcrumb_resp {
		padding: 0 8px;
	}
	.small-content .page_title_resp, .contact_us .page_title_resp {
		margin: 15px 0 12px 8px;
	}
	.small-content article.thumbTitle_block_resp{
		margin-left:8px;
		margin-right:8px;
	}
	.contact_us .cnt_item{
		margin: 0 8px;
	}
	.large-content .page-title-container{
		margin: 0;
		padding-top: 7.5px;
	}
	
}

/**********************CSS for mobile menu contact us 20180508**************************/
.ico-contactus{
	
	background-image: url(../../images/index/idx-cover-mobile1.png);
	background-repeat: repeat;
	display: none;/*common by CChun on 20180705*/
}

.header-right-block.dropdown-menu-resp .menu-block-item .ico-block{
	padding:0;
	display:inline-block;
	width:100%;
	height:auto;
	
	border-bottom: 4px solid orange;

}

.header-right-block.dropdown-menu-resp.share-main-page .ico-block >a {
		color: #333;
}
.header-right-block.dropdown-menu-resp.share-main-page .dropdown-content {
	top: calc(100% + 1px);
    z-index: 1001;
    background-color: #ecececb3;
    background-color: transparent;
    height: auto;
}

.header-right-block.dropdown-menu-resp.share-main-page .dropdown-content.share-block-mb a.social-icon {
	display:inline-block;
	padding: 0 5px 0 0;
}

.header-right-block.dropdown-menu-resp.share-main-page .dropdown-content.share-block-mb {
	top: 65px;
	box-shadow: none;
    -webkit-box-shadow: none;
}

.header-right-block.dropdown-menu-resp.share-main-page .ico-block.dropdown-block-bg-mb::after {
	content: '';
	display: block;
	width: 0;
	border: 4px solid #333;
	border-color: #333 transparent transparent transparent;
	position: relative;
	left: 30%;
}

.header-right-block.dropdown-menu-resp.share-main-page .dropdown-content .social-icon_container {
	text-align: right;
}




.header-right-block.dropdown-menu-resp .menu-block-item .ico-block .contacus{
	vertical-align:top;
}
.ico-contactus:hover {
	background-image: url(../../images/index/idx-cover-mobile2.png);
	/*background:#f7d6b8 !important;  #599828*/
	
}
.header-right-block.dropdown-menu-resp .menu-block-item .ico-block .ico-phone{
	color:black !important;
	font-size:1.5rem;
}

.ico-contactus-text{
	display:block;
	color:black;
	font-family:Century Gothic,CenturyGothic,AppleGothic,'MingLIU','Arial', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑',sans-serif;
	font-size:0.65rem;
	vertical-align:top;
	font-weight:500;
}
@media screen and (max-width:750px){
	.header-right-block.dropdown-menu-resp .menu-block-item .ico-block .ico-phone{
	
		font-size:1.25rem;
	}
}
/**********************End of CSS for mobile menu contact us 20180508**************************/
i, cite, em, var, address, dfn {
    font-style: italic;
}
b, strong {
    font-weight: bold;
}
s, strike, del {
    text-decoration: line-through;
}
u, ins {
    text-decoration: underline;
}

/**********************************Start of css for calendar table *********************************************************/
.release_blk:nth-child(1) {
    margin-top: -10px;
}
.panel-heading {
	padding: 10px 15px 10px 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 4px solid #60b526;
    margin-bottom: -15px;
}
.js-desktop .release_item:nth-child(1), .js-desktop .release_item:nth-child(2), .js-desktop .release_item:nth-child(3), .js-desktop .release_item:nth-child(4), .js-desktop .release_item:nth-child(5), .js-desktop .release_item:nth-child(6), .js-tablet .release_item:nth-child(1), .js-tablet .release_item:nth-child(2), .js-tablet .release_item:nth-child(3), .js-tablet .release_item:nth-child(4), .js-tablet .release_item:nth-child(5), .js-tablet .release_item:nth-child(6), .js-mobile .release_item:nth-child(1), .js-mobile .release_item:nth-child(2), .js-mobile .release_item:nth-child(3), .js-mobile .release_item:nth-child(7), .js-mobile .release_item:nth-child(8), .js-mobile .release_item:nth-child(9) {
    background-color: #f1efed;
}
.js-desktop .release_item:nth-child(7), .js-desktop .release_item:nth-child(8), .js-desktop .release_item:nth-child(9), .js-desktop .release_item:nth-child(10), .js-desktop .release_item:nth-child(11), .js-desktop .release_item:nth-child(12), .js-tablet .release_item:nth-child(7), .js-tablet .release_item:nth-child(8), .js-tablet .release_item:nth-child(9), .js-tablet .release_item:nth-child(10), .js-tablet .release_item:nth-child(11), .js-tablet .release_item:nth-child(12), .js-mobile .release_item:nth-child(4), .js-mobile .release_item:nth-child(5), .js-mobile .release_item:nth-child(6), .js-mobile .release_item:nth-child(10), .js-mobile .release_item:nth-child(11), .js-mobile .release_item:nth-child(12) {
    background-color: #e2e1e0;
}
.release_item {
    padding: 10px 0 10px 20px;
    font-size: 1.25em;
    color: #bebebe;
}
.ico-right {
    color: #6d9d49;
    margin: 0 11px 0 0;
}
.release_item a {
    color: #4e4e4e;
    text-decoration: none;
    cursor: pointer;
}
/**********************************End of css for calendar table *********************************************************/


.ft-mobile-app p:last-child {/*Added by CChun on 20180921*/
    margin: 0;
    font-size: 0;
}
.footer-link  .cert_container {/*Added by CChun on 20180921*/
	margin-top: 13px;
}


/*Added for responsive talbe styling by CChun on 20181002*/
@media screen and (max-width: 1170px) {
	table.table_resp tbody td:first-child .tdTitle {
		border-bottom: 1px solid #fff;
	}
	table.table_resp tbody td:first-child .tdText {
		border-bottom: 1px solid #ccc;
	}
}

/*Added by CChun on 20181008*/
.sr-only {
    display: none;
}
.header-search-btn .sr-only {
	display: block;
	overflow: visible;
	color: #000;
}
/*Added for responsive talbe styling by CChun on 20181010*/
@media screen and (max-width: 1170px) {
	.td_empty {
		display: none!important;
	}
}

.mainNav_link-lv2-text, .mainNav_link-lv3 {
	font-size: 14px;
}
.sticky .header-search-btn .sr-only {
	margin-top: -8px;
	margin-left: 4px;
}
    
table tbody th, table th{
	border-bottom-color: #b7cfb9;		
}
.fa-handshake-o {
    /*content: "\f2b5";*/
	background:url(../images/submenu_bg1.png) no-repeat left;
}
.menu-item-mb .fa-handshake-o {
    /*content: "\f2b5";*/
	background:url(../images/submenu_mb_bg1.png) no-repeat left;
}
.m-link-1{
	cursor:pioint;
}
@media screen and(max-width:750px)
{
	footer{
		margin-top:0;
	}
}
h1,h2,h3,h4,h5,h6{
	text-align:left;
	
}
.form-control{
	background-color:transparent;
}

/*Colorbox styling*/
.popup_box.richtext a {
	text-decoration:underline;
	color:#0072ca;
}
.popup_box.richtext a::hover {
	text-decoration:none;
	
}
.popup_box h2{
	color:black;
}

@media screen and (max-width:1170px)
{
	.imgRibbon_imgWrapper{
		position:relative;
		height:auto;
	}
	.idx-bottom-left .img_box img{
		height:auto;
		/*max-height:208px;*/
	}
 	.img_box {
   	 float: none;
	} /*Lego 20190401*/
}

#header{
	font-family: "Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑', 'sans-serif';
	line-height:1.42857143;
}
.menu-item-mb .menu-item-1-mb:nth-child(1){
	padding: 12px 0 0;
}
.js-desktop #colorbox, .js-tablet #colorbox{
	right:0 !important;
	left: auto !important;
}

/* MOBILE*/
@media screen and (max-width: 750px) {
	.quickLinks_desktop{
		display:none;
	}
	.quickLinks_tablet{
		display:none;
	}
	.quickLinks_mobile{
		display:block;
	}
	.quicklinks_item{
		margin:0px 15px;
		width: 100%;
		width: 130px;
	}
}

/* TABLET*/
@media screen and (min-width: 751px) and (max-width: 833px) {
    .quickLinks_desktop{
		display:none;
	}
	.quickLinks_tablet{
		display:block;
	}
	.quickLinks_mobile{
		display:none;
	}
	.quicklinks_item{
		margin: 0 15PX;
		width: 100%;
		max-width: 120px;
	}
}

/* TABLET*/
@media screen and (min-width: 834px) and (max-width: 1170px) {
    .quickLinks_desktop{
		display:none;
	}
	.quickLinks_tablet{
		display:block;
	}
	.quickLinks_mobile{
		display:none;
	}
	.quicklinks_item{
		margin: 0 20PX;
		width: 100%;
		max-width: 150px;
	}
}


/* DESKtop */
@media screen and (min-width:1171px){
	.quickLinks_desktop{
		display:block;
	}
	.quickLinks_tablet{
		display:none;
	}
	.quickLinks_mobile{
		display:none;
	}
	.quicklinks_item{
		margin: 0 30px;
		width: 100%;
		max-width: 120px;
	}
}