/* Normal */
/*.LogoPC{ float: left; width: 250px; height: auto; background-color: #ccc; margin-right: 15px; margin-top: -5px; }
.LogoPC img{ width: 100%; max-width: 250px; }*/

.LogoPC{ float: left; width: 650px; height: auto; margin-right: 15px; margin-top: -5px; }
.LogoPC img{ width: 100%; margin-right: 15px; }
.LogoPC1{ max-width: 80px; }
.LogoPC2{ max-width: 520px; margin-bottom: -3px; margin-left: 0px; padding: 0px; border-left: 0px; }

header{  width: 100%!important; color:#fff; height: auto; position: absolute!important; z-index: 999999!important;}
header #logo img{ height: 100%; width: auto;}

.logo-name .inner{ margin: 0 auto; padding: 0; }
#header{  position: absolute!important;  width: 100%; height: auto; margin: 0 auto; top: 0; /*background-color: rgba(44, 43, 41, 0.8);*/ padding: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.headerBox{  width: 90%!important; margin: auto!important; position: relative!important; }
#header .transition.inner{  -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  transition: all 0.5s;}
#header .transition.inner nav{ color: #111; list-style: none; width: 100%;  margin: 0; padding: 0; background: rgba(255,255,255,0.8); -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  transition: all 0.5s;  box-shadow: 0 3px 5px rgba(0,0,0,0.);}
#header nav p{ float: left;  width: 0%;  margin: 0;  padding: 0; }
#header nav ul{ width: 90%; left: 0; right: 0; margin-left: auto; margin-right: auto; display: block; }
#header nav li{ float: left; margin-left: 5px; margin-right: 5px; margin-bottom: 0px; letter-spacing: 2px; }
#header nav a{ color: #977D64; text-align:center; font-size: 15px; /*padding: 10px 30px 10px 10px;*/ }
#header nav a span{ display: block; padding: 0; margin: 0; font-size: 14px; font-weight: 400;}
#header nav a span.entypo:before{  font-size: 20px; margin: 0 5px 0 0; font-weight: normal;}
#header nav p a{ color: #111; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
#header nav p a span{ border-left: none; }
#header nav p a img{  width: 0px;  margin: 1px 8px 3px 0;  padding: 0; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  transition: all 0.5s; }
#header nav a:hover, #header nav a.active{  /*color: #B0A262;*/}
#header nav li a:hover{ /*padding: 10px 20px!important;*/ color: #fff; background-color:#BB143A; border-radius: 5px; box-shadow: 1px 1px 5px rgba(178,20,58,0.5); }
#header nav li li a:hover{ padding: 10px 0px!important; box-shadow: 0 3px 5px rgba(178,20,58,0);}

/* MenuTopPageMobile */
.MenuTopPageMobile{ position: fixed; top: 0; width: 100%; height: 50px; line-height: 50px; background-color: rgba(255, 255, 255, 0.8); z-index: 99999999; box-shadow: 0px 0px 5px #ccc; }
.MenuTopPageMobileLeft{ width: 20%; text-align: left; float: left; padding-left: 10px; }
.MenuTopPageMobileLogo{ position: fixed; width: 60px; text-align: center; margin: auto; left: 0; right: 0; margin-left: auto; margin-right:auto;/* background-color: #ccc;  float: left;*/  }
.MenuTopPageMobileLogo img{ width: 60px; margin-top: 8px; }

/* MenuTopPagePC */
.MenuTopPagePC{ display: none; }

.MenuHoverDD{ display: none!important; width: auto!important; color: #111; position: absolute!important; height: auto!important; z-index: 9999!important; margin-top: 0px!important; }
.OpenMenuHoverDD:hover  .MenuHoverDD { display: block!important; text-align: left; }
.MenuHoverDDSub{ margin-top: 20px; /*min-width:150px;*/ min-width:197px; padding: 15px 15px 15px 15px; border-radius: 10px; background-color: #977D64; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); }
.MenuHoverDDSub li{ clear: both; float: none; margin: 0px!important; width: 100%!important; border-bottom: 1px dotted #eee; text-align: left!important; }
.MenuHoverDDSub li a{ width: auto!important; display: block!important; text-align: left!important; position: relative; z-index: 3; color: #fff!important; padding: 10px!important; margin: 0px!important;  margin-top: 5px!important; margin-bottom: 5px!important; /*padding-top: 0px!important; padding-bottom: 0px!important; display: block!important;*/ font-size: 15px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.MenuHoverDDSub li:nth-last-child(1) { border-bottom: 0px dotted #eee!important; }
.MenuHoverDDSub li a:hover{ color: #eee!important; /*background-color: transparent!important;*/ display: block!important; background-color:#BB143A; padding: 10px!important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.triangleMenu { position: absolute; z-index: 2; margin-top: -40px; margin-left: 5px; width: 0px; height: 0px;  border-top: 15px solid transparent; border-right: 25px solid transparent; border-bottom: 25px solid #977D64; border-left: 25px solid transparent; }

#header.shrink .MenuHoverDD{ display: none!important; width: auto!important; color: #111; position: fixed!important; height: auto!important; z-index: 9999!important; margin-top: -10px!important;}
#header.shrink .OpenMenuHoverDD:hover  .MenuHoverDD { display: block!important; }
#header.shrink .MenuHoverDDSub{ margin-top: 20px; /*min-width:150px;*/ min-width:197px; padding: 10px 15px 10px 15px; border-radius: 5px; background-color: #977D64; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); }
#header.shrink .MenuHoverDDSub ul{ float: none!important; }
#header.shrink .MenuHoverDDSub li{ clear: both; float: none; margin: 0px!important; text-align: left!important;border-bottom: 1px dotted #eee; }
#header.shrink .MenuHoverDDSub li a{ width: auto!important; display: inline-block; position: relative; z-index: 3; text-align: left!important; color: #fff!important; padding: 10px!important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;  }
#header.shrink .MenuHoverDDSub li:nth-last-child(1) { border-bottom: 0px dotted #eee!important; }
#header.shrink .MenuHoverDDSub li a:hover{  color: #eee!important;  padding: 10px!important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
#header.shrink .triangleMenu { position: absolute; z-index: 2; margin-top: -35px; margin-left: 5px; width: 0px; height: 0px;  border-top: 15px solid transparent; border-right: 25px solid transparent; border-bottom: 25px solid #977D64; border-left: 25px solid transparent; }
#header.shrink .LangRight{ margin-left: -30px!important; }

@media screen and (min-width: 1024px)
{
	/* MenuTopPageMobile */
    .MenuTopPageMobile{ display: none; }

    /* MenuTopPagePC */
    .MenuTopPagePC{ display:block; border-top: 10px solid #BB143A; }

    .LogoPC{ position: absolute; left:0; }
	.LogoPC img{ /*width: 120px;*/ }
	#header{ padding-top: 30px; padding-bottom: 10px;}
	#header nav ul{ width: 100%!important; left: 0; right: 0; float: none!important; margin: auto!important; display: inline!important; text-align: center!important; margin-top: 50px!important; }
	#header nav li{ float: none!important; display: inline-block!important; margin-top: 15px; margin-left: 9px; margin-right: 9px; text-align: center!important;color: #977D64; text-align:center; font-size: 14px; position: relative; font-family: 'Montserrat Alternates', sans-serif; font-weight: 700;}
	#header nav li a{ padding: 10px 20px 10px 20px; color: #977D64; text-align:center; font-size: 14px; position: relative; font-family: 'Montserrat Alternates', sans-serif; font-weight: 700; }
	#header nav li a:after{ width: 0; height: 0; border-top: 5px solid #BB143A; border-right: 5px solid transparent; border-bottom: 10px solid transparent; border-left: 5px solid transparent; position: absolute; top:17px; right:12px; content: ""; z-index: 99;}
	#header nav li a:hover:after{  border-top: 5px solid #fff; }
	#header nav li a.DD{ padding: 10px 35px 10px 20px; position: relative; }
	#header nav li .Arr{ position: relative; padding-left: 15px; padding-right: 15px; }
	#header nav li .Arr:after{ width: 0; height: 0; border-top: 5px solid #BB143A; border-right: 5px solid transparent; border-bottom: 10px solid transparent; border-left: 5px solid transparent; position: absolute; top:6px; right:5px; content: ""; z-index: 99;}
	#header nav li:nth-child(1) a:after{ display: none!important; }
	#header nav li:nth-child(4) a:after{ display: none!important; }
	#header nav ul ul{ display: block!important; margin-top: 0px!important; }
	#header nav ul li li{ display: block!important; }
	#header nav li li a:after{ display: none; }
	#header .MenuHoverDDSub li a:hover{ padding-left: 15px!important; padding-right: 15px!important; }

	#header .headerBox nav ul{ width: auto; float: right!important; /*background-color: #ccc!important;*/ }
	#header .headerBox nav ul ul{ width: 100%!important; }

	/*#header.shrink nav ul{ width: 62%!important; float: right!important; margin-right: 170px!important; margin-top: 5px!important; text-align: right!important;}*/
	#header.shrink nav ul{ width: 58%!important; float: right!important; margin-right: 270px!important; margin-top: 5px!important; text-align: right!important;}
	#header.shrink nav ul ul{ margin-right: 0px!important; }
	#header.shrink nav li{ letter-spacing: 0px; margin-top: 15px!important; margin-left: 0px; margin-right: 0px; text-align: right!important;font-size: 12px; }
	#header.shrink nav li a{ padding: 5px 10px!important; font-size: 12px; }
	#header.shrink nav li a:hover{ padding: 5px 10px!important; color: #fff; background-color:#BB143A; border-radius: 5px; }
	#header.shrink nav li a:hover:after{  border-top: 5px solid #fff; }
	#header.shrink nav li a:after{ right:10px; top: 10px;}
	#header.shrink nav li a.DD{ padding: 5px 30px 5px 15px!important; position: relative; }
	#header.shrink nav li .Arr:after{ top:5px; right:10px; }
	#header.shrink .RightPCBox{ /*background-color: #999;*/ margin-right: 10px; }
	#header.shrink .RightPCSearchBox{ display: none; margin-top: 15px; }
	#header.shrink .RightPCSearchBox input[type=text]{ width: 130px; padding: 5px 10px 5px 10px;}
	#header.shrink .RightPCSearchBox img{ width: 15px; }
	#header.shrink .RightPCAgent a{ padding: 6px 50px 6px 30px; margin-top: 9px; display: block; font-size: 14px;}
	#header.shrink .RightPCAgent a:after{ right: 5px; background-size: 20px auto;}
	#header.shrink .MenuHoverDDSub li a:hover{ padding-left: 15px!important; padding-right: 15px!important; }
	#header.shrink nav p a img, #header.sub nav p a img{ height: 18px; margin-bottom: 5px!important;}

}

@media screen and (min-width: 1280px)
{
	.headerBox{  width: 1120px!important; margin: auto!important; }
	#header nav li{font-size: 13px;}
	#header nav li a{ font-size: 13px; }

	#header.shrink nav li{ font-size: 13px; letter-spacing: 1px; }
	#header.shrink nav li a{ font-size: 13px; letter-spacing: 1px; }

	#header.shrink nav p a img, #header.sub nav p a img{ height: 25px; margin-bottom: 0px!important;}
}

@media screen and (min-width: 1500px)
{
	/*#header nav ul{ width: 1160px; left: 0; right: 0; margin-left: auto; margin-right: auto; display: block; }*/
	/*#header nav li{ float: left; margin-left: 30px; margin-right: 30px; letter-spacing: 2px; }*/
}

/* shrink */
#header.shrink{ top: 0; position: fixed; }
#header.shrink .LogoPC{display: none; }
#header.shrink .headerBox{  width: 100%!important; }
#header.shrink, #header.sub{  position: fixed; top: 0px; height: auto;}
#header.shrink .transition.inner, #header.sub .transition.inner{ width: 100%;  max-width: 100%;  height: auto;}
#header.shrink .transition nav, #header.sub .transition nav{ position: fixed; /*background: rgba(44, 43, 41,0.9);*/ box-shadow: 1px 1px 7px rgba(0,0,0,0.2); bottom:auto; top: 0; -webkit-transition: all 0.7s;  -moz-transition: all 0.7s; transition: all 0.7s;}
#header.shrink nav p, #header.sub nav p{ width: auto;}
#header.shrink nav{ height: auto; overflow: hidden;}
#header.shrink nav ul, #header.sub nav ul{ width: auto; position: relative; float: right;}
#header.shrink nav li, #header.sub nav li{ width: auto; float: left; margin-top: 0px;}
#header nav p a.active, #header nav p a:hover, #header.shrink nav p a, #header.sub nav p a{ /*background: #5B9B3C; background: rgba(91,155,60,1.0);*/ color: #FF355E;}
#header.shrink nav a, #header.sub nav a{ padding:20px 0 20px; display: block; /*color: #fff;*/height: auto; box-sizing: padding-box;}
#header.shrink nav li a span, #header.sub nav li a span{ padding: 0 20px; vertical-align: baseline; line-height: normal; }
#header.shrink nav p span, #header.sub nav p span{ display: none; }
#header.shrink nav p a, #header.sub nav p a{ padding: 10px 0px 10px 10px; display: block;  height: auto; box-sizing: padding-box;}
#header.shrink nav p a img, #header.sub nav p a img{  opacity: 1; padding: 0; margin: 0px; margin-top: 8px;   /*height: 18px;margin-bottom: 5px;*/ width: auto;}