@import url("_normalize.css");
body {width: 100%;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: #000000;flex-wrap: wrap;font-family: calibri,微軟正黑體;}

* {-webkit-box-sizing: border-box;box-sizing: border-box;}

img { vertical-align: top; }

form { width: 100%; }

.ind_cont_BOX { position: relative; margin: auto; }

.ind_topST, .ind_topST02 { width: 100%; height: 620px; float: left; max-width: 957px; position: relative; margin: auto; }

.ind_topST02 { height: 110px; }

.left_fl { width: 500px; height: 620px; float: left; position: relative; }

.logo_Box { width: 276px; height: 68px; position: absolute; top: 25px; }

.logo_Box > img { width: 100%; height: auto; }

.nav_menuBox { width: 500px; height: 620px; background: #a50210; background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #a50210), to(#62020b)); background: linear-gradient(to bottom, #a50210 20%, #62020b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a50210', endColorstr='#62020b',GradientType=0 ); -webkit-clip-path: polygon(62.5% 0, 100% 0%, 57% 100%, 18% 100%); clip-path: polygon(62.5% 0, 100% 0%, 57% 100%, 18% 100%); position: absolute; top: 0px; right: 0px; z-index: 3; }

.ind_foot_topph { width: 165px; height: 110px; float: left; }

.ind_foot_topph > img { width: 100%; height: 100%; }

.ind_foodat_trBox { width: calc( 100% - 75px); height: 110px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.ind_foot_coninfo { float: left; width: calc( 100% - 165px); background: #62020b; background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #62020b), color-stop(20%, #62020b), color-stop(82%, #5e020a), color-stop(82%, #5e020a)); background: linear-gradient(to bottom, #62020b 20%, #62020b 20%, #5e020a 82%, #5e020a 82%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62020b', endColorstr='#5e020a',GradientType=0 ); }

.Foot_bgdome { width: 50%; height: 110px; position: absolute; right: 0px; bottom: 0px; background: #62020b; background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #62020b), color-stop(20%, #62020b), color-stop(82%, #5e020a), color-stop(82%, #5e020a)); background: linear-gradient(to bottom, #62020b 20%, #62020b 20%, #5e020a 82%, #5e020a 82%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62020b', endColorstr='#5e020a',GradientType=0 ); z-index: -1; }

.Language_box { width: 180px; height: 50px; padding-top: 12px; float: right; margin-right: 12px; margin-left: 100%; }

.Language_box > ul { width: calc( 100% / 3); text-align: center; font-size: 13px; color: #ffffff; float: left; text-shadow: 1px 1px 3px rgba(255, 255, 255, 0); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.Language_box > ul > a { color: #ffffff; }

.Language_box > ul:hover { font-weight: 900; text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.95); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.menuBoxLinkBnnt { width: 218px; height: 72px; float: right; line-height: 70px; font-size: 20px; color: #ffffff; font-weight: bold; font-style: oblique; text-align: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-left: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.65); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.menuBoxLinkBnnt::before { position: absolute; top: 0px; left: 0px; width: 100%; height: 72px; content: ""; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1); transition: -webkit-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right; transform-origin: right; background: #2a2a2a; background: -webkit-gradient(linear, left top, left bottom, from(#2a2a2a), color-stop(6%, #444444), color-stop(12%, #363636), to(#2a2a2a)); background: linear-gradient(to bottom, #2a2a2a 0%, #444444 6%, #363636 12%, #2a2a2a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2a2a', endColorstr='#2a2a2a',GradientType=0 ); }

.menuBoxLinkBnnt:hover::before { -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1); transition: -webkit-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; background: #2a2a2a; background: -webkit-gradient(linear, left top, left bottom, from(#2a2a2a), color-stop(6%, #444444), color-stop(12%, #363636), to(#2a2a2a)); background: linear-gradient(to bottom, #2a2a2a 0%, #444444 6%, #363636 12%, #2a2a2a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2a2a', endColorstr='#2a2a2a',GradientType=0 ); }

.MENUB1 { margin-right: 16px; }

.MENUB2 { margin-right: 41px; }

.MENUB3 { margin-right: 66px; }

.MENUB4 { margin-right: 92px; }

.MENUB5 { margin-right: 117px; }

.MENUB6 { margin-right: 143px; border-bottom: 0px solid rgba(255, 255, 255, 0.65); }

.Pt1 { margin-right: 6px; font-size: 0.8rem; font-style: italic; margin-top: -0px; margin-left: -50px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1; }

.Pt2 { margin-left: 0px; position: relative; top: -0px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.pt2ss { width: 100%; position: absolute; font-size: 0.1rem; font-weight: normal; bottom: -18px; right: 5px; text-align: right; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.Pt3 { font-size: 0.8rem; margin-top: -0px; margin-left: 6px; position: absolute; opacity: 0; right: 20px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.MEBLK { width: 100%; height: 1px; background-color: #000000; position: absolute; bottom: 0px; }

.menuBoxLinkBnnt:hover > span.Pt3 { opacity: 1; right: 26px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.menuBoxLinkBnnt:hover > span.Pt2 { margin-left: 40px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.menuBoxLinkBnnt:hover > span.Pt1 { opacity: 0.02; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.Pt3 { -webkit-animation: mymove .5s infinite; animation: mymove .5s infinite; }

@keyframes mymove { 0% { text-shadow: 0px 0px 5px white; }
  25% { text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.02); }
  50% { text-shadow: 0px 0px 5px white; }
  75% { text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.02); }
  100% { text-shadow: 0px 0px 5px white; } }

@-webkit-keyframes mymove { 0% { text-shadow: 0px 0px 5px white; }
  25% { text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.02); }
  50% { text-shadow: 0px 0px 5px white; }
  75% { text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.02); }
  100% { text-shadow: 0px 0px 5px white; } }

.ind_footer_logo { width: 75px; height: 110px; float: left; }

.ind_footer_logo > img { max-width: 100%; height: auto; }

.ind_footer_cdome { width: calc( 100% - 75px); height: auto; float: left; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.ind_foodat_tr { width: calc( 100% - 75px); height: auto; line-height: 16px; font-size: 11px; color: #ffffff; font-weight: normal; font-style: normal; }

.ind_foodat_tr > a:link, .ind_foodat_tr > a:visited { color: #ffffff; text-decoration: none; }

.ind_foodat_tr > a:hover { color: #ffffff; text-decoration: underline; }

.ind_foodat_tr02 { width: calc( 100% - 75px); height: auto; font-size: 10px; color: #dfccce; font-weight: normal; text-decoration: none; line-height: 16px; font-style: normal; }

.ind_foodat_tr02 > a { color: #dfccce; text-decoration: none; }

.ind_foodat_tr02 > a:visited { color: #dfccce; text-decoration: none; }

.ind_foodat_tr02 > a:hover { color: #dfccce; text-decoration: underline; }

.rft_box { width: 680px; height: 620px; position: absolute; right: 0px; }

.banner_BOXLST { width: 680px; height: 620px; float: left; }

.banner_BOXLST > ul { width: 100%; height: auto; float: left; }

.banner_BOXLST > ul > img { max-width: 100%; height: auto; }
/*# sourceMappingURL=master.css.map */


/*20190315新增*/
.user_editor{ width:100%; height:auto; overflow: hidden; position: static !important;} 
header{
	/* max-width: 100% !important; */
	position: absolute !important;
	top:18px;
	left:0;
	z-index: 9;
	left: 0;
	right: 0;
	font-style: oblique;
	    border-bottom: 2px solid #96000d;
	}
.header_new{
	width:100%;
	height:auto;
	display:flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	/* border-bottom: 1px solid #ffffff30; */
	padding-bottom: 20px;
	}
.lan_box{
	width: 100%;
	max-width: 960px;
	position: absolute;
	top: 0;
	z-index: 99999;
	display: flex;
	justify-content: flex-end;
	padding-right: 50px;
}
.lan_box ul{
	margin: 0px 9px;
	display: flex;
	}
.lan_box a{
	color: #000000;
	font-size: 13px;
	transition: all .5s;
	font-weight: 600;
	}
.logo{
	width: 260px;
	padding: 20px;
}
.logo a{
	width:100%;
	height:100%;
	display: block;
}
.big_box{
	width: 80%;
	height: 85px;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
	align-items: center;
	background-color: #0000008f;
	border-bottom: 1px solid #dadada45;
	padding: 0px 25px;
	}
nav a{
	color:#fff;
	margin: 0px 18px;
	transition: all .5s;
	}
.header_new nav ul:hover a{
	transform: translate(0px, 3px);
	}
.header_new nav ul:hover{
	border-bottom: 5px solid #8e000c;
}
.index_con{
	width:100%}
.three_area{
	max-width: 960px;
	width: 100%;
	margin:0 auto;
	padding-top: 190px;
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	}
.three_area a{
	width: calc( 100% / 3 - 18px );
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	box-shadow: 0px 7px 19px #00000096;
	position: relative;
	/* margin: 0 20px; */
	transition: all .5s;
	}
.three_area a:hover{
	transform: translate(0px, -35px);
}
.reb_bac{
	width: 100%;
	display: block;
	position: relative;
}
.pro_img{
	width:100%
}
.pro_img img{
	width:100%
}
.pro_name{
	width: 100%;
	height: 2%;
	position: absolute;
	background-color: #8e000ce0;
	bottom: 0;
	transition:all .5s;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
	border-bottom: 8px solid #5e020a00;
}
.pro_itm{
	/* border: 1px solid #ffffff87; */
	padding: 5px 25px;
	/* background-color: #ffffff1c; */
	/* box-shadow: 0px 6px 10px #00000021; */
	}
.pro_name div{
	width:100%;
	opacity: 0;
	transition: all .3s;
	animation-delay: 0;
	color:#fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	line-height: 30px;
	text-shadow: 0px 0px 10px #000;
	visibility: hidden;
}
.pro_name div img{
	width: 130px;
	height: 130px;
	margin-bottom: 20px;
	border-radius: 90%;
	border: 1px solid #ffffffb8;
	padding: 20px;


	/* box-shadow: 0px 0px 10px #000000b0; */
	background-color: #96000d;
	visibility: hidden;
}

.three_area a:hover
.pro_name{
	height:100%;
	border-bottom: 8px solid #940411;
	background-color:#444444c9
}
.three_area a:hover
.pro_name div{
	opacity: 1;
	visibility: inherit
}
.three_area a:hover
.pro_name div img{
	visibility: inherit
}
.red{
	width:100%;
	height: 500px;
	position: relative;
	top:0;
	display: flex;
	justify-content: center;
	}
.red img{
	width:100%;
	background-repeat: repeat;
	}
.butt{
	width: 780px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	}
.ind_about{
	width:100%;
	display: flex;
	position: relative;
	justify-content: center;
	z-index: 0;
	margin-top: -40px;
}
.ind_about_img,.ind_about_img img{
	width:100%;
	position: absolute;
}
.about_txt_box{
	width: 70%;
	position: relative;
	top: 0;
	margin-top: 235px;
	text-align: center;
	margin-bottom: 180px;
}
.ind_about_tit{
	font-size: 60px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 75px;
	letter-spacing: 2px;
}
.about_txt{
	color:#fff;
	line-height: 40px;
	font-size: 19px;
	line-height: 45px;
}
.more_butt{
	width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.more_butt a{
	width: 200px;
	height: 45px;
	background-color: #a5021091;
	border-radius: 30px;
	text-align: center;
	line-height: 41px;
	color: #fff;
	text-decoration: none;
	margin-top: 70px;
	transition: all .5s;
	font-size: 20px;
}
.more_butt a:hover{
	background-color: #a50210fc;
}
footer{
	width:100%;
	position: relative;
}
.footer_red{
	width:100%;
	background-color: #8e000cba;
	box-shadow: 0px -8px 10px #000000c4;
	display: flex;
	justify-content: center;
	padding: 25px 10px;
}
.footer_box{
	width: 90%;
	max-width: 960px;
	display: flex;
	position: relative;
	flex-wrap: wrap;
	justify-content: center;
}
.foot_logo{
	width: 115px;
	height: auto;
	opacity: .5;
}
.foot_logo a,.foot_logo img{
	width:100%
}
.foot_menu{
	width:auto;
	font-size: 18px;
	line-height: 40px;
	margin-right: 70px;
	font-weight: 600;
}
.foot_menu{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	border-bottom: 1px solid #cccccc6b;
	padding-bottom: 5px;
	}
.foot_menu a,.foot_menu ul,.foot_menu02 a,.foot_menu02 ul,.right_foot,.right_foot a{
	color: #d4a2a6;
	transition: all .5s;
}
.foot_menu ul{}
.foot_menu02{
	margin-right:0;
	    line-height: 35px;}
.foot_menu a:hover,.foot_menu02 a:hover,.right_foot a:hover{
	color:#fff
}
.footer_black{
	width:100%;
	height: 10px;
	background-color:#330004
}
.right_foot{
	display: flex;
	margin-right: 0;
	right: 0;
	bottom: 0;
	font-size: 16px;
	text-align: right;
	line-height: 35px;
}
.foot02{
	width:100%;
	display: block;
	border-top: 1px solid #cccccc57;
	margin-top: 10px;
	padding-top: 5px;
	}

.foot03{
	width:100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 17px;
	margin-bottom: 10px;
}



@media screen and (max-width: 1400px){
	.three_area{
		width:80%}
	}