@charset "utf-8";
body,
html{
	margin: 0px;
	padding: 0px;
}
body{
	color: #1b1b1b;
	font-size: 16px;
	/*line-height: 30px;*/
	line-height: 1.5em;
	font-family: Arial, Verdana, 'GillSansNova-Book', 微軟正黑體 , 新細明體;
	height: 100%;
	border-left: 15px solid #c70025;
	border-right: 15px solid #c70025;
}
/*h1{
    font-size: 40px;
    line-height: 48px;
}
h2{
    font-size: 24px;
    line-height: 36px;
}
h3{
    font-size: 20px;
    line-height: 30px;
}
h4{
    font-size: 18px;
    line-height: 28px;
}
h5{
    font-size: 14px;
    line-height: 24px;
}*/
h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	line-height: 1.5em;
	font-weight: normal;
}
.font_50{
	font-size: 50px;
	line-height: 75px;
}
.font_36{
	font-size: 36px;
	line-height: 54px;
}
.font_24{
	font-size: 24px;
	line-height: 36px;
}
.font_20{
	font-size: 20px;
	line-height: 30px;
}
.font_18{
	font-size: 18px;
	line-height: 26px;
}
.font_15{
	font-size: 15px;
	line-height: 22px;
}
p{
	font-size: 16px;
	line-height: 24px;
}
@media screen and (max-width: 1023px){
	.font_50{
		font-size: 36px;
		line-height: 54px;
	}
	.font_36{
		font-size: 30px;
		line-height: 45px;
	}
	.font_20{
		font-size: 18px;
		line-height: 26px;
	}
	.font_18{
		font-size: 16px;
		line-height: 24px;
	}
}

ul,ol{
	margin-bottom: 0;
}
img{
	border: none;
	max-width: 100%;
}
button{
	outline: 0;
}
input[type=text],
input[type=password],
textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/*select預設符號隱藏*/
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;	
}
select::-ms-expand{
    display: none;
}
select:focus{
	outline: none;
}
.container-fluid{
	width: 100%;
	padding: 0;
}
.container{
	width: 100%;
	/*max-width: 1170px;*/
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}
.html_edit{
	width: 100%;
	margin: 0 auto;
	/*overflow: auto;*/
	overflow: hidden;
}
.html_edit img{
	max-width: 100%;
	height: auto;
}
.table_block{
	display: table;
	height: 100%;
	width: 100%;	
}
.table_cell{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.table_block .table_cell img{
	max-width: 100%;
	width: auto;
	height: auto;
}
.flex_center{
	display: -webkit-flex;
  	display: flex;
  	-webkit-align-items: center;
    align-items: center;
  	-webkit-justify-content: center;
    justify-content: center;
	overflow: hidden;
}
.center{
	text-align: center;
}
.bold{
	font-weight: bold;
}
.hidden{
	display: none;
}
.no_ul,
.no_ul>li{
	list-style: none;
	padding: 0;
	margin: 0;
}
/*pc隱藏項目*/
.display_none{
	display: none;
}
@media screen and (min-width: 1200px){
	.hidden_pc,
	.nav > li.hidden_pc{
		display: none !important;
	}
}
@media screen and (min-width: 1024px){
	.show_1024{
		display: none !important;
	}

}
@media screen and (min-width: 768px){
	.show_768{
		display: none !important;
	}
}
html.noscroll{
	/*height: 100%;*/
	overflow: hidden;
}
body.noscroll{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
}
.no_max_height{
	max-height: none !important;
}
a.no_dec{
	text-decoration: none;
}
@media screen and (max-width: 1199px){
	/*.hidden_pc,*/
	.nav > li.hidden_pc{
		display: block !important;
	}
	.hidden_1200{
		display: none !important;
	}
	.container{
		padding: 0 40px;
	}
}
@media screen and (max-width: 1023px){
	.hidden_mobile{
		display: none !important;
	}
	.m_block_table,
	.m_block_table>tbody,
	.m_block_table>tbody>tr,
	.m_block_table>tbody>tr>td{
		display: block;
		width: 100%;
	}
	.container{
		padding: 0 20px;
	}
}
@media screen and (max-width: 767px){
	h1{
	    font-size: 30px;
	    line-height: 45px;
	}
	.container{
		padding: 0 20px;
	}
	.hidden_768{
		display: none !important;
	}	
}

/*-----Header start-----*/
#header_block{
	position: fixed;
	z-index: 1000;
	background: #fff;
	height: 90px;
	width: 100%;
	width: -webkit-calc(100% - 30px);
	width: -moz-calc(100% - 30px);
	width: calc(100% - 30px);
	border-bottom: 1px solid #dcdcdc;

}
.header_container{
	max-width: 1600px;
	padding: 0;
	position: relative;
}
.header_margin_block{
	height: 90px;
}
/*logo*/
.navbar-brand{
	width: 134px;
	height: 32px;
	display: block;
	float: left;
	margin: 29px 0;
	padding: 0;
	position: relative;
	z-index: 1800;
}
.navbar-brand img{
	display: block;
}
.navbar-brand.tw_type{
	width: 262px;
	height: 29px;
	margin-right: 25px;
	margin-top: 30.5px;
	margin-bottom: 0;
}

.navbar-brand.tw_type img{
	width: 220px;
}

@media screen and (max-width: 1659px){
	.header_container{
		padding-left: 20px;
		padding-right: 20px;
	}
}


/*--- 常駐區 ---*/
/*語系btn*/
.header_lang_btn{
	color: #535353;
	padding: 25px 15px;
	font-size: 16px;
	line-height: 30px;
	display: block;
	position: absolute;
	right: 30px;
	bottom: 0;
	z-index: 1100;
}
.header_lang_btn:before{
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: url(lextar_language.svg) no-repeat center;
	background-size: contain;
	position: absolute;
	left: -20px;
	top: 30px;
}
.header_lang_btn:after{
	content: '';
    height: 5px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #c70025;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1);
    transition-timing-function: cubic-bezier(.075,.82,.165,1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}
.header_lang_btn:hover:after{
	-webkit-transform: scaleX(1);
    transform: scaleX(1);
}
/*語系列*/
.header_lang_btn .lang_list{
	width: 160px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: absolute;
	top: 80px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1);
	transition-timing-function: cubic-bezier(.075,.82,.165,1);
	-webkit-transition-property: opacity;
	transition-property: opacity;
	pointer-events: none;
}
.header_lang_btn:hover .lang_list{
	opacity: 1;
	pointer-events: auto;
}
.header_lang_btn .lang_list:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: -1;
	background: #dee5ea;
	opacity: 0;
	-webkit-transform: scale(.9);
	transform: scale(.9);
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1);
	transition-timing-function: cubic-bezier(.075,.82,.165,1);
	-webkit-transition-property: opacity,-webkit-transform;
	transition-property: opacity,-webkit-transform;
	transition-property: opacity,transform;
	transition-property: opacity,transform,-webkit-transform;
}
.header_lang_btn:hover .lang_list:after{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.lang_list li{
	display: block;
	width: 100%;
}
.lang_list li a{
	display: block;
	width: 100%;
	color: #535353;
	text-decoration: none;
	padding: 0 10px;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
}
.lang_list li a:hover,
.lang_list li a:focus,
.lang_list li a:active{
	color: #c70025;
}

/*header MENU*/
.navbar{
	margin-bottom: 0;
}
.navbar-collapse{
	padding: 0;
}
.navbar-default{
	border: 0;
	background: transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border: 0;
	width: -webkit-calc(100% + 40px);
	width: -moz-calc(100% + 40px);
	width: calc(100% + 40px);
	margin-left: -20px;
	margin-right: -20px;
}
.header_menu{
	margin-top: 10px;
	margin-left: 50px;
}
.navbar-default .navbar-nav > li,
.navbar-nav > li{
	margin-left: 0;
	margin-right: 0;
	position: relative;
}
.navbar-default .navbar-nav > li > a,
.navbar-nav > li > a{
	font-size: 18px;
	line-height: 30px;
	display: block;
	color: #1b1b1b;
	padding: 25px 15px;
	position: relative;
}
.navbar-default .navbar-nav > li > a:after{
    content: '';
    height: 5px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #c70025;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1);
    transition-timing-function: cubic-bezier(.075,.82,.165,1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}
.navbar-default .navbar-nav > li:hover > a:after,
.navbar-nav > li:hover > a:after{
	-webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
	color: #1b1b1b;
	background: transparent;
}
.overlay{
	display: none;
	position: fixed;
	z-index: 100;
	top: 90px;
	left: 15px;
	background: rgba(0,0,0,0.8);
	height: 100%;
	width: 100%;
	width: -webkit-calc(100% - 30px);
	width: -moz-calc(100% - 30px);
	width: calc(100% - 30px);
}

/*--- menu Lv2 ---*/
/*prod 2層構造*/
.menu_lv2_block{
	/*display: none;*/
	position: fixed;
	top: 90px;
	left: 15px;
	width: 100%;
	width: -webkit-calc(100% - 30px);
	width: -moz-calc(100% - 30px);
	width: calc(100% - 30px);
	overflow: hidden;
	padding-top: 60px;
	padding-bottom: 80px;
	font-size: 16px;
	line-height: 30px;
}
.menu_prod_block_inner{
	position: relative;
}
.lv2_prod_drop .menu_lv2_block:after{
	background: #dee5ea;
}
.menu_lv2_block .container{
	max-width: 1170px;
	position: relative;
}
.menu_lv2_block .header_prod_item{
	width: 150px;
}
.menu_lv2_block a.header_prod_lv1{
	display: block;
	color: #b30021;
	font-weight: bold;
	max-height: 60px;
	overflow: hidden;
	text-decoration: none;
}
.menu_lv2_block a.header_prod_lv1.two_row{
	height: 60px;
}
.menu_lv2_block .header_prod_lv2{
	display: block;
	margin-top: 10px;
	border-top: 1px solid #bfbfbf;
	padding-top: 15px;
}
.menu_lv2_block .header_prod_lv2 li{
	display: block;
	padding-bottom: 5px;
}
.menu_lv2_block .header_prod_lv2 a{
	text-decoration: none;
}
.menu_lv2_block a.header_prod_lv1:hover{
	color: #b30021;
}
.menu_lv2_block a{
	display: block;
	color: #626262;
}
/*prev next*/
.menu_lv2_block .prod_slider_prev,
.menu_lv2_block .prod_slider_next{
	width: 50px;
	height: 90px;
	margin-top: -45px;
	background-size: contain;
	outline: 0;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;

}
.menu_lv2_block .prod_slider_prev{
	background-image: url('lextar_index_prod_prev.jpg');
	left: 0;
}
.menu_lv2_block .prod_slider_prev:hover{
	background-image: url('lextar_index_prod_prev_hover.jpg');
}
.menu_lv2_block .prod_slider_next{
	background-image: url('lextar_index_prod_next.jpg');
	right: 0;
}
.menu_lv2_block .prod_slider_next:hover{
	background-image: url('lextar_index_prod_next_hover.jpg');
}
.menu_lv2_block .swiper-button-next.swiper-button-disabled,
.menu_lv2_block .swiper-button-prev.swiper-button-disabled{
	display: none;
}

/*1層構造*/
.lv2_drop .menu_lv2{
	width: 260px;
	padding: 15px 0;
	position: absolute;
	z-index: 1000;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.lv2_prod_drop .menu_lv2_block,
.lv2_drop .menu_lv2{
	opacity: 0;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1);
    transition-timing-function: cubic-bezier(.075,.82,.165,1);
    -webkit-transition-property: opacity;
    transition-property: opacity;
	pointer-events: none;	
}
.lv2_prod_drop:hover .menu_lv2_block,
.lv2_drop:hover .menu_lv2{
	opacity: 1;
    pointer-events: auto;
}
.lv2_drop .menu_lv2:after{
	background: #dee5ea;
}
.lv2_prod_drop .menu_lv2_block:after,
.lv2_drop .menu_lv2:after{
	width: 100%;
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    /*-webkit-box-shadow: 0 8px 20px 0 rgba(0,0,0,.15);
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.15);*/
    opacity: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1);
    transition-timing-function: cubic-bezier(.075,.82,.165,1);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;

}
.lv2_prod_drop:hover .menu_lv2_block:after,
.lv2_drop:hover .menu_lv2:after{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.lv2_drop .menu_lv2 li{
	display: block;

}
.lv2_drop .menu_lv2 li a{
	display: block;
	text-align: center;
	color: #313131;
	font-size: 16px;
	line-height: 40px;
	text-decoration: none;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
	margin-bottom: 5px;
}
.lv2_drop .menu_lv2 li a:hover{
	color: #c70025;
}
.menu_lv2_block a.header_prod_lv1 i,
.lv2_drop .menu_lv2 li a i{
	opacity: 0;
	color: #b30021;
	padding-left: 5px;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
}
.menu_lv2_block a.header_prod_lv1:hover i,
.lv2_drop .menu_lv2 li a:hover i{
	opacity: 1;
}

.navbar-default .navbar-nav > li:hover .menu_lv2_block{
	display: block;
}


@media screen and (max-width: 1199px){
	body{
		border-left: 10px solid #c70025;
		border-right: 10px solid #c70025;
	}
	/*logo*/
	.navbar-brand{
		width: 108px;
		height: 26px;
		margin: 17px 0;
	}
	.navbar-brand.tw_type{
		width: 200px;
		height: 22px;
		margin-right: 0px;
		margin-top: 19px;
	}
	/*遮罩層*/
	.overlay{
		display: none;
	    position: fixed;
	    z-index: 30;
	    background-color: #000;
	    top: 60px;
	    left: 10px;
	    bottom: 0;
	    opacity: 0.8;
	    filter:Alpha(opacity=80);
	    width: 100%;
	    width: -webkit-calc(100% - 20px);
		width: -moz-calc(100% - 20px);
		width: calc(100% - 20px);
	    height: 100%;
	}
	#header_block{
		width: 100%;
		height: 60px;
		left: 10px;
		width: -webkit-calc(100% - 20px);
		width: -moz-calc(100% - 20px);
		width: calc(100% - 20px);
	}
	.header_margin_block{
		height: 60px;
	}
	.navbar-toggle{
		float: right;
		border: 0;
		height: 55px;
	}
	.navbar-default .navbar-toggle,
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus{
		background: transparent;
	}
	.navbar{		
		min-height: auto;
		z-index: 1500;
	}
	.navbar-nav{
		margin: 0;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		position: absolute;
		left: 0;
		top: 60px;
	}

	/*--- Lv1 ---*/
	.navbar-default .navbar-nav > li, 
	.navbar-nav > li{
		margin-right: 0;
	}
	.navbar-default .navbar-nav > li > a, 
	.navbar-nav > li > a,
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus{
		height: auto;
		padding: 10px 40px 10px 20px;
		text-align: left;
		border-bottom: 1px solid #e5e5e5;
		position: relative;
		color: #1b1b1b;
		background: #fff;
	}
	.navbar-default .navbar-nav > li:last-child > a, 
	.navbar-nav > li:last-child > a{
		border-bottom: 0;
	}
	.navbar-default .navbar-nav .lang_li>a:before,
	.lang_li .menu_lv2 li a:before,
	.lv2_prod_drop .menu_lv2 li a:after,
	.lv2_drop .menu_lv2 li a:after,
	.navbar-default .navbar-nav > li > a:before, 
	.navbar-nav > li > a:before{
    	content: '';
		display: block;
		position: absolute;
		width: 7px;
		height: 10px;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		top: 20px;
		bottom: auto;
		right: 25px;
		left: auto; 
		-webkit-transition: .3s ease;
		-moz-transition: .3s ease;
		-o-transition: .3s ease;
		transition: .3s ease;
	}
	.navbar-default .navbar-nav > li > a:before, 
	.navbar-nav > li > a:before{
		background-image: url('common/lextar_menu_icon_lv1.png');
	}
	.lang_li .menu_lv2 li a:before,
	.lv2_prod_drop .menu_lv2 li a:after,
	.lv2_drop .menu_lv2 li a:after{
		background-image: url('lextar_menu_icon_lv2.png');
	}
	.navbar-default .navbar-nav .lang_li>a:before{
		background-image: url('lextar_menu_icon_lang.png');
	}
	.navbar-default .navbar-nav > li:hover > a:after,
	.navbar-nav > li:hover > a:after,
	.navbar-default .navbar-nav > li > a.open:after, 
	.navbar-nav > li > a.open:after{
		display: none;
	}
	.navbar-default .navbar-nav > li > a.open:before, 
	.navbar-nav > li > a.open:before{
		-moz-transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		transform:rotate(90deg);
	}
	.navbar-default .navbar-nav > li.lang_li > a, 
	.navbar-nav > li.lang_li > a{
		color: #fff;
		background: #c70025;
	}
	.navbar-default .navbar-nav > li.lang_li > a.open, 
	.navbar-nav > li.lang_li > a.open{
		border-color: #313131;
	}
	.navbar-default .navbar-nav > li.lang_li > a i, 
	.navbar-nav > li.lang_li > a i{
		margin-right: 5px;
	}
	.lang_li .menu_lv2 a{
		color: #fff;
		background: #313131;
		text-decoration: none;
		padding-left: 20px;
	}
	.lang_li .menu_lv2 a:hover,
	.lang_li .menu_lv2 a:focus,
	.lang_li .menu_lv2 a:active{
		color: #00bcd4;
	}
	/*mobile開合鈕*/
	.navbar-toggle{
		padding: 10px;
		margin-top: 21px;
		margin-right: 0;
		width: 24px;
		height: 24px;
	}
	.navbar-toggle .icon-bar{
		width: 28px;
		height: 2px;
	}
	.navbar-default .navbar-toggle .icon-bar{
		color: #c70025;
	}
	#m_menu_hamb span{
		display: block;
		position: absolute;
		width: 100%;
		background: #c70025;
		opacity: 1;
		filter:Alpha(opacity=100);
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	.navbar-toggle .icon-bar + .icon-bar{
		margin-top: 0;
	}
	#m_menu_hamb span:nth-child(1) {
		top: 0px;
	}
	#m_menu_hamb span:nth-child(2),
	#m_menu_hamb span:nth-child(3){
		top: 8px;
	}
	#m_menu_hamb span:nth-child(4) {
		top: 16px;
	}
	#m_menu_hamb.open span:nth-child(1){
		top: 7px;
		width: 0%;
		left: 50%;
	}
	#m_menu_hamb.open span:nth-child(2){
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#m_menu_hamb.open span:nth-child(3){
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#m_menu_hamb.open span:nth-child(4){
		top: 7px;
		width: 0%;
		left: 50%;
	}

	/*--- menu Lv2 ---*/
	.lang_li .menu_lv2,
	.lv2_prod_drop .menu_lv2{
		display: none;
	}
	.lv2_drop .menu_lv2{
		width: 100%;
    	padding: 0;
	    position: relative;
	    left: auto;
	    -webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	    transform: translateX(0);
		display: none;
	}
	.lv2_prod_drop .menu_lv2_block,
	.lv2_drop .menu_lv2{
		opacity: 1;
	    -webkit-transition-duration: 0s;
	    transition-duration: 0s;
		pointer-events: auto;	
	}
	.lv2_prod_drop .menu_lv2_block:after,
	.lv2_drop .menu_lv2:after{
		display: none;
	}
	.menu_lv2{
		width: 100%;
		float: none;
		margin-right: 0;
		margin-left: 0;
		padding-bottom: 0;
	}
	.menu_lv2 li{
		padding-top: 0;
	}
	.lang_li .menu_lv2 li a,
	.lv2_prod_drop .menu_lv2 li a,
	.lv2_drop .menu_lv2 li a{
		position: relative;
		padding-left: 40px;
		text-align: left;
		color: #b30021;
		background: #dee5ea;
		line-height: 30px;
		margin-bottom: 0;
	}
	.lv2_prod_drop .menu_lv2>li>a,
	.lv2_drop .menu_lv2>li>a{
		border-bottom: 1px solid #d2d2d2;
	}
	.lang_li .menu_lv2>li>a{
		border-bottom: 1px solid #38505e;
	}
	.lang_li .menu_lv2 li:last-child{
		border-bottom: 0;
	}
	.lang_li .menu_lv2 li a,
	.lang_li .menu_lv2 li a:hover,
	.lang_li .menu_lv2 li a:active{
		color: #ff002f;
		background: #1a2830;
	}
	.menu_lv2 a{
		display: block;
		background: #c9c9c9;
		padding: 10px 20px;
		text-align: left;
	}
	.menu_lv2_block a.header_prod_lv1 i,
	.lv2_drop .menu_lv2 li a i{
		display: none;
	}
	/*mobile Lang*/
	.m_lang_icon{
		width: 20px;
		height: 20px;
	}
}

@media screen and (max-width: 767px){
	body{
		border: 0;
	}
	#header_block{
		width: 100%;
		left: 0;
	}
	/*遮罩層*/
	.overlay{
		width: 100%;
		left: 0;
	}
}


/*---Header end---*/


/*---Footer start---*/
.footer_bg_block{
	background: #1a2830;
}
.footer_bg_block .container{
	max-width: 1640px;
	padding: 0 20px;
}
/*footer up*/
.footer_up_block{
	padding: 85px 0;
}
.footer_up_block .left_block{
	float: left;
	padding-top: 60px;
	width: 16.25%;

}
.footer-logo-container{
	display: inline-block;
	text-align: center;
}
.footer_up_block .left_block .footer_logo{
	width: 142px;
	height: 55px;
	margin: 0 auto;
	margin-bottom: 65px;	
}
.footer_up_block .left_block .follow_note{
	font-size: 15px;
	line-height: 1.5em;
	color: #fff;
	margin-bottom: 25px;
}
.footer_follow_list{
	display: block;
	min-width: 183px;
}
/*follow list*/
.footer_follow_list li{
	display: inline-block;
	margin: 0 10px;
}
.footer_follow_list li a{
	display: block;
}
.footer_follow_list li img{
	width: 100%;
	height: auto;
}
.footer_follow_list li .normal{
	display: block;
}
.footer_follow_list li .hover{
	display: none;
}
.footer_follow_list li:hover .normal{
	display: none;
}
.footer_follow_list li:hover .hover{
	display: block;
}
.footer_follow_list li:last-child{
	margin-right: 0;
}
.footer_follow_list li .fb{
	width: 14px;
	height: 26px;
}
.footer_follow_list li .yt{
	width: 27px;
	height: 20px;
}
.footer_follow_list li .in{
	width: 21px;
	height: 22px;
}
.footer_follow_list li .wc{
	width: 27px;
	height: 22px;
}
.footer_follow_list li .yk{
	width: 40px;
	height: 14px;
}
.footer_follow_list li a{
	display: inline-block;
}

.footer_up_block .right_block{
	float: left;
	width: 83%;
	border-left: 1px solid #38505e;
}
.footer_up_block .right_block .footer_menu_block{
	float: left;
	width: 25%;
	padding-left: 3.76%;

}
.footer_menu_block a{
	text-decoration: none;
	line-height: 30px;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;

}
.footer_menu_block a.footer_lv1{
	display: block;
	min-height: 60px;
	/*overflow: hidden;*/
	margin-bottom: 5px;
	position: relative;
	color: #fff;
	font-size: 18px;
}
.tw_type .footer_menu_block a.footer_lv1{
	min-height: 40px;
	padding-bottom: 10px;
}
.footer_menu_block a.footer_lv1:after{
	content: '';
	display: block;
	width: 150px;
	height: 1px;
	background: #38505e;
	position: absolute;
	left: 0;
	bottom: -5px;
}
.footer_menu_block:first-child,
.footer_menu_block:nth-child(2){
	min-height: 385px;
}
.footer_menu_block:nth-child(3),
.footer_menu_block:nth-child(4){
	min-height: 200px;
	margin-bottom: 30px;
}
.footer_menu_block:nth-child(5),
.footer_menu_block:nth-child(6){
	min-height: 225px;
}
.footer_menu_block .footer_lv2{
	display: block;
}
.footer_menu_block .footer_lv2 a{
	display: inline-block;
	margin-top: 10px;
	color: #a0a0a0;
	font-size: 15px;
}
.footer_menu_block .footer_lv2 a:hover{
	color: #ff002f;
}

/*footer down*/
.footer_down_block{
	border-top: 1px solid #38505e;
	padding: 35px 0;
}
.footer_down_block .footer_link_list{
	float: left;
}
.footer_link_list li{
	display: inline-block;
	margin-right: 20px;	
}
.footer_link_list li:last-child{
	margin-right: 0;
}
.footer_down_block a{
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	text-decoration: none;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
}
.footer_down_block a:hover{
	color: #ff0735;
}
.footer_down_block .copyright{
	float: right;
	color: #546e7a;
	font-size: 15px;
	line-height: 30px;
}
@media screen and (max-width: 1199px){
	.footer_bg_block .container{
		padding-right: 40px;
		padding-left: 40px;
	}
	.footer_up_block .left_block{
		width: 20%;

	}
	.footer_up_block .right_block{
		float: right;
		width: 78%;
	}
	/*follow list*/
	.footer_follow_list li{
		margin-right: 3%;
		margin-bottom: 10px;
	}
	
}
@media screen and (max-width: 1023px){
	/*footer up*/
	.footer_up_block{
		padding: 60px 0;
	}
	.footer_up_block .left_block{
		float: none;
		padding-top: 0;
		width: 100%;
		text-align: center;

	}
	.footer_up_block .left_block .footer_logo{
		width: 142px;
		height: 55px;
		margin: 0 auto 45px auto;
	}	
	.footer_follow_list li{
		margin-right: 20px;
	}
	/*footer down*/
	.footer_down_block{
		padding: 30px 0;
		text-align: center;
	}
	.footer_down_block .footer_link_list{
		float: none;
		display: block;
	}
	.footer_down_block a{
		font-size: 14px;
	}
	.footer_down_block .copyright{
		float: none;
		margin-top: 20px;
		font-size: 14px;
		line-height: 22px;
	}
}

/*go top*/
#go_top_btn{
	position: fixed;
	z-index: 20;
	width: 44px;
	height: 44px;
	bottom: 30px;
	right: 30px;
    text-align: center;
	color: #ff002f;
	background-color: transparent;
	-webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    opacity: 0.5;
    filter:Alpha(opacity=50);
    border-radius: 50%;
    border: 1px solid #ff002f;
}
#go_top_btn i{
	font-size: 24px;
	line-height: 40px;
	
}
#go_top_btn:hover{
	opacity: 1;
    filter:Alpha(opacity=100);
}
@media screen and (max-width: 1199px){
	
}
@media screen and (max-width: 767px){
	
	#go_top_btn{
		right: 10px;
		bottom: 10px;
	}
}

/*---Footer end---*/

/* =================================================
gdpr
==================================================== */
.gdpr-mask {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9998;
	background-color: rgba(0, 0, 0, 0.1);
}

.gdpr .white {
    color: #fff;
}

.gdpr .btn-block {
    width: auto;
	display: flex;
    flex-wrap: wrap;
}

.gdpr .btn-common {
    cursor: pointer;
    margin: auto 0;
    display: block;
    height: 56px;
    padding: 0 20px;
    border-radius: 3px;
    text-align: center;
    outline: 0!important;
    overflow: hidden;
    border: none;
    background-color: #c70025;
    position: relative;
    z-index: 1;
    transition: ease .5s;
    -webkit-transition: ease .5s;
    -moz-transition: ease .5s;
    -o-transition: ease .5s;
    -ms-transition: ease .5s;
    min-width: 120px;
	color: #fff;
}

.gdpr .btn-common:hover {
    background-color: #9c001d;
}

.gdpr-block {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #32444F;
	padding: 33px 0;
	z-index: 9999;
}

.gdpr-container {
	max-width: 950px;
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
}

.gdpr-link,
.gdpr-text {
	font-size: 16px;
	line-height: 26px;
}

.gdpr-link {
	font-size: 18px;
	color: #C3D600;
}

.gdpr-block .btn-common {
	height: 35px;
}

.gdpr-block .btn-common .btn-title {
	font-size: 16px;
	line-height: 35px;
	min-width: 80px;
}

.gdpr-block .btn-block {
	margin-left: 60px;
}

.gdpr-block.none {
	display: none;
}

.gdpr-mask.none {
	display: none;
}

.white {
    color: #fff;
}


@media screen and (max-width: 1199px) {

	.gdpr-block {
		padding: 30px 0;
		/* box-shadow: 0 -3px 8px #00000029; */
	}


	.gdpr-container {
		padding: 0 20px;
		display: block;
	}

	.gdpr-block .btn-block {
		margin-left: 0;
	}

	.gdpr .btn-block {
		justify-content: center;
		margin-top: 20px;
	}

}