body{margin:0;padding:0;font-family:"Microsoft YaHei";background:url('../images/bg.jpg') repeat-y;}
p{margin:2% 5%;line-height:28px;font-size:16px;text-align:justify;text-indent: 2em;}
.loading{position:absolute;width:100%;height:100%;background:url('../images/loading.jpg') no-repeat 0 0;background-size:100% 100%;}
.suggest{position:fixed;bottom:0;width:100%;color:white;font-size:12px;}
.suggest p{text-align:center;text-indent:0;}
.load_val{width:100%;}
.loading_line{width:60%;height:3px;position:absolute;left:20%;background:#00558e;margin-top:10%;}
.loading_line_blank{width:0%;height:100%;background:red;}
.loading_pic{width:128px;height:95px;margin:40% auto 10% auto;animation: loading_pic .6s infinite;
		-moz-animation: loading_pic .6s infinite;	/* Firefox */
		-webkit-animation: loading_pic .6s infinite;	/* Safari บอ Chrome */
		-o-animation: loading_pic .6s infinite;}
.coypright{position:fixed;bottom:8%;width:100%;text-align:center;color:white;font-size:16px;}


.swiper-container {
width: 100%;
height: 100%;
}
#pp .swiper-slide,#pp_ .swiper-slide {
text-align: center;
font-size: 18px;
background: #f5f5f5;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.line{border-top:1px solid #e7e7e7;border-bottom:1px solid white;width:100%;}
#pt .swiper-slide,#pt_ .swiper-slide {
text-align: left;
font-size: 12px;
background: #f5f5f5;
color:#9d9c9d;
width:90%;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.text{margin:2% 5%;}

.swiper-pagination-bullet{border:1px solid white;border-radius:0;}
.swiper-pagination-bullet-active{background:white;}

.bg,.bg *{opacity:1}
.layer{width:100%;height:100%;opacity:1}
.layer div{border-radius:100%}
.active{display:block;}

header{position: fixed;top: 0;z-index:10;width:100%;}
header img{width:100%}
#ab{background:url('../images/P3.jpg') no-repeat 0 0;background-size:100% 57%;}
#bb{background:url('../images/P4.jpg') no-repeat 0 0;background-size:100% 75%;}
#cb{background:url('../images/P5.jpg') no-repeat 0 0;background-size:100% 72%;margin-top:0%;}
#db{background:url('../images/P6.jpg') no-repeat 0 0;background-size:100% 100%;}

#eb{background:url('../images/P5_2.jpg') no-repeat 0 0;background-size:100% 57%;}
#fb{background:url('../images/P6_2.jpg') no-repeat 0 0;background-size:100% 64%;}
#gb{background:url('../images/P7_2.jpg') no-repeat 0 0;background-size:100% 54%;margin-top:0%;}
#hb{background:url('../images/P8_2.jpg') no-repeat 0 0;background-size:100% 64%;}

#ib{background:url('../images/P9_3.jpg') no-repeat 0 12%;background-size:100% 57%;}
#jb{background:url('../images/P10_3.jpg') no-repeat 0 12%;background-size:100% 64%;}
#kb{background:url('../images/P11_3.jpg') no-repeat 0 12%;background-size:100% 54%;margin-top:0%;}
#lb{background:url('../images/P12_3.jpg') no-repeat 0 12%;background-size:100% 64%;}

#mb{background:url('../images/P13_4.jpg') no-repeat 0 12%;background-size:100% 57%;}
#nb{background:url('../images/P14_4.jpg') no-repeat 0 12%;background-size:100% 64%;}
#ob{background:url('../images/P15_4.jpg') no-repeat 0 12%;background-size:100% 54%;margin-top:0%;}
#pb{background:url('../images/P16_4.jpg') no-repeat 0 12%;background-size:100% 64%;}

#qb{background:url('../images/P17_5.jpg') no-repeat 0 10%;background-size:100% 64%;}
#rb{background:url('../images/P18_5.jpg') no-repeat 0 12%;background-size:100% 64%;}
#sb{background:url('../images/P19_5.jpg') no-repeat 0 12%;background-size:100% 54%;margin-top:0%;}
#tb{background:url('../images/P20_5.jpg') no-repeat 0 12%;background-size:100% 64%;}


#ub{background:url('../images/P21_6.jpg') no-repeat 0 10%;background-size:100% 64%;}
#vb{background:url('../images/P22_6.jpg') no-repeat 0 12%;background-size:100% 64%;}
#wb{background:url('../images/P23_6.jpg') no-repeat 0 13%;background-size:100% 56%;margin-top:0%;}
#xb{background:url('../images/P24_6.jpg') no-repeat 0 12%;background-size:100% 64%;}

#yb7_1{background:url('../images/P25_7.jpg') no-repeat 0 10%;background-size:100% 64%;}
#yb7_2{background:url('../images/P26_7.jpg') no-repeat 0 12%;background-size:100% 64%;}
#yb7_3{background:url('../images/P27_7.jpg') no-repeat 0 13%;background-size:100% 56%;margin-top:0%;}
#yb7_4{background:url('../images/P28_7.jpg') no-repeat 0 12%;background-size:100% 64%;}

#yb8_1{background:url('../images/P29_8.jpg') no-repeat 0 10%;background-size:100% 64%;}
#yb8_2{background:url('../images/P30_8.jpg') no-repeat 0 12%;background-size:100% 64%;}
#yb8_3{background:url('../images/P31_8.jpg') no-repeat 0 13%;background-size:100% 56%;margin-top:0%;}
#yb8_4{background:url('../images/P32_8.jpg') no-repeat 0 12%;background-size:100% 64%;}

#yb9_1{background:url('../images/P33_9.png') no-repeat 0 10%;background-size:100% 64%;}
#yb9_2{background:url('../images/P34_9.jpg') no-repeat 0 12%;background-size:100% 64%;}
#yb9_3{background:url('../images/P35_9.png') no-repeat 0 13%;background-size:100% 56%;}
#yb9_4{background:url('../images/P36_9.jpg') no-repeat 0 12%;background-size:100% 64%;}


#yb10_1{background:url('../images/P37_10.jpg') no-repeat 0 10%;background-size:100% 64%;}
#yb10_2{background:url('../images/P38_10.jpg') no-repeat 0 12%;background-size:100% 64%;}
#yb10_3{background:url('../images/P39_10.jpg') no-repeat 0 13%;background-size:100% 56%;}
#yb10_4{background:url('../images/P40_10.jpg') no-repeat 0 12%;background-size:100% 64%;}

#yb11_1{background:url('../images/P41_11.jpg') no-repeat 0 10%;background-size:100% 62%;}
#yb11_2{background:url('../images/P42_11.jpg') no-repeat 0 12%;background-size:100% 64%;}
#yb11_3{background:url('../images/P43_11.jpg') no-repeat 0 13%;background-size:100% 59%;}

#yb12_1{background:url('../images/P45_12.jpg') no-repeat 0 10%;background-size:100% 62%;}
#yb12_2{background:url('../images/P46_12.jpg') no-repeat 0 12%;background-size:100% 64%;}
#yb12_3{background:url('../images/P47_12.jpg') no-repeat 0 13%;background-size:100% 59%;}

#yb13_1{background:url('../images/P49_13.jpg') no-repeat 0 10%;background-size:100% 62%;}
#yb13_2{background:url('../images/P50_13.jpg') no-repeat 0 12%;background-size:100% 64%;}
#yb13_3{background:url('../images/P51_13.jpg') no-repeat 0 15%;background-size:100% 59%;}

#yb14_1{background:url('../images/P53_14.jpg') no-repeat 0 10%;background-size:100% 62%;}
#yb14_2{background:url('../images/P54_14.jpg') no-repeat 0 12%;background-size:100% 64%;}

#ab img.ap{width:100%;position:absolute;bottom:2%;-webkit-animation: coin 1s both;}
#bb img.ap{width:100%;position:absolute;bottom:5%;-webkit-animation: coin 1s both;}
#cb img.ap{width:100%;position:absolute;bottom:5%;-webkit-animation: coin 1s both;}
#db img.ap{width:16%;float:right;margin:20% 12%;-webkit-animation: coin 1s both;}

#eb img.ap{width:100%;position:absolute;bottom:15%;-webkit-animation: coin 1s both;}
#fb img.ap{width:100%;position:absolute;bottom:5%;-webkit-animation: coin 1s both;}
#gb img.ap{width:100%;position:absolute;bottom:5%;-webkit-animation: coin 1s both;}
#hb img.ap{width:100%;position:absolute;bottom:5%;-webkit-animation: coin 1s both;}

#ib img.ap{width:100%;position:absolute;bottom:8%;-webkit-animation: coin 1s both;}
#jb img.ap{width:100%;position:absolute;bottom:5%;-webkit-animation: coin 1s both;}
#kb img.ap{width:100%;position:absolute;bottom:10%;-webkit-animation: coin 1s both;}
#lb img.ap{width:100%;position:absolute;bottom:5%;-webkit-animation: coin 1s both;}

#mb img.ap{width:100%;position:absolute;bottom:8%;-webkit-animation: coin 1s both;}
#nb img.ap{width:100%;position:absolute;bottom:5%;-webkit-animation: coin 1s both;}
#ob img.ap{width:100%;position:absolute;bottom:10%;-webkit-animation: coin 1s both;}
#pb img.ap{width:100%;position:absolute;bottom:5%;-webkit-animation: coin 1s both;}

#qb img.ap{width:100%;height:25%;left:-2%;position:absolute;bottom:6%;-webkit-animation: coin 1s both;}
#rb img.ap{width:100%;position:absolute;bottom:8%;-webkit-animation: coin 1s both;}
#sb img.ap{width:100%;position:absolute;bottom:12%;-webkit-animation: coin 1s both;}
#tb img.ap{width:100%;position:absolute;bottom:5%;-webkit-animation: coin 1s both;}

#ub img.ap{width:100%;height:25%;position:absolute;bottom:6%;-webkit-animation: coin 1s both;}
#vb img.ap{width:100%;position:absolute;bottom:8%;-webkit-animation: coin 1s both;}
#wb img.ap{width:100%;position:absolute;bottom:12%;-webkit-animation: coin 1s both;}
#xb img.ap{width:100%;position:absolute;bottom:5%;-webkit-animation: coin 1s both;}

#yb7_1 img.ap{width:98%;height:23%;position:absolute;bottom:6%;-webkit-animation: coin 1s both;}
#yb7_2 img.ap{width:100%;position:absolute;bottom:9%;-webkit-animation: coin 1s both;}
#yb7_3 img.ap{width:94%;position:absolute;bottom:10%;margin-left:6%;-webkit-animation: coin 1s both;}
#yb7_4 img.ap{width:100%;position:absolute;bottom:5%;-webkit-animation: coin 1s both;}

#yb8_1 img.ap{width:98%;height:23%;position:absolute;bottom:6%;-webkit-animation: coin 1s both;}
#yb8_2 img.ap{width:100%;position:absolute;bottom:9%;-webkit-animation: coin 1s both;}
#yb8_3 img.ap{width:100%;position:absolute;bottom:10%;-webkit-animation: coin 1s both;}
#yb8_4 img.ap{width:100%;position:absolute;bottom:5%;-webkit-animation: coin 1s both;}

#yb9_1 img.ap{width:97%;height:23%;position:absolute;bottom:7%;-webkit-animation: coin 1s both;}
#yb9_2 img.ap{width:100%;position:absolute;bottom:9%;-webkit-animation: coin 1s both;}
#yb9_3 img.ap{width:100%;position:absolute;bottom:10%;-webkit-animation: coin 1s both;}
#yb9_4 img.ap{width:100%;position:absolute;bottom:5%;-webkit-animation: coin 1s both;}


#yb10_1 img.ap{width:97%;height:23%;position:absolute;bottom:7%;-webkit-animation: coin 1s both;}
#yb10_2 img.ap{width:100%;position:absolute;bottom:9%;-webkit-animation: coin 1s both;}
#yb10_3 img.ap{width:100%;position:absolute;bottom:10%;-webkit-animation: coin 1s both;}
#yb10_4 img.ap{width:100%;position:absolute;bottom:5%;-webkit-animation: coin 1s both;}

#yb11_1 img.ap{width:97%;height:23%;position:absolute;bottom:7%;-webkit-animation: coin 1s both;}
#yb11_2 img.ap{width:100%;position:absolute;bottom:7%;-webkit-animation: coin 1s both;}
#yb11_3 img.ap{width:100%;position:absolute;bottom:10%;-webkit-animation: coin 1s both;}
#yb11_4 img.ap{width:100%;position:absolute;bottom:5%;-webkit-animation: coin 1s both;}

#yb12_1 img.ap{width:100%;height:23%;position:absolute;bottom:7%;-webkit-animation: coin 1s both;}
#yb12_2 img.ap{width:96%;position:absolute;bottom:7%;-webkit-animation: coin 1s both;}
#yb12_3 img.ap{width:100%;position:absolute;bottom:10%;-webkit-animation: coin 1s both;}
#yb12_4 img.ap{width:100%;position:absolute;bottom:5%;-webkit-animation: coin 1s both;}

#yb13_1 img.ap{width:97%;height:20%;position:absolute;bottom:9%;left:3%;-webkit-animation: coin 1s both;}
#yb13_2 img.ap{width:100%;height:14%;position:absolute;bottom:11%;-webkit-animation: coin 1s both;}
#yb13_3 img.ap{width:100%;position:absolute;bottom:10%;-webkit-animation: coin 1s both;}
#yb13_4 img.ap{width:100%;position:absolute;bottom:13%;-webkit-animation: coin 1s both;}

#yb14_1 img.ap{width:100%;height:20%;position:absolute;bottom:9%;-webkit-animation: coin 1s both;}
#yb14_2 img.ap{width:100%;height:14%;position:absolute;bottom:11%;-webkit-animation: coin 1s both;}
article{width:100%;}
h6{font-size:12px;margin:0;padding:0;text-align:center;color:gray;}
h4{margin:10% 5% 5% 5%;font-size:24px;height;20px;}
h4 div{float:left;background:#a40000;height:100%;}
.picsT img{width:100%;margin:2% 0;}
video{width:100%;}

menu{z-index:10;display:none;padding:0;position: fixed;bottom:2%;width:14%;}
#am{background:url('../images/ma.png') no-repeat;}
#bm{background:url('../images/mb.png') no-repeat;}
#cm{background:url('../images/mc.png') no-repeat;}
#dm{background:url('../images/md.png') no-repeat;}
#em{background:url('../images/ma_2.png') no-repeat;}
#fm{background:url('../images/mb_2.png') no-repeat;}
#gm{background:url('../images/mc_2.png') no-repeat;}
#hm{background:url('../images/md_2.png') no-repeat;}
#im{background:url('../images/ma_3.png') no-repeat;}
#jm{background:url('../images/mb_3.png') no-repeat;}
#km{background:url('../images/mc_3.png') no-repeat;}
#lm{background:url('../images/md_3.png') no-repeat;}
#mm{background:url('../images/ma_4.png') no-repeat;}
#nm{background:url('../images/mb_4.png') no-repeat;}
#om{background:url('../images/mc_4.png') no-repeat;}
#pm{background:url('../images/md_4.png') no-repeat;}

#qm{background:url('../images/ma_5.png') no-repeat;}
#rm{background:url('../images/mb_5.png') no-repeat;}
#sm{background:url('../images/mc_5.png') no-repeat;}
#tm{background:url('../images/md_5.png') no-repeat;}

#um{background:url('../images/ma_6.png') no-repeat;}
#vm{background:url('../images/mb_6.png') no-repeat;}
#wm{background:url('../images/mc_6.png') no-repeat;}
#xm{background:url('../images/md_6.png') no-repeat;}

#ym7_1{background:url('../images/ma_7.png') no-repeat;}
#ym7_2{background:url('../images/mb_7.png') no-repeat;}
#ym7_3{background:url('../images/mc_7.png') no-repeat;}
#ym7_4{background:url('../images/md_7.png') no-repeat;}

#ym8_1{background:url('../images/ma_8.png') no-repeat;}
#ym8_2{background:url('../images/mb_8.png') no-repeat;}
#ym8_3{background:url('../images/mc_8.png') no-repeat;}
#ym8_4{background:url('../images/md_8.png') no-repeat;}

#ym9_1{background:url('../images/ma_9.png') no-repeat;}
#ym9_2{background:url('../images/mb_9.png') no-repeat;}
#ym9_3{background:url('../images/mc_9.png') no-repeat;}
#ym9_4{background:url('../images/md_9.png') no-repeat;}


#ym10_1{background:url('../images/ma_10.png') no-repeat;}
#ym10_2{background:url('../images/mb_10.png') no-repeat;}
#ym10_3{background:url('../images/mc_10.png') no-repeat;}
#ym10_4{background:url('../images/md_10.png') no-repeat;}

#ym11_1{background:url('../images/ma_11.png') no-repeat;}
#ym11_2{background:url('../images/mb_11.png') no-repeat;}
#ym11_3{background:url('../images/mc_11.png') no-repeat;}
#ym11_4{background:url('../images/md_11.png') no-repeat;}

#ym12_1{background:url('../images/ma_12.png') no-repeat;}
#ym12_2{background:url('../images/mb_12.png') no-repeat;}
#ym12_3{background:url('../images/mc_12.png') no-repeat;}
#ym12_4{background:url('../images/md_12.png') no-repeat;}

#ym13_1{background:url('../images/ma_13.png') no-repeat;}
#ym13_2{background:url('../images/mb_13.png') no-repeat;}
#ym13_3{background:url('../images/mc_13.png') no-repeat;}
#ym13_4{background:url('../images/md_13.png') no-repeat;}

#ym14_1{background:url('../images/ma_14.png') no-repeat;}
#ym14_2{background:url('../images/mb_14.png') no-repeat;}
menu li{list-style:none;float:left;height:100%;}
menu li a{display:block;width:100%;height:100%;}
.mm{width:100%;}
.ml{display:none;width:16%;}

footer{width:100%;margin-top:8%;}
#f1{background:url('../images/bottom1.png') no-repeat;background-size:100% 100%;}
#f2{background:url('../images/bottom2.png') no-repeat;background-size:100% 100%;}
#f3{background:url('../images/bottom3.png') no-repeat;background-size:100% 100%;}
#f4{background:url('../images/bottom4.png') no-repeat;background-size:100% 100%;}
#f5{background:url('../images/bottom5.png') no-repeat;background-size:100% 100%;}
#f6{background:url('../images/bottom6.png') no-repeat;background-size:100% 100%;}
#f7{background:url('../images/bottom6.png') no-repeat;background-size:100% 100%;}
#f8{background:url('../images/bottom6.png') no-repeat;background-size:100% 100%;}
#f9{background:url('../images/bottom6.png') no-repeat;background-size:100% 100%;}
footer ul{height:100%;margin:0;padding:0;}
footer li{list-style:none;float:left;width:20%;height:80%;}
#f3 li{list-style:none;float:left;width:50%;height:50%;}
footer li a{display:block;width:100%;height:100%;}

#map img{position:absolute;width:100%;}
#map2,#map3,#map4{opacity:0;}

#years{font-size:12px;color:#9d9c9d;padding:0;width:100%;}
#years li{width:25%;text-align:center;float:left;list-style:none;margin-bottom:5%;}
.clear{clear:both;}
input[type=range]::-webkit-slider-thumb {   
  -webkit-appearance: none;   
  border: 1px solid #000000;   
  height: 36px;   
  width: 36px;   
  border-radius: 3px;   
  background: #ffffff;   
  cursor: pointer;   
  
}   


.footer {
    color: #333;
    margin: 5% auto;
    width: 100%;
}
.footer-title {
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
	margin-bottom: 30px;
	position: relative;
	text-align: center;
}
.footer-title h2 {
    background-color: #f5f5f5;
    display: inline;
    font-size: 16px;
    padding:10px 16px;
    position: relative;
    top: 10px;
}
.footer p {
    color: #555;
    font-size: 14px;
    line-height: 1;
	text-indent:0;
}
.footer span {
    display: inline-table;
}
.sign-title {
    text-align: right;
    width: 42%;
}
.sign-name {
    text-align: left;
    width: 54%;
}


@-webkit-keyframes coin{
	0%{opacity:0;-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
	40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
	50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
	80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
	100%{opacity:1;-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes coin{
	0%{opacity:0;-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
	40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
	50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
	80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
	100%{opacity:1;-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}