*{
	margin: 0;
	padding: 0;
	list-style:none;
	text-decoration: none;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	font-family: 'Open Sans','微軟正黑體';
}
html{
	position: relative;
	height: 100%;
	width: 100%;
	/* border: 1px solid #000; */
	font-size: 1.2rem;
}
body{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	/* border: 1px solid #f00; */
	max-width: 1920px;
    background-color: #000;
}
a{
	outline: 0 !important;
	outline: none !important;
}
.page{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.bg{
	position: absolute;
	display: block;
	z-index: 1;
	width: 100%;
	height: 300%;
	background: url('../img/index/bg.png') center center no-repeat;
	background-size: 100% 100%;
}

.menu_area{
	position: fixed;
	display: block;
	z-index: 5;
	top: 0;
	left: 0;
	width: 35%;
	height: 7%;
	background-color: #000;
	font-size: 0;
}
.menu_bg1{
	position: absolute;
	display: block;
	z-index: 1;
	top: 0%;
	right: -16%;
	width: 16%;
	height: 100%;
	background: url('../img/index/menu_bg1.png') left center no-repeat;
	background-size: 100% 100%;
}
.menu_list{
	position: relative;
	display: inline-block;
	z-index: 2;
	width: 25%;
	height: 100%;
	/* border: 1px solid #0f0; */
}
.menu_list:hover{
	cursor: pointer;
}
.menu_list1{
	background: url('../img/index/menu_list1.png') center center no-repeat;
	background-size: 50%;
}
.menu_list1:hover{
	background: url('../img/index/menu_list1_hover.png') center center no-repeat;
	background-size: 50%;
}
.menu_list2{
	background: url('../img/index/menu_list2.png') center center no-repeat;
	background-size: 50%;
}
.menu_list2:hover{
	background: url('../img/index/menu_list2_hover.png') center center no-repeat;
	background-size: 50%;
}
.menu_list3{
	background: url('../img/index/menu_list3.png') center center no-repeat;
	background-size: 50%;
}
.menu_list3:hover{
	background: url('../img/index/menu_list3_hover.png') center center no-repeat;
	background-size: 50%;
}
.menu_list4{
	background: url('../img/index/menu_list4.png') center center no-repeat;
	background-size: 50%;
}
.menu_list4:hover{
	background: url('../img/index/menu_list4_hover.png') center center no-repeat;
	background-size: 50%;
}
.menu_list5{
	background: url('../img/index/menu_list5.png') center center no-repeat;
	background-size: 50%;
}
.menu_list5:hover{
	background: url('../img/index/menu_list5_hover.png') center center no-repeat;
	background-size: 50%;
}
.menu_list5:hover .menu_list5_area{
	display: block;
}
.menu_list5_area{
	position: absolute;
	display: none;
	top: 100%;
	width: 100%;
	height: 100%;
	/* border: 1px solid #f00; */
	font-size: 0;
}
.menu_list5_btn{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	background-color: #fff;
	color: #000;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
	outline: 0 !important;
	outline: none !important;
}
.menu_list5_btn::before{
	content:'';
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}
.menu_list5_btn:hover{
	color: rgb(75, 127, 178);
}
.menu_list > a{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	outline: 0 !important;
	outline: none !important;
}

/*mobile menu*/
.mb_menu{
	position: fixed;
	display: none;
	z-index: 5;
	top: 0%;
	right: 0%;
	width: 14%;
	height: 9%;
	background: url('../img/mb/index/menu.png') top right no-repeat;
	background-size: contain;
	/* border: 1px solid #000; */
}
.mb_menu_area{
	position: fixed;
	display: none;
	z-index: 6;
	top: 0%;
	width: 100%;
	height: 100%;
	background: url('../img/mb/index/menu_bg.png') center center no-repeat;
	background-size: 100% 100%;
	font-size: 0;
	overflow-y: auto;
}
.mb_menu_line{
	position: absolute;
	display: block;
	z-index: 2;
	bottom: 0%;
	width: 100%;
	height: 5px;
	background: url('../img/mb/index/mb_menu_line.png') center center no-repeat;
	background-size: 100% 100%;
}
.mb_close{
	position: absolute;
	display: block;
	z-index: 3;
	top: 0;
	right: 0;
	width: 11%;
    height: 10%;
	background: url('../img/mb/index/close.png') top right no-repeat;
	background-size: contain;
	/* border: 1px solid #000; */
}
.mb_menu_logo_area{
	position: relative;
	display: block;
	width: 100%;
	padding: 8% 0;
	/* border: 1px solid #000; */
}
.mb_logo{
	position: absolute;
	display: block;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('../img/mb/index/menu_logo.png') center center no-repeat;
	background-size: 40%;
	outline: 0 !important;
	outline: none !important;
}
.mb_menu_list{
	position: relative;
	display: block;
	width: 100%;
	padding: 6% 0;
}
.mb_menu_list1{
	background: url('../img/mb/index/menu_ul1.png') center center no-repeat;
	background-size: 18%;
}
.mb_menu_list2{
	background: url('../img/mb/index/menu_ul2.png') center center no-repeat;
	background-size: 18%;
}
.mb_menu_list3{
	background: url('../img/mb/index/menu_ul3.png') center center no-repeat;
	background-size: 18%;
}
.mb_menu_list4{
	background: url('../img/mb/index/menu_ul4.png') center center no-repeat;
	background-size: 18%;
}
.mb_menu_list5{
	background: url('../img/mb/index/menu_ul5.png') center center no-repeat;
	background-size: 18%;
}
.mb_menu_list5.active{
	background: url('../img/mb/index/menu_ul5_active.png') center center no-repeat;
	background-size: 18%;
}
.mb_menu_list > a{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	outline: 0 !important;
	outline: none !important;
}
.menu_ul1_li_area{
	position: relative;
	display: block;
	width: 100%;
	font-size: 0;
	background-color: rgba(21,21,21,.5);
}
.menu_ul1_li{
	position: relative;
	display: block;
	width: 100%;
	padding: 5% 0;
}
.menu_ul1_li1{
	background: url('../img/mb/index/menu_ul1_li1.png') center center no-repeat;
	background-size: 20%;
}
.menu_ul1_li2{
	background: url('../img/mb/index/menu_ul1_li2.png') center center no-repeat;
	background-size: 20%;
}
.menu_ul1_li3{
	background: url('../img/mb/index/menu_ul1_li3.png') center center no-repeat;
	background-size: 20%;
}
.menu_ul5_li_area{
	position: relative;
	display: none;
	width: 100%;
	font-size: 0;
	background-color: rgba(21,21,21,.5);
}
.menu_ul5_li{
	position: relative;
	display: block;
	width: 100%;
	padding: 5% 0;
}
.menu_ul5_li1{
	background: url('../img/mb/index/menu_ul5_li1.png') center center no-repeat;
	background-size: 20%;
}
.menu_ul5_li2{
	background: url('../img/mb/index/menu_ul5_li2.png') center center no-repeat;
	background-size: 20%;
}

.page1{
	z-index: 3;
	/* border: 1px solid #f00; */
}
.logo{
	position: absolute;
	display: block;
	z-index: 5;
	top: 1%;
    right: 3%;
    width: 19%;
    height: 13%;
	background: url('../img/index/logo.png') center center no-repeat;
	background-size: contain;
	outline: 0 !important;
	outline: none !important;
	transition: .3s;
	/* border: 1px solid #f00; */
}
.logo:hover{
	transform: scale(1.1, 1.1);
}
.page1_content{
	position: absolute;
	display: block;
	z-index: 1;
	top: 5%;
	left: 0%;
	right: 0%;
	bottom: 0%;
	margin: auto;
	/* border: 1px solid #f00; */
}
.st{
	position: absolute;
	display: block;
	z-index: 1;
	width: 100%;
	height: 113%;
	opacity: 0;
	/* border: 1px solid #0f0; */
	background: url('../img/index/st.png') center center no-repeat;
	background-size: contain;
	animation: st_ai 1s 0.5s forwards;
	-webkit-animation: st_ai 1s 0.5s forwards;
}
@-webkit-keyframes st_ai{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@-moz-keyframes st_ai{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@-o-keyframes st_ai{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@-ms-keyframes st_ai{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes st_ai{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
.a{
	position: absolute;
	display: block;
	z-index: 2;
	transform: scale(0, 0);
}
.a1{
	top: 47%;
    width: 24%;
    height: 46%;
	background: url('../img/index/a1.png') center center no-repeat;
	background-size: contain;
	/* border: 1px solid #f00; */
}
.a2{
	left: 10%;
	width: 28%;
    height: 42%;
	background: url('../img/index/a2.png') center center no-repeat;
	background-size: contain;
	/* border: 1px solid #f00; */
}
.a3{
	top: 15%;
    right: 0%;
    width: 30%;
    height: 54%;
	background: url('../img/index/a3.png') center center no-repeat;
	background-size: contain;
	/* border: 1px solid #f00; */
}
.down_btn{
	position: absolute;
	z-index: 3;
	bottom: 2%;
	left: 0%;
	right: 0%;
	margin: 0 auto;
	width: 3%;
	-webkit-animation: gotoNextBtn 2s infinite ease-in-out;
	-moz-animation: gotoNextBtn 2s infinite ease-in-out;
	-ms-animation: gotoNextBtn 2s infinite ease-in-out;
	animation: gotoNextBtn 2s infinite ease-in-out;
}
.down_btn:hover{
	cursor: pointer;
}
@-webkit-keyframes gotoNextBtn{
	0%,30%{opacity:0;-webkit-transform:translate(0,-8px)}
	60%{opacity:1;-webkit-transform:translate(0,0)}
	100%{opacity:0;-webkit-transform:translate(0,10px)}
}
@-moz-keyframes gotoNextBtn{
	0%,30%{opacity:0;-moz-transform:translate(0,-8px)}
	60%{opacity:1;-moz-transform:translate(0,0)}
	100%{opacity:0;-moz-transform:translate(0,10px)}
}
@-o-keyframes gotoNextBtn{
		0%,30%{opacity:0;-o-transform:translate(0,-8px)}
		60%{opacity:1;-o-transform:translate(0,0)}
		100%{opacity:0;-o-transform:translate(0,10px)}
}
@-ms-keyframes gotoNextBtn{
	0%,30%{opacity:0;-ms-transform:translate(0,-8px)}
	60%{opacity:1;-ms-transform:translate(0,0)}
	100%{opacity:0;-ms-transform:translate(0,10px)}
}
@keyframes gotoNextBtn{
	0%,30%{opacity:0;transform:translate(0,-8px)}
	60%{opacity:1;transform:translate(0,0)}
	100%{opacity:0;transform:translate(0,10px)}
}

/*mobile page1*/
.slider_area{
	position: absolute;
	display: none;
	top: 10%;
	left: 0%;
	right: 0%;
	bottom: 0%;
	margin: auto;
	width: 100%;
	height: 85%;
	/* border: 1px solid #00f; */
}

.page2{
	z-index: 2;
	/* border: 1px solid #00f; */
}
.page2_content{
	position: absolute;
	display: block;
	top: 0%;
	left: 0%;
	right: 0%;
	bottom: 0%;
	margin: auto;
	width: 71%;
	height: 70%;
	/* border: 1px solid #00f; */
	background: url('../img/index/page2_content.png') center center no-repeat;
	background-size: contain;
}

.page3{
	z-index: 1;
	/* border: 1px solid #0f0; */
}
.page3_content{
	position: absolute;
	display: block;
	top: 0%;
	left: 0%;
	right: 0%;
	bottom: 0%;
	margin: auto;
	width: 85%;
	height: 50%;
	/* border: 1px solid #00f; */
	font-size: 0;
	text-align: center;
}
.s{
	position: relative;
	display: inline-block;
	width: 23%;
	height: 100%;
	margin-right: 2%;
	outline: 0 !important;
	outline: none !important;
	/* border: 1px solid #f00; */
	transition: .3s;
}
.s:last-child{
	margin-right: 0;
}
.s:hover{
	cursor: default;
	transform: scale(1.1, 1.1);
}
.s1{
	background: url('../img/index/s1.png') center center no-repeat;
	background-size: contain;
}
.s2{
	background: url('../img/index/s2.png') center center no-repeat;
	background-size: contain;
}
.s3{
	background: url('../img/index/s3.png') center center no-repeat;
	background-size: contain;
}
.s4{
	background: url('../img/index/s4.png') center center no-repeat;
	background-size: contain;
}

.contact_us_img{
	display: block !important;
}
.mb_contact_us_img{
	display: none !important;
}

.footer{
	position: absolute;
	display: block;
	bottom: 0%;
	width: 100%;
	text-align: right;
	background-color: #000;
}
.copyright{
	color: #fff;
	font-size: 0.9rem;
	margin: 15px 2% 20px 0;
}
.footer_line{
	position: absolute;
	display: block;
	bottom: 0%;
	width: 100%;
	height: 10px;
	background: url('../img/index/footer_line.png') center center no-repeat;
	background-size: 100% 100%;
}

/*model-------*/
.modal-header{
	position: relative;
	display: block;
	height: 45px;
}
.modal-header > .jackie-close{
	position: absolute;
	top: 0;
	right: 0;
	width: 45px;
	height: 45px;
	background: url('../img/mb/index/jackie_close1.png') center center no-repeat;
	background-size: contain;
	opacity: 1 !important;
	outline: none !important;
    outline: 0 !important;
}
.modal-header > .jackie-close:hover{
	opacity: .5 !important;
	cursor: pointer;
}
.modal-header > .jackie-close2{
	position: absolute;
	top: 0;
	right: 0;
	width: 45px;
	height: 45px;
	background: url('../img/index/close-btn.png') center center no-repeat;
	opacity: 1 !important;
	outline: none !important;
    outline: 0 !important;
}
.modal-header > .jackie-close2:hover{
	opacity: .5 !important;
	cursor: pointer;
}
.jackie_close1{
	position: relative;
	display: block;
	margin: 5% auto 10% auto;
	width: 45px;
	height: 45px;
	outline: none !important;
    outline: 0 !important;
    background: url('../img/index/jackie_close1.png') center center no-repeat;
    background-size: contain;
	transition: .3s;
}
.jackie_close1:hover{
	cursor: pointer;
	transform: scale(1.1, 1.1);
}
.modal{
	background-color: rgba(255,158,44,.6);
}
.modal-open .modal{
	overflow-x: auto;
    overflow-y: auto;
}
.modal-open{
	padding-right: 0px !important;
}
.modal-header{
	border-bottom: 1px solid transparent;
}
.modal-content{
	background-color: transparent;
	border:transparent;
    -webkit-box-shadow:transparent !important;
    box-shadow:0px 0px 0px rgba(0,0,0,0) !important;
}
.thumbnail{
	background-color: transparent;
	border: 1px solid transparent;
	-webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.carousel-inner > .item > img{
	max-width: 100%;
	margin: auto;
}
@media (min-width: 768px){
	.modal-dialog {
	    width: 768px;
	}
}
@media screen and (max-width:768px){
}

/*slider--------*/
#carousel-id1{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}
.carousel-inner{
	height: 100%;
}
.carousel-inner > .item{
	width: 100%;
	height: 100%;
	/* border: 1px solid #f00; */
}
#carousel-id1 .carousel-inner > .item:nth-child(1){
	background: url('../img/mb/index/banner1.png') center center no-repeat;
	background-size: 130%;
}
#carousel-id1 .carousel-inner > .item:nth-child(2){
	background: url('../img/mb/index/banner2.png') center center no-repeat;
	background-size: 130%;
}
#carousel-id1 .carousel-inner > .item:nth-child(3){
	background: url('../img/mb/index/banner3.png') center center no-repeat;
	background-size: 130%;
}
#carousel-id1 .carousel-inner > .item:nth-child(4){
	background: url('../img/mb/index/banner4.png') center center no-repeat;
	background-size: 130%;
}
.carousel-control{
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	margin: auto 0;
	opacity: 1;
	width: 7%;
	height: 20%;
	/* border: 1px solid #0f0; */
}
.carousel-indicators{
	bottom: 7% !important;
	height: 5.5%;
	/* border: 1px solid #f00; */
}
.carousel-indicators li{
	width: 8%;
	height: 100%;
	border: none;
	/* border: 1px solid #f00; */
}
.carousel-indicators li:last-child{
	margin-right: 0;
}
#carousel-id1 .carousel-indicators li{
	margin-right: 4%;
	background: url('../img/mb/index/dot.png') center center no-repeat;
	background-size: contain;
}
.carousel-indicators .active{
	width: 8%;
	height: 100%;
	margin: 1px;
}
#carousel-id1 .carousel-indicators li.active{
	background: url('../img/mb/index/dot_active.png') center center no-repeat;
	background-size: contain;
}

@media screen and (max-width:1366px){
	html{
		font-size: 1rem;
	}
}
@media screen and (max-width:1280px){

}
@media screen and (min-width:1025px){
	.mb_menu_area{
		display: none;
	}
}
@media screen and (max-width:1024px){
	html{
		font-size: 1.7rem;
	}

	.bg{
		background: url('../img/mb/index/bg.png') center center no-repeat;
		background-size: 100% 100%;
	}

	.menu_area{
		display: none;
	}

	.mb_menu{
		display: block;
	}

	.logo{
		right: 64%;
	    width: 34%;
	    height: 10%;
	}

	.page1_content{
		display: none;
	}

	.slider_area{
		display: block;
	}

	.down_btn{
		width: 7%;
	}

	.page2_content{
		width: 75%;
		height: 82%;
		background: url('../img/mb/index/page2_content.png') center center no-repeat;
		background-size: contain;
	}

	.page3_content{
		height: 80%;
	}
	.s{
		width: 43%;
		height: 45%;
		margin-right: 2%;
		margin-bottom: 3%;
	}
	.s2,.s4{
		margin-right: 0;
	}
	.s1,.s2{
		margin-top: 3%;
	}
	.s3,.s4{
		margin-bottom: 0;
	}

	.contact_us_img{
		display: none !important;
	}
	.mb_contact_us_img{
		display: block !important;
	}
}
@media screen and (max-width:768px){

}
@media screen and (max-width:630px){

}
@media screen and (max-width:575px){
	html{
		font-size: 1rem;
	}

	/*mb_menu*/
	.mb_menu{
		width: 19%;
	}
	.mb_menu_list1{
		background: url('../img/mb/index/menu_ul1.png') center center no-repeat;
		background-size: 20%;
	}
	.mb_menu_list2{
		background: url('../img/mb/index/menu_ul2.png') center center no-repeat;
		background-size: 20%;
	}
	.mb_menu_list3{
		background: url('../img/mb/index/menu_ul3.png') center center no-repeat;
		background-size: 20%;
	}
	.mb_menu_list4{
		background: url('../img/mb/index/menu_ul4.png') center center no-repeat;
		background-size: 20%;
	}
	.mb_menu_list5{
		background: url('../img/mb/index/menu_ul5.png') center center no-repeat;
		background-size: 20%;
	}
	.mb_menu_list5.active{
		background: url('../img/mb/index/menu_ul5_active.png') center center no-repeat;
		background-size: 20%;
	}
	.menu_ul1_li1{
		background: url('../img/mb/index/menu_ul1_li1.png') center center no-repeat;
		background-size: 23%;
	}
	.menu_ul1_li2{
		background: url('../img/mb/index/menu_ul1_li2.png') center center no-repeat;
		background-size: 23%;
	}
	.menu_ul1_li3{
		background: url('../img/mb/index/menu_ul1_li3.png') center center no-repeat;
		background-size: 23%;
	}
	.menu_ul5_li1{
		background: url('../img/mb/index/menu_ul5_li1.png') center center no-repeat;
		background-size: 23%;
	}
	.menu_ul5_li2{
		background: url('../img/mb/index/menu_ul5_li2.png') center center no-repeat;
		background-size: 23%;
	}
	.mb_menu_line{
		height: 3px;
	}

	.logo {
	    right: 48%;
	    width: 50%;
	    height: 10%;
	}

	.slider_area{
		height: 87%;
	}

	/*slider--------*/
	#carousel-id1 .carousel-inner > .item:nth-child(1){
		background: url('../img/mb/index/banner1.png') center center no-repeat;
		background-size: 165%;
	}
	#carousel-id1 .carousel-inner > .item:nth-child(2){
		background: url('../img/mb/index/banner2.png') center center no-repeat;
		background-size: 165%;
	}
	#carousel-id1 .carousel-inner > .item:nth-child(3){
		background: url('../img/mb/index/banner3.png') center center no-repeat;
		background-size: 165%;
	}
	#carousel-id1 .carousel-inner > .item:nth-child(4){
		background: url('../img/mb/index/banner4.png') center center no-repeat;
		background-size: 165%;
	}
	.carousel-indicators li{
		width: 12%;
	}
	.carousel-indicators .active{
		width: 12%;
	}

	.down_btn{
		width: 10%;
	}

	.page2_content {
	    width: 90%;
	    height: 76%;
	}

	.page3_content {
		width: 100%;
	}
	.s {
		width: 46%;
	}

	.footer_line{
		height: 5px;
	}

}
@media screen and (max-width:360px){

}
@media screen and (max-width:320px){
	html{
		font-size: 0.8rem;
	}

	/*slider--------*/
	#carousel-id1 .carousel-inner > .item:nth-child(1){
		background: url('../img/mb/index/banner1.png') center center no-repeat;
		background-size: 145%;
	}
	#carousel-id1 .carousel-inner > .item:nth-child(2){
		background: url('../img/mb/index/banner2.png') center center no-repeat;
		background-size: 145%;
	}
	#carousel-id1 .carousel-inner > .item:nth-child(3){
		background: url('../img/mb/index/banner3.png') center center no-repeat;
		background-size: 145%;
	}
	#carousel-id1 .carousel-inner > .item:nth-child(4){
		background: url('../img/mb/index/banner4.png') center center no-repeat;
		background-size: 145%;
	}
}
@media screen and (orientation: landscape) and (max-width:1920px) {

}
@media screen and (orientation: landscape) and (max-width:1366px) {

}
@media screen and (orientation: landscape) and (max-width:1024px) {
	html{
		font-size: 1.7rem;
	}

	body{
		min-height: 1400px;
	}

	.bg{
		background: url('../img/mb/index/bg.png') center center no-repeat;
		background-size: 100% 100%;
	}

	.menu_area{
		display: none;
	}

	.mb_menu_logo_area{
		padding: 5% 0;
	}
	.mb_menu_list{
		padding: 4% 0;
	}
	.menu_ul1_li{
		padding: 3% 0;
	}
	.menu_ul5_li{
		padding: 3% 0;
	}

	.mb_menu{
		display: block;
		width: 11%;
    	height: 12%;
	}
	.mb_logo{
		background: url('../img/mb/index/menu_logo.png') center center no-repeat;
		background-size: 23%;
	}
	.mb_menu_list1{
		background: url('../img/mb/index/menu_ul1.png') center center no-repeat;
		background-size: 12%;
	}
	.mb_menu_list2{
		background: url('../img/mb/index/menu_ul2.png') center center no-repeat;
		background-size: 12%;
	}
	.mb_menu_list3{
		background: url('../img/mb/index/menu_ul3.png') center center no-repeat;
		background-size: 12%;
	}
	.mb_menu_list4{
		background: url('../img/mb/index/menu_ul4.png') center center no-repeat;
		background-size: 12%;
	}
	.mb_menu_list5{
		background: url('../img/mb/index/menu_ul5.png') center center no-repeat;
		background-size: 12%;
	}
	.mb_menu_list5.active{
		background: url('../img/mb/index/menu_ul5_active.png') center center no-repeat;
		background-size: 12%;
	}
	.menu_ul1_li1{
		background: url('../img/mb/index/menu_ul1_li1.png') center center no-repeat;
		background-size: 15%;
	}
	.menu_ul1_li2{
		background: url('../img/mb/index/menu_ul1_li2.png') center center no-repeat;
		background-size: 15%;
	}
	.menu_ul1_li3{
		background: url('../img/mb/index/menu_ul1_li3.png') center center no-repeat;
		background-size: 15%;
	}
	.menu_ul5_li1{
		background: url('../img/mb/index/menu_ul5_li1.png') center center no-repeat;
		background-size: 15%;
	}
	.menu_ul5_li2{
		background: url('../img/mb/index/menu_ul5_li2.png') center center no-repeat;
		background-size: 15%;
	}

	.logo{
		right: 64%;
	    width: 34%;
	    height: 10%;
	}

	.page1_content{
		display: none;
	}

	.slider_area{
		display: block;
	}

	.down_btn{
		width: 7%;
	}

	.page2_content{
		width: 75%;
		height: 82%;
		background: url('../img/mb/index/page2_content.png') center center no-repeat;
		background-size: contain;
	}

	.page3_content{
		height: 80%;
	}
	.s{
		width: 43%;
		height: 45%;
		margin-right: 2%;
		margin-bottom: 3%;
	}
	.s2,.s4{
		margin-right: 0;
	}
	.s1,.s2{
		margin-top: 3%;
	}
	.s3,.s4{
		margin-bottom: 0;
	}
}
@media screen and (orientation: landscape) and (max-width:980px) {
	body{
		min-height: 1100px;
	}
	.mb_menu{
		height: 20%;
	}
	.mb_logo{
		background: url('../img/mb/index/menu_logo.png') center center no-repeat;
		background-size: 13%;
	}
	.mb_menu_logo_area{
		padding: 4% 0;
	}
	.mb_menu_list{
		padding: 3% 0;
	}
	.menu_ul1_li{
		padding: 2% 0;
	}
	.menu_ul5_li{
		padding: 2% 0;
	}
	.mb_menu_list1{
		background: url('../img/mb/index/menu_ul1.png') center center no-repeat;
		background-size: 8%;
	}
	.mb_menu_list2{
		background: url('../img/mb/index/menu_ul2.png') center center no-repeat;
		background-size: 8%;
	}
	.mb_menu_list3{
		background: url('../img/mb/index/menu_ul3.png') center center no-repeat;
		background-size: 8%;
	}
	.mb_menu_list4{
		background: url('../img/mb/index/menu_ul4.png') center center no-repeat;
		background-size: 8%;
	}
	.mb_menu_list5{
		background: url('../img/mb/index/menu_ul5.png') center center no-repeat;
		background-size: 8%;
	}
	.mb_menu_list5.active{
		background: url('../img/mb/index/menu_ul5_active.png') center center no-repeat;
		background-size: 8%;
	}
	.menu_ul1_li1{
		background: url('../img/mb/index/menu_ul1_li1.png') center center no-repeat;
		background-size: 7%;
	}
	.menu_ul1_li2{
		background: url('../img/mb/index/menu_ul1_li2.png') center center no-repeat;
		background-size: 7%;
	}
	.menu_ul1_li3{
		background: url('../img/mb/index/menu_ul1_li3.png') center center no-repeat;
		background-size: 7%;
	}
	.menu_ul5_li1{
		background: url('../img/mb/index/menu_ul5_li1.png') center center no-repeat;
		background-size: 7%;
	}
	.menu_ul5_li2{
		background: url('../img/mb/index/menu_ul5_li2.png') center center no-repeat;
		background-size: 7%;
	}
}
@media screen and (orientation: landscape) and (max-width:846px) {/*阿頡*/
	body{
		min-height: 1100px;
	}
}
@media screen and (orientation: landscape) and (max-width:812px) {
	body{
		min-height: 1100px;
	}

	.mb_menu_line{
		height: 3px;
	}
}
@media screen and (orientation: landscape) and (max-width:720px) {
	body{
		min-height: 900px;
	}
}
@media screen and (orientation: landscape) and (max-width:640px) {
	body{
		min-height: 900px;
	}
}
@media screen and (orientation: landscape) and (max-width:620px) {
	html{
		font-size: 1.2rem;
	}

	body{
		min-height: 780px;
	}

	.logo{
		right: 61%;
    	width: 38%;
	}

	.mb_menu{
		width: 13%;
	}

	#carousel-id1 .carousel-inner > .item:nth-child(1){
		background: url('../img/mb/index/banner1.png') center center no-repeat;
		background-size: 140%;
	}
	#carousel-id1 .carousel-inner > .item:nth-child(2){
		background: url('../img/mb/index/banner2.png') center center no-repeat;
		background-size: 140%;
	}
	#carousel-id1 .carousel-inner > .item:nth-child(3){
		background: url('../img/mb/index/banner3.png') center center no-repeat;
		background-size: 140%;
	}
	#carousel-id1 .carousel-inner > .item:nth-child(4){
		background: url('../img/mb/index/banner4.png') center center no-repeat;
		background-size: 140%;
	}
}
@media screen and (orientation: landscape) and (max-width:375px) {
	body{
		min-height: 1280px;
	}
}