2@charset "UTF-8";
body {
    color: #292929;
    font-family: "Lato", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    height:100%;
    background-color: #ECEEF4;
}
html {font-size: 16px;}
li {list-style-type: square;}
h2 {font-size: 22px;font-weight: 700;}
h1 {font-size: 1.4rem;font-weight: 700;}
a {color: #000000;text-decoration: none;transition: all 0.4s;cursor: pointer;}
a:focus,
a:hover {color: #459F98;text-decoration: none;transition: all 0.4s;}
button {display: inline-block;outline: none;border: 0;}
button:focus {outline: 0;}
.font2{font-family: 'Microsoft JhengHei', sans-serif;}
.font3{font-family: "Noto Serif TC", serif,sans-serif,arial}
.p-r{
    position: relative;
}
.p-a{
    position: absolute;
}
.h-t{
	padding-top: 2vh;
}
.h-t2{
	padding-top: 3vh;
}
.m-t{
	margin-top: 20px;
}
.m-pc{
	display: block;
}
.m-md{
	display: none;
}
.m-t2 {
	margin-top: 30px;
}
.bc2{
	background-color: #ECEEF4;
}
.skybar {
	background-color: #459f98;
	color: #fff;
	font-size: 14px;
	padding: 5px;
	height: 30px;
}
.container-full {
	width: 1400px;
	margin: auto;
	padding: 0 20px;
}
.container-full.s2 {
	width: 1000px;
}
.container-full2 {
	width: 1280px;
	margin: auto;
	padding: 0 20px;
}
.skybar-flex{
	display: flex;
}
.top-menu-fr{
	background-color: #fff;
	/* height: 80px; */
}
.top-menu-mb .m-menu{
	position: absolute;
	top: 15px;
	right: 20px;  
}
/***  Hamburger start ****/

.m-menu{
	display:none;
}
.menu-icon-first, .menu-icon-second, .menu-icon-thrid {
	width: 30px;
	height: 2px;
	background-color: #fff;
	margin: 6px 0;
	transition: 0.4s;
}
.menu-icon-wrapper {
	position: absolute;
	font-weight: 300;
	top: 15px;
	right: 15px;
	cursor: pointer;
	margin-left: 10px;
	transition: all 0.4s;
	z-index: 13;
}
.open .menu-icon-first {
	-webkit-transform: rotate(-45deg) translate(-6px, 5px);
	transform: rotate(-45deg) translate(-6px, 5px);
	background-color: #fff;
}
.open .menu-icon-second {
	opacity: 0;
	background-color: #fff;
}
.open .menu-icon-thrid {
	-webkit-transform: rotate(45deg) translate(-6px, -5px);
	transform: rotate(45deg) translate(-6px, -5px);
	background-color: #fff;
}
.aside-close{
    background-color: #000000b3;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    /* opacity: 0; */
    display: none;
}
.menu-mb-fr{
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	border-bottom: 1px solid #72b4ca;
	z-index: 12;
	background-color: #29768f;
	max-height: 0;
	opacity: 0;
	transition: all 0.4s;
	overflow: hidden;
}
.menu-mb-fr ul{
	padding: 0;
	margin: 0;
}
.menu-main-md{
	color: #69381F;
	border-bottom: 1px solid #ddbc7b;
	padding: 15px 20px;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
}
.menu-main-md:active{
	background-color: #3f99b6;
	transition: all 0.4s;
}
.menu-main-md:hover{
	background-color: #e3c994;
	transition: all 0.4s;
	color: #fff;
}
.menu-mb-fr .dp-menu{
	color: #fff;
	/* border-bottom: 1px solid #72b4ca; */
	padding: 0;
	font-size: 16px;
	text-align: center;
	/*
	max-height: 0;
	opacity: 0;
	*/
	transition: all .5s ease 0s;
}
.menu-mb-fr .dp-menu a{
	color: #9b875f;
}
.menu-mb-fr .dp-menu .dp-item .menu-sub-md{
	padding: 15px 0;
	border-bottom: 1px solid #ddbc7b;
	background-color: #f8efdc;
}
.dp-sub-item-m{
	padding: 15px 0;
	border-bottom: 1px solid #e8d6b2;
	background-color: #ffffff;
}
.menu-mb-fr .dp-menu .dp-item:hover{
	background-color: #6ab9b4;
}
.menu-mb-fr li.active .dp-menu{
	opacity: 1;
	max-height: 1000px;
	 transition: all 1s ease 0s;
}
/***  Hamburger end ****/
.head-flex{
	display: flex;
	height: 80px;
	justify-content: space-between;
}
.head-flex .logo{
	width: 250px;
	padding-top: 10px;
}
.sky-item{
	padding: 0 10px;
}
.sky-item .img{
	width: 15px;
}
.sky-item .img.s2{
	width: 15px;
}
.sky-item .txt{
	padding: 0 10px;
}
.sky-item .txt a{
	color: #C3EAE7;
}
.sel-lang{
	flex: 1;
	width: 100%;
}
.sel-lang-fr{
	display: flex;
	justify-content: flex-end;
	cursor: pointer;
}
.sel-lang-fr .img{
	width: 16px;
}
.sel-lang-fr .lag_text{
	width: 80px;
	padding: 2px 10px;
}
.sel-lang-fr .sel-arrow{
	width: 10px;
}
.top-menu ul li{
	list-style-type: none;
}
.top-menu ul{
	margin: 0;
    display: flex;
}
.top-menu .menu-main{
	padding: 10px 20px 13px 20px;
	border-bottom: 3px solid #fff;
}
.top-menu .menu-main:hover{
    transition: all .3s ease;
    border-bottom: 3px solid #459F98;
    /* color: #eacd9c; */
}
/*** 第二層 ***/
.nav-item-fr .dp-menu{
	position: absolute;
	max-height: 0;
	opacity: 0;
	/* top: 1px; */
	transition: all .3s ease 0s;
	background-color: #F7E0B1;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	z-index: 2;
}
.nav-item-fr:hover .dp-menu {
    max-height: 1000px;
    opacity: 1;
	overflow: unset;
}
.dp-sub-menu {
    position: absolute;
    top: 0;
    left: 200px;
    display: none;
}
.nav-item-fr .dp-menu .dp-item{
	/* white-space:nowrap; */
	position: relative;
	width: 200px;
	/* padding: 10px 25px; */
	cursor: pointer;
	white-space:nowrap;
}
.dp-item:hover .dp-sub-menu {
    max-height: 1000px;
    display: block;
}
.top-menu{
	padding-top: 30px;
}
.nav-item-fr .dp-menu .dp-item a {
	color: #69381F;
	padding: 15px 25px;
	display: block
}
.nav-item-fr .dp-menu .dp-item a:hover {
	color: #fff;	
	background-color: #C9A365;
}
.dp-sub-menu .dp-sub-item {
    color: #fff;
    /* padding: 10px 25px; */
    background-color: #449f98;
    width: 200px;
    cursor: pointer;
    white-space: nowrap;
}
.dp-sub-menu .dp-sub-item.en{
	width: 300px;
}
.dp-sub-menu .dp-sub-item {
	color: #fff!important;
}
.dp-sub-menu .dp-sub-item a{
	color: #fff!important;
}
.dp-sub-menu .dp-sub-item a:hover{
	background-color: #447d9a!important;
}
.menu-mb-fr{
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	border-bottom: 1px solid #72b4ca;
	z-index: 12;
	background-color: #F7E0B1;
	max-height: 0;
	opacity: 0;
	transition: all 0.4s;
	overflow: hidden;
	z-index: 12;
}
.lang-select-m{
	width: 150px;
	margin: 10px;
	margin-left: 20px;
	border-radius: 20px;
	background-color: #c0a978;
	position: relative;
}
.lang-select-m img{
	position: absolute;
	width: 18px;
	left: 10px;
	top: 10px;
	opacity: .6;
}
.lang-select-m select{
	border: 0;
	padding: 10px;
	padding-left: 35px;
	background-color:unset;
	color: #ffffff;
	font-size: 14px;
	width: 95%;
}
.aside-close{
    background-color: #000000b3;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    /* opacity: 0; */
    display: none;
}
.carousel-item .cover-img {
    min-height: 200px;
    max-height: 800px;
    object-fit: cover;
}
.b-mask{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #00000036;
}
.b-mask2{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	background: rgb(22,113,106);
	background: linear-gradient(180deg, rgb(42 99 94 / 32%) 0%, #3f4d4ca8 100%);
}
.banner-txt h1{
	font-size: 40px;
    color: #fff;
	font-family: 'Questrial', sans-serif;
	text-shadow: 2px 2px 4px rgb(0 0 0 / 55%);
}
.banner-txt h4{
	font-size: 22px;
	color: #ffffffd4;
	line-height: 1.8;
	text-shadow: 2px 2px 4px rgb(0 0 0 / 55%);
}
.banner-txt h4.tw{
	/* font-size: 1.3vw; */
	font-family: 'Microsoft JhengHei', serif;
	line-height: 1.8;
	padding: 10px 0;
}
.banner-txt{
	position: absolute;
	left: 50%;
	top: 25%;
	/* text-align: center; */
	z-index: 1;
	/* width: 500px; */
}
.page-banner-txt{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	width: 400px;
}
.page-banner-txt .tp{
	font-size: 36px;
	font-family: 'Microsoft JhengHei', serif;
	font-weight: 500;
	color: #418c86;
}
.page-banner-txt .divider{
	border-bottom: 1px solid #418c8659;
}
.page-banner-txt .desc{
	font-size: 16px;
	padding: 10px 0;
	color: #7e7e7e;
}
.page-banner{
	background-image: url(../img/news_bg.jpg);
	background-size: cover;
	height: 150px;
}
.arrow-s{
	width: 50px;
}
.area-fr1{
	background-color: #e8d6b5;
	border-radius: 20px;
	text-align: center;
	padding: 25px;
	padding-top: 75%;
	margin-bottom: 20px;
	transition: all 0.4s;
}
.area-fr1 .img{
	width: 50px;
	margin: auto;
}
.area-fr1 .tp{
	color: #69381F;
	padding-top: 15px;
	font-weight: 700;
	font-size: 18px;
}
.area-fr1 .desc{
	color: #585858;
	font-size: 16px;
	padding-top: 10px;
}
a:hover .area-fr1{
	background-color: #C9A365;
	transition: all 0.4s;
}
a:hover .area-fr1 .tp{
	color: #fff;
}
a:hover .area-fr1 .desc{
	color: #fff;
}
.area-fr-info{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 80%;
}
.area-1{
	background-color: #fff;
	padding: 80px 20px;
}
.area-2{
	background-color: #fff;
	padding: 0 20px;
}
.area-6{
	padding: 60px 0;
	background-color: #E8ECF5;
}
.area-fr2{
	display: flex;
}
.area-fr2 .info-box{
	padding-left: 40px;
}
.info-box .tpt{
	padding-left: 100px;
	padding-bottom: 20px;
	color: #D7AF7A;
}
.info-box .tpt::before{
	position: absolute;
	width: 90px;
	height: 1px;
	background-color: #D7AF7A;
	content: "";
	top: 12px;
	left: 0px;
}
.info-box .tpt2{
	padding-bottom: 20px;
	color: #D7AF7A;
	width: 250px;
	margin: auto;
}
.info-box .tpt2::before{
	position: absolute;
	width: 90px;
	height: 1px;
	background-color: #D7AF7A;
	content: "";
	top: 12px;
	left: -80px;
}
.info-box .tp{
	color: #363636;
	font-size: 26px;
	padding-bottom: 10px;
}
.info-box .tp.s2{
	color: #fff;
}
.info-box .desc{
	color: #868585;
	line-height: 2;
}
.info-box .link{
	padding-top: 20px;
}
.area-fr3{
	background-image: url(../img/recovery.jpg);
	background-size:cover;
	background-position: center;
	height: 300px;
	position: relative;
	background-attachment: fixed;
}
.area-fr3-set{
	z-index: 1;
	left: 50%;
	top: 50%;
	text-align: center;
	transform: translate(-50%,-50%);
}
.area-tp-fr{
	text-align: center;
	padding-bottom: 30px;
}
.area-tp-fr .area-tpt{
	color: #10879D;
	width: 160px;
	margin: auto;
	margin-bottom: 20px;
}
.area-tp-fr .area-tpt::before{
	position: absolute;
	width: 80px;
	height: 1px;
	background-color: #10879D;
	content: "";
	top: 12px;
	left: -80px;
}
.area-tp-fr .area-tpt::after{
	position: absolute;
	width: 80px;
	height: 1px;
	background-color: #10879D;
	content: "";
	top: 12px;
	right: -80px;
}
.area-tp-fr h2{
	letter-spacing: 3px;
	color: #363636;
}
.ct{
	padding: 0 50px;
}
.lSSlideOuter .lSPager.lSpg {
    padding-top: 20px!important;
}
.news-fr{
	box-shadow: 3px 5px 8px rgb(225 225 225 / 69%);
	border-radius: 15px;
	padding: 15px;
	border: 1px solid #e4e1e1;
	margin-bottom: 30px;
}
.news-fr2{
	border: 1px solid #e4e1e1;
	margin-bottom: 10%;
}
.img-h-ver1 {
	padding-top: 56.25%;
}
.img-h-ver2 {
	padding-top: 75%;
}
.img-h-ver3 {
	padding-top: 65.25%;
}
.news-container{
	overflow: hidden;
    width: 100%;
    height: 100%;
}
.img-overlay {
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: all 0.4s ease;
	background-size: cover;
}
.img-overlay:hover{
	transform: scale(1.1);
}
a:hover .img-overlay::after{
	transform: scale(1.05);
	transition: all 0.4s ease;
}
.img-rd{
	border-radius: 10px;
}
.news .tp{
	font-size: 16px;
	font-weight: 600;
	padding: 15px 0;
	color: #505050;
	height: 43px;
	overflow: hidden;
	transition: all 0.4s;
}
a:hover .news .tp{
	color: #009688;
	transition: all 0.4s;
}
.news.s2{
	padding: 20px;
	background-color: #fff;
}
.news.s2 .tp{
	font-size: 18px;
	padding: unset;
	height: 30px;
}
.news.s3{
	padding: 30px 20px;
	background-color: #fff;
}
.news.s3 .tp{
	font-size: 18px;
	padding: unset;
	height: 30px;
	overflow: hidden;
}
.news .desc{
	font-size: 16px;
	color: #8b8b8b;
	height: 45px;
	overflow: hidden;
	line-height: 1.8;
}
.news .desc.list{
	color: #8b8b8b;
	height: 90px;
}
.news .more{
	width: 30px;
	margin: auto;
	margin-top: 10px;
	transition: all 0.4s;
}
a:hover .news .more{
	transform:rotate(-90deg);
}

footer{
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #575757;
	/* height: 300px; */
	/* position: relative; */
}
.footer-info-fr {
	display: flex;
	justify-content: space-between;
	color: #d4d4d4;
	padding: 0 20px;
}
.footer-center{
	padding: 0 40px
}
.footer-info-fr img {
	width: 200px;
}
.footer-pt {
	padding: 40px 20px;
}
.social-fr {
	display: flex;
	justify-content: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.social-fr img {
	width: 40px;
}
.social-fr .item{
	padding: 0 5px;
}
.footer-menu-flex{
	display: flex;
	padding-top: 30px;
	flex-wrap: wrap;
}
.footer-menu-flex .item{
	width: 160px;
}
.footer-menu-flex .item .tp{
	color: #D7AF7A;
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 5px;
}
.footer-menu-flex .item ul{
	padding: 0;
}
.footer-menu-flex .item ul li{
	list-style-type: none;
	padding: 3px 0;
	font-size: 14px;
}
.footer-menu-flex .item ul li a{
	color: #BCBCBC;
}
.footer-menu-flex .item ul li a:hover{
	color: #D7AF7A;
}
.contactus-flex{
	display: flex;
}
.contactus-flex .icon{
	flex: 0 0 40px;
	padding-right: 5px;
}
.contactus-flex .txt a{
	color: #d4d4d4;
	text-decoration: underline;
}
.footer-contactus{
	padding-top: 30px;
	flex: 0 0 30%;
}
.footer-contactus .tp{
	color: #D7AF7A;
	font-size: 18px;
	padding-bottom: 10px;
	font-weight: 500;
}
.contents-footer{
	padding: 10px 5px;
}
.contents-footer .qrcode{
	width: 80px;
}
.contents-footer a{
	color: #d4d4d4;
	line-height: 2;
}
.ssl-notes{
	text-align: center;
	color: #afacac;
	padding-top: 20px;
}
.gototop {
    position: fixed;
    z-index: 2;
    right: 12px;
    bottom: 30px;
    width: 35px;
    height: 35px;
    line-height: 30px;
    border-radius: 3px;
    transition: all 0.5s;
    text-align: center;
    background-color: #c3a675;
    display: none;
    padding: 0 10px;
}
.gototop img{
	width: 15px;
}
.content-slider li{
	list-style-type: none;
}
.news-fr2 .info{
	padding: 20px;
	background-color: #fff;
}
.news-fr2 .info .tp{
	font-size: 18px;
	font-weight: 600;
	color: #363636;
	height: 58px;
	overflow: hidden;
}
.news-fr2 .info .tp.home{
	height: 35px;
}
.news-fr2 .info .desc{
	font-size: 16px;
	color: #5f6980;
	padding-bottom: 10px;
	height: 68px;
	overflow: hidden;
	font-weight: 300;
}
.news-fr2 .info .more{
	text-align: center;
}
.prd-list-arrow .arrow-left{
	position: absolute;
	left: 10px;
	top: 45%;
	z-index: 1;
	cursor: pointer;
	transition: all 0.4s;
	text-align: center;
}
.prd-list-arrow .arrow-right{
	position: absolute;
	right: 10px;
	top: 45%;
	z-index: 1;
	cursor: pointer;
	transition: all 0.4s;
	text-align: center;
}
.prd-list-arrow img{
	width: 30px;
}
.prd-list-arrow .arrow-left img{
	transform: rotateY(180deg);
}
.slider-banner-fr2 {
    height: 450px;
	overflow: hidden;
}
.slider-banner-fr2 img{
	object-fit: cover;
	min-height: 450px;
}
.slider-banner-fr2.s2 {
    height: 150px;
}
.slider-banner-fr2 .banner-txt{
	position: absolute;
	left: 50%;
	top: 70%;
	transform: translate(-50%,-50%);
	text-align: center;
	z-index: 1;
	width: 1000px;
	/* height: 90px; */
}
.slider-banner-fr2 .tp{
    text-align: center;
    z-index: 1;
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    /* border-bottom: 2px solid #ffffff3b; */
    padding-bottom: 5px;
    text-shadow: #0000005c 0.1em 0.1em 0.2em;
    letter-spacing: .2em;
}
.slider-banner-fr2 .tpsub{
    text-align: center;
    z-index: 1;
    color: #fffffffa;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    /* text-shadow: #0000005c 0.1em 0.1em 0.2em; */
    overflow: hidden;
}
.slider-banner-fr2 .desc{
    text-align: center;
    z-index: 1;
    color: #fffffffa;
    font-size: 18px;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    padding-top: 20px;
    text-shadow: #0000005c 0.1em 0.1em 0.2em;
    height: 150px;
    overflow: hidden;
}
.breadcrumbs{
	display: flex;
	flex-wrap: wrap;
}
.breadcrumbs .item{
	position: relative;
	padding-right: 30px;
}
.breadcrumbs .item a{
	color: #8c8c8c;
}
.breadcrumbs .item a:hover{
	color: #459f98;
}
.breadcrumbs .item::before{
	position: absolute;
	content: "";
	background-image: url(../img/breadcrumbs-arrow.png);
	background-size: 90%;
	background-repeat: no-repeat;
	right: 6px;
	top: 6px;
	width: 10px;
	height: 15px;
}
.breadcrumbs .item.end{
	color: #888;
}
.breadcrumbs .item.end::before{
	background-image: unset;
}
.area-t1{
	display: flex;
}
.info-fr{
	flex: 0 0 50%;
	width: 50%;
}
.info-fr.l{
	padding-left: 40px;
}
.info-fr.r{
	padding-right: 40px;
}
.info-fr .tp{
	font-size: 30px;
	padding-bottom: 15px;
}
.info-fr .desc{
	line-height: 2;
	color: #525252;
}
.img-fr{
	flex: 1;
}
.about-img{
	overflow: hidden;
	position: relative;
	overflow: hidden;
	padding-bottom: 75%; 
}
.about-img img{
	position: absolute;
	object-position: top;
	object-fit: cover;
}
.area-top-tp{
	font-size: 28px;
	color: #525252;
	padding-bottom: 20px;
	position: relative;
	height: 55px;
}
.bline{
	border-bottom: 1px solid #b5b4b4;
	margin-bottom: 30px;
}
.area-top-txt{
	position: absolute;
	padding-left: 45px;
}
.area-top-txt .rline{
    position: relative;
}
.area-top-txt .rline::before {
	position: absolute;
	width: 100px;
	height: 1px;
	content: "";
	background-color: #b5b4b4;;
	top: 22px;
	right: -110px;
}
.area-top-tp::before{
	position: absolute;
	content: "";
	background-image: url(../img/tp_icon.png);
	background-repeat: no-repeat;
	background-size: 90%;
	width: 35px;
	height: 35px;
	top: 8px;
}
.area-t2{
	display: flex;
	/* justify-content: space-around; */
}
.area-t2 .menu-fr{
	flex: 0 0 250px;
	width: 250px;
}
.menu-hbg{
	border-bottom: 1px solid #ECEEF4;
	padding-bottom: 5px;
	display: none;
}
.menu-hbg img{
	width: 25px;
}
.menu-fr .menu-bg{
	background-color: #ECEEF4;
	padding: 20px 30px;
}
.menu-fr .menu-bg .tp{
	color: #10879D;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: 600;
}
.area-t2 .contents-fr{
	padding-left: 40px;
}
.area-t2 .contents-fr.s2{
	padding-left: 0;
}
.area-t2 .contents-fr .info-tp{
	color: #000;
	font-size: 36px;
	font-weight: 700;
	padding-bottom: 10px;
}
.area-t2 .contents-fr .contents{
	color: #696666;
	line-height: 2;;
	padding-bottom: 30px;
}
.area-t2 .contents-fr .contents h2{
	color: #000000c2;
	font-size: 22px;
}
.area-t2 .contents-fr .contents h3{
	color: #000000c2;
	font-size: 20px;
}
.area-t2 .contents-fr .contents img.img-responsive{
	width: 100%!important;
	height: 100%!important;
}
.prd-menu-item-flex{
	display: flex;
	transition: all 0.4s;
	color: #696666;
}
a:hover .prd-menu-item-flex{
	transition: all 0.4s;
	transform: translateX(10px);
	color: #d0a162;
}
.prd-menu-item .icon{
	padding-right: 10px;
}
.arrow-s1{
	stroke: #696666;
}
.prd-menu-item{
	padding: 5px 0;
}
.lang-select{
	position: absolute;
	width: 150px;
	background-color: #e4d7b7;
	right: 0;
	z-index: 5;
	display: none;
}
.lang-select.open {
	display: block;
}
.lang-select .item{
	border-bottom: 1px solid #d4c7a7;
}
.lang-select a .item{
	padding: 10px;
	text-align: center;
	transition: all 0.2s;
	color: #4d4848;
}
.lang-select a:hover .item{
	background-color: #69381f;
	color: #fff;
	padding: 10px;
	transition: all 0.2s;
}
.add_option_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 4;
	display: none;
}
.add_option_bg.open {
	display: block;
}
.decorative1{
	top: -20px;
	left: -20px;
	width: 20px;
}
.info-date{
	font-size: 14px;
	font-weight: 600;
	padding: 8px 0 8px 30px;
	color: #dab484;
	position: relative;
}
.info-date::before{
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	background-image: url('../img/clock.png');
	width: 18px;
	height: 18px;
	background-size: 100%;
}

/* contact us */
.info-tp{
	/* font-family: 'Roboto', sans-serif; */
	/* margin-left: 20px; */
	font-size: 26px;
	font-weight: 500;
	/* padding-bottom: 10px; */
	position: relative;
}
.info-tp.s2{
	font-size: 30px;
	font-weight: 600;
	padding-bottom: 0;
	position: relative;
	color: #000;
}
.info-tp.s3{
	color: #176078;
}
.info-bline{
	border-bottom: 1px solid #176078;
	width: 200px;
}
.info-date{
	font-size: 14px;
	font-weight: 600;
	padding: 8px 0 8px 30px;
	color: #28768E;
	position: relative;
}
.info-date::before{
	content: "";
	position: absolute;
	left: 3px;
	top: 9px;
	background-image: url('../img/clock.png');
	width: 18px;
	height: 18px;
	background-size: 100%;
}
.info-contents{
	display: flex;
	padding: 22px 0;
}
.info-contents.posi{
	display: flex;
	flex-direction: row-reverse;
}
.form-fr{
	display: flex;
}
.form-fr .xnote{
	padding: 0 10px 20px 10px;
	font-size: 14px;
	color: #888;
}
.form-fr .item.w100{
    flex: 0 0 100%;
}
.form-fr .item.w50{
    flex: 0 0 50%;
}
.form-fr .item.w25{
    flex: 0 0 25%;
}
.form-fr .item.t2{
	background-color: unset;
	border-radius:unset;
}
.form-fr .tb-fr{
	display: flex;
	padding: 3px 0;
}
.wbg{
	background-color: #f0f0f0;
	border-radius: 0.6rem;
	margin: 0 8px;
	margin-bottom: 15px;
	height: 45px;
}
.form-fr .tb-fr .w1{
	flex: 0 0 110px;
	font-weight: 300;
	padding: 8px 15px 7px 15px;
	text-align: left;
}
.form-fr .tb-fr .w2 {
    flex: 1;
    padding-right: 15px;
    position: relative;
}
.form-fr .tb-fr .w2 input,
.form-fr .tb-fr .w2 select{
	font-weight: 300;
	padding: 7px 10px 7px 10px;
	width: 100%;
	border: 1px solid #fff;
	-webkit-appearance: none;
	border-radius: 0;
	border: 0;
	outline: unset;
}
.form-fr .tb-fr .w2 select{
	font-weight: 300;
	padding: 7px 10px 7px 10px;
	width: 100%;
	border: 0;
	-webkit-appearance: none;
	border-radius: 0;
	background: url(../img/arrow_bottom.png) no-repeat scroll right 50% #f2f2f200;
	outline: 0;
}
.form-fr sup{
	color: #d30404;
}
form-fr .tb-fr .w1{
	flex: 0 0 95px;
}
.form-fr .tb-fr .w1.w-lg{
	flex: 0 0 130px;
}
.form-fr2 {
    background-color: #f0f0f0;
    margin: 0 8px;
    border-radius: 0.6rem;
    margin-bottom: 15px;
    padding: 10px;
}
.form-fr2 textarea {
    font-weight: 300;
    padding: 7px 10px 7px 10px;
    width: 100%;
    height: 100px;
    border: 0;
    -webkit-appearance: none;
    border-radius: 0;
	background-color: unset;
}
.btn-fr{
	text-align: center;
}
.contactus-tp{
	padding-left: 20px;
	line-height: 2;
	padding-right: 10px;
	padding-bottom: 20px;
}
.contactus-contents{
	background-color: #fff;
	padding: 10px;
	margin-bottom: 40px;
	line-height: 1.8;
	text-align: center;
	font-size: 18px;
}
.contents-result{
    margin-bottom: 20px;
    color: #616161;
    padding: 40px 0;
}
/* contact us */

@media (min-width: 2640px) {
	.banner-txt{
		width: 1000px;
	}
	.banner-txt h4{
		font-size: 26px;
	}
}

@media (max-width: 1400px) {
	.banner-txt h1{
		font-size: 2.9vw;
	}
	.banner-txt h4{
		font-size: 1.6vw;
	}
	.area-fr1 .img{
		width: 50px;
		height: 50px;
		margin: auto;
	}
	.area-fr1 .tp{
		color: #69381F;
		padding-top: 15px;
		font-weight: 700;
		font-size: 18px;
	}
	.area-fr1 .desc{
		color: #585858;
		font-size: 16px;
	}
}

@media (max-width: 1400px) {
	.container-full {
		width: 100%;
	}
	.container-full2 {
		width: 100%;
	}
	.banner-txt h1{
		/* width: 600px; */
	}
	.banner-txt h4{
		width: 600px;
	}
}

@media (max-width: 1200px) {
	.banner-txt h1{
		/* width: 500px; */
	}
	.banner-txt h4.tw{
		width: 500px;
	}
	.container-full.s2 {
		width: 100%;
		padding: 0 40px;
	}
	.area-1{
		padding: 60px 20px;
	}
	.slider-banner-fr2 .banner-txt{
		width: 80%;
	}
}

@media (max-width: 992px) {
	.top-menu .menu-main{
		padding: 10px 12px 13px 12px;
		border-bottom: 3px solid #fff;
		font-size: 14px;
	}
	.top-menu{
		padding-top: 32px;
	}
	.area-fr2{
		flex-direction: column;
	}
	.area-fr2 .info-box{
		padding-top: 40px;
		padding-left: 0;
	}
	.area-t1{
		flex-direction: column;
	}
	.area-t1.s2{
		flex-direction: column-reverse;
	}
	.info-fr{
		flex: 1;
		width: 100%;
	}
	.info-fr.l{
		padding-left: 0;
		padding-bottom: 30px;
	}
	.info-fr.r{
		padding-right: 0;
		padding-bottom: 30px;
	}
	.area-t2{
		flex-direction: column;
	}
	.area-t2 .contents-fr{
		padding-left: 0;
	}
	.area-t2 .menu-fr{
		flex: 1;
		width: 100%;
		padding-bottom: 30px;
	}
	.menu-hbg{
		display: block;
	}
	.menu-fr .menu-bg{
		background-color: #ECEEF4;
		padding: 20px 30px;
		transition: all 0.4s;
	}
	.menu-fr .menu-bg.open{
		padding: 20px 30px;
	}
	.banner-txt h1{
		/* width: 400px; */
	}
	.banner-txt h4.tw{
		/* font-size: 1.8vw; */
		width: 400px;
	}
	.area-fr1 .img{
		width: 35px;
		height: 35px;
	}
	.area-fr1 .tp{
		font-size: 16px;
	}
	.area-fr1 .desc{
		font-size: 14px;
	}
	.arrow-s{
		width: 40px;
	}
}

@media (max-width: 767px) {
	.top-menu{
		display: none;
	}
	.skybar {
		display: none;
	}
	.head-flex{
		justify-content: space-around;
		height: 60px;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		background-color: #459F98;
		z-index: 12;
	}
	.head-flex .logo{
		width: 150px;
		padding-top: 10px;
	}
	.m-menu{
		display:block;
	}
	.open .menu-mb-fr{
		max-height: 700px;
		opacity: 1;
		transition: all 0.4s;
		left: 0;
		overflow-y: auto;
		display: block;
	}
	.aside-close.open{
	    display: block;
	}
	.banner-txt{
		position: absolute;
		left: 50%;
		top: 60%;
		text-align: center;
		z-index: 1;
		transform: translate(-50%,-50%);
		width: 80%;
	}
	.area-fr1 .img{
		/* height: 60px; */
		width: 8vw;
		height: 8vw;
	}
	.area-fr1 .tp{
		font-size: 3.5vw;
	}
	.area-fr1 .desc{
		font-size: 2.3vw;
	}
	.area-fr-info{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 80%;
	}
	.area-1{
		background-color: #fff;
		padding: 40px 15px;
	}
	.area-fr3-set{
		width: 80%;
	}
	.footer-info-fr {
		flex-direction: column;
	}
	.footer-info-fr .logo{
		text-align: center;
	}
	.footer-menu-flex{
		justify-content: center;
	}
	.footer-contactus{
		padding-top: 30px;
		flex: 1;
		width: 90%;
		margin: auto;
	}
	.footer-center{
		padding: 0;
	}
	.slider-banner-fr2 .banner-txt{
		width: 80%;
	}
	.banner-txt h1{
		font-size: 5vw;
		width: 100%;
	}
	.banner-txt h4{
		font-size: 3vw;
		width: 100%;
	}
	.banner-txt h4.tw{
		font-size: 3vw;
		width: 100%;
	}
	.decorative1{
		display: none;
	}
	.page-banner{
		margin-top: 60px;
	}
	.slider-banner{
		padding-top: 60px;
	}
	.arrow-s{
		width: 30px;
	}
	.footer-contactus .tp{
		text-align: center;
	}
	.contactus-flex{
		justify-content: center;
	}
	.contents-footer{
		text-align: center;
	}
}

@media (max-width: 576px) {
	.area-fr1 .desc{
		font-size: 3vw;
	}
	.area-1{
		background-color: #fff;
		padding: 40px 0 0 0;
		padding-top: 40px;
	}
	.area-2{
		padding: 20px 0 0 0;
	}
	.footer-pt {
		padding: 30px 0;
	}
	.footer-menu-flex{
		flex-direction: column;
		padding: 20px 20px
	}
	.prd-list-arrow img{
		width: 20px;
	}
	.ct{
		padding: 0 20px;
	}
	.prd-list-arrow .arrow-left{
		left: -10px;
	}
	.prd-list-arrow .arrow-right{
		right: -10px;
	}
	.info-box .tp{
		font-size: 22px;
	}
	.area-fr1 .tp{
		font-size: 4.2vw;
	}
	.area-fr1 .desc{
		padding-top: 5px;
		font-size: 3.2vw;
	}
	.info-box .link{
		text-align: center;
	}
	.slider-banner-fr2 .tp{
		font-size: 30px;
	}
	.slider-banner-fr2 .desc{
		font-size: 16px;
		height: 150px;
		padding-top: 10px;
	}
	.container-full.s2 {
		padding: 0 20px;
	}
	.area-t2 .contents-fr .info-tp{
		font-size: 26px;
	}
	.banner-txt h1{
		/* font-size: 26px; */
	}
	.banner-txt h4.tw{
		/* font-size: 3.2vw; */
	}
	.page-banner-txt{
		width: 100%;
	}
	.form-fr{
		flex-direction: column;
	}
	.form-fr .item.w50{
	    flex: 1;
	}
	.banner-txt{
		/* top: 65%; */
	}
	.area-fr1 .img{
		width: 40px;
		height: 40px;
	}
}

@media (max-width: 375px) {}