@charset "UTF-8";
/* CSS Document */
/* ===================================================
	home CSS
====================================================== */





/* ---------------------------------------------------
	slide
------------------------------------------------------ */

.flexslider { z-index: 1; overflow: hidden;}
.flex_fade >img { position: absolute; top: 50%; left: 50%; margin: -53px 0 0 -190px; z-index: 100;}

@media screen and (max-width: 600px) {
 .flexslider .slides { position: relative; width: 700px; margin: 0 0 0 -350px; left: 50%;}
}


@media screen and (max-width: 480px) {
 .flex_fade >img { width: 250px; margin: -35px 0 0 -125px}
}


/* ---------------------------------------------------
	sec1
------------------------------------------------------ */
#sec1 { margin: 0 0 70px; background: url(../../lg_common/img/home/sec1_bg.jpg)no-repeat top center;}
#sec1 h2 span { display: none;}
#sec1 h2+p { display: block; margin: 0 auto 80px; padding: 0 2%; color: #000; font-size: 16px; text-shadow: 1px 0px 4px #fff, 0px 1px 4px #fff, -1px 0px 4px #fff, 0px -1px 4px #fff; text-align: center; font-family: 'SimSun', sans-serif; line-height: 2;}
#sec1 #map { position: relative; width: 1100px; margin: 0 auto;}
#sec1 #map img:nth-of-type(1) { float: left; padding: 90px 0 30px;}
#sec1 #map img:nth-of-type(2) { position: absolute; right: 0; z-index: 10;}
#sec1 >div { clear: both; width: 1100px; margin: 0 auto;}
#sec1 .lead h3 { padding: 0 0 30px; font-size: 26px; color: #cea872; font-family: 'SimSun', sans-serif; line-height: 1.5;}
#sec1 .lead { float: left; width: 380px; line-height: 1.8;}
#sec1 .lead a { display: block; width: 160px; margin: 30px 0 0;}
#sec1 .lead+img { float: right;}

@media screen and (max-width: 1100px) {
 #sec1 h2 { width: 96%; margin: 0 auto; padding: 5% 0;}
 #sec1 h2+p { margin-bottom: 0;}
 #sec1 h2+img { width: 96%; margin: 0 auto;}
 #sec1 #map { width: 100%;}
 #sec1 #map img:nth-of-type(1) { width: 63%;}
 #sec1 #map img:nth-of-type(2) { width: 47%;}
 #sec1 >div { width: 96%;}
 #sec1 .lead h3 { padding: 0 0 3%;}
 #sec1 .lead a { margin: 3% 0 0;}
 #sec1 .lead { width: 35%;}
 #sec1 .lead+img { width: 63%;}
}

@media screen and (max-width: 768px) {
 #sec1 h2 { width: 94%;}
 #sec1 h2+p br:nth-of-type(2) { display: none;}
 #sec1 h2+p { text-align: left; color: #fff; text-shadow: 1px 0px 4px #543416, 0px 1px 4px #543416, -1px 0px 4px #543416, 0px -1px 4px #543416;}
 #sec1 h2+img { width: 94%;}
 #sec1 >div { width: 94%;}
 #sec1 .lead { float: none; width: 100%; margin: 0 0 3%;}
 #sec1 .lead+img { float: none; width: 100%;}
}

@media screen and (max-width: 600px) {
 #sec1 { margin: 0 0 35px;}
 #sec1 h2 { padding: 8% 0 3%;}
 #sec1 h2 img { display: none;}
 #sec1 h2 span { display: block; color: #000; font-size: 24px; text-shadow: 1px 0px 4px #fff, 0px 1px 4px #fff, -1px 0px 4px #fff, 0px -1px 4px #fff; text-align: center; font-family: 'SimSun', sans-serif; line-height: 1.5;}
 #sec1 h2+p { font-size: 14px;}
 #sec1 #map img:nth-of-type(1) { display: block; float: none; width: 94%; margin: 0 auto; padding: 20% 0 0;}
 #sec1 #map img:nth-of-type(2) { position: relative; display: block; width: 100%; max-width: 450px; margin: 0 auto;}
 #sec1 .lead h3 { font-size: 22px;}
 #sec1 .lead a { margin: 3% auto 0; width: 160px;}
}

/* ---------------------------------------------------
	sec2
------------------------------------------------------ */
#sec2_wrap { padding: 0 0 60px; background: url(../../lg_common/img/home/sec2_bg.gif);}
#sec2 { width: 1100px; margin: 0 auto;}
#sec2 h2 { padding: 40px 0;}
#sec2 >div { clear: both; width: 1100px; margin: 0 auto;}
#sec2 p { line-height: 1.8;}
#sec2 h3 { padding: 40px 0 30px; font-size: 26px; color: #cea872; font-family: 'SimSun', sans-serif; line-height: 1.5;}
#sec2 .read a { display: block; margin: 30px 0 0; width: 160px;}
#sec2_1 .read { float: right; width: 380px;}
#sec2_1 .read+img { float: left;}
#sec2_1 { background: url(../../lg_common/img/home/sec2_1_bg.png)no-repeat right top;}
#sec2 #sec2_2 { margin-bottom: 50px;}
#sec2_2 .read { float: left; width: 400px; line-height: 1.8;}
#sec2_2 .read+img { float: right;}
#sec2_2 { background: url(../../lg_common/img/home/sec2_2_bg.png)no-repeat left top;}
#sec2 #sec2_3 { float: left; width: 520px; padding: 0 0 60px;}
#sec2 #sec2_4 { clear: none; float: right; width: 520px; padding: 0 0 60px;}
#sec2 #sec2_3 h3,#sec2 #sec2_4 h3 { padding: 28px 0;}
#sec2 #sec2_3 p+p,#sec2 #sec2_4 p+p { padding: 20px 0;}
#sec2 #sec2_3 p img,#sec2 #sec2_4 p img { padding: 0 10px 0 0; float: left;}
#sec2 #sec2_3 p span,#sec2 #sec2_4 p span { display: table-cell;}
#sec2 #sec2_5 { width: 640px; float: left;}
#sec2 #sec2_5 >img { float: right;}
#sec2 #sec2_5 .movie { float: left;}
#sec2 #sec2_6 { clear: none; float: right; width: 400px;}
#sec2 #sec2_6 iframe { width: 100%;}
#sec2 #sec2_5 h3,#sec2 #sec2_6 h3 { clear: both; padding: 20px 0; font-size: 20px;}
#sec2 a { color: #fff; text-decoration: underline;}
#sec2 a:hover { text-decoration: none;}

@media screen and (max-width: 1100px) {
 #sec2 h2 { padding: 4% 0;}
 #sec2 { width: 96%;}
 #sec2 #sec2_1,#sec2 #sec2_2 { width: 100%; margin: 0 auto 5%;}
 #sec2 #sec2_1 .read,#sec2 #sec2_2 .read { width: 40%;}
 #sec2 h3 { padding: 0 0 3%;}
 #sec2_1 >img { width: 60%;}
 #sec2_2 >img { width: 58%;}
 #sec2 #sec2_3,#sec2 #sec2_4 { width: 49%;}
 #sec2 #sec2_3 h3, #sec2 #sec2_4 h3 { padding: 2% 0 3%;}
 #sec2 #sec2_3 p+p, #sec2 #sec2_4 p+p { padding: 2% 0 0;}
 #sec2 #sec2_4 { padding: 0 0 5%;}
 #sec2 #sec2_5 { width: 59%; margin: 0 0 5%;}
 #sec2 #sec2_5 .movie { width: 62%; padding: 0 0 36.1%;}
 #sec2 #sec2_5 > img { width: 37%;}
 #sec2 .movie { position: relative; height: 0; overflow: hidden; padding: 0 0 54.25%;}
 #sec2 .movie iframe, #sec2 .movie video { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
 #sec2 #sec2_6 { width: 39%;}
 #sec2 .read a { margin: 3% 0 0;}
}

@media screen and (max-width: 900px) {
 #sec2 #sec2_1 .read,#sec2 #sec2_2 .read { position: relative; z-index: 5;}
 #sec2_1 >img { position: absolute; z-index: 1;}
}

@media screen and (max-width: 768px) {
 #sec2 { width: 94%;}
 #sec2 h2 img  { max-width: 85%;}
 #sec2 h3 br { display: none;}
 #sec2 #sec2_1, #sec2 #sec2_2 { margin: 0 auto 5%;}
 #sec2 #sec2_3 { padding: 0 0 5%;}
 #sec2_1 >img,#sec2_2 >img { position: relative; float: none; width: 100%;}
 #sec2 #sec2_1 .read, #sec2 #sec2_2 .read { float: none; width: 100%; margin: 2% 0 0;}
 #sec2 #sec2_3, #sec2 #sec2_4 { float: none; width: 100%;}
 #sec2 #sec2_3 >img, #sec2 #sec2_4 >img { width: 100%;}
 #sec2 #sec2_5,#sec2 #sec2_6 { width: 49%;}
 #sec2 #sec2_5 .movie,#sec2 #sec2_6 .movie { width: 100%; padding: 0 0 55%;}
 #sec2 #sec2_5 > img { display: none;}
}

@media screen and (max-width: 600px) {
 #sec2_wrap { padding: 0 0 10%;}
 #sec2 h3 { font-size: 22px;}
 #sec2 h3,
 #sec2 #sec2_3 h3, #sec2 #sec2_4 h3,
 #sec2 #sec2_5 h3, #sec2 #sec2_6 h3 { padding: 2% 0 2%;}
 #sec2 .read a { display: block; margin: 3% auto 0;}
 #sec2 #sec2_1, #sec2 #sec2_2 { margin: 0 auto 10%}
 #sec2 #sec2_3, #sec2 #sec2_4 { padding: 0 0 10%;}
 #sec2 #sec2_5 { margin: 0 0 10%;}
 #sec2 #sec2_5,
 #sec2 #sec2_6 { float: none; width: 100%;}
 #sec2 #sec2_5 .movie { width: 100%;}
}

/* ---------------------------------------------------
	info
------------------------------------------------------ */
#info { width: 1100px; margin: 0 auto;}
#info h3 { padding: 40px 0 60px; text-align: center;}
#info #fb_col { float: left; width: 400px;}
#info #TA_selfserveprop728 { float: left; width: 470px; margin: 0 0 0 25px;}
#info #TA_selfserveprop728 >img { display: none;}
#info #TA_selfserveprop728 >div { width: 100% !important;}
#info >ul { float: right; margin: 0 0 0 25px;}
#info >ul li { margin: 0 0 25px;}
#info >ul li:last-child { margin: 0;}

@media screen and (max-width: 1100px) {
 #info { width: 96%;}
 #info #fb_col { width: 36%;}
 #info #TA_selfserveprop728 { width: 42%; margin: 0 0 0 3%;}
 #info >ul { width: 16%; margin: 0 0 0 3%;}
}

@media screen and (max-width: 768px) {
 #info { width: 94%;}
 #info h3 img { max-width: 85%;}
 #info #TA_selfserveprop728 { width: 61%;}
 #info >ul { float: left; width: 61%; margin: 2% 0 0 3%;}
 #info >ul li { float: left; width: 32%; margin: 0 2% 0 0;}
}
@media screen and (max-width: 600px) {
 #info h3 { padding: 4% 0 6%;}
 #info #fb_col { float: none; width: 100%; margin: 0 0 2%; text-align: center;}
 #info #TA_selfserveprop728 { float: none; width: 100%; margin: 0;}
 #info >ul { float: none; width: 100%; margin: 2% 0 0;}
}
 
#sec1 >div:after,
#sec2 >div:after {content:"."; display:block; height:0; clear:both; line-height:0; visibility:hidden; overflow: hidden; font-size: 0.1em;}