@charset "utf-8";
@import url('normalize.css');


html, body{
	/* overflow-y: auto;
	-webkit-overflow-scrolling: touch; */
}
html {
  height: 100%;
}
body {
  min-height: 100%;
	/*height: 100%;*/
}
body > div{ height:100%;}
* {
	margin: 0;
	padding: 0;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:focus {
    outline: none;
}
html {
	border:0;
	margin:0 auto;
	padding:0;
	overflow-y:scroll;
}
body {
	border:0;
	margin:0 auto;
	padding:0;
	font-size: 1em;
	line-height: 1.428571429;
	font-family: "Microsoft JhengHei",PMingLiU,Arial,Helvetica,sans-serif;
	color: #333;
	background:#fff;
	min-width:320px;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}
div {
	margin:0;
	padding:0;
}
img {
	border:0;
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 500;
	margin:0;
	padding:0;
}
ul, ol {
	margin:0;
	padding: 0;
	list-style-type: none;
}
a {
	text-decoration:none;
	color:#333;
	-webkit-transition: color .2s ease 0s;
	transition: color .2s ease 0s;
}
a:hover, a.selected {
	color:#F07027;
}
strong {
	font-weight: 700;
}
strong.title {
	color:#017685;
}
input[type="radio"], input[type="checkbox"] {
	border: 0 !important;
}
input,
textarea {
  -webkit-appearance: none;
  border-radius: 0; }
  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #999; }
  input:-moz-placeholder,
  textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #999; }
  input::-moz-placeholder,
  textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #999; }
  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #999; }
  input:focus::-webkit-input-placeholder,
  textarea:focus::-webkit-input-placeholder {
    color: transparent; }
  input:focus:-moz-placeholder,
  textarea:focus:-moz-placeholder {
    /* Firefox 18- */
    color: transparent; }
  input:focus::-moz-placeholder,
  textarea:focus::-moz-placeholder {
    /* Firefox 19+ */
    color: transparent; }
  input:focus:-ms-input-placeholder,
  textarea:focus:-ms-input-placeholder {
    color: transparent; }
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
sup.star{ color:#F00;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
#skipToContent {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
#skipToContent a {
	background:none repeat scroll 0 0 #FFF;
	font-size:100%;
	height:1px;
	overflow:hidden;
	position:absolute;
	width:1px;
}
#skipToContent a:focus, #skipToContent a:active {
	display: inline;
	height: auto;
	left: 0;
	padding: 4px;
	top: 0;
	width: 180px;
	z-index: 1000;
}
.accessibility {
	height:0px;
	width:0px;
	display:inline-block;
	overflow:hidden;
	margin:0;
	padding:0;
	font-size:0;
	text-indent:-9999px;
}
.access {
	height: 1px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: -500px;
	width: 1px;
}
.hiddenLabel{display:none;}
.hidden, .invisible{
	display:none;
}
/* @media print {
* {
	color: #000 !important;
	text-shadow: none !important;
	background: transparent !important;
	box-shadow: none !important;
}
} */
.small_size{
	font-size: 90%;	
}
.middle_size{
	font-size: 100%;	
}
.large_size{
	font-size: 110%;	
}
.f_left{
	float:left !important;
}
.f_right{
	float:right !important;
}
.f_left_img{
	float:left !important;
	padding-right:10px;
}
.f_right_img{
	float:right !important;
	padding-left:10px;
}
.a_left{
	text-align:left !important;
}
.a_right{
	text-align:right !important;
}
.a_center{
	text-align:center !important;
}
.v_middle{
	vertical-align:middle !important;
}
.no_wrap{
	white-space:nowrap;
}
.rwd_img{
	max-width:100%;
	height:auto;
}
.rwd_img_fullWidth{
	width:100%;
	height:auto;
}
.container{
	margin:0 auto;
	position:relative;
	max-width:1200px;
	padding:0 20px; 
}
/***********************Structure css************************/
.loaders{
	position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
	background: #ffffff;
	text-align: center;
}
.loaders .loader{
	width: 100%;
  height: 100%;
	position:relative;
}
#wrapper {
	width:100%;
	height:100%;
	min-width:320px;
	position:relative;
	overflow:hidden;
}

#wrapperInner{
	/* position:relative;
	width:100%;
	right: 0; */
	/* display:none; */
	height: auto;
	/* padding-top: 151px; */
	position: relative;
	width: 100%;
	/*background-color:#fff;*/
	transition:padding-top 0.4s ease 0;
}
#header_zone{
	padding: 0;
	margin: 0;
	position: relative;
	width: 100%;
}

#footer_zone{
	position:relative;
	padding:60px 0;
	font-size:0.875em;
}
#footer_zone .footerLeft{
	width:calc((100% - 40px)/ 2);
	margin-right:40px;
	float:left;	
}
#footer_zone .footerRight {
	width:calc((100% - 40px)/ 2);
	float:left;
	text-align:right;
}
#div_revisiondate{ font-weight:700; font-size:1.000em;}
#topNavs{ padding:10px 0;}
#langNav > a{ display:inline-block; padding:0 10px; color:#9f0f9f; font-size:1.250em;}
#langNav > a:hover, #langNav > a.selected{ text-decoration:underline;}


#rightContentWrap #contentWrap{ margin-bottom:60px;}
#contentBot{ position:relative; padding:20px 0;}
#contentBot #backtotop{
	position:absolute;
	top:-20px;
	right:0;
	font-size:0.75em;
}
#contentBot #backtotop:after {
    background: rgba(255, 255, 255, 0) url(../images/icon_arrow2_up_grey.svg) no-repeat scroll center top / 100% auto;
    content: "";
    display: inline-block;
    height: 16px;
    margin: 0 3px;
    vertical-align: bottom;
    width: 11px;
}
#contentBot #backtotop:hover {
    color: #cc4c02;
}
#contentBot #backtotop:hover:after {
    background: rgba(255, 255, 255, 0) url(../images/icon_arrow2_up_orange.svg) no-repeat scroll center top / 100% auto;
}
#contentBot #div_revisiondate{ text-align:right; float:right;}
#contentBot .btnBack{ display:inline-block; float:left; font-size:1.250em; position:relative; padding:0 25px;}
#contentBot .btnBack:before{
	position:absolute;
	content:"";
	border:1px solid;
	border-left:0;
	border-bottom:0;
	width:8px;
	height:8px;
	top:50%;
	transform:translateY(-50%) rotate(135deg);
	-webkit-transform:translateY(-50%) rotate(-135deg);
	left:10px;
}

#leftMenuWrap{ 
	font-size:1.063em;
	background-image:url(../images/llb/llb_menu_bg.png);
	background-position:50% 0;
	background-repeat:repeat-y;	
}
#leftMenuWrap a{ color:#fff;}
#logoWrap{ text-align:center; position:relative;}
#leftMenuWrap #logoLLB{ display: inline-block; text-align:center; font-size:0;}
#leftMenuWrap #logoLLB img{ max-width:100%;}
#leftMenuMain{ padding:0 10px;}
#leftMenuMain.active{ padding:20px 0;}
#leftMenuMain > nav{ margin-bottom:20px;}
#iconMenu > a{ display:block; width:100%; text-align:center; margin-bottom:5px;}
#rightContentWrap #topNavs, #noMenuContentWrap #topNavs{ text-align:right;}
#rightContentWrap #topNavs > div, #noMenuContentWrap #topNavs > div{ display:inline-block;}
#fontsizeNav a.large{ font-size:20px;}
#fontsizeNav a.middle{ font-size:16px;}
#fontsizeNav a.small{ font-size:12px;}
#fontsizeNav > a{ display:inline-block; padding:0 5px;}
#leftMenuMain > nav li{position:relative; margin-top:5px; }
#leftMenuMain > nav li:first-child{ margin-top:0;}
#leftMenu li{ padding-left:25px; padding-bottom:2px;}
#leftMenu li > a{ z-index:100; position:relative;}
#leftMenu li:before{
	content:'';
	width:5px;
	height:5px;
	border-radius:50%;
	background-color:#fff;
	position:absolute;
	left:12px;
	top:0.5em;
	z-index:100;
}
#leftMenu li:after{
	content:'';
	background:url(../images/llb/red.png) 100% 0 repeat-y;
	width:100%;
	height:100%;
	display:none;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
}
#leftMenu li:hover:after, #leftMenu li.selected:after{ display:block;}


#leftMenuOthers li{ padding-left:25px; padding-bottom:2px;}
#leftMenuOthers li > a{ z-index:100; position:relative;}
#leftMenuOthers li:before{
	content:'';
	width:5px;
	height:1px;
	background-color:#fff;
	position:absolute;
	left:12px;
	top:0.75em;
	z-index:100;
}
#leftMenuOthers li:hover a, #leftMenuOthers li a.selected{ color:#fbda7f;}
#mainsiteLink a{ display:inline-block; padding:5px 25px 5px 15px; position:relative;}
#mainsiteLink a:before{
	position:absolute;
	content:"";
	border:1px solid;
	border-left:0;
	border-bottom:0;
	width:8px;
	height:8px;
	transform:translateY(-50%) rotate(45deg);
	-webkit-transform:translateY(-50%) rotate(45deg);
	top:50%;
	right:10px;	
}
#mainsiteLink a:hover{ background-color:#331982;}

/*Mobile*/
#mobileNavToggle {
	display: none;
	height: 34px;
	width: 34px;
	position:absolute;
	top:15px;
	right:20px;
	z-index:2000;
}
#mobileNavToggle span{ 
	text-indent:-9999px; 
	display:block;
	position:relative; 
	width:24px;
	height:4px;
	transition: all .25s ease 0s;
	-webkit-transition: all .25s ease 0s;	
}
#mobileNavToggle span:before, #mobileNavToggle span:after{
	content:'';
	height:4px;
	width:24px;
	display:block;
	transition: all .25s ease 0s;
	-webkit-transition: all .25s ease 0s;	
	position:absolute;	
	display:block;
}
#mobileNavToggle:not(.active) span:before, #mobileNavToggle:not(.active) span:after{
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	left:50%;	
}
#mobileNavToggle:hover span, #mobileNavToggle:hover span:before, #mobileNavToggle:hover span:after {
	width:28px;
}
#mobileNavToggle.active:before{
	/*background:#fff;*/
}

#mobileNavToggle.active {
	position:absolute;
	width:34px;
	height:34px;
}
#mobileNavToggle span {
	width:24px;
	height:4px;
	background:#fff;
	position:absolute;
	left:50%;
	top:50%;
	display:block;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
}
#mobileNavToggle span:before, #mobileNavToggle span:after {
	content:'';
	height:4px;
	width:24px;
	display:block;
	background:#fff;
	position:absolute;
	top:-8px;
}
#mobileNavToggle span:after{
	top:8px;
}
#mobileNavToggle.active span{background:none;}
#mobileNavToggle.active span:before, #mobileNavToggle.active span:after {
	display:block;
	background:#fff;
	position:absolute;
	top:0;
}
#mobileNavToggle.active span:before{
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);		
}
#mobileNavToggle.active span:after {
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
#logoLLB_m{ display:none; }
#logoLLB_m img{ height: 68px;}