@charset "utf-8";

.articleContainer2
{ background:url("../img/line_black_v.gif") 320px 0 repeat-y; }

.articleL
{ padding:0 0 29px 0; border-top:1px solid #000; }

.articleS
{ width:319px; padding:0 0 48px 0; border-top:1px solid #000; }

.articleContainer2 .articleS:first-child
{ float:left; width:320px; }

.articleContainer2 .articleS:nth-child(2)
{ float:right; }


.articleL.first,
.articleS.first
{ border-top:none; }

.photo
{ position:relative; width:640px; height:360px; overflow:hidden; margin-bottom:28px; }

.articleS .photo
{ width:319px; /*max-height:214px;*/ height:240px; }


.photo2
{ margin-bottom:38px; }

.articleS .photo
{ margin-bottom:18px; }

.photo img				{ /*width:640px; height:480px !important;*/ object-fit: cover; }
.articleS .photo img {
	position: absolute;
	top: 50%;
	left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  width: 100%;
  height: auto;

/*
  width: auto;
  height: 100%;
*/
}





.photo { width: auto !important; height: 480px !important; }
.articleS .photo 		{ width:319px; height: 240px !important; overflow:hidden; }
.articleS .photo img	{ /*width: 319px; height: auto; */ object-fit: cover; }
.articleContainer2 .articleS#area5 .photo, 
.articleContainer2 .articleS#area5 .photo img { width:320px; }
.articleContainer2 .articleS .photo { min-height:240px; }

#area0 .photo img { min-width:640px; }
#area1 .photo img { min-width:640px; }
/*
#area3 .photo img { min-width:640px; }
*/

.articleS .photo img { min-height: 240px; }

.text
{ padding: 0 15px 40px 30px; }

.articleS .text
{ padding: 0 4px 0 20px; }

.tour
{ font-size:12px; line-height:14px; color:#666666; }

h2.title
{ margin:6px 0 0 0; padding:0; font-size:24px; line-height:32px; font-weight:bold; }

.articleS h2.title
{ /*min-height:50px;*/ font-size:18px; line-height:22px;  }

.article
{ position:relative; /*max-height:175px;*/ height:75px; overflow:hidden; margin:10px 0 10px; padding:0 15px 0 0; font-size:15px; line-height:25px; text-align: justify; }

.articleS .article
{ /*max-height:63px;*/ height:142px; margin: 10px 0 10px; padding: 0; font-size:14px; line-height:23px; }

.articleContainer2 .articleS .article
{ max-height:63px; }

.article:after
{ content:"..."; position:absolute; right:0; bottom:0; padding-left:5px; background:#fff; }



a.link
{ float:right; display:block; min-width:70px; height:22px; margin-right: 15px; padding:0 20px; text-decoration:none; font-size:12px; line-height:22px; text-align:center; color:#333; background:#ededed url("../img/ic_link.png") 100px center no-repeat; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }

/*
.articleS a.link
{ margin-right: 0; }
*/

a.link:hover
{ color:#fff; background-color:#87bf00; background-image:url("../img/ic_link_on.png"); }

a.link
{ -webkit-transition:0.15s linear; -moz-transition:0.15s linear; transition:0.15s linear; }

a.link.fold,
a.link.expd
{ background-image:none; }




#introduction
{ width:600px; padding:30px 40px 30px 0; border-bottom:1px solid #000; background:#fff; }

.welcome
{ padding:20px 0 0 0; font-weight:bold; }

#introduction p
{ font-size:15px; line-height:24px; }

#introduction2
{ clear:both; display:none; }




.articleContainer2:after,
.articleL:after,
.articleS:after,
#introduction:after
{ content:""; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0; }