@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;
	}
}

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';
}

.wrapper{
	overflow:hidden;
	width:100%;
	max-width: none;
}
.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;
}

#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 */
}
.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 */
}
.logos{
	width:100%;
}
.lcsd_logo_x1 {/*Update by CChun on 20180723*/
	height: 52px;
	padding-top: 8px;
}
.social-mail,.social-facebook,.social-twitter,.social-sina,.social-instagram,.social-facebook-main,.social-whatsapp
{
	font-size: 0;
}

.lang_switch{
    float: none;
    display: inline-block;
    width: auto;
    font-size: 14px;
    line-height: 20px;
}

.lang_switch a {
    background: #FFFFFF;
}

.lang_sepr {
    width: 3px;
    float: left;
    background: none;
}

.func_enquire {
    margin-right: 10px;
}

.func_enquire a {
    line-height: 20px;
    padding: 0 3px;
}

.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:12px;
	font-size:0.7rem;
	/*text-decoration: underline;/*Add by CCHUN, color:#b0433e;*/
	padding: 0 5px;
    line-height: 20px !important;
}
.size_middle{
	font-size:15px;
	font-size:0.9rem;
    padding: 0 5px;
    line-height: 20px !important;
}
.size_large{
    font-size: 18px;
    font-size: 1rem;
    padding: 0 5px;
    line-height: 20px !important;
}
.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*/
}
/***/

header {
    position: relative;
}

.part_upper .container {
    max-width: 955px;
    width: 100%;
    margin: 0 auto;
}

#sponsorDiv {
    margin-left: 250px;
}

@media screen and (max-width: 1170px) {
	#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;
	}
	.part_upper {
		width: 100%;
	}
	.logos { /*Update by CChun on 20180723*/
		padding: 0;
		margin: 6px 0;
	}
	.part_upper .container {
    	max-width: 100% !important;
	}
}

@media screen and (max-width: 750px) {
	.logos {/*Update by CChun on 20180723*/
		padding: 0;
		margin: 6px 0 0px 0;
		height: auto;
	}
	.lcsd_logo_x1 {/*Update by CChun on 20180723*/
		/*max-width: 220px;
		min-width: 210px;*/
		height: 42px;
		padding-top: 8px;
	}
}

@media screen and (max-width: 400px) {/*added by CChun on 20180723*/
	.lcsd_logo_x1{
		height: 34px;
	}
}

@media screen and (max-width: 319px) {/*added by CChun on 20180723*/
	.lcsd_logo_x1 {
		height: 32px;	
	}
	.logos {
		margin: 9px 0 0 0;
	}
	#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;
	}
}

/* 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:0;
	/*background-size:145% 260%;*/
	max-width:100%;
	max-height:100%;
	overflow:hidden;
}

footer:before{
	position:absolute;
	top:0;
	content:" ";
	background-image:url(../images/footer_top.png);
	z-index:-1;
	opacity: 0.8;
	height:105px;/*Update by CChun on 20180620*/
	width:100%;
	background-size: 100% 100%;
	image-rendering: pixelated;
}
footer .container{
	width: 100%;
	max-width: 955px;
}

footer .container_resp{
	margin: 150px auto;
}

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;
}

.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;
}

/* 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
*/

.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;

}

@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%;}
}

@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%;}
}

/*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 {
	font-size: 13px;
    text-align: left;
    line-height: 1.35714;
    border-left: 1px solid #dddde0;
    border-bottom: 1px solid #dddde0;
}
table th {
    background: #e9f0e5; /*Update by CChun on 20180710 to follow current site code*/
    color: #4e4e4e; /*Update by CChun on 20180710 to follow current site code*/
    line-height: 1;
    font-weight: 400;
    padding: 10px 18px 9px 18px;
}
.style_page table th {
    padding: 20px 22px 17px 22px;
}
table tbody th { border-bottom-color: #dfdfdf; background-color: #ECF5F7; text-align: center;}
.sc table th, .tc table th {
    font-weight: 700;
}
table td {
	padding: 10px 18px;
}

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: '';
	}  	
}

.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%;*/
}

.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;
}

@media screen and (max-width: 1170px){/*Update by CChun on 20180710*/ 
	.inner_content {
		padding: 15px;
	}
}

.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;
}

/*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; 
	}
}

@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;
	}
	table.invisible-table th, table.invisible-table td {
		font-size: 100%;
	}
}

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


@media screen and(max-width:750px){
	footer{
		margin-top:0;
	}
}

.part_upper {
	background: #FFF;
	/*
	background: -moz-linear-gradient(45deg, rgba(171,241,253) 1%,rgba(197,242,253) 7%,rgba(217,242,253) 11%,rgba(230,242,253) 14%,rgba(253,253,253) 18%);
	background: -webkit-linear-gradient(45deg, rgba(171,241,253) 1%,rgba(197,242,253) 7%,rgba(217,242,253) 11%,rgba(230,242,253) 14%,rgba(253,253,253) 18%);
	background: linear-gradient(45deg, rgba(171,241,253) 1%,rgba(197,242,253) 7%,rgba(217,242,253) 11%,rgba(230,242,253) 14%,rgba(253,253,253) 18%);
	*/
}

@media screen and (max-width:1170px){
	body {
    min-width: unset;
	}
	.content_body .container {
	    width: 100%;
	    max-width: 100% !important;
	}
	.left-menu {
	    width: calc(100% - 20px);
	    float: none;
	    padding-bottom: 0;
	}
	.menu_lv1 > li > a {
    width: calc(100% - 33px);
	}
	.dropdown-menu-resp.menu{
	    display: inline-block !important;
	    position: absolute;
	    right: 20px;
	    top: 20px;
	}
	.header-right-block.dropdown-menu-resp .ico-block{
		padding: 10px 4px;
	}
	.sea .menu_lv1 > li.current:after, .sea .menu_lv1 > li.active:after {
    background: none;
	}
	.inner-page {
    width: calc(100% - 20px);
    padding: 10px;
    min-height: unset;
    float: none;
	}
	.inner-page .richtext {
    padding: 0 10px;
	}
	.inner-page img {
    max-width: 100%;
	}
	.active > .menu_lv2 { 
	display: block; 
	width: 100%; 
	left: 0; 
	top: 40px;
	}
	.menu_lv2 a {
    width: calc(100% - 40px);
    height: 30px;
    padding: 5px 20px;
	}
	table th {
    font-size: 1em;
	}
	.menu_lv3 {
	display: none !important;
	}
	.func_enquire .size_small,.func_enquire .size_middle,.func_enquire .size_large {
		display: none;
	}
}
@media screen and (max-width:750px){
	h1 {
    font-size: 1.4em;
	}
	.main_logo_tablet{
		display:none;
	}
	.main_logo_mobile{
		display:block;
	}
	table th, table td {
    font-size: 0.8em !important;
    padding: 5px 10px;
	}
	.menu_lv1 > li > a span {
    font-size: 0.9em;
	}
	.menu_lv2 a span {
    font-size: 0.9em;
	}
	.small-text-table th, .small-text-table td{
    font-size: 0.5em !important;
	}
}
@media screen and (max-width:480px){
	table th, table td {
    padding: 5px;
    font-size: 0.5em !important;
	}
	.richtext > table td * {
    font-size: 0.7em !important;
	}
	.menu_lv1 > li > a span {
    font-size: 0.8em;
	}
	.menu_lv2 a span {
    font-size: 0.8em;
	}
	.small-text-table th, .small-text-table td{
    font-size: 0.3em !important;
	}
}

/* Mobile menu icon*/
.mobile-menu-icon{
	display: none !important;
}

.hong_kong {
    width: 170px;
}

.hong_kong a img {
    width: 100%;
}

@media screen and (max-width:750px){
.hong_kong {
    width: 140px;
}
}

@media screen and (max-width:480px){
.hong_kong {
    width: 100px;
}
}

@media screen and (max-width:750px){
.flo-left {
    float: none;
}
.flo-right {
    float: none;
    padding: 10px 0 0 10px;
}
.noti_right {
    float: left;
    width: 100%;
}
.noti_right .flo-right {
    text-align: left;
    width: auto;
    padding: 0 0 10px 10px;
}
}


/******* Mobile Nav ******/
.mobile-menu {
  display: none;
}

.destop-menu{
  display: block;
}

.mobile-menu .main-ul{
    max-height: 400px;
    overflow-x: auto;
    overflow-y: scroll;
}

.mobile-menu .fa-bars {
    background: #004881;
    color: #FFF;
    padding: 8px 12px;
}

.mobile-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-menu a {
  color: #004881;
  text-decoration: none;
}

.mobile-menu .menu-hasdropdown li a {
  color: #333;
}

.mobile-menu a {
  display: block;
  white-space: nowrap;
}

.menu-dropdown,
.mobile-menu input[type=checkbox] {
  display: none;
}

.mobile-menu label:hover {
  cursor: pointer;
}

@media screen and (max-width: 1170px) {
  .mobile-menu > ul,
  .menu-righticon {
    display: none;
  }

    .mobile-menu input[type="checkbox"]:checked + a > label > i {
    transform: rotate(90deg);
  }

  input[type=checkbox]:checked ~ ul {
    display: block;
    -webkit-animation: grow 0.5s ease-in-out;
            animation: grow 0.5s ease-in-out;
  }
}

@media screen and (max-width: 1170px) {
  .mobile-menu {
    display: block;
    background-color: #FFF !important;
  }
  .destop-menu{
	  display: none;
  }
  .mobile-menu > label {
    display: block;
    padding: 0 10px 10px 10px;
    text-align: right;
    color: #004881;
  }

  .mobile-menu ul li{
    border-top: 1px solid #b5e2f6;
    background: none;
    padding: 0;
    list-style-type: none;
  }

  .mobile-menu a {
    padding: 12px 5px;
    font-size: 0.9em;
  }

  .mobile-menu > ul i {
    float: right;
    padding: 2px 10px;
  }

 .mobile-menu .menu-dropdown {
    padding-left: 20px;
}

  .menu-hasflyout > ul a {
  }
  
  #sponsorDiv {
    margin-left: 20px;
  }
}

@media screen and (max-width:480px){
  .mobile-menu a {
    font-size: 0.8em;
  }
  
  #sponsorDiv {
    margin-left: 20px;
  }
}


@media screen and (max-width:750px){
.cont_center .large_album {
    width: 100%;
}
.large_album #cycle-1 {
    width: 100%;
}
.large_album #cycle-1 .slide {
    width: calc(100% - 10px);
}
.large_album #cycle-1 img {
    max-width: 100%;
}
.large_album .cycle-overlay {
    width: 100%;
}
.large_album #cycle-2 {
    width: 100% !important;
}
#sponsorDiv {
    margin-left: 20px;
}
}