@charset "utf-8";
/* **************************************************

Name: corporate_responsive.css

Description: CSS for TopPage, Corporate Information Pages

Create: 2016.02.29
Update: XXXX.XX.XX

Copyright 2016 Hitachi, Ltd.

***************************************************** */


@media screen and (max-width: 1304px){
    #Contents.removeMargin{
		padding: 0;
    }
}
@media screen and (max-width: 1304px) and (min-width: 995px) {
	.OptionWideRWD .Grid4 .Column1 {
		padding: 0;
		width: calc(25% - 25px);
		margin: 0 0 25px 25px;
	}

	#backnumber .Column1 {
		float: left;
		width: calc(50% - 25px);
		margin: 0;
	}
	.OptionWideRWD .Grid4 #video .Column1 {
		margin: 0 0 25px 25px;
	}

	.OptionWideRWD #Contents.removeMargin{
		padding: 0;
	}
}

/* for - 994px
=========================================================================================== */

@media screen and (max-width: 994px) {
	/* ----about 首页 ------- */
	.OptionWideRWD #Contents.removeMargin{
		padding: 0;
	}

	.OptionWideRWD #Contents.removeMargin .PageTitleStyle1.leftMargin{
		padding-left: 15px;
	}

	.OptionWideRWD #Contents.removeMargin #eventsMain .toolBar.bothMargin{
		padding: 0 20px;
	}
/*------------Common------------*/
	/* --- Panel --- */
	.JS .Grid3 ul.Panel > li,
	.JS .Grid4 ul.Panel > li {
		height: auto;
		padding-bottom: 15px;
		background-color: transparent;
	}
	.JS ul.Panel > li .Inner {
		position: relative;		/* for Android 2.x */
		background-color: #363434;
		border-radius: 7px 7px 5px 5px;
		-moz-border-radius: 7px 7px 5px 5px;
		-webkit-border-radius: 7px 7px 5px 5px;
		-o-border-radius: 7px 7px 5px 5px;
		-ms-border-radius: 7px 7px 5px 5px;
	}
	.JS ul.Panel > li img {width: 100% !important;}
	.JS ul.Panel > li strong {
		position: relative;
		width: 300px !important;
		background-image: none;
	}
	.JS ul.Panel > li strong:after {
		content: "";
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		bottom: 1.3em;			/* for Android 2.x */
		right: 10px;
		margin: -10px 0 0;
		background-image: url(/image/cn/r5/icon/icon_panel_link_hd.gif);
		background-repeat: no-repeat;
		background-size: 20px 20px;
		-moz-background-size: 20px 20px;
		-webkit-background-size: 20px 20px;
		-o-background-size: 20px 20px;
		-ms-background-size: 20px 20px;
	}
	/*.JS ul.Panel > li strong:after {bottom: 2.2em;}*/
	.JS ul.Panel > li strong .Hyphen {
		display: inline;
		padding: 0;
		font-size: 100%;
		line-height: 100%;
	}
	.JS ul.Panel2 > li {
		height: 100%;
		min-height: 22.3em;
		margin-bottom: 15px !important;
		background-color: transparent;
	}
	.JS ul.Panel2 > li .Inner {
		height: 100%;
		min-height: 22.3em;
		background-color: #f2f2f2;
		border-radius: 7px 7px 5px 5px;
		-moz-border-radius: 7px 7px 5px 5px;
		-webkit-border-radius: 7px 7px 5px 5px;
		-o-border-radius: 7px 7px 5px 5px;
		-ms-border-radius: 7px 7px 5px 5px;
	}
	.JS ul.Panel2 > li img {width: 100% !important;}
	.JS ul.Panel2 > li .Panel2Text {
		position: relative;
		background-image: none;
	}
	.JS ul.Panel2 > li .Panel2Text:after {
		content: "";
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		top: 50%;
		right: 10px;
		margin: -10px 0 0;
		background-image: url(/image/cn/r5/icon/icon_panel2_link_hd.gif);
		background-repeat: no-repeat;
		background-size: 20px 20px;
		-moz-background-size: 20px 20px;
		-webkit-background-size: 20px 20px;
		-o-background-size: 20px 20px;
		-ms-background-size: 20px 20px;
	}

/*------------index.html->TopPage Navi------------*/
	.JS #GlobalNavi2 {
		width:100%;
	}
	.JS ul#GlobalNaviTop2 {
		width:100%;
	}
	.JS ul#GlobalNaviTop2 li div.PullMenu {
		display:none;
	}
	.JS ul#GlobalNaviTop2 li span.arrow {
		display:none;
	}
	.JS ul#GlobalNaviTop2 li {
	    -moz-box-sizing: border-box;  /*Firefox3.5+*/
		-webkit-box-sizing: border-box; /*Safari3.2+*/
		-o-box-sizing: border-box; /*Opera9.6*/
		-ms-box-sizing: border-box; /*IE8*/
		box-sizing: border-box;
		display:block;
		padding:0 0 0 2px;
		letter-spacing:5px;
		width:25%;
	}
	.JS ul#GlobalNaviTop2 li a {
		background-image:none;
		height:47px;
	}
	.JS ul#GlobalNaviTop2 li a span {
		display:block;
		letter-spacing:5px;
	}
	.JS ul#GlobalNaviTop2 li.navi1 a {
		border-bottom:10px #2896a5 solid;
	}
	.JS ul#GlobalNaviTop2 li.navi2 a {
		border-bottom:10px #94b00e solid;
	}
	.JS ul#GlobalNaviTop2 li.navi3 a {
		border-bottom:10px #d5941e solid;
	}
	.JS ul#GlobalNaviTop2 li.navi4 a {
		border-bottom:10px #be2663 solid;
	}


	/*------------index.html->TopPage News------------*/
	.JS #TopNewsArea {
		width: 100%;

	}
	.JS #TopNewsArea ul#Tabs li {
		width:42%;
	}
	.JS .TopLeftStyle,
	.JS .TopRightStyle {
		width:100%;
	}
	.JS .TopRightStyle {
		border:none;
		padding:0;
	}
	.JS #TopNewsArea ul#Tabs li a {
		font-size:100%;
	}
	.JS .more {
		margin:-38px 0 0;
		background-color:#e60027;
		right:15px;
	}

	/*------------products/index.html-------------*/
	.JS #products .CaseStudyStyle .leftSet {
		width:50%;
	}
	.JS #products .CaseStudyStyle .RightSet {
		width: 50%;
	}
	.JS .ImgW100SetStyle .Img,
	.JS .ImgW180SetStyle .Img {padding-right: 20px !important;}

	.JS .ImgW100SetStyle .ImgSet p,
	.JS .ImgW100SetStyle .ImgSet ul,
	.JS .ImgW100SetStyle .ImgSet dl,
	.JS .ImgW180SetStyle .ImgSet p,
	.JS .ImgW180SetStyle .ImgSet ul,
	.JS .ImgW180SetStyle .ImgSet dl {margin-left: 0 !important;}


	/*------------about/index.html->Identitych------------*/
	.JS .Identitych h2 span {
		padding: 10px 15px;
	}
	.JS .Identitych .Column2 {
	    -moz-box-sizing: border-box;  /*Firefox3.5+*/
		-webkit-box-sizing: border-box; /*Safari3.2+*/
		-o-box-sizing: border-box; /*Opera9.6*/
		-ms-box-sizing: border-box; /*IE8*/
		box-sizing: border-box;
		width:50%;
		float:left;
	}
	.JS .Identitych ul.LinkListStyle1 {
		margin:13% 0 0;
	}
	.JS .Identitych ul.sp {
		margin:5px 0 15px;
	}
	.JS .Identitych ul.LinkListStyle1 li {
		padding-top:0px;
	}
	.JS .Identitych ul.LinkListStyle1 li a {
		font-size:85%;
	}
	.JS .Identitych ul.LinkListStyle1 li.button a {
		display:block;
		font-size:85%;
		padding:5px 15px 0;
	}
	.JS .Identitych p.ImgOnlyStyle {
		padding:25px 0 0 0;
	}
	.JS .ImgW120SetStyle .Img {
	    -moz-box-sizing: border-box;  /*Firefox3.5+*/
		-webkit-box-sizing: border-box; /*Safari3.2+*/
		-o-box-sizing: border-box; /*Opera9.6*/
		-ms-box-sizing: border-box; /*IE8*/
		box-sizing: border-box;
		padding-right: 5% !important;
		width:20%;
		margin:0;
	}
	.JS .ImgW120SetStyle .ImgSet {width:80%;}
	.JS .ImgW120SetStyle .ImgSet p,
	.JS .ImgW120SetStyle .ImgSet ul,
	.JS .ImgW120SetStyle .ImgSet dl {margin-left: 0 !important;}

	/*------------network/index.html->HCH&GROUP------------*/
	.JS #network .LeftStyle {
		width: 50%;
	}
	.JS #network #Lists ul li {
		float:left;
	}
	.JS #network .areaSearch {
		width:28%;
		background-size:26%;
	}
	.JS #network ul#selector li {
		margin: 0 10px;
		width:auto;
	}
	.JS #network ul#selector li a.area {
		background-position: -10px -3px;
		margin: 0 5% 0 40%;
		width:auto;
	}
	.JS #network ul#selector li.hover a.area span {
		background-position: 109% -48px;
	}
	.JS #network ul#selector ul.myListStyle {
		width:auto;
		margin:0 15px;
		left:0;
		right:0;
	}
	.JS #network .keywordSearch {
		background-image:none;
		width:69%;
		margin:0 0 0 3%;
	}
	.JS #network #wordFilter {
	    -moz-box-sizing: border-box;  /*Firefox3.5+*/
		-webkit-box-sizing: border-box; /*Safari3.2+*/
		-o-box-sizing: border-box; /*Opera9.6*/
		-ms-box-sizing: border-box; /*IE8*/
		box-sizing: border-box;
		left:0;
		width:100%;
		padding:0 0 0 40px;
	}
	.JS #network .searchResult {
		background-size:100%;
		width:50%;
	}

	/*------------casestudies.html->dalian------------*/
	.JS #addDaLian .heightStyle1,
	.JS #addDaLian .heightStyle2{
		height:auto;
	}
	.JS #addDaLian .add0108menu {
		width:100%;

		overflow:hidden;
	}
	.JS #addDaLian .add0108menu a {
		width:25%;
		height:90%;
	}
	.JS #addDaLian .add0108menu .menustyle1,
	.JS #addDaLian .add0108menu .menustyle2,
	.JS #addDaLian .add0108menu .menustyle3,
	.JS #addDaLian .add0108menu .menustyle4 {
		background-size:410% 200%;
	}
	.JS #addDaLian .add0108menu .menustyle1.hover {
		background-position:0 100%;
	}
	.JS #addDaLian .add0108menu .menustyle2 {
		background-position:33% 0;
	}
	.JS #addDaLian .add0108menu .menustyle2.hover {
		background-position:33% 100%;
	}
	.JS #addDaLian .add0108menu .menustyle3 {
		background-position:66% 0;
	}
	.JS #addDaLian .add0108menu .menustyle3.hover {
		background-position:66% 100%;
	}
	.JS #addDaLian .add0108menu .menustyle4 {
		background-position:99% 0;
	}
	.JS #addDaLian .add0108menu .menustyle4.hover {
		background-position:99% 100%;
	}
	/*------------brandchannel.html->VideoBanner------------*/
	.JS #video .VideoBanner .BannerBackground {
	    -moz-box-sizing: border-box;  /*Firefox3.5+*/
		-webkit-box-sizing: border-box; /*Safari3.2+*/
		-o-box-sizing: border-box; /*Opera9.6*/
		-ms-box-sizing: border-box; /*IE8*/
		box-sizing: border-box;
		width:40%;
		padding:3% 0 0 5%;
		margin:0;
	}
	.JS #video .VideoBanner .BannerBackground h2 {
		font-size:100%;
	}
	.JS #video .VideoBanner .BannerBackground p {
		font-size:90%;
	}
	.JS #video .VideoBanner .BannerPic {
		width:60%;
	}

	.OptionWideRWD .Grid4 #video .Column1 {
		margin: 0;
	}

	/*------------toppage->BrandingImg Specil(one pic) Update2017.07.07------------*/
	.JS div #BrandingImgStyle {
		height:auto;
	}
}


/* for - 767px
=========================================================================================== */

@media screen and (max-width: 767px) {
	.OptionWideRWD #Contents.removeMargin .PageTitleStyle1.leftMargin{
		margin-bottom: 0;
	}
/*------------Common------------*/

     /* --- Panel2 --- */
	.JS .Grid4 ul.Panel > li,
	.JS .Grid4 ul.Panel2 > li {
		float: left;
		width: 33.33333333%;
	}

/*------------index.html->TopPage Navi------------*/
	.JS .ResponsiveBrandingImgStyle {
		margin-bottom:0;
	}
	.JS #GlobalNavi2 {
		width:100%;
		top:0;
		background:none;
	}
	.JS #GlobalNavi2 div {
		background:none;
		margin:0 -15px;
	}
	.JS ul#GlobalNaviTop2 {
		width:100%;
		padding:0;
	}
	.JS ul#GlobalNaviTop2 li {
	    -moz-box-sizing: border-box;  /*Firefox3.5+*/
		-webkit-box-sizing: border-box; /*Safari3.2+*/
		-o-box-sizing: border-box; /*Opera9.6*/
		-ms-box-sizing: border-box; /*IE8*/
		box-sizing: border-box;
		display:block;
		padding:0 0 0 2px;
		letter-spacing:5px;
		width:25%;
	}
	.JS ul#GlobalNaviTop2 li div.PullMenu {
		display:none;
	}
	.JS ul#GlobalNaviTop2 li span.arrow {
		background:none;
	}

/*------------index.html->TopPage News------------*/
	.JS #TopNewsArea {
		width: 100%;

	}
	.JS #TopNewsArea ul#Tabs li {
		width:40%;
	}
	.JS .TopLeftStyle,
	.JS .TopRightStyle {
		width:100%;
	}
	.JS .TopRightStyle {
		border:none;
		padding:0;
	}
	.JS #TopNewsArea ul#Tabs li a {
		font-size:100%;
	}
	.JS .more {
		margin:-38px 0 0;
		background-color:#e60027;
		right:15px;
	}

	/*------------products/index.html-------------*/

	.JS #products .CaseStudyStyle {
		padding:15px;
	}
	.JS #products .CaseStudyStyle .leftSet {
		width:50%;
	}
	.JS #products .CaseStudyStyle .RightSet {
		width: 50%;
	}
	.JS .ImgW100SetStyle .Img {width: 100px;}
	.JS .ImgW100SetStyle .ImgSet {overflow: visible;}

	/*------------about/index.html->Identitych------------*/
	.JS .Identitych h2 span {
		padding: 10px 15px;
	}
	.JS .Identitych .Column2 {
	    -moz-box-sizing: border-box;  /*Firefox3.5+*/
		-webkit-box-sizing: border-box; /*Safari3.2+*/
		-o-box-sizing: border-box; /*Opera9.6*/
		-ms-box-sizing: border-box; /*IE8*/
		box-sizing: border-box;
		width:50%;
		float:left;
	}
	.JS .Identitych p.TextStyle1 {
		font-size:85%;
	}
	.JS .Identitych ul.LinkListStyle1 {
		margin:10px 0 0;
	}
	.JS .Identitych ul.sp {
		margin:5px 0 15px;
	}
	.JS .Identitych ul.LinkListStyle1 li {
		padding-top:0px;
	}
	.JS .Identitych ul.LinkListStyle1 li a {
		font-size:85%;
	}
	.JS .Identitych ul.LinkListStyle1 li.button a {
		display:block;
		font-size:85%;
		padding:5px 15px 0;
	}
	.JS .Identitych p.ImgOnlyStyle {
		padding:25px 0 0 0;
	}
	.JS #Corporate .h3Sub {
		left:40px;
	}
	.JS .ImgW120SetStyle .Img {padding-right: 5% !important;}
	.JS .ImgW120SetStyle .ImgSet {width:80%;}

	/*------------network/index.html->HCH&GROUP------------*/
	.JS #network .LeftStyle {
	    -moz-box-sizing: border-box;  /*Firefox3.5+*/
		-webkit-box-sizing: border-box; /*Safari3.2+*/
		-o-box-sizing: border-box; /*Opera9.6*/
		-ms-box-sizing: border-box; /*IE8*/
		box-sizing: border-box;
		padding:0 10px 0 0;
		width: 50%;
		font-size:80%;
	}
	.JS #network #Lists ul li {
		float:left;
	}
	.JS #network .areaSearch {
		width:30%;
		background-size:25%;
	}
	.JS #network ul#selector li {
		margin: 0 10px;
		width:auto;
	}
	.JS #network ul#selector li a.area {
		background-position: -1.3em -3px;
		margin: 0 5% 0 40%;
		width:auto;
		font-size:70%;
	}
	.JS #network ul#selector li.hover a.area span {
		background-position: 110% -48px;
	}
	.JS #network ul#selector ul.myListStyle {
		width:auto;
		margin:0 15px;
		left:0;
		right:0;
	}
	.JS #network .keywordSearch {
		background-image:none;
		width:67%;
		margin:0 0 0 3%;
	}
	.JS #network #wordFilter {
	    -moz-box-sizing: border-box;  /*Firefox3.5+*/
		-webkit-box-sizing: border-box; /*Safari3.2+*/
		-o-box-sizing: border-box; /*Opera9.6*/
		-ms-box-sizing: border-box; /*IE8*/
		box-sizing: border-box;
		left:0;
		width:100%;
		padding:0 0 0 40px;
	}
	.JS #network .searchResult {
		background-size:100%;
		width:60%;
	}


	/*------------casestudies.html->dalian------------*/
	.JS #addDaLian .heightStyle1,
	.JS #addDaLian .heightStyle2{
		height:auto;
	}
	.JS #addDaLian .PageTitleStyle3 h1 {
		margin:0;
	}
	.JS #addDaLian .add0108menu {
		width:100%;
		overflow:hidden;
	}
	.JS #addDaLian .add0108menu a {
		width:25%;
		height:89%;
	}
	.JS #addDaLian .add0108menu .menustyle1,
	.JS #addDaLian .add0108menu .menustyle2,
	.JS #addDaLian .add0108menu .menustyle3,
	.JS #addDaLian .add0108menu .menustyle4 {
		background-size:410% 200%;
	}
	.JS #addDaLian .add0108menu .menustyle1.hover {
		background-position:0 100%;
	}
	.JS #addDaLian .add0108menu .menustyle2 {
		background-position:33% 0;
	}
	.JS #addDaLian .add0108menu .menustyle2.hover {
		background-position:33% 100%;
	}
	.JS #addDaLian .add0108menu .menustyle3 {
		background-position:66% 0;
	}
	.JS #addDaLian .add0108menu .menustyle3.hover {
		background-position:66% 100%;
	}
	.JS #addDaLian .add0108menu .menustyle4 {
		background-position:99% 0;
	}
	.JS #addDaLian .add0108menu .menustyle4.hover {
		background-position:99% 100%;
	}
	.JS body.dalian .VerticalLocalNavi h2 a {
		background-repeat:repeat-x;
	}
	.JS body.dalian .Grid1 {
		margin-top:0;
	}

	/*------------brandchannel.html->VideoBanner------------*/
	.JS #video .VideoBanner .BannerBackground {
	    -moz-box-sizing: border-box;  /*Firefox3.5+*/
		-webkit-box-sizing: border-box; /*Safari3.2+*/
		-o-box-sizing: border-box; /*Opera9.6*/
		-ms-box-sizing: border-box; /*IE8*/
		box-sizing: border-box;
		width:40%;
		padding:2.5% 0 0 3%;
		margin:0;
	}
	.JS #video .VideoBanner .BannerBackground h2 {
		font-size:100%;
	}
	.JS #video .VideoBanner .BannerBackground p {
		font-size:90%;
	}
	.JS #video .VideoBanner .BannerPic {
		width:60%;
	}

	/*------------toppage->BrandingImg Specil(one pic) Update2017.07.07------------*/
	.JS div #BrandingImgStyle {
		height:auto;
	}

	#backnumber .Column1 {
		width: 49%;
		margin: 0;
		float: left;
	}
}


/* for - 579px
=========================================================================================== */

@media screen and (max-width: 579px) {
	.JS .lastSection {
		display: none;
	}


/*------------Common------------*/

	/* --- Panel2 --- */

	.JS .Grid4 ul.Panel > li,
	.JS .Grid4 ul.Panel2 > li {width: 50%;}

/*------------index.html->TopPage Navi------------*/
	.JS #GlobalNavi2 {
		width:100%;
		top:0;
		margin-bottom:15px;
	}
	.JS #GlobalNavi2 div {
		margin:0 -15px;
		background:none;
	}
	.JS ul#GlobalNaviTop2 {
		width:100%;
	}
	.JS ul#GlobalNaviTop2 li {
	    -moz-box-sizing: border-box;  /*Firefox3.5+*/
		-webkit-box-sizing: border-box; /*Safari3.2+*/
		-o-box-sizing: border-box; /*Opera9.6*/
		-ms-box-sizing: border-box; /*IE8*/
		box-sizing: border-box;
		display:block;
		padding:0 0 0 2px;
		letter-spacing:5px;
		width:25%;
	}
	.JS ul#GlobalNaviTop2 li a {
		font-size:80%;
	}
	.JS ul#GlobalNaviTop2 li div.PullMenu {
		display:none;
	}
	.JS ul#GlobalNaviTop2 li span.arrow {
		background:none;
	}

/*------------index.html->TopPage News------------*/
	.JS #TopNewsArea {
		width: 100%;

	}
	.JS #TopNewsArea ul#Tabs li {
		width:38%;
	}
	.JS .TopLeftStyle,
	.JS .TopRightStyle {
		width:100%;
	}
	.JS .TopRightStyle {
		border:none;
		padding:0;
	}
	.JS #TopNewsArea ul#Tabs li a {
		font-size:100%;
	}
	.JS .more {
		margin:-38px 0 0;
		background-color:#e60027;
		right:15px;
	}

	/*------------products/index.html-------------*/

	.JS #products .CaseStudyStyle {
		padding:15px;
	}
	.JS #products .CaseStudyStyle .leftSet {
		width:100%;
		padding:0;
	}
	.JS #products .CaseStudyStyle .RightSet {
		width: 100%;
	}

	/*------------about/index.html->Identitych------------*/
	.JS ul.Panel3 > li > a h3 {
		background-size: cover;
	}
	.JS .Identitych h2 span {
		padding: 10px 15px;
	}
	.JS .Identitych .Column2 {
		width:100%;
		float:none;
	}
	.JS .Identitych p.TextStyle1 {
		font-size:80%;
	}
	.JS .Identitych ul.LinkListStyle1 {
		margin:10px 0 0;
	}
	.JS .Identitych ul.sp {
		margin:5px 0 15px;
	}
	.JS .Identitych ul.LinkListStyle1 li {
		padding-top:0px;
	}
	.JS .Identitych ul.LinkListStyle1 li a {
		font-size:80%;
	}
	.JS .Identitych ul.LinkListStyle1 li.button a {
		display:block;
		font-size:85%;
		padding:5px 15px 0;
	}
	.JS .Identitych p.ImgOnlyStyle {
		padding:35px 0 0 0;
	}
	.JS .ImgW120SetStyle .Img {padding-right: 5% !important; width:30%;}
	.JS .ImgW120SetStyle .ImgSet {width:70%;}

	/*------------network/index.html->HCH&GROUP------------*/
	.JS #network .LeftStyle {
	    -moz-box-sizing: border-box;  /*Firefox3.5+*/
		-webkit-box-sizing: border-box; /*Safari3.2+*/
		-o-box-sizing: border-box; /*Opera9.6*/
		-ms-box-sizing: border-box; /*IE8*/
		box-sizing: border-box;
		padding:0 10px 0 0;
		width: 50%;
		font-size:80%;
	}
	.JS #network #Lists ul li {
		width:100%;
		float:none;
	}
	.JS #network .areaSearch {
		display:none;
	}
	.JS #network .keywordSearch {
		background-image:none;
		margin:0 auto;
		width:100%;
	}
	.JS #network #wordFilter {
	    -moz-box-sizing: border-box;  /*Firefox3.5+*/
		-webkit-box-sizing: border-box; /*Safari3.2+*/
		-o-box-sizing: border-box; /*Opera9.6*/
		-ms-box-sizing: border-box; /*IE8*/
		box-sizing: border-box;
		left:0;
		width:100%;
		padding:0 0 0 40px;
	}
	.JS #network .searchResult {
		background-size:100%;
		width:60%;
	}


	/*------------casestudies.html->dalian------------*/
	.JS #addDaLian .heightStyle1,
	.JS #addDaLian .heightStyle2{
		height:auto;
	}
	.JS #addDaLian .PageTitleStyle3 h1 {
		margin:0;
	}
	.JS #addDaLian .add0108menu {
		display:none;
	}
	.JS body.dalian .Grid1 {
		margin-top:0;
	}

	/*------------brandchannel.html->VideoBanner------------*/
	.JS #video .VideoBanner .BannerBackground {
	    -moz-box-sizing: border-box;  /*Firefox3.5+*/
		-webkit-box-sizing: border-box; /*Safari3.2+*/
		-o-box-sizing: border-box; /*Opera9.6*/
		-ms-box-sizing: border-box; /*IE8*/
		box-sizing: border-box;
		float:none;
		width:100%;
		padding:3% 3%;
	}
	.JS #video .VideoBanner .BannerPic {
		float:none;
		width:100%;
	}

	/*------------toppage->BrandingImg Specil(one pic) Update2017.07.07------------*/
	.JS div #BrandingImgStyle {
		height:auto;
	}

}


/* for - 399px
=========================================================================================== */

@media screen and (max-width: 399px) {

/*------------products/index.html-------------*/

	/* --- Panel --- */

	.JS ul.Panel,
	.JS ul.Panel2 {
		width: auto;
		margin: -10px -15px 0;
		overflow: hidden;
	}
	.JS ul.Panel {margin: -15px -15px 0;}
	.JS .Corporate ul.Panel {margin: 0 -15px 15px;}
	.JS .Grid4 ul.Panel > li {
		float: none;
		width: 100%;
		height: auto;
		min-height: 1px;
		margin: 0 !important;
		padding: 0;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
	}
	.JS ul.Panel > li .Inner {
		position: relative;
		height: auto;
		min-height: 1px;
		margin: 0;
		padding-bottom: 0;
		border-top: solid 1px #fff;
		background-color: #f2f2f2;
		overflow: hidden;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
	}
	.JS ul.Panel > li:first-child .Inner {
		border-top: 0 none;
	}

	.JS ul.Panel > li .Inner:after {
		content: "";
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		top: 50%;
		right: 10px;
		margin: -10px 0 0;
		background-image: url(/image/cn/r5/icon/icon_panel2_link_hd.gif);
		background-repeat: no-repeat;
		background-size: 20px 20px;
		-moz-background-size: 20px 20px;
		-webkit-background-size: 20px 20px;
		-o-background-size: 20px 20px;
		-ms-background-size: 20px 20px;
	}
	.JS ul.Panel > li .Inner:after {display: none;}

	.JS ul.Panel > li .Inner > a {
		position: relative;
		overflow: hidden;
	}
	.JS ul.Panel > li .Inner > a:after {
		content: "";
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		top: 50%;
		right: 10px;
		margin: -10px 0 0;
		background-image: url(/image/cn/r5/icon/icon_panel2_link_hd.gif);
		background-repeat: no-repeat;
		background-size: 20px 20px;
		-moz-background-size: 20px 20px;
		-webkit-background-size: 20px 20px;
		-o-background-size: 20px 20px;
		-ms-background-size: 20px 20px;
	}
	.JS ul.Panel > li .Inner a strong {
		display: table-cell;
		width: auto;
		height: 62px;
		padding: 15px 35px 0 0;
		font-size: 90%;
		background-image: none;
	}
	.JS ul.Panel > li div.Inner a strong {
		height: 53px;
	}
	.JS ul.Panel > li a:link,
	.JS ul.Panel > li a:visited,
	.JS ul.Panel > li a:link strong,
	.JS ul.Panel > li a:visited strong {color: #000;}
	.JS ul.Panel > li a:hover,
	.JS ul.Panel > li a:active,
	.JS ul.Panel > li a:hover strong,
	.JS ul.Panel > li a:active strong,
	.JS ul.Panel > li .hover a strong {color: #b1000e;}
	.JS ul.Panel > li .hover a {
		color: #b1000e;
		text-decoration: underline;
	}
	.JS ul.Panel > li strong:after {display: none;}
	.JS ul.Panel > li strong .Hyphen {display: none;}
	.JS ul.Panel > li img {
		float: left;
		width: 80px !important;
		margin: 15px;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
	}

	.JS ul.Panel > li .Inner span {
		padding: 0 35px 15px 0;
		font-size: 76%;
		color: #333;
		overflow: hidden;
	}
	.JS ul.Panel li.Column1 ul.LinkListStyle2 {
		margin: 0;
		padding: 0;
		background-color: #fff;
	}
	.JS ul.Panel li.Column1 ul.LinkListStyle2 li {
		margin: 0;
		padding: 0;
		border-top: solid 1px #ddd;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
	}
	.JS ul.Panel li.Column1 ul.LinkListStyle2 li:first-child {border-top: solid 1px #fff;}
	.JS ul.Panel li.Column1 ul.BottomBorderSet li {border-bottom: solid 1px #ddd;}
	.JS ul.Panel li.Column1 ul.LinkListStyle2 li.NewWin a:after {
		background-image:none;
	}
	.JS ul.Panel li.Column1 ul.LinkListStyle2 li.NewWin a {
		background-position: 98% center;
	}
	.JS ul.Panel li.Column1 ul.LinkListStyle2 li a {
		display: block;
		padding: 15px 30px 15px 15px;
		font-size: 110%;
		background-image: none;
		color: #333;
	}
	.JS ul.Panel li.Column1 ul.LinkListStyle2 li a:link,
	.JS ul.Panel li.Column1 ul.LinkListStyle2 li a:visited {color: #333;}
	.JS ul.Panel li.Column1 ul.LinkListStyle2 li a:hover,
	.JS ul.Panel li.Column1 ul.LinkListStyle2 li a:active {
		color: #333;
		text-decoration: none;
		background-color: #f2f2f2;
	}
	.JS ul.Panel li.Column1 ul.LinkListStyle2 li a:after {
		content: "";
		position: absolute;
		display: block;
		width: 16px;
		height: 16px;
		top: 50%;
		margin: -8px 0 0;
		background-image: url(/image/cn/r1/icon/icon_link_right_l_hd.gif);
		background-repeat: no-repeat;
		background-size: 16px 16px;
		-moz-background-size: 16px 16px;
		-webkit-background-size: 16px 16px;
		-o-background-size: 16px 16px;
		-ms-background-size: 16px 16px;
	}
	.JS ul.Panel li.Column1 ul.LinkListStyle2 li a:link:after,
	.JS ul.Panel li.Column1 ul.LinkListStyle2 li a:visited:after {right: 7px;}
	.JS ul.Panel li.Column1 ul.LinkListStyle2 li a:hover:after,
	.JS ul.Panel li.Column1 ul.LinkListStyle2 li a:active:after {right: 5px;}
	.JS ul.Panel li.Column1 ul.ListStyle2 {
		margin: 0;
		padding: 15px;
		background-color: #fff;
		overflow: hidden;
	}
	.JS ul.Panel li.Column1 ul.ListStyle2 li {color: #333;}
	.JS .Grid4 ul.Panel2 > li {
		float: none;
		width: 100%;
		height: auto;
		min-height: 1px;
		margin: 0 !important;
		padding: 0;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
	}

	.JS ul.Panel2 > li .Inner {
		position: relative;
		height: auto;
		min-height: 1px;
		margin: 0;
		border-top: solid 1px #fff;
		overflow: hidden;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
	}
	.JS ul.Panel2 > li:first-child .Inner {
		border-top: 0 none;
	}
	.JS ul.Panel2 > li .Inner:after {
		content: "";
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		top: 50%;
		right: 10px;
		margin: -10px 0 0;
		background-image: url(/image/cn/r5/icon/icon_panel2_link_hd.gif);
		background-repeat: no-repeat;
		background-size: 20px 20px;
		-moz-background-size: 20px 20px;
		-webkit-background-size: 20px 20px;
		-o-background-size: 20px 20px;
		-ms-background-size: 20px 20px;
	}
	.JS ul.Panel2 > li .img {
		float: left;
		width: 80px;
		margin: 15px;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
	}
	.JS ul.Panel2 > li img {
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
	}
	.JS ul.Panel2 > li .Panel2Text {
		height: auto;
		padding: 15px 35px 15px 110px;
		background-image: none;
	}
	.JS ul.Panel2 > li .Panel2Text:after {display: none;}
	.JS ul.Panel2 > li .Panel2Text a {padding-bottom: 5px;}
	.JS ul.Panel2 > li .Panel2Text .text {font-size: 76%;}

/*------------index.html->TopPage Navi------------*/
	.JS #GlobalNavi2 {
		width:100%;
		top:0;
		margin-bottom:30px;
		background:none;
	}
	div#GlobalNavi2 div {
		margin:0 -15px;
	}
	.JS ul#GlobalNaviTop2 {
		width:100%;
	}
	.JS ul#GlobalNaviTop2 li {
	    -moz-box-sizing: border-box;  /*Firefox3.5+*/
		-webkit-box-sizing: border-box; /*Safari3.2+*/
		-o-box-sizing: border-box; /*Opera9.6*/
		-ms-box-sizing: border-box; /*IE8*/
		box-sizing: border-box;
		display:block;
		padding:0 0 0 2px;
		letter-spacing:5px;
		width:50%;
	}
	.JS ul#GlobalNaviTop2 li a span {
		font-size:120%;
	}
	.JS ul#GlobalNaviTop2 li div.PullMenu {
		display:none;
	}
	.JS ul#GlobalNaviTop2 li span.arrow {
		background:none;
	}

/*------------index.html->TopPage News------------*/
	.JS #TopNewsArea {
		width: 100%;

	}
	.JS #TopNewsArea ul#Tabs li {
		width:35%;
	}
	.JS .TopLeftStyle,
	.JS .TopRightStyle {
		width:100%;
	}
	.JS .TopRightStyle {
		border:none;
		padding:0;
	}
	.JS #TopNewsArea ul#Tabs li a {
		font-size:90%;
	}
	.JS .more {
		position:static;
		margin:-38px 0 0;
		width:70px;
		background-color:#e60027;
		right:15px;
	}
	.JS .more a {
		background:none ;
		color:#FFF;
		width:100%;
		height:auto;
		text-decoration:none;
	}
	.JS .more a:hover {
		background-color:#be0121;
	}
	.JS .more a span {
		display:block;
		width:100%;
		color:#FFF;
		line-height:2;
		text-align:center;
	}

	/*------------products/index.html-------------*/

	.JS #products .CaseStudyStyle {
		padding:15px;
	}
	.JS #products .CaseStudyStyle .leftSet {
		width:100%;
		padding:0;
	}
	.JS #products .CaseStudyStyle .RightSet {
		width: 100%;
	}
	.JS .ImgW100SetStyle .Img {width: 100px;}

	.JS .ImgW180SetStyle .Img {width: 150px;}

	/*------------about/index.html->Identitych/global------------*/

	.JS .Identitych h2 span {
		padding: 10px 15px;
	}
	.JS .Identitych .Column2 {
		width:100%;
		float:none;
		margin:0 auto;
		padding:0 atuo;
	}
	.JS .Identitych p.TextStyle1 {
		font-size:80%;
	}
	.JS .Identitych ul.LinkListStyle1 {
		margin:10px 0 0;
	}
	.JS .Identitych ul.sp {
		margin:5px 0 15px;
	}
	.JS .Identitych ul.LinkListStyle1 li {
		padding-top:0px;
	}
	.JS .Identitych ul.LinkListStyle1 li a {
		font-size:80%;
	}
	.JS .Identitych ul.LinkListStyle1 li.button a {
		display:block;
		font-size:85%;
		padding:5px 15px 0;
	}
	.JS .Identitych p.ImgOnlyStyle {
		padding:0;
	}
	.JS .ImgW120SetStyle .Img {width:100%;}
	.JS .ImgW120SetStyle .ImgSet {width:100%;}
	.JS #Corporate ul.Panel li.Column1,
	.JS #Corporate ul.Panel li div.Inner {height:auto;}

	/*------------network/index.html->HCH&GROUP------------*/
	.JS #network .LeftStyle {
		width:100%;
	}
	.JS #network #Lists ul li {
		width:100%;
		float:none;
	}
	.JS #network .areaSearch {
		display:none;
	}
	.JS #network .keywordSearch {
		background-image:none;
		margin:0 auto;
		width:100%;
	}
	.JS #network #wordFilter {
	    -moz-box-sizing: border-box;  /*Firefox3.5+*/
		-webkit-box-sizing: border-box; /*Safari3.2+*/
		-o-box-sizing: border-box; /*Opera9.6*/
		-ms-box-sizing: border-box; /*IE8*/
		box-sizing: border-box;
		left:0;
		width:100%;
		padding:0 0 0 40px;
	}
	.JS #network .searchResult {
		background-size:100%;
		width:100%;
	}
	.JS #corpInfo #allmap {
		height:400px;
	}
	/*------------casestudies.html->dalian------------*/
	.JS #addDaLian .heightStyle1,
	.JS #addDaLian .heightStyle2{
		height:auto;
	}
	.JS #addDaLian .PageTitleStyle3 h1 {
		margin:0;
	}
	.JS #addDaLian .add0108menu {
		display:none;
	}
	.JS body.dalian .Grid1 {
		margin-top:0;
	}

	/*------------brandchannel.html->VideoBanner------------*/
	.JS #video .VideoBanner .BannerBackground {
		display:none;
	}
	.JS #video .VideoBanner .BannerPic {
		float:none;
	}
	/*------------toppage->BrandingImg Specil(one pic) Update2017.07.07------------*/
	.JS div #BrandingImgStyle {
		height:auto;
	}
	
	
	
	/*------------global video------------*/
	.JS iframe {
		width:100%;
		height:100%;
	}
}