@charset "utf-8";

.color-black { color:#000000;}
.color-red { color:#ed1c24;}
.color-green { color:#128f8a;}
.color-blue { color:#063566;}
.color-orange { color:#f15a24;}
.color-gray { color:#808080;}

.txtCenter { text-align:center;}


/** errorWrap **/
#errorWrap {
	width:100%;
	margin:0 auto;
}
@media screen and (min-width:991px) {
	#errorWrap{
		display: flex;		
		align-items: center;
		height: 100%;
	}
}


/** errorPage **/
#errorPage {
	position:relative;
	width:100%;
	margin: 0 auto;
}
#errorPage .logo{
    display:block;
    width:375px;
    height:65px;
    font-size:0;
    background:url(../images/logo.png) no-repeat 0 50%;
    background-size:auto 65px;
	margin:20px auto;
}
.errorBox {	
    width:100%;
	text-align:center;
    padding:50px 30px;
	box-sizing:border-box;
    margin:0 auto;
    /* background-attachment:fixed !important; */
	background:#737373;
	background-size:cover;
}
.errorBox h2 {
    color:#FFF;
	font-size:5.9em;
	margin:10px 0;
	-webkit-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	   -moz-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	    -ms-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	        text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
}
.errorBox h3 {
	color:#FFF;
	font-size:2.7em;
	margin:10px 0 25px 0;
	-webkit-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	   -moz-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	    -ms-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	        text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
}
.errorBox p {
	color:#FFF;
	font-size:1.7em;
	line-height:150%;
	font-weight:bold;
	-webkit-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	   -moz-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	    -ms-text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
	        text-shadow:0px 1px 5px rgba(0,0,0,.5), 0px 1px 15px rgba(0,0,0,.5);
}
.errorBtn {
	width:100%;
	text-align:center;
    margin:30px auto;
}
.errorBtn a {
	display:inline-block;
    color:#737373;
    font-size:1.7em;
	padding:10px 30px;
	border:1px solid #737373;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
	margin:0 auto;
}
.errorBtn a:hover,
.errorBtn a:focus {
	color:#FFF;
	border-color:#000;
    background:#000;
}
@media screen and (max-width:480px) {
	.errorBox {	
		padding:50px 20px;
	}
	.errorBox h2 {
		font-size:3.9em;
	}
	.errorBox h3 {
		font-size:1.8em;
	}	
}
@media screen and (max-width:420px) {
	#errorPage .logo{
		width:290px;
		height:50px;
		background-size:auto 50px;
	}
}
@media screen and (min-width:991px) {
	#errorPage{
		min-height:640px;
	}
	#errorPage .logo{
		margin:30px auto;
	}
	.errorBox {	
		padding:60px 25%;
	}	
}


/** mainn **/
#main {
	position:relative;
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
	z-index:1;
}
#main.csr {
	padding-top:55px;
	background:url(../images/CSR-bg.jpg) no-repeat 50% 55px;
	background-size:100% auto;
}
#main .main-gradient {
	position:absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 300px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	z-index:-1;
}
@media screen and (min-width:991px) {
	#main {
		padding-bottom:50px;
		background-repeat:no-repeat;
		background-position:50% 0;
		background-size:cover;
		background-attachment:fixed;
	}
	#main.cm1 { background-image:url(../images/com-main1.jpg); }
	#main.cm2 { background-image:url(../images/com-main2.jpg); }
	#main.cm3 { background-image:url(../images/com-main3.jpg); }
	#main.cm4 { background-image:url(../images/com-main4.jpg); }
	#main.cm5 { background-image:url(../images/com-main5.jpg); }
	#main.cm6 { background-image:url(../images/com-main6.jpg); }
	#main.cm7 { background-image:url(../images/com-main7.jpg); }
	#main.cm8 { background-image:url(../images/com-main8.jpg); }
	#main.cm9 { background-image:url(../images/com-main9.jpg); }
	#main.cm10 { background-image:url(../images/com-main10.jpg); }
	#main.csr {
		padding-top:105px;
		padding-bottom:0;
		background-position:50% 105px;
		background-size:1600px auto;
	}
	#main.TITC {
		padding-bottom:0;
	}
}
@media screen and (min-width:1200px) {
	#main.csr {
		background-size:1920px auto;
	}
}

/** comMain **/
#comMain {
	width:100%;
	height:150px;
	margin:60px auto 0 auto;
	box-sizing:border-box;
	background-position:50% 50%;	
	background-size:cover;
}
#comMain.cm1 { background-image:url(../images/com-main1.jpg); }
#comMain.cm2 { background-image:url(../images/com-main2.jpg); }
#comMain.cm3 { background-image:url(../images/com-main3.jpg); }
#comMain.cm4 { background-image:url(../images/com-main4.jpg); }
#comMain.cm5 { background-image:url(../images/com-main5.jpg); }
#comMain.cm6 { background-image:url(../images/com-main6.jpg); }
#comMain.cm7 { background-image:url(../images/com-main7.jpg); }
#comMain.cm8 { background-image:url(../images/com-main8.jpg); }
#comMain.cm9 { background-image:url(../images/com-main9.jpg); }
#comMain.cm10 { background-image:url(../images/com-main10.jpg); }
#comMain .container {
	display: flex;
	width:100%;
	height:100%;
	flex-wrap: wrap;	
}
#comMain span {
	display: flex;
	width:100%;
	color:#FFF;
	font-size:4.1em;
	font-weight:bold;
	-webkit-text-shadow:0 0 7px rgba(0,0,0,.5);
	   -moz-text-shadow:0 0 7px rgba(0,0,0,.5);
        -ms-text-shadow:0 0 7px rgba(0,0,0,.5);
			text-shadow:0 0 7px rgba(0,0,0,.5);
	text-align:center;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
@media screen and (max-width:420px) {
	#comMain {
		height:110px;
		margin-top:55px;
	}
	#comMain span {
		font-size:3.7em;
	}
}
@media screen and (min-width:991px) {
	#comMain {
		height:315px;
		margin-top:105px;
		background:none !important;
	}
	#comMain span {
		font-size:5.5em;
	}
}


/** comBar **/
#comBar {
	position:relative;
	width:100%;
	margin:0 auto;
	background:rgba(53,61,102,.9);
}
@media screen and (min-width:991px) {
	#comBar {
		max-width:990px;
		margin-top:-55px;
	}
}
@media screen and (min-width:1200px) {
	#comBar {
		max-width:1200px;
	}
}

/** breadcrumbs **/
#breadcrumbs {
	float:left;
	width:100%;
	box-sizing:border-box;
	margin:0 auto;
}
#breadcrumbs dl {
	position:relative;
	width:100%;
	margin:0 auto ;
}
#breadcrumbs dt {
	position:absolute;
	left:0;
	border-right:1px solid rgba(255,255,255,1);
	z-index:2;
}
#breadcrumbs dt a.bread-home {
	position:relative;
	display:block;
	width:50px;
	height:50px;
	font-size:0;
}
#breadcrumbs dt a.bread-home:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:20px;
	height:20px;
	margin:-10px 0 0 -10px;
	background:url(../images/icon-home.svg) 50% 50% no-repeat;
	background-size:cover;
}
#breadcrumbs dt a.bread-home:hover,
#breadcrumbs dt a.bread-home:focus {
	background:rgba(0,0,0,.7);
}
#breadcrumbs dd {
	float:left;
	width:100%;
	color:#FFF;
	font-size:1.9em;
	font-weight:bold;
	border-bottom:1px solid #FFF;
}
#breadcrumbs #breadMenu1 {
	display:none;
}
#breadcrumbs dd:last-child {
	border-bottom:none;
}
#breadcrumbs dd:nth-child(2) > a,
#breadcrumbs dd:nth-child(2) > span,
#breadcrumbs #breadMenu1 > a,
#breadcrumbs #breadMenu1 > span,
#breadcrumbs #breadMenu2 > a,
#breadcrumbs #breadMenu2 > span {
	padding-left:70px;
}
#breadcrumbs .breadMenu {
	position:relative;
}
#breadcrumbs .breadMenu > a,
#breadcrumbs .breadMenu > span {
	position:relative;
	display:block;
	color:#FFF;
	line-height:115%;
	padding:14px 40px 14px 20px;
}
#breadcrumbs .breadMenu > a:after {
    position: absolute;
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: 18px;
    width: 7px;
    height: 7px;
    border-left: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    z-index: 2;
    -webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
}
#breadcrumbs .breadMenu > a:hover,
#breadcrumbs .breadMenu > a:focus {
	color:#fff100;
}
#breadcrumbs .breadMenu > a:hover:after,
#breadcrumbs .breadMenu > a:focus:after {
	border-color:#fff100;
}
#breadcrumbs .breadMenu.on > a {
	color:#FFF;
	background-color:rgba(0,0,0,.7);
}
#breadcrumbs .breadMenu.on > a:after {
	top: 23px;
	border-color:#FFF;
	-webkit-transform:rotate(-225deg);
	    -ms-transform:rotate(-225deg);
	        transform:rotate(-225deg);
}
#breadcrumbs .breadMenu ul {
	display:none;
	width:100%;
	list-style:none;
	background-color:rgba(187,0,59,.9);
}
#breadcrumbs .breadMenu ul li {
	border-bottom:1px dashed rgba(255,255,255,.5);
}
#breadcrumbs .breadMenu ul li:last-child {
	border-bottom:none;
}
#breadcrumbs .breadMenu ul li.unit-now {
	display:none;
}
#breadcrumbs .breadMenu ul li a {
	display:block;
	color:#FFF;
	padding:15px 20px;
}
#breadcrumbs .breadMenu ul li a:hover,
#breadcrumbs .breadMenu ul li a:focus {
	color:#fff100;
	background-color:rgba(187,0,59,.9);
}
@media screen and (min-width:991px) {
	#breadcrumbs {
		width:auto;
		margin:0;
	}
	#breadcrumbs dl {
		float:left;
		width:auto;
		background:none;
	}
	#breadcrumbs dt {
		position:relative;
		float:left;
		border-right:1px solid rgba(255,255,255,.4);
	}
	#breadcrumbs dt a.bread-home {
		width:55px;
		height:55px;
	}
	#breadcrumbs dd {
		width:auto;
		min-width:180px;
		font-size:1.7em;
		border-bottom:none;
		border-right:1px solid rgba(255,255,255,.4);
	}
	#breadcrumbs #breadMenu1 {
		display:block;
	}
	#breadcrumbs dd:nth-child(2) {
		width:auto;
	}
	#breadcrumbs dd:nth-child(2) > a,
	#breadcrumbs dd:nth-child(2) > span,
	#breadcrumbs #breadMenu1 > a,
	#breadcrumbs #breadMenu1 > span,
	#breadcrumbs #breadMenu2 > a,
	#breadcrumbs #breadMenu2 > span {
		padding-left:20px;
	}
	#breadcrumbs .breadMenu > a,
	#breadcrumbs .breadMenu > span {
		line-height:55px;
		padding:0 50px 0 20px;
	}
	#breadcrumbs .breadMenu > a:after {
		right:15px;
		top:20px;
	}
	#breadcrumbs .breadMenu ul li a {
		padding:20px;
	}
	#breadcrumbs .breadMenu.on > a:after {		
		top: 25px;
	}
	#breadcrumbs .breadMenu ul {
		position:absolute;
		display:block;
		top:55px;
		left:0;		
		height:0;
		visibility: hidden;
		opacity: 0;
		overflow:hidden;
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
		z-index:5;
	}
	#breadcrumbs .breadMenu ul.focu-show {
		height:inherit;
		visibility:visible;
		opacity: 1;
	}
}


/* ----- postBtn ----- */
.postBtn {
	position:absolute;
	right:15px;
	bottom:-70px;
	width:auto;
	z-index:2;
}
@media screen and (min-width:991px) {
	.postBtn {
		position:relative;
		right:inherit;
		bottom:inherit;
		float:right;
	}
}


/* ----- printBtn ----- */
.printBtn {
	position:relative;
	float:left;
	width:50px;
	height:50px;
	color:#FFF;
	font-size:0;
	line-height:50px;
	background:rgba(0,0,0,.3);
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
}
.printBtn:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:26px;
	height:26px;
	margin:-13px 0 0 -13px;
	background:url(../images/icon-print.svg) 50% 50% no-repeat;
	background-size:cover;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.printBtn:hover,
.printBtn:focus {
	background:rgba(0,0,0,.7);
}
@media screen and (max-width:420px) {
	.printBtn {
		margin-bottom:5px;
		-webkit-transform:scale(0.8);
		   -moz-transform:scale(0.8);
			-ms-transform:scale(0.8);
			 -o-transform:scale(0.8);    
				transform:scale(0.8);
	}
}
@media screen and (min-width:991px) {
	.printBtn {
		width:55px;
		height:55px;
		border:none;		
		border-left:1px solid rgba(255,255,255,.4);
		box-sizing:inherit;
		background:none;
		-webkit-border-radius:0;
		   -moz-border-radius:0;
				border-radius:0;
	}
	.printBtn:before {
		width:20px;
		height:20px;
		margin:-10px 0 0 -10px;
	}
}

/* ----- shareBtn ----- */
.shareBtn {
	display:none;
	position:relative;
	float:right;
	width:50px;
}
.shareBtn .on {
	position:relative;
	float:left;
	width:50px;
	height:50px;
	color:#000;
	font-size:0;
	line-height:50px;
	background:rgba(0,0,0,.4);
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
}
.shareBtn .on:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:20px;
	height:20px;
	margin:-10px 0 0 -10px;
	background:url(../images/icon-share.svg) 50% 50% no-repeat;
	background-size:cover;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.shareBtn .on:focus,
.shareBtn .on.show,
.shareBtn .on.show:focus {
	background:rgba(0,0,0,.7);
}
.shareBtn .shareMenu {
	display:none;
	position:absolute;
	top:50px;
	right:0;
	background:rgba(255,255,255,.8);
	z-index:200;
	list-style:none;
}
.shareBtn .shareMenu a {
	position:relative;
	float:left;
	width:50px;
	height:50px;
	font-size:0;
}
.shareBtn .shareMenu a:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:30px;
	height:30px;
	margin:-15px 0 0 -15px;
	background-size:100% auto;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.shareBtn .shareMenu a.icon-fb {
	background-color:rgba(59,89,152,1);
}
.shareBtn .shareMenu a.icon-fb:before {
	background-image:url(../images/icon-FB.svg);
}
.shareBtn .shareMenu a.icon-twitter {
	background-color:rgba(0,172,237,1);
}
.shareBtn .shareMenu a.icon-twitter:before {
	background-image:url(../images/icon-Twitter.svg);
}
.shareBtn .shareMenu a.icon-line {
	background-color:rgba(1,185,1,1);
}
.shareBtn .shareMenu a.icon-line:before {
	background-image:url(../images/icon-LINE.svg);
}
.shareBtn .shareMenu a:hover:before,
.shareBtn .shareMenu a:focus:before {
    -webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
			transform:rotate(360deg);
}
@media screen and (min-width:991px) {
	.shareBtn {
		display:block;
		width:55px;
		border-left:1px solid rgba(255,255,255,.4);
	}
	.shareBtn .on {
		width:55px;
		height:55px;
		border:none;
		background:none;
		-webkit-border-radius:0;
		   -moz-border-radius:0;
				border-radius:0;
	}
	.shareBtn .shareMenu {
		display:block;
		top:55px;
		height:0;
		visibility: hidden;
		opacity: 0;
		overflow:hidden;
		-webkit-transition:all 0.5s ease;
		   -moz-transition:all 0.5s ease;
			 -o-transition:all 0.5s ease;
				transition:all 0.5s ease;
	}
	.shareBtn .shareMenu.focu-show {
		height:inherit;
		visibility:visible;
		opacity: 1;
	}
	.shareBtn .shareMenu a {
		width:55px;
		height:55px;
	}
}


/* ----- backBtn ----- */
.backBtn {
	position:relative;
	float:left;
	width:45px;
	height:45px;
	color:#FFF;
	font-size:0;
	line-height:45px;
	box-sizing:border-box;
	background:rgba(6,53,102,.5);
}
.backBtn:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:23px;
	height:23px;
	margin:-11px 0 0 -11px;
	background:url(../images/icon-back.svg) 50% 50% no-repeat;
}
.backBtn:hover,
.backBtn:focus {
	background:rgba(6,53,102,1);
}


/** comPage **/
#comPage {
	position:relative;
	width:100%;	
	margin:0 auto;
	background:#FFF;
}
#comPage .pageCenter {
	width:100%;
	padding:20px 0 40px 0;	
	box-sizing:border-box;
	margin:0 auto;
}
#comPage .cityBg {
	position:absolute;
	bottom:0;
}
#comPage .pageLeft {
	position:relative;	
	width:100%;
}
#comPage .pageRight {
	position:relative;
	width:100%;
}
@media screen and (min-width:991px) {
	#comPage {
		background:none;
	}
	#comPage .acKey {
		position:absolute;
		top:5px;
		margin-left:5px;
		z-index:2;
	}
	#comPage .pageCenter {
		padding:30px 30px 50px 30px;
		background:#FFF;
	}
	#comPage .pageCenter.op {
		padding:45px;
	}
	#comPage .pageLeft {
		float:left;
		width:240px;
	}
	#comPage .pageRight {		
		float:right;
		width:calc(100% - 270px);
	}
	#comPage .pageLeft .acKey,
	#comPage .pageRight .acKey {
		position:absolute;
		top:-15px;
		margin-left:0;
		z-index:2;
	}
}


/* ----- pageOverview ----- */
.pageOverview {
	width:100%;
	margin:20px auto 0 auto;
}
.pageOverview ul {
	list-style:none;
	margin:-10px;
}
.pageOverview ul li {
	display:inline-block;
	width:50%;
	padding:10px;
	vertical-align:top;
	box-sizing:border-box;
}
.pageOverview ul li a {
	float:left;
	width:100%;
	padding:20px;
	box-sizing:border-box;
	background:#eeeeee;
}
.pageOverview ul li a span {
	position:relative;
	display:inline-block;
	color:#000;
	font-size:2.3em;
	line-height:125%;
	font-weight:bold;
	padding-left:35px;
}
.pageOverview ul li a span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
	top:2;
    width: 25px;
    height: 25px;
	margin: 0;
    z-index:1;
	background:#000;
}
.pageOverview ul li a span:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
	top:7.5px;  
    width: 7px;
    height: 7px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    margin: 0 0 0 6px;
    z-index: 2;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.pageOverview ul li a:hover span,
.pageOverview ul li a:focus span {
    color:#bb003b;
}
.pageOverview ul li a:hover span:before,
.pageOverview ul li a:focus span:before {
    background:#bb003b;
}
@media screen and (max-width: 640px) {
	.pageOverview ul li {
		width:100%;
	}
}
@media screen and (min-width: 1200px) {
	.pageOverview ul li {
		width:calc(100% / 3);
	}
}


/** asideTitle **/
#asideTitle {
	position:relative;
	float:left;
	width:100%;
	min-height:120px;
	background: rgb(242,161,0); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(242,161,0,1) 0%, rgba(242,113,48,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(242,161,0,1) 0%,rgba(242,113,48,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(242,161,0,1) 0%,rgba(242,113,48,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2a100', endColorstr='#f27130',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	overflow:hidden;
}
#asideTitle h2 {
	color:#FFF;
	font-size:2.1em;
	font-weight:bold;
	padding:0 23px;
	margin-top:50px;
	z-index:1;
}
#asideTitle:before {
	content:"";
	display:block;
	position:absolute;
	right:15px;
	top:18px;
	width:95px;
	height:95px;
	background-repeat:no-repeat;
	background-position:0 0;
}
#asideTitle.bg1:before { background-image:url(../images/asideTitle-icon1.png); }
#asideTitle.bg2:before { background-image:url(../images/asideTitle-icon2.png); }
#asideTitle.bg3:before { background-image:url(../images/asideTitle-icon3.png); }
#asideTitle.bg4:before { background-image:url(../images/asideTitle-icon4.png); }
#asideTitle.bg5:before { background-image:url(../images/asideTitle-icon5.png); }
#asideTitle.bg6:before { background-image:url(../images/asideTitle-icon6.png); }
#asideTitle.bg7:before { background-image:url(../images/asideTitle-icon7.png); }
#asideTitle.bg8:before { background-image:url(../images/asideTitle-icon8.png); }
#asideTitle.bg9:before { background-image:url(../images/asideTitle-icon9.png); }


/* ---------- asideMenu ---------- */ 
#asideMenu {
	float:left;
	width:100%;
}
#asideMenu > ul {
	float:left;
	width:100%;
	list-style:none;
	background:#F5F4F0;
}
#asideMenu > ul > li {
	float:left;
	width:100%;
	background:#f0f0f0;
	border-top:1px solid #FFF;
}
#asideMenu > ul > li > a {
	position:relative;
	float:left;
	width:100%;
	color:#000;
	font-size:1.7em;
	font-weight:bold;
	padding:25px 40px 25px 23px;
	box-sizing:border-box;
}
#asideMenu > ul > li > a:hover,
#asideMenu > ul > li > a:focus {
	color:#A40000;
}
#asideMenu > ul > li > a:active {
	color:#FFF;	
}
#asideMenu > ul > li:hover > a {
	color:#A40000;
}
#asideMenu > ul > li.unit-now > a {
	position:relative;
	color:#FFF;
	font-weight:bold;
	background:#d94800;
}
#asideMenu > ul > li.unit-now > a:after {
	content:"";
	display:block;
	position:absolute;
	right:20px;
	top:25px;
	width:17px;
	height:17px;
	background-image:url(../images/asideMenu-icon.png);
}
#asideMenu > ul > li.unit-now.show > a:after {
	display:none;
}
@media screen and (max-width:990px) {
	#asideMenu {
		display:none;
	}
	#asideMenu > ul > li > a {
		font-size:1.9em;
	}
}

/* ---------- navSmenu ---------- */ 
#asideMenu .navSmenu {
	float:left;
	width:100%;
	list-style:none;
	border:5px solid #f0f0f0;
	border-top:none;
	margin:0px;
	padding:10px 20px;
	box-sizing:border-box;
	background:#FFF;
}
#asideMenu .navSmenu li {
	float:left;
	width:100%;
	border-bottom:1px dashed #CCC;
	box-sizing:border-box;
}
#asideMenu .navSmenu li:last-child {
	border-bottom:none;
}
#asideMenu .navSmenu li a {
	position:relative;
	float:left;
	width:100%;
	color:#000;
	font-size:1.7em;
	font-weight:bold;
	text-align:left;
	padding:10px 20px 10px 0;
	box-sizing:border-box;
}
#asideMenu .navSmenu > li a:hover,
#asideMenu .navSmenu > li a:focus  {
	color:#A40000;
}
#asideMenu > ul > li:hover > .navSmenu {
	display:block;
	background:#FFF;
}
#asideMenu > ul > li > .navSmenu {
	background:#FFF;
}
#asideMenu > ul > li > .navSmenu li:last-child {
	border-bottom:none;
}
#asideMenu > ul > li.unit-now > .navSmenu {
	display:block;
	border-color:#d94800;
}
#asideMenu > ul > li.unit-now > .navSmenu > li a {
	color:#000;
}
#asideMenu > ul > li.unit-now > .navSmenu > li a:hover,
#asideMenu > ul > li.unit-now > .navSmenu > li a:focus {
	color:#A40000;
}
#asideMenu > ul > li.unit-now > .navSmenu > li.unit-now a {
	color:#d94800;
}
#asideMenu > ul > li.unit-now > .navSmenu > li.unit-now a:before  {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    right:5px;
    width:5px;
    height:5px;
    border-top:2px solid #d94800;
    border-right:2px solid #d94800;
    margin-top:-4px;
    z-index:2;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
}


/* ----- articleBox ----- */
#articleBox {
	position:relative;
	float:left;
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
}
#articleBox .titHead {
	width:100%;
	padding-bottom:15px;
	padding-right: 60px;
	box-sizing:border-box;
	border-bottom:1px solid #000;
}
#articleBox .titHead.rpt {
	padding-right: 110px;
}
#articleBox .titHead h2,
#articleBox .titHead span {
	float:left;
	color:#d94800;
	font-size:3.7em;
	line-height:125%;
	font-weight:bold;
}
#articleBox .titHead .backLevel {
	position:absolute;
	right:55px;
	top:0;
	display:block;
	width:50px;
	background:#e5e5e5;
	box-sizing:border-box;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
            border-radius:100px;
}
#articleBox .titHead .backLevel em {
	position:relative;
	display:inline-block;
	width:50px;
	color:#000;
	font-size:0;
	line-height:50px;
	font-weight:bold;
	font-style:normal;
}
#articleBox .titHead .backLevel em:after {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    width:27px;
    height:27px;
    margin:-13.5px 0 0 -13.5px;
	background:url(../images/backLevel-icon.png) no-repeat 50% 50%;
	z-index:2;
}
#articleBox .titHead .backLevel:hover,
#articleBox .titHead .backLevel:focus {
	background:#000;
}
#articleBox .titHead .backLevel:hover em,
#articleBox .titHead .backLevel:focus em{
	color:#FFF;
}
#articleBox .titHead .backLevel:hover em:after,
#articleBox .titHead .backLevel:focus em:after{
	background-image:url(../images/backLevel-icon-on.png);
}
#articleBox .titHead .backReport {
	position:absolute;
	right:55px;
	top:0;
	display:block;
	background:#fbece5;
	padding:0 15px;
	box-sizing:border-box;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
            border-radius:100px;
}
#articleBox .titHead .backReport em {
	position:relative;
	display:inline-block;
	height:50px;
	color:#d94800;
	font-size:2.1em;
	line-height:50px;
	font-weight:bold;	
	font-style:normal;
	padding-left:30px;
}
#articleBox .titHead .backReport em:after {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:0;
    width:25px;
    height:25px;
    margin:-12.5px 0 0 0;
	background:url(../images/backReport-icon.png) no-repeat 50% 50%;
	z-index:2;
}
#articleBox .titHead .backReport:hover,
#articleBox .titHead .backReport:focus {
	background:#d94800;
}
#articleBox .titHead .backReport:hover em,
#articleBox .titHead .backReport:focus em{
	color:#FFF;
}
#articleBox .titHead .backReport:hover em:after,
#articleBox .titHead .backReport:focus em:after{
	background-image:url(../images/backReport-icon-on.png);
}
@media screen and (max-width:420px) {
	#articleBox .titHead {
		padding-right:0;
		padding-top:50px;
	}
	#articleBox .titHead .backLevel {
		right:45px;
		margin-top:-5px;
		-webkit-transform:scale(0.8);
		   -moz-transform:scale(0.8);
			-ms-transform:scale(0.8);
			 -o-transform:scale(0.8);    
				transform:scale(0.8);
	}
	#articleBox .titHead .backReport {
		position:relative;
		display:inline-block;
		right:inherit;
		width:100%;
		text-align:center;
		margin-top:10px;
	}
	#articleBox .titHead .backReport em {
		height:45px;
		line-height:45px;
	}
}
@media screen and (min-width:991px) {
	#articleBox .titHead {
		padding-right:0;
	}
	#articleBox .titHead.rpt {
		padding-right:180px;
	}
	#articleBox .titHead .backLevel {
		right:0;
		top:5px;
		width:auto;
		padding:0 15px;		
	}
	#articleBox .titHead .backLevel em {
		width:auto;
		font-size:2.1em;
		line-height:39px;
		padding-left:35px;
	}
	#articleBox .titHead .backLevel em:after {
		left:0;
		margin-left:0;
	}
	#articleBox .titHead .backReport {
		right:0;
		top:5px;
		width:auto;
	}
	#articleBox .titHead .backReport em {
		height:45px;
		line-height:45px;
	}
}


/** searchCriteria **/
#searchCriteria {
	width:100%;
	text-align:center;
	padding:25px;
	box-sizing:border-box;
	margin:20px auto 0 auto;
	background:#f0eee6;
}
#searchCriteria .sbox {
	display:inline-block;
	width:100%;
	margin:0 0 15px 0;
	vertical-align:top;
}
#searchCriteria label {
	display:inline-block;
	width:100px;
	color:#FFF;
	font-size:1.7em;
	line-height:50px;
	font-weight:bold;
	background:#000;
	vertical-align:top;
}
#searchCriteria .listBar {
	display:inline-block;
	width:calc(100% - 100px);
	height:50px;
	padding:0px;	
	font-size:1.7em;
	color: #000;
	font-weight:bold;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow:"";
	border:none;
	padding:0 0 0 15px;
	background:#FFF url(../images/select-bg.png) no-repeat right;
	-webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
	   -moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
	    -ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
	        appearance: none;
	vertical-align:top;
}
#searchCriteria .listBar:focus {
	color:#FF6A00;
	border:none;
	background:#FFF url(../images/select-bg-on.png) no-repeat right;
}
#searchCriteria .listBar option {
	color: #333;
	border: none;
	background:#FFF; /* style the dropdown bg color */
}
#searchCriteria .listBar:-ms-expand {
	display: none; /* hide default arrow in IE10 */
}
#searchCriteria .search-query {
	width:calc(100% - 100px);
	height:50px;
	color:#000;
	font-size:1.7em;
	line-height:50px;
	padding:0 15px;
	background:#FFF;
	border:none;
	box-sizing:border-box;
	vertical-align:top;
}
#searchCriteria .search-query:focus {
	color:#FF6A00;
	border:none;
}
#searchCriteria .search-btn {
	display:inline-block;
	width:100%;
	height:50px;
	text-align:center;
	padding:0;
	margin:0;
	border:none;
	cursor:pointer;
	background:#737373;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#searchCriteria .search-btn span {
	color:#FFF;
	font-size:1.2rem;
	font-weight:bold;
}
#searchCriteria .search-btn span em {
	position:relative;
	display:inline-block;
	width:20px;
	height:20px;
	margin:4px 5px 0 0;
	vertical-align:top;
	-webkit-backface-visibility:hidden;
			backface-visibility:hidden;
}
#searchCriteria .search-btn span em::before {
	position:absolute;
	display:block;
	content:'';
	left:0;
	top:0;
	height:16px;
	width:16px;
	border:3px solid #FFF;
	box-sizing:border-box;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
#searchCriteria .search-btn span em::after {
	position:absolute;
	display:block;
	content:'';
	left:10px;
	top:13px;
	width:10px;
	height:3px;	
	background:#FFF;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
#searchCriteria .search-btn:hover,
#searchCriteria .search-btn:focus {
	background:#E15315;
}
@media screen and (max-width: 520px) {
	#searchCriteria {
		padding:15px;
	}
	#searchCriteria label {
		width:100%;
	}
	#searchCriteria .listBar {
		width:100%;
		padding:0 0 0 10px;
	}
	#searchCriteria .boxInter {
		width:20px;
	}
	#searchCriteria .search-query {
		width:100%;
		padding:0 10px;
	}
	#searchCriteria .date-query {
		width:calc(50% - 10px);
		padding:0 0 0 40px;
		background-position:-5px 50%;
	}
}
@media screen and (max-width: 380px) {
	#searchCriteria .date-query {
		padding:0 10px;
		background:#FFF;
	}
	#searchCriteria .date-query:focus {
		background:#FFF;
	}
}
@media screen and (min-width: 991px) {
	#searchCriteria {
		padding:35px 0;
	}
	#searchCriteria .sbox {
		width:auto;
		margin:0 5px;
	}
	#searchCriteria .listBar {
		width:140px;
	}
	#searchCriteria .search-query {
		width:180px;
	}
	#searchCriteria .search-btn {
		width:50px;
		margin:0 5px;
	}
	#searchCriteria .search-btn span {
		float:left;
		width:100%;
		height:100%;
		font-size:0;
		padding-left:0;
	}
	#searchCriteria .search-btn span em {
		margin:15px 0 0 0;
	}
}
@media screen and (min-width: 1200px) {
	#searchCriteria .listBar {
		width:220px;
	}
	#searchCriteria .search-query {
		width:280px;
	}
}


/* ----- formBtn ----- */
.formBtn {
	width:100%;
	text-align:center;
	padding-top:30px;
	border-top:1px dashed #CCC;
	margin-top:35px;
}
.formBtn a,
.formBtn button {
	display:inline-block;
	width:calc(50% - 10px);
	max-width:200px;
	color:#fff;
	font-size:1.9em;
	font-weight:bold;
	line-height:59px;
	padding:0;
	background:#687588;
	border:none;
	cursor:pointer;
	margin:5px;
	-webkit-border-radius:7px;
	   -moz-border-radius:7px;
            border-radius:7px;
}
.formBtn a span,
.formBtn button span {
	position:relative;
	padding:0 30px 0 0;
}
.formBtn a:hover,
.formBtn a:focus,
.formBtn button:hover,
.formBtn button:focus {
	background:#eb6100;
}
.formBtn .btnSend {
	background:#004986;
}
.formBtn .btnSend span:after {
    content:"";
    display:block;
    position:absolute;
	right:5px;
	top: 50%;
    width:7px;
    height:13px;    
    border-right:3px solid #FFF;
	border-bottom:3px solid #FFF;
    margin-top:-10px;
    z-index:2;
    -webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
.formBtn .btnClear {
	background:#949494;
}
.formBtn .btnClear span:before,
.formBtn .btnClear span:after {
    position:absolute;
	content:'';
	right:2px;
	top:50%;
	width:20px;
    height:3px;
	background:#FFF;
	margin-top:-1.5px;
    z-index:2;
}
.formBtn .btnClear span:before {
	-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);
}
.formBtn .btnClear span:after {
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
.formBtn .btnClear:hover,
.formBtn .btnClear:focus {
	background:#333;
}
.formBtn .btnNext {
	background:#687588;
}
.formBtn .btnNext span:after {
    content:"";
    display:block;
    position:absolute;
	right:5px;
	top: 50%;
    width: 10px;
    height: 10px;
    border-right: 3px solid #FFF;
    border-top: 3px solid #FFF;
    margin-top: -6px;
    z-index: 2;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.formBtn .btnNext:hover,
.formBtn .btnNext:focus {
	background-color:#ED5424;
}
.formBtn .btnBack {
	background:#687588;
}
.formBtn .btnBack span:before {
	content:"";
	display:block;
	position:absolute;
	top:2px;
	right:17px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 6px 0;
	border-color: transparent #FFFFFF transparent transparent;
	z-index:2;
}
.formBtn .btnBack span:after {
	content:"";
	display:block;
	position:absolute;
	top:6px;
	right:6px;
	width:12px;
	height:14px;
	border:4px solid #FFF;
	border-left:none;
	box-sizing:border-box;
    -webkit-border-radius:0 50px 50px 0;
       -moz-border-radius:0 50px 50px 0;
            border-radius:0 50px 50px 0;
	z-index:2;
}
.formBtn .btnMail {
	background:#687588;
}
.formBtn .btnMail span:before,
.formBtn .btnMail span:after {
    position:absolute;
	display:block;
	content:'';
	right:0;
	top:50%;
    z-index:2;
}
.formBtn .btnMail span:before {
	width:22px;
    height:18px;
	box-sizing:border-box;
	border:3px solid #FFF;
	margin-top:-9px;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
            border-radius:3px;
}
.formBtn .btnMail span:after {
    width:11px;
    height:11px;    
    border-right:3px solid #FFF;
	border-bottom:3px solid #FFF;
    margin-top:-13px;
	margin-right:4px;
    -webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
.formBtn .btnMail:hover,
.formBtn .btnMail:focus {
	background:#ED5424;
}


/* ----- csrTit ----- */
.csrTit {
	position:relative;
	width:100%;
	text-align:center;
	margin:15% auto 0 auto;
}
.csrTit:before {
	content:"";
	display:block;
	position:absolute;
	top:-20px;
	left:50%;
	margin-left:-170px;
	width:40px;
	height:40px;
	background:url(../images/CSR-bubble1.png) no-repeat 50% 50%;
	background-size:cover;
}
.csrTit:after {
	content:"";
	display:block;
	position:absolute;
	bottom:-40px;
	right:50%;
	margin-right:-180px;
	width:60px;
	height:60px;
	background:url(../images/CSR-bubble2.png) no-repeat 50% 50%;
	background-size:cover;
	visibility:inherit;
}
.csrTit h2 {
	color:#FFF;
	font-size:4.1em;
	font-weight:bold;
	line-height:135%;
	-webkit-text-shadow:0 0 10px rgba(0,128,128,.7);
	   -moz-text-shadow:0 0 10px rgba(0,128,128,.7);
        -ms-text-shadow:0 0 10px rgba(0,128,128,.7);
			text-shadow:0 0 10px rgba(0,128,128,.7);
}
.csrTit p {
	color:#FFF;
	font-size:2.3em;
	line-height:135%;
	-webkit-text-shadow:0 0 7px rgba(0,0,0,.5);
	   -moz-text-shadow:0 0 7px rgba(0,0,0,.5);
        -ms-text-shadow:0 0 7px rgba(0,0,0,.5);
			text-shadow:0 0 7px rgba(0,0,0,.5);
}
@media screen and (min-width: 768px) {
	.csrTit {
		margin-top:150px;
	}
	.csrTit:before {
		top:-20px;
		margin-left:-300px;
		width:70px;
		height:70px;
	}
	.csrTit:after {
		bottom:-50px;
		margin-right:-320px;
		width:110px;
		height:110px;
	}
	.csrTit h2 {
		font-size:7.5em;
	}
	.csrTit p {
		font-size:3.1em;
	}
}
@media screen and (min-width: 991px) {
	.csrTit {
		margin-top:210px;
	}
	.csrTit:before {
		top:-40px;
		margin-left:-350px;
	}
	.csrTit:after {
		bottom:-50px;
		margin-right:-350px;
	}
	.csrTit h2 {
		font-size:9.5em;
	}
	.csrTit p {
		font-size:3.5em;
	}
}
@media screen and (min-width: 1200px) {
	.csrTit {
		margin-top:310px;
	}
}


/* ----- csrBox ----- */
.csrBox {
	position:relative;
	width:100%;
	margin:0 auto;
	z-index:1;
}
.csrBox .pic img {
	width:100%;
	height:auto;
}
.csrBox.cb1 {
	margin-top:20%;
	z-index:2;
}
.csrBox.cb1 .pic {
    display: block;
	width:90%;
	margin:0 5%;
}
.csrBox.cb2 {
	margin-top:50px;
}
.csrBox.cb2 .pic {
    display: block;
	width:50%;
	margin:20px 25% 0 25%;
}
.csrBox.cb2:after {
	position:absolute;
	content: "";
    display: block;
	left:0;
	bottom:0;
	width:100%;
	height:0;
	padding-bottom:57%;
	background:url(../images/CSR-sky.png) no-repeat 50% 50%;
	background-size:cover;
	visibility:inherit;
	z-index:-2;
}
.csrBox.cb3 {
	margin-top:75px;
	background:url(../images/CSR-grassland-sp.png) no-repeat 50% bottom;
	background-size:100% auto;
}
.csrBox.cb3 .pic {
	width:60%;
	margin:20px 20% 0 20%;
}
.csrBox.cb4 {
	padding-top:50px;
	background:url(../images/CSR-bg2-sp.jpg) no-repeat 50% bottom;
	background-size:cover;
}
.csrBox.cb4 .pic {
	width:50%;
	margin:20px 25% 0 25%;
}
.csrBox .word {
	width:100%;
	max-width:640px;
	padding:0 20px;
	box-sizing:border-box;
	margin:0 auto;
}
.csrBox h3 {
	color:#000;
	font-size:3.7em;
	font-weight:bold;
	line-height:125%;
	-webkit-text-shadow:0 0 7px rgba(255,255,255,.5);
	   -moz-text-shadow:0 0 7px rgba(255,255,255,.5);
        -ms-text-shadow:0 0 7px rgba(255,255,255,.5);
			text-shadow:0 0 7px rgba(255,255,255,.5);
}
.csrBox.cb1 h3 { color:#006699; }
.csrBox.cb2 h3 { color:#cc9933; }
.csrBox.cb3 h3 { color:#8bb106; }
.csrBox.cb4 h3 { color:#fe4844; }
.csrBox h3 em {
	display: inline-block;    
	font-size:1.5em;
	font-style:normal;
	line-height:100%;
	vertical-align: text-bottom;
	margin:0 5px;
}
.csrBox h4 {
	color:#000;
	font-size:2.7em;
	font-weight:bold;
	line-height:125%;
	margin:10px auto;
	-webkit-text-shadow:0 0 7px rgba(255,255,255,.5);
	   -moz-text-shadow:0 0 7px rgba(255,255,255,.5);
        -ms-text-shadow:0 0 7px rgba(255,255,255,.5);
			text-shadow:0 0 7px rgba(255,255,255,.5);
}
.csrBox.cb1 h4 { color:#006699; }
.csrBox.cb2 h4 { color:#cc9933; }
.csrBox.cb3 h4 { color:#8bb106; }
.csrBox.cb4 h4 { color:#fe4844; }
.csrBox p {
	color:#333;
	font-size:1.9em;
	font-weight:bold;
	line-height:135%;
	margin:10px auto;
	-webkit-text-shadow:0 0 7px rgba(255,255,255,.5);
	   -moz-text-shadow:0 0 7px rgba(255,255,255,.5);
        -ms-text-shadow:0 0 7px rgba(255,255,255,.5);
			text-shadow:0 0 7px rgba(255,255,255,.5);
}
.csrBox .btncsr {
	display:inline-block;
	width:100%;
	max-width:420px;
	margin-top:20px;
}
.csrBox .btncsr a {
	display:block;
	width:100%;
}
.csrBox .btncsr a span {
	position:relative;
	display:block;
	width:100%;
	padding:20px;
	color:#006699;
	font-size:2.7em;
	font-weight:bold;
	border:4px solid #006699;
	box-sizing:border-box;
}
.csrBox .btncsr a:hover span,
.csrBox .btncsr a:focus span {
	color:#FFF;
	background:#006699;
	border-color:#006699;
}
.csrBox .btncsr a:hover span:after,
.csrBox .btncsr a:focus span:after {
	background-image:url(../images/csrBtn-icon.png);
}
.csrBox .btncsr span em {
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1rem;
	font-weight:normal;
	font-style:normal;
	padding-right:20px;
}
.csrBox .btncsr span em:before {
	position:absolute;
	content: "";
    display: block;
	right:0;
	top:50%;
	width:13px;
	height:9px;
	background:#006699;
	margin-top:-4.5px;
	-moz-transform-origin: bottom;
           -moz-transform: skewX(-55deg);
    -webkit-transform-origin: bottom;
           -webkit-transform: skewX(-55deg);
    -o-transform-origin: bottom;
           -o-transform: skewX(-55deg);
    -ms-transform-origin: bottom;
           -ms-transform: skewX(-55deg);
    transform-origin: bottom;
           transform: skewX(-55deg);	
}
.csrBox .btncsr a:hover span em:before,
.csrBox .btncsr a:focus span em:before {
	background:#FFF;
}
.csrBox .btnmore {
	display:inline-block;
	margin-top:20px;
}
.csrBox .btnmore a {
	position:relative;
	float:left;
	width:100%;
	padding:20px;
	border:4px solid #000;
	box-sizing:border-box;
}
.csrBox.cb2 .btnmore a { border-color:#cc9933; }
.csrBox.cb3 .btnmore a { border-color:#8bb106; }
.csrBox .btnmore a:hover,
.csrBox .btnmore a:focus  {
	border-color:#000;
	background:#000;
}
.csrBox.cb2 .btnmore a:hover,
.csrBox.cb2 .btnmore a:focus {
	border-color:#cc9933;
	background:#cc9933;
}
.csrBox.cb3 .btnmore a:hover,
.csrBox.cb3 .btnmore a:focus {
	border-color:#8bb106;
	background:#8bb106;
}
.csrBox .btnmore a span {
	position:relative;
	color:#FFF;
	font-size:2.7em;
	font-weight:bold;
}
.csrBox.cb2 .btnmore a span { color:#cc9933; }
.csrBox.cb3 .btnmore a span { color:#8bb106; }
.csrBox .btnmore a:hover span,
.csrBox .btnmore a:focus span {
	color:#FFF;
}
#csrItem {
	width:660px;
	margin:20px auto 0 auto;
}
#csrItem .listshow {	
	display:block;
	width:100%;
	padding:0 30px;
	margin:0 auto;
	box-sizing:border-box;
}
#csrItem .listshow .item {
	display:inline-block;
	padding:0 5px;
	box-sizing:border-box;
}
#csrItem .cooperIcon {
	position:relative;
	display:block;
	width:100%;
	height:0;
	padding-bottom:100%;
	text-align:center;
	margin:0 auto;
	background: rgb(223,38,34); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(223,38,34,1) 0%, rgba(242,65,61,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(223,38,34,1) 0%,rgba(242,65,61,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(223,38,34,1) 0%,rgba(242,65,61,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df2622', endColorstr='#f2413d',GradientType=1 ); /* IE6-9 */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
#csrItem .cooperIcon span {
	position:relative;
	display:inline-block;
	color:#FFF;
	font-size:2.1em;
	font-weight:bold;
	padding-top:80px;
	margin-top:40px;
}
#csrItem .cooperIcon span .icon {
	position:absolute;
	content: "";
    display: block;
	left:50%;
	top:0;
	width:70px;
	height:70px;
	margin-left:-35px;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
#csrItem .listshow .slick-prev,
#csrItem .listshow .slick-next {	
	position:absolute;
	display:block;
	font-size:0;
	width:16px;
	height:40px;
	z-index:10;
	overflow:hidden;
    -webkit-transition:all 0.8s;
            transition:all 0.8s;
}
#csrItem .listshow .slick-prev {
	left:0;	
}
#csrItem .listshow .slick-next {
	right:0;
}
#csrItem .listshow .slick-prev span,
#csrItem .listshow .slick-next span {
	position:relative;
	float:left;
	width:100%;
	height:100%;
	font-size:0;
}
#csrItem .listshow .slick-prev span:before,
#csrItem .listshow .slick-next span:before {
	position:absolute;
	content: "";
    display: block;   
    width:19px;
    height:19px;    
    z-index:2;
}
#csrItem .listshow .slick-prev span:before {
	left:0;
    top:50%;
	margin: -12px 0 0 4px;
	border-left: 4px solid #de1c17;
    border-top: 4px solid #de1c17;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
#csrItem .listshow .slick-next span:before {
	right:0;
    top:50%;
	margin: -12px 4px 0 0 ;
	border-right: 4px solid #de1c17;
    border-top: 4px solid #de1c17;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
#csrItem .listshow .slick-prev:hover span:before,
#csrItem .listshow .slick-next:hover span:before,
#csrItem .listshow .slick-prev:focus span:before,
#csrItem .listshow .slick-next:focus span:before {
	border-color:rgba(222,27,22,.5);
}
@media screen and (max-width: 720px) {
	#csrItem {
		width:460px;
	}
}
@media screen and (max-width: 490px) {
	#csrItem {
		width:260px;
	}
}
@media screen and (min-width: 768px) {
	.csrBox h3 {
		font-size:6.1em;
	}
	.csrBox h4 {
		font-size:3.9em;
		margin:20px auto;
	}
	.csrBox p {
		font-size:2.3em;
		margin:20px auto;
	}
}
@media screen and (min-width: 991px) {
	.csrBox.cb1 {
		min-height:410px;
		padding-top:100px;
		box-sizing:border-box;
		margin-top:250px;
	}
	.csrBox.cb1 .pic {
		position:absolute;
		right:50%;
		top:200px;
		width:560px;		
		padding:0;
		margin:0 -520px 0 0;
		z-index:-1;
	}
	.csrBox.cb2 {
		min-height:410px;
		padding:100px 0;	
		box-sizing:border-box;
	}
	.csrBox.cb2 .pic {
		position:absolute;
		left:50%;
		top:80px;
		width:400px;		
		padding:0;
		margin:0 0 0 -470px;
		z-index:-1;
	}
	.csrBox.cb2:after {
		left:50%;
		top:-200px;
		width:1330px;
		height:760px;
		padding:0;
		margin-left:-400px;
	}
	.csrBox.cb3 {
		min-height:460px;
		padding:100px 0 160px 0;
		box-sizing:border-box;
		margin-top:0;
		z-index:2;
		background-image:url(../images/CSR-grassland.png);
		background-size:1200px auto;
	}
	.csrBox.cb3 .pic {
		position:absolute;
		right:50%;
		bottom:19px;
		width:430px;		
		padding:0;
		margin:0 -470px 0 0;
		z-index:-1;
	}
	.csrBox.cb4 {
		min-height:460px;
		padding:80px 0;
		box-sizing:border-box;
		margin-top:-19px;
		background-image:url(../images/CSR-bg2.jpg);
	}
	.csrBox.cb4 .pic {
		position:absolute;
		left:50%;
		bottom:0px;
		width:400px;		
		padding:0;
		margin:0 0 0 -510px;
		z-index:-1;
	}
	.csrBox .word {
		max-width:inherit;
		padding-right:calc(100% - 640px);
		box-sizing:border-box;
	}
	.csrBox.cb2 .word {
		padding-right:0;
		padding-left:calc(100% - 550px);
	}
	.csrBox.cb4 .word {
		padding-right:0;
		padding-left:calc(100% - 600px);
	}
	.csrBox.cb1 p {
		width:440px;
		margin-left:0;
	}
	.csrBox.cb3 p {
		width:430px;
		margin-left:0;
	}
	.csrBox.cb4 p {
		width:570px;
		margin-left:0;
	}
	.csrBox .btncsr a span {
		color:#FFF;
		border-color:#FFF;
	}
	.csrBox .btncsr a span:after {
		background-image:url(../images/csrBtn-icon.png);
	}
	.csrBox .btncsr a span em:before {
		background:#FFF;
	}
	#csrItem {		
		padding-left:calc(100% - 660px);
		margin-top:35px;
	}
}
@media screen and (min-width: 1200px) {
	.csrBox.cb1 {
		min-height:640px;
		margin-top:350px;
	}
	.csrBox.cb1 .pic {
		top:20px;
		width:880px;
		margin-right:-700px;
	}
	.csrBox.cb2 {
		min-height:610px;
		padding:150px 0;
		margin-top:90px;
	}
	.csrBox.cb2 .pic {
		top:0px;
		width:600px;		
		margin-left:-600px;
	}
	.csrBox.cb3 {
		min-height:670px;
		padding:260px 0;
		background-size:1920px auto;
	}
	.csrBox.cb3 .pic {
		bottom:31px;
		width:630px;		
		margin-right:-640px;
	}	
	.csrBox.cb4 {
		min-height:610px;
		padding:150px 0 100px 0;
		margin-top:-31px;
	}
	.csrBox.cb4 .pic {
		bottom:0px;
		width:540px;		
		margin-left:-600px;
	}
	#csrItem {		
		margin-top:55px;
	}
}


/* ----- titcTit ----- */
.titcTit {
	position:relative;
	width:100%;
	padding:110px 40px 50px 40px;
	margin:0 auto;
	background:#000 url(../images/TITC-bg-2.jpg) no-repeat 50% 50%;
	background-size:cover;
	box-sizing:border-box;
}
.titcTit h2 {
	font-size:0;
	text-align:center;
	margin-bottom:10px;
}
.titcTit h2 .logo {
	display:inline-block;
	width:620px;
	height:105px;	
	font-size:0;
	background:url(../images/TITC-logo.png) no-repeat 50% 50%;
	background-size:100% auto;
}
.titcTit p {
	color:#FFF;
	font-size:2.1em;
	line-height:165%;
	font-weight:bold;
	-webkit-text-shadow:0 0 7px rgba(0,0,0,.5);
	   -moz-text-shadow:0 0 7px rgba(0,0,0,.5);
        -ms-text-shadow:0 0 7px rgba(0,0,0,.5);
			text-shadow:0 0 7px rgba(0,0,0,.5);
}
@media screen and (max-width: 720px) {
	.titcTit {
		padding:105px 10px 50px 10px;
	}
	.titcTit h2 .logo {
		width:100%;
		height:0;
		padding-bottom:17%;
	}
}
@media screen and (min-width: 991px) {
	.titcTit {
		height:100vh;
		padding-top:165px;
		background-attachment:fixed;
	}
	.titcTit .container {
		display:flex;
		width:100%;
		height:100%;
		flex-wrap: wrap;	
	}
	.titcTit .word {
		display:flex;
		flex: 1;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.titcTit .word p {
		max-width:990px;
	}
}
@media screen and (min-width: 1200px) {
	.titcTit .word p {
		max-width:1200px;
	}
}


/* ----- titcBox ----- */
.titcBox {
	position:relative;
	width:100%;
	padding:50px 0;
	background:#eff1f4;
	margin:0 auto;
}
.titcBox.tbc1 {
	padding-bottom:0;
}
.titcBox.tbc3 {
	background: url(../images/TITC-bg2.jpg) no-repeat 50% 50%;
	background-size:cover;
	background-attachment:fixed;
}
.titcBox.tbc4 {
	padding-bottom:0;
}
.titcBox h3 {
	color:#000;
	font-size:4.1em;
	font-weight:bold;
	margin-bottom:20px;
}
.titcBox h4 {
	color:#000;
	font-size:2.5em;
	font-weight:bold;
	line-height:125%;
	margin-bottom:25px;
}
.titcBox p {
	color:#000;
	font-size:1.9em;
	line-height:165%;
}
.titcBox ul {
	color:#000;
	font-size:1.9em;
	line-height:165%;
	margin:10px 0;
	margin-left:1.5em;
}
.titcBox ul li {
	margin:5px 0;
}
.titcBox .pic img {
	width:100%;
	height:auto;
}
.titcBox.tbc1 .pic {
	float:left;
	width:45%;
}
.titcBox.tbc1 .word {
	position:relative;
	float:left;
	width:60%;
	padding:30px;
	background-color:#252525;
	box-sizing:border-box;
	margin-left:-5%;
	margin-top:5%;
	z-index:2;
}
.titcBox.tbc1 h3 {
	text-align:right;
	margin-bottom:-15px;
}
.titcBox.tbc1 h4 {
	color:#e83428;
}
.titcBox.tbc1 p {
	color:#FFF;
}
.titcBox.tbc1 h4 span {
	position:relative;
	padding-right:25px;
}
.titcBox.tbc1 h4 span:before {
	position:absolute;
	content: "";
    display: block;
	right:0;
	bottom:5px;
	width:45px;
	height:1px;
	background:#e83428;
	-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);
}
.titcBox.tbc2 .word {
	float:left;
	width:100%;
	margin-bottom:30px;
}
.titcBox.tbc2 .pic {
	float:left;
	width:100%;
}
.titcBox.tbc3 .box {
	width:100%;
	margin-top:20px;
}
.titcBox.tbc3 h3,
.titcBox.tbc3 p,
.titcBox.tbc3 ul {
	color:#FFF;
	-webkit-text-shadow:0 0 7px rgba(0,0,0,.5);
	   -moz-text-shadow:0 0 7px rgba(0,0,0,.5);
        -ms-text-shadow:0 0 7px rgba(0,0,0,.5);
			text-shadow:0 0 7px rgba(0,0,0,.5);
}
.titcBox.tbc3 h4 {
	color:#FFF;
	padding:10px 20px;
	background:#E83428;
	margin:10px 0;
}
.titcBox table {
	width: 100%;
	border:none;
	border-collapse: collapse;	
}
.titcBox table tr {
	background:rgba(255,255,255,1);
}
.titcBox table tr:nth-of-type(2n) {
	background:rgba(255,255,255,.5);
}
.titcBox table th {
	color:#FFF;
	font-size:1.9em;
	line-height:135%;
	font-weight:bold;
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border-right:1px solid #eff1f4;
	background: #000;
}
.titcBox table th:last-child {
	border-right:none;
}
.titcBox table td {
	font-size:1.9em;
	line-height:135%;
	vertical-align:middle;
	padding:10px;
	border-right:1px solid #eff1f4;
	border-bottom:1px solid #eff1f4;
}
.titcBox table td:first-child {
	text-align:center;
	padding:10px 0;
}
.titcBox table td:last-child {
	border-right:none;
}
.titcBox table tr:last-child td {
	border-bottom:none;
}
.titcBox .map {
	float:left;
	width:50%;
}
.titcBox .contact {
	float:left;
	width:50%;
	height:360px;
	padding:50px 5%;
	background:#FFF;
	box-sizing:border-box;
}
.titcBox .contact dt {
	margin-bottom:15px;
}
.titcBox .contact dd {
	color:#000;
	font-size:1.9em;
	line-height:135%;
	padding:10px 0;
	border-top:1px dashed #CCC;
}
@media screen and (max-width: 720px) {
	.titcBox .map {
		float:none;
		width:100%;
	}
	.titcBox .contact {
		float:none;
		width:100%;
		height:auto;
		padding:20px;
	}
}
@media screen and (max-width: 540px) {
	.titcBox.tbc1 h3 {
		text-align:left;
		margin-bottom:20px;
	}
	.titcBox.tbc1 .pic {
		width:100%;
	}
	.titcBox.tbc1 .word {
		width:100%;
		margin:0;
	}
}
@media screen and (min-width: 768px) {
	.titcBox.tbc1 h3 {
		margin-bottom:-20px;
	}
	.titcBox.tbc1 h4 {
		display:inline-block;
		margin-right:10px;
	}
	.titcBox.tbc1 .pic {
		width:310px;
	}
	.titcBox.tbc1 .word {
		width:calc(100% - 270px);
		padding:35px 40px;
		margin-left:-40px;
		margin-top:40px;
	}
	.titcBox.tbc2 h3 {
		position:relative;
		margin-bottom:45px;
	}
	.titcBox.tbc2 h3 span:before {
		position:absolute;
		content: "";
		display: block;
		left:0;
		bottom:-20px;
		width:85px;
		height:5px;
		background:#000;
	}
	.titcBox.tbc2 .word {
		width:calc(270px - 20px);
		margin-right:20px;
		margin-bottom:0;
	}
	.titcBox.tbc2 .pic {
		width:calc(100% - 270px);
	}
	.titcBox.tbc3 .box {
		float:left;
		width:calc(50% - 10px);
		margin:0;
	}
	.titcBox.tbc3 .box:last-child {
		float:right;
	}
	.titcBox table th:first-child {
		width:60px;
		padding:10px 0;
	}
	.titcBox table th:last-child {
		width:270px;
	}
}
@media screen and (min-width: 991px) {
	.titcBox {
		padding:70px 0;
	}
	.titcBox.tbc1 h3 {
		margin-bottom:-25px;
	}
	.titcBox.tbc1 .pic {
		width:400px;
	}
	.titcBox.tbc1 .word {
		width:calc(100% - 360px);
		min-height:320px;
		padding:50px 40px;
		margin-left:-40px;
		margin-top:40px;
	}
	.titcBox.tbc2 .word {
		width:calc(360px - 20px);
	}
	.titcBox.tbc2 .pic {
		width:calc(100% - 360px);
	}
	.titcBox.tbc1 h3 {
		top:30px;
		right:40px;
	}
}
@media screen and (min-width: 1200px) {
	.titcBox.tbc1 .pic {
		width:500px;
	}
	.titcBox.tbc1 .word {
		width:calc(100% - 430px);
		min-height:400px;
		padding:90px 70px 50px 70px;
		margin-left:-70px;
		margin-top:50px;
	}
	.titcBox.tbc2 .word {
		width:calc(430px - 20px);
	}
	.titcBox.tbc2 .pic {
		width:calc(100% - 430px);
	}
	.titcBox.tbc1 h3 {
		top:50px;
		right:70px;
	}
}


@media print {
	#comMain {
		margin-top:55px!important;
		background-position:0 30%;
	}
	#comBar {
		display:none!important;
	}
	#comPage {
		margin-top:0!important;
	}
	#comPage .pageCenter {
		padding-right:0!important;
		padding-left:0!important;
	}
	#comPage .pageLeft {
		display:none!important;
	}
	#articleBox .titHead h2{
		margin:0!important;
	}
	#articleBox .titHead h2::before {
		display:none!important;
	}
}