
.pt-slide, .pt-slide .slide, .th-tab, .in-news .th-news { max-width: 100%; margin-left: auto; margin-right: auto; max-width: 1120px; }
.pt-slide:after, .pt-slide .slide:after, .th-tab:after, .in-news .th-news:after { content: " "; display: block; clear: both; }

.pt-slide:before { display: inline-block; vertical-align: middle; width: 0px; height: 100%; content: ""; visibility: hidden; }
.pt-slide .slide { display: inline-block; vertical-align: middle;}

.th-tab > header > ul:after, .md-tab ul:after, .in-news .th-news ul:after, .in-news .th-news ul li:after { content: ""; display: block; clear: both; }

.wp-slide { width: 100%; position: relative; }
.wp-slide > a { position: absolute; top: 50%; z-index: 10; width: 60px; background: rgba(0, 0, 0, 0.6); text-align: center; line-height: 60px; }
.wp-slide > a img { display: inline-block; vertical-align: middle; max-width: 100%; }
.wp-slide > a:hover { background: black; }
.wp-slide .prev { left: 0; }
.wp-slide .next { right: 0; }

.th-slide { /*padding-top: 48.44%;*/ position: relative; background-position: center; background-size: 100%; background-repeat: no-repeat; }

.md-slide { position: absolute; right: 0; top: 0; bottom: 0; left: 0; margin: auto; z-index: 2; }

.pt-slide { height: 100%; }
.pt-slide .slide { color: #FFF; }
.pt-slide .slide > h3 { font-size: 50px; font-weight: bolder; }
.pt-slide .slide > p { font-size: 21px; margin-top: 20px; }
.pt-slide .slide > a { max-width: 210px; line-height: 45px; display: block; background: #ff8000; text-align: center; color: #FFF; text-decoration: none; margin-top: 40px; }
.pt-slide .slide > a:hover { background: #ff8d1a; }

.wp-tab { background: #e7e7e7; padding-bottom: 50px; }

.th-tab { margin-top: -50px; position: relative; z-index: 2; }
.th-tab > header li { width: 25%; float: left; }
.th-tab > header li a { display: block; background: #000; height: 80px; text-align: center; line-height: 80px; font-size: 15px; color: #8e8e8e; text-decoration: none; }
.th-tab > header li a:hover { background: #FFF; color: #000; border-top: 5px solid #ff8000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.th-tab > header li + li { border-left: 1px solid #FFF; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.th-tab > header li.active a { background: #FFF; color: #000; border-top: 5px solid #ff8000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.md-tab { background: #FFF; padding-bottom: 20px; }
.md-tab li { width: 25%; float: left; }
.md-tab li figure { max-width: 280px; max-height: 250px; background: #FFF; text-align: center; margin-bottom: 20px; }
.md-tab li figure img { vertical-align: middle; max-width: 100%; display: inline-block; }
.md-tab li p { font-size: 14px; padding: 0 10px; line-height: 20px; overflow: hidden; text-align: center; }
.md-tab li p > span { display: inline-block; }
.md-tab li a { text-decoration: none; }
.md-tab li a:hover { color: #ff8000; }

.in-about { position: relative; background-repeat: no-repeat; height: 375px; background-position: 60% center; }
.in-about .md-about { position: absolute; top: 135px; text-align: center; width: 100%; z-index: 3; }
.in-about .md-about > h3 { font-size: 50px; text-align: center; color: #FFF; }
.in-about .md-about > a { border: 1px solid #FFF; text-decoration: none; text-align: center; font-size: 14px; display: inline-block; width: 218px; height: 48px; line-height: 48px; margin-top: 50px; color: #FFF; }
.in-about .md-about > a:hover { background: #ff8000; }

.in-news { background: #e7e7e7; padding-bottom: 70px; }
.in-news .th-news > header { font-size: 21px; padding: 70px 0; text-align: center; }
.in-news .th-news ul li { width: 31.25%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; border-top: 1px solid #000; padding-top: 20px; }
.in-news .th-news ul li > figure { max-width: 350px; max-height: 270px; overflow: hidden; }
.in-news .th-news ul li > figure img { max-width: 100%; }
.in-news .th-news ul h6 { margin-top: 30px; font-size: 15px; height: 40px; }
.in-news .th-news ul p { font-size: 14px; margin-top: 5px; line-height: 20px; height: 40px; overflow: hidden; }
.in-news .th-news ul a { font-size: 13px; margin-top: 20px; color: #ff8000; text-decoration: none; display: inline-block; }
.in-news .th-news ul a:hover { color: #ff8d1a; }

.in-instagram { position: relative; height: 375px; margin-top: 20px; }
.in-instagram .th-instagram { position: absolute; top: 135px; text-align: center; width: 100%; z-index: 3; }
.in-instagram .th-instagram > h3 { font-size: 50px; text-align: center; color: #FFF; }
.in-instagram .th-instagram > a { border: 1px solid #FFF; text-decoration: none; text-align: center; font-size: 14px; display: inline-block; width: 218px; height: 48px; line-height: 48px; margin-top: 50px; color: #FFF; }
.in-instagram .th-instagram > a:hover { background: #ff8000; }
.in-instagram .md-instagram ul li { width: 16.666666667%; height: 375px; float: left; }
.in-instagram .md-instagram ul li figure{ width: 100%; height: 375px; background-position: center center; background-repeat:no-repeat; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; background-size:cover; }

@media (max-width: 980px) { 
	.wp-tab { padding-bottom: 0; }
	.wp-tab .th-tab { margin-top: 0; }
	.in-news .th-news > header { padding: 40px 0; } 
	.in-instagram .md-instagram ul li { width: 33.333333333%; height: 187.5px; float: left; }
	.in-instagram .md-instagram ul li figure{ width: 100%; height: 187.5px; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; background-size:cover; }
}
@media (max-width: 720px) { 
	.in-news { padding-bottom: 40px; }
	.in-news .th-news > header { border-bottom: 1px solid #000; margin-bottom: 20px; }
	.in-news .th-news ul li { width: 100%; float: left; background: #000; border-top: none; padding-top: 0; margin: 0; }
	.in-news .th-news ul figure { width: 50%; float: left; }
	.in-news .th-news ul p { height: 60px; }
	.in-news .md-news { color: #FFF; width: 50%; float: left; padding: 0 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } 
	.pt-slide .slide > a { min-width: 210px; line-height: 45px; display: inline-block; background: #ff8000; text-align: center; color: #FFF; text-decoration: none; margin-top: 40px; }
}
@media (max-width: 640px) { 
	.wp-slide > a { width: 30px; }
	.pt-slide .slide > h3 { font-size: 30px; }
	.pt-slide .slide > a { margin-top: 20px; min-width: 150px; line-height: 36px; }
	.th-tab > header li { width: 50%; float: left; margin-bottom: 5px; }
	.th-tab > header li a { height: 40px; line-height: 40px; }
	.md-tab li { width: 47.91667%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; margin-bottom: 10px; min-height: 320px; }
	.in-about { height: 260px; }
	.in-about .md-about { top: 88px; }
	.in-about .md-about > h3 { font-size: 30px; } 
}
@media (max-width: 480px) { 
	.in-news .th-news ul li { padding-bottom: 40px; }
	.in-news .th-news ul li > figure { width: 100%; float: left; max-width: 100%; max-height: 100%; text-align: center; }
	.in-news .th-news ul li > figure img { display: inline-block; }
	.in-news .th-news ul h6 { margin-top: 10px; height: auto; }
	.in-news .th-news ul p { margin-top: 10px; height: auto; }
	.in-news .th-news ul a { margin-top: 10px; }
	.in-news .md-news { width: 100%; float: left; }
}