.wrapper *{
	box-sizing: border-box;
	/*max-height:999999px;*/
}
html{
	font-size: 100%; /* 16px browser default */
}
a{
	color:#0762a8;
}
body{
	font-size:12px;
	font-size:0.875rem;
	margin:0;
}
body *{
	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;
}

.sd_textfield
{
	width: 220px !important; /* for handling text fields minimum width in mobile view */
}

.sd_dropdown
{
	width: 150px !important; /* for handling dropdown fields minimum width in mobile view */
}

.sd_ccc_dob
{
	width: 60px !important; /* for handling ccc and dob fields minimum width in mobile view */
}

.captcha_text
{
	height:90px;
	font-size:53px;
	width:180px;
}

.captcha_span
{
	display: inline;
	padding-left:1px;
}

.captcha_img
{
	height:90px; 
	width:180px;
	vertical-align:top;
}

.sd_table td {white-space:nowrap;}

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

#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;*/
}
/*.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;   /* Lego 20/4/2018 commented */
	/*margin-left:-35px; */
}
	
.social-mail,.social-facebook,.social-twitter,.social-sina,.social-instagram,.social-facebook-main,.social-whatsapp
{
	font-size: 0;
}

.social-facebook:before{
	content:"";
	background:url(../graphics/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(../graphics/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(../graphics/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("../graphics/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(../graphics/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("../graphics/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(../graphics/share/Twitter_X.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(../graphics/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(../graphics/share/Twitter_X.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(../graphics/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(../graphics/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(../graphics/share/weibo_23.png) no-repeat 0 0;
   background-size:100% 100%;
   vertical-align:middle;
   display:inline-block;
   font-size:0;
}

.social-instagram:before{
	content:"";
	background:url(../graphics/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(../graphics/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(../graphics/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(../graphics/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(../graphics/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(../graphics/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(../graphics/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(../graphics/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(../graphics/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;
}



.ie .show_tablet_mobile .social-sina::before{
	background:none;
}
.menu{
	float:right;
	/* Amended by Cate 20180110 margin-right:20px; /*Edit by Cate to fit the 1280px width*/ /*original: margin-right:80px;*/
}
.menu-item{
	margin:0;
}
.menu-item>*{
	display:inline-block;
}
.header-search-btn.js-header-search-btn{
	border:none;
	background:transparent;
	font-size:18px;
	font-size:1.15rem;
}
.ico-map{
	font-size:18px;
	font-size:1.15rem;
	color:#000;
}
.ico-phone{
	font-size:18px;
	font-size:1.15rem;
	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{
	text-decoration: underline;/*Add by CCHUN, color:#b0433e;*/
}
.menu-item-1{
	padding:0 10px;
	font-family: 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:#D64308;
}
/***/
.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 #D64308;
    border-color:#D64308 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:#D64308;
}
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;
    text-decoration: none;
    display: block;
}
.menu a.mainNav_link-lv3 {
	padding: 6px 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%;
}
.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: #D64308;
	width: 30px;
}
.dropdown-content ul li {
	list-style-type: none;
	margin-bottom: -10px;
}
.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 #D64308;
    border-color: transparent transparent transparent #D64308 ;
    position:absolute;
    top:10px;
    left:0;
	
}

.mainNav_list-lv4 li.mainNav_item-lv4:before {
	content: ".";
	color: #D64308;
	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: 588px;
}
.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;
	font-family: Century Gothic,CenturyGothic,AppleGothic,'MingLIU','Arial', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑',sans-serif;
}

.sticky_global .dropdown-content.globe-block-mb a.txt-size,
.sticky_share .dropdown-content.share-block-mb a.social-icon,
.sticky_contactus {
	display: inline-block;
}
 .header-right-block.dropdown-menu-resp.contactus.sticky_contactus{
                                display:none;     
                }

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

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


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

.btn-xl {
	padding: 10px 20px !important;
    font-size: 25px !important;
    border-radius: 10px !important;
    line-height: 1.3333333 !important;
}

.header-search-input{
	width: 100%;
	height: 32px; /*Edit by Cate 30px*/
	border: 1px solid #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;
	font-family: Century Gothic,CenturyGothic,AppleGothic,'MingLIU','Arial', '新細明體', 'Microsoft Yahei', '微软雅黑', '华文细黑',sans-serif; /*Added by Cate*/
}
.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;
		margin-bottom: 1px;
	}
	.part_upper {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.logos { 
		width: auto;
		padding: 0;
		margin: 6px 0;
	}
	/*.lcsd_logo_x1 {
		width: 100%;
		min-width: 420px;
	}*/
	.lcsd_logo_x1{
		height:75px;
		width:auto;
	}
	.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{
		width: 39px;
		height: 91px;
		text-align: center;
		color: #D64308;
		display: block;
		margin: 0;
		/*padding: 33% 0;*/
		padding:59% 0 ;
		/*font-size:1.175rem; /*Added by Cate 20171206*/
		font-size:24px;
	}
	.menu-block-mb a:hover{
		color: #D64308;
	}
	/*
	.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%;
	}
	.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: #D64308;
	}
	.dropdown-content.search-block-mb input#lcsd_search_mb  {
		border:1px solid #D6430833;/*Modified by Cate original: border-color: #D64308;*/
		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: #D64308;*/
		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;	*/			
		overflow-y: auto;				
		position:absolute;
		-webkit-touch-overflow:scroll;
		-webkit-overflow-scrolling: touch;
	}		
	/* add to body by js */ 		
	/* .dropdown-menu {		
		position:fixed;		
		width:100%;		
		height:100%;		
		overflow:hidden;		
	} */
	
	.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);
	}
	.dropdown-content.menu-block-mb a.mainNav_link-lv2 {
		background-color: #efeeea;
		width: 90%;
		/*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: 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: #D64308 !important;
	}
	.orange_bold_important {
		color: #D64308 !important;
		font-weight: 700 !important;
	}
	.orange {
		color: #D64308;
	}
	.orange_bold, .orange_bold a{
		color: #D64308;
		text-shadow: 2px 2px #Fff;
	
		font-weight: 700;
	}{
		color: #D64308;
		text-shadow: 2px 2px #Fff;
	
		font-weight: 700;
	}
	.menu-item-mb .m-link-1 {		
		font-size: 1.0rem;
		padding-left: 5%;
		padding-right: 5%;
		width: 90%
		
	}
	.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;
}
	
	.menu-item-mb .mainNav_link-lv2 {		
		font-size: 0.9rem;		
	}
	
	.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.contactus{
		display:inline-block;
		color:#D64308 ;
		font-weight:700;
		
	}
	.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 #D64308;
		border-color: #D64308 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%;/*width:57%;/*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 -55px -50px; 
		/* margin: 0 0 -24px -50px; */ /* Lego 20180302 */
	}

	.sticky .menu li.menu-item-1.dropdown-menu-resp{
		padding-bottom:40px;
	}
	.sticky .menu{
		margin: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 16px !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
    }
	/*#header {
		height: 50px;
	}*/
	.logos {
		/*width: 45%;*/
		/*height: 50px;*/
		padding: 0;
		margin:6px 0 0;
	}
	.lcsd_logo_x1 {
		/*min-width: 270px;*/
		height:52px;
	}
	.header-right-block.dropdown-menu-resp .ico-block {
		width: 25px;/*35px;*/
		height: 62px;/*49px;*/
		/*line-height: 49px;*/
		font-size:18px;
		/* padding:53% 0; */
	}
	
	.social-instagram:before, .ie .social-instagram, .social-facebook-main:before, .ie .social-facebook-main{
		width:18px;
		height:18px;
	}
	
	
}

@media screen and (max-width: 480px) {
	/*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: 34px;
		/*line-height: 34px;*/
		/*padding: 23% 0;
		font-size: 0.9rem;
	}*/
	.ico-search {
		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*/
/* @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: 400px) {
	.lcsd_logo_x1{
		height:42px;
	}
	.header-right-block.dropdown-menu-resp .ico-block{
		height:52px;
		width:20px;
		/* padding:42% 0; */
	}
}
/* for js*/
.show_block {
	display: block !important;
}


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


footer{
	background:url(../graphics/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;
}
footer:before{
	position:absolute;
	top:0;
	content:" ";
	background-image:url(../graphics/footer_top.png);
	z-index:99;
	height:142px;
	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(../graphics/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:5px;
	margin-left:0;
}
.ft-mobile-items a{
	margin:0 5px;
	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;
	
}
.footer-link p,.ft-state a,.ft-state .blk-sep{
	/* font-size:0.6875rem; */
	font-size:11px;
}
.ft-copy{
	float:left;
}
.ft-imt-links{
	float:right;
}
.ft-copy p,.lastUpdate-container{
	display:block;
}
.cert_container .access{
	display:none;
}
.ft-imt-links .blk-sep{
	color:#655a5a;
}
.ft-state{
	margin: 0 10px;
	text-align:right;
}
.ft-state a{
	text-decoration:none;
	color:#000;
}
.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;
	}
	
}
@media screen and (max-width: 750px){
	footer:before{
		background-image:url(../graphics/footer_top_mobile.png);
		
	}
	footer:after{
		top:35%;
		left:5%;
		background-size: 75% 75%;
	}
	.cert_container img{
		max-width:80px;
	}
	header .container_resp{
		padding: 0 10px;
	}


}
@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('../graphics/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;
}
.show_tablet_mobile ul{padding:0;}

.header-right.hidden_tablet_mobile a{
	margin: 0 2px;/*Amended by Cate 20180116 for ie padding:0 2px;*/
}
.hidden_tablet_mobile .mainNav_sub.dropdown-content {
	min-height:100%;
	overflow: auto;
	/*line-height:0.97rem;*/
}

/*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: 18%; /*right: 10%;*/
    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('../graphics/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('../graphics/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:-35%;
}
@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('../graphics/pause_bg.png') center center no-repeat #a31002;
	background-size: 11px;
}
.idx-slider-button.slick-play{
	right: 0;
    background:url('../graphics/play_bg.png') center center no-repeat #a31002;
	background-size: 6px auto;
    
}
.idx-slider-button.slick-prev{
	right: 70px;
	left: auto;
	background:url('../graphics/prev_bg.png') center center no-repeat #a31002;
	background-size: 9px;
}
.idx-slider-button.slick-next{
	right: 35px;
	background:url('../graphics/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: 1688px){
	.idx-slider-container{
		left:50%;
		margin-left:-20%;
	}
}

@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: 65%; /* 20180201 CCHUN */
	float: left;
	margin-bottom: 50px; /* 20180202 CCHUN */
	position: relative;
}

.idx-bottom-right {
	width: 34.9%; /* 20180201 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(../graphics/highlight_bg.png) left no-repeat;
    font-weight: 400;
}
.idx-bottom-left .img_box_container {
	margin: 0;
	padding: 0;
}
.idx-bottom-left .img_box {
	padding: 0 6% 6% 0; /* 20180201 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: auto;
}
.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", "Helvetica", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '�文细黑', 'sans-serif';
    display: inline-block;
    background: url(../graphics/idx-nine-more-bg.png) center right no-repeat;
	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%;	
	background:#5f7500;
}
.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;	
}
.imgRibbon_imgWrapper:after {
    position: absolute;
    bottom: 0;
    left: 0;
	content: " ";
    width: 100%;
    height: 6px;
	background: url(../graphics/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%; float: left;}
.col-2 {width: 16.66%; float: left;}
.col-3 {width: 25%; float: left;}
.col-4 {width: 33.33%; float: left;}
.col-5 {width: 41.66%; float: left;}
.col-6 {width: 50%; float: left;}
.col-7 {width: 58.33%; float: left;}
.col-8 {width: 66.66%; float: left;}
.col-9 {width: 75%; float: left;}
.col-10 {width: 83.33%; float: left;}
.col-11 {width: 91.66%; float: left;}
.col-12 {width: 100%; float: left;}
/* [class*="col-"] {
    float: left;
} */ 
/* Lego: 20180302 : Affected our class col-*-* (col-lg-1/col-xs-1 etc) */

.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%;
	}.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('../../graphics/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(../graphics/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(../graphics/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", "Helvetica", '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(../graphics/index_bg.jpg) top center no-repeat #fcfbff;/*background: url(../graphics/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-family: "Arial", "Helvetica", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '�文细黑', 'sans-serif'; display: inline; list-style: none; padding: 0; color: #6E6E6E; }
.tc .breadcrumb li, .sc .breadcrumb li { font-family: '新細明體', '細明體_HKSCS', 'Microsoft Yahei', '微软雅黑', '�文细黑', 'sans-serif'; } 
.breadcrumb li:before { content: ">"; margin: 5px; }
.breadcrumb li:first-child:before { content: " "; margin: 0; }
.breadcrumb a { color: #6E6E6E !important; }
.breadcrumb li.active { color: #6E6E6E !important; }
.breadcrumb a:hover, .breadcrumb a:focus { color: #111; }

.size_s .breadcrumb li { font-size: 14px; }
.size_m .breadcrumb li { font-size: 18px; }
.size_l .breadcrumb li { font-size: 23px; }

.mainContent:before, .mainContent:after, .richText:before, .richText:after{
    content: " ";
    display: table;
}
.richText {
	line-height: 1.35714;
    font-family: "Arial", "Helvetica", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '�文细黑', 'sans-serif';
}
.tc .richText, .sc .richText { 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", "Helvetica", '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; }
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;
}
h3 {
    font-size: 1.125em;
    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-left: 1px solid #dddde0;
    border-bottom: 1px solid #dddde0;
}
table th {
	font-family: "Arial", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '�文细黑', 'sans-serif';
    background: #e9f0e5;
    color: #4e4e4e;
    font-size: 1.1em;
    line-height: 1;
    font-weight: 400;
    padding: 10px 22px 9px 22px;
}
.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: transparent;
}
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: '';
	}  	
}



/*Quick Links Slider*/
.quicklinks_slider{
	min-height:150px; /*Need to amend later*/
}
/*End of Quick Links*/
.index_searchBar{
	min-height:120px;
	position:relative;
	background:url('../graphics/index_searchBar_bg.jpg') top center repeat-y #256b07;
	
	
}

.index_searchBar:before{
	position:absolute;
	top:0;
	/*left:50%;*/
	margin:1px 0 0 -25%; /*margin: 1px 0 0 -20.5%; /*1px 0 0 -62px*/
	content: '';
	width:100%;
	/*min-width:28%;/*min-width:429px;*/
	min-height:421px;
	/*background:url('../graphics/lcsd_ppl.png')center -21px no-repeat;     comment by CChun */
	
}
/*@-moz-document url-prefix() {                                         /*css for firefox only by Cate 20180109
    .index_searchBar:before{
		background:url('../graphics/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('../graphics/lcsd_ppl_shadow.png')top center no-repeat;
	/*background:url('../graphics/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 0 20px;
	overflow:hidden;
}

.index_searchBar_main{
	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;
}
.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 */
}
/*@-moz-document url-prefix() {                                         /*css for firefox only by Cate 20180109*/
   /* .btn-ico-search{
		top:57%;
	}
}*/
.index_searchBar_name{
	display:inline-block;
	width:87%;
	position: relative;
}
.input-submit-indexsearch{
	width:12%;
	height:34px;
	color:#FFF;
	background-color:#255101;
	border-color:transparent;
	font-size:0.9375rem;
}
.index_searchBar_sub{
	float:left; 
	width:25%;
	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:before{
	content:"\f0da";
	font-family: 'FontAwesome';
	color:#FFF;
	font-size:0.875em;
	padding: 0 5px 0 0;
}
.index_searchBar_sub_list li {
	color:#fff;
}
.idx-banner-head{

	background: #d33200;
	padding: 12px 12px 12px;
	display:none;
}
.idx-banner-head-title{
	color:#fff;
	font-family:"Arial", "Helvetica", '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:block;
	}	
}
@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;
}
.idx-middle-upper,.idx-middle-lower{
	max-height:50%;
	display:inline;
}
.middle_nav_title{
	color:#fff;
	font-size:0.9375rem;
	font-style:normal;
	font-weight: 300;
	text-align:center;
	font-family:"Arial", "Helvetica", 'MingLIU', '新細明體', 'Microsoft Yahei', '微软雅黑', '�文细黑', 'sans-serif';
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
.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;
}
.idx-middle-upper .middle_nav_item{
	width:49%;
}
.idx-middle-lower .middle_nav_item{
	width:32%;
}
.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(../graphics/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(../graphics/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(../graphics/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(../graphics/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;
}
.gallery img{
	width:100%;
}
/*Temp index content*/
.idx-content{
	height:800px;
	background:url('../graphics/index_bg.jpg') top center #fcfbff no-repeat;
}
/*End of Temp index content*/
.readmore-ribbon-text {
	position: relative;
	max-height: 45px;
	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;/* 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;
} 
.idx-bottom-right .widgetBox_txt p {
	display: table-cell;
	vertical-align: middle; 
	color: #fff;
	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 80px; /* 0 10px 0 40px; modify by CCHUN 20180227*/
}
.idx-bottom-right .widgetBox:nth-child(odd) .widgetBox_txt{
	float: right; /*left;*/
	text-align: right;
	padding: 0px 80px 0 10px;/* 0 40px 0 10px; modify by CCHUN 20180227*/
}
.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;*/
}
@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 30px;
}
.quicklinks_item {
	margin: 0 15px;
	max-width: 300px;
}
.quicklinks_item img {
	width:100%;/*width: 70%;*/
	margin: auto;
}
.idx-middle-prev {
	color: #256b07;/*#D64308;*/
	left: -1%;
	top: 30%;
}
.idx-middle-prev:before, .idx-middle-next:before {
	font-size: 2.5rem;
	font-weight: 700;
}
.idx-middle-next {
	color:  #256b07;/*#D64308;*/
	right: -1%;
	top: 30%;
}
.quicklinksList .slick-dots li button:before {
	color: #D64308;
}
.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: 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('../../graphics/index/idx-cover-bg.png') repeat;
		padding: 20px 0;
	} 
	.quicklinks_item.quicklinks_item_mb{
		max-width: none;
		display: inline-block;
		width: 29%;
		margin: 0 10%;
		
	}/*
	.quicklinks_item_mb:before {
		content: '';
		width: 4px;
		height: 100px;
		position: absolute;
		bottom: -4px;
		left: -4px;
		background: #D64308;
	}
	.quicklinks_item_mb:after {
		content: '';
		width: 4px;
		height: 20px;
		position: absolute;
		bottom: -4px;
		right: -4px;
		background: #D64308;
	}*/
	.quicklinks_item.quicklinks_item_mb img {
		width: 100%;
	}
	
	
}
@media screen and (max-width: 400px) {
	.quicklinks_item {
		
		max-width: 100%;
	}
	.quicklinks_item img {
		width: 100%;
		margin: auto;
	}
}
.narrowed.idx-bottom-left{
	width: 65%;
}
.narrowed.idx-bottom-right{
	width: 35%;
}
.idx-bottom-right-block{
	float:left;
	padding: 0 15px;
	margin: 0 0 15px;
	max-height: 248px;
	min-height: 248px;
	 
}
.rg-blk{
	background-color: #eff6eb;/*background-color:#f3f3f3;*/
	padding:35px 10px;
	text-align:center;
	border-radius: 10px;
	min-height: 248px;
}
@-moz-document url-prefix(){
	.idx-bottom-right-block {
       max-height: 260px;
	   min-height: 260px;
	   font-size: 0.77rem;
    }
	.rg-blk{
		min-height: 260px;
	}
}  
.rg-blk:hover .img-circle{
	background-color:#fff;
}
.img-circle{
	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;
	font-family: Century Gothic,CenturyGothic,AppleGothic,'MingLIU','Arial', '新細明體', 'Microsoft Yahei', '微软雅黑', '�文细黑',sans-serif;
	text-transform: uppercase;



	color:#f00;
	/*color:#777;*/



	font-weight: 700;
}
.rg-blk a{
	text-decoration:none;
}
@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 #D64308;
    border-color:#D64308 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';
}

.hidden_tbl_resp {display: block;}
.idx-bottom-right-tab1, .idx-bottom-right-tab2 {display: none;}
@media screen and (max-width: 1170px) {
	.hidden_tbl_resp {display: none;}
	.idx-bottom-right-tab1, .idx-bottom-right-tab2 {display: block;}
}
@media screen and (max-width: 750px) {
	.hidden_tbl_resp {display: block;}
	.idx-bottom-right-tab1, .idx-bottom-right-tab2 {display: none;}
}

.quicklinksList .slick-dots li button::before{
	font-size:37px;
}
.quicklinksList .slick-dots{
	padding:0 30px 0 0;
}

.js-desktop .anchor {
	position: relative;
	top: -235px;
	visibility: hidden;
	display: inline-block;
}


.js-desktop .anchor.withSticky {
	top: -105px;
}
.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;
}

.dropdown-menu.open {
	width: 100%;
}

.dropdown-menu > li > a > span {
	white-space: normal;
}

.size_s .alert-message h4 { font-size: 18px; }
.size_m .alert-message h4 { font-size: 22px; }
.size_l .alert-message h4 { font-size: 27px; }

.size_s button, .size_s input, .size_s .dropdown-menu .text, .size_s span.filter-option, .size_s .form-horizontal .control-label, .size_s #searchTags .btn { font-size: 14px; }
.size_m button, .size_m input, .size_m .dropdown-menu .text, .size_m span.filter-option, .size_m .form-horizontal .control-label, .size_m #searchTags .btn { font-size: 18px; }
.size_l button, .size_l input, .size_l .dropdown-menu .text, .size_l span.filter-option, .size_l .form-horizontal .control-label, .size_l #searchTags .btn { font-size: 23px; }


/*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('../graphics/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*/


.sorting .fa {
	color: #444444;
}

.fa.sorted {
    font-weight: bolder;
    font-size: 110%;
    color: #000000;
}

.back_to_search {
	color: #1b1b1b;
	padding: 3px 10px 1px 18px;
	text-decoration: none;
	display: inline-block;
	float: right;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAKCAYAAAB8OZQwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjQyMzVERERDRUM5MTFFNDhDOTNFRTY3NERBM0U1OUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjQyMzVEREVDRUM5MTFFNDhDOTNFRTY3NERBM0U1OUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNDIzNUREQkNFQzkxMUU0OEM5M0VFNjc0REEzRTU5QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNDIzNUREQ0NFQzkxMUU0OEM5M0VFNjc0REEzRTU5QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpC3dxYAAABjSURBVHjaYvj//z8DMr7syGfLxIAErjjxxwCpQ0xIAp5AajGIzYQksA0q/5EJKJCOJABWCFIZxYAGQIKOQLwDSew/I8gZUHO3AykPIP4Kt11n30eQZSeBmJsJzThLIF4OEGAAVhojUtKZ97QAAAAASUVORK5CYII=') no-repeat 5px 6px #cecece;
}
.physical-tb td{
	padding: 10px 0;
}
.physical-tb td:first-child{
	padding: 10px 15px 10px 22px;
}
.physical-tb td:nth-child(2){
	width:70%;
}
.physical-tb td:nth-child(3),.physical-tb td:nth-child(5){
	padding: 10px 5px 10px 10px;
	width:1%;
}
.IndRecreSprtAct{
	padding:15px 0;
}
.invisible-table.personal-tb td{
	padding:10px 0;
}
.invisible-table.personal-tb td:nth-child(2){
	padding-left:10px;
}
.cate_container{
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	margin: 20px 0 25px 15px;
	font-size:initial;
	column-width:170px;
}
.cate_container ul{
	margin:0;
}
.cate_container ul li {
	padding: 10px 10px;
}

.main_logo_tablet,.main_logo_mobile{
	display:none;
}
.header-right .header-right-block{
	padding:0 2px;
	
}
@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;
	}
	.header-right .header-right-block{
		padding:0;
		
	} 
}
.menu-item-1>a:hover{
	text_decoration:none;
	
}
a.mainNav_link-lv2:hover{
	text-decoration:none;
}
.site_control a:hover, a.mainNav_link-lv2:hover p{
	text-decoration:underline;
}

.header-right-block.dropdown-menu-resp.contactus{
		display: none;
	}
	
/* Header share block dropdown */
.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;
}

.logo-18d-row {
	padding-right: 15px;
	padding-left: 10px;
}

.logo-18d-col {
	float: left;
	width: 5%;
}
	
.logo-18d-img {
	width: 100%;
}

@media screen and (max-width:750px){
	.logo-18d-col {
		width: 9%;
	}
}

@media screen and (max-width: 450px) { 
	.logo-18d-col {
		width: 11%;
	}
}

/* 2024.08.08 */
/* Other Languages DropdownButton*/
/* Dropdown Button */
.other-lang-dropdown {
  border: none;
  cursor: pointer;
}

/* The container div - needed to position the dropdown content */
.other-lang-dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.other-lang-dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 225px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.other-lang-dropdown-content a {
  color: black;
  padding: 10px 20px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.other-lang-dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.other-lang-dropdown:hover .other-lang-dropdown-content {display: block;}
/* 2024.08.08 */