/* landing */
body.lock{overflow: hidden;}
#index{overflow: hidden;position: relative;height: 100%;}
.slide{background-position: center;text-align: center;background-size: 100% auto;background-repeat: no-repeat;}
.slide .subject{display: inline-block;position: absolute;right: 0;left: 0;margin:0 auto;}
.slide .subject img{visibility: hidden;}
.slide.current{z-index: 10;}
.slide.next{z-index: 15;position: absolute;top: 0;left: 0;opacity: 0;}
.slide-1{background-image:url(../images/home/bg_1.jpg);}
.slide-1 img{}
.slide-2{background-image:url(../images/home/bg_2.jpg);}
.slide-2 img{}
.btn_knowMore{z-index: 50;position: absolute;bottom: 70px;left: 50%;margin-left: -90px;width: 180px;height: 80px;background-image: url(../images/menu/navBg.png);cursor: pointer;}
.btn_knowMore .more{right: auto;left: auto;position: relative;width: 63px;margin-left: 59px;}
.btn_knowMore .slash{width: 62px;}
.m_bg{display: none;}
.tab_bg{display: none;}
.langControl{display: block;}
.langControl ul li[data-lang="en"] a{background-image:url(../images/language/en_white.png);}
.langControl ul li[data-lang="tc"] a{background-image:url(../images/language/tc_white.png);}
.langControl ul li[data-lang="sc"] a{background-image:url(../images/language/sc_white.png);}

@media only screen and (min-width: 320px) and (max-width: 640px){
	#index .subject{display: none!important;}
	#index .m_bg{display: block;width: 100%;}
}

@media only screen and (min-width: 641px) and (max-width: 1023px){
	#index .subject{display: none!important;}
	#index .tab_bg{display: block;width: 100%;height:100%;background-position: center;background-repeat: no-repeat;background-size: 100% auto;}
	#index .slide-1 .tab_bg{background-image:url(../images/home/tab_bg_1.jpg);}
	#index .slide-2 .tab_bg{background-image:url(../images/home/tab_bg_2.jpg);}
	/*#mainContent{padding-top: 0px;}*/
}

@media only screen and (min-width: 0px) and (max-width: 959px){
	#mainContent{min-height: 0;}
	#footerWrapper #footerContent{overflow: visible;}
	#footerWrapper{position: fixed;bottom: -117px;}
	#footerWrapper.bugfix{position: absolute!important;}
	#footerWrapper .contact .tag .tag_on{display: block;}
	#footerWrapper .contact .tag .tag_off{display: none;}
	
	.btn_knowMore{width: 140px;margin-left: -70px;height: 50px;}
	.btn_knowMore .more{margin-left: 27px!important;}
	.btn_knowMore .txt{right: -23px!important;}
	.btn_knowMore .slash{left: -23px!important;}

	.slide-1{background:transparent;}
	.slide-2{background:transparent;}
	.m_shortcutNav{display: block;}
}

/* landing EOL */