body{
	font-family: "Microsoft Jhenghei";
}


/*主視覺*/


.bg{
	background-color: #000;
	
}



.title_01{
	margin-top: 50px;

}

.title_02{
	
	margin-top: 15px;
}


.main{
	padding-top: 5%;
	background-image: url(../img/index/main_bg.png);
	background-repeat: no-repeat;
	background-position: 45% 25%;
	background-size: 80%;

}

/*.glyphicon-chevron-left{
	display: block;
	background-image: url(../img/index/pre.png);
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	border: none;
	font-family: none;
}

.glyphicon-chevron-left:hover{
	border: none;
}



.glyphicon-chevron-right{
	display: block;
	background-image: url(../img/index/next.png);
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	border: none;
	font-family: none;
}


.glyphicon{
	font-family: none;
	display: none;
}
*/


.main_btn{
	display: block;
	margin:0 auto;
	margin-bottom: 30px;
	padding-bottom: 32.17%;
	background-image: url(../img/index/btn_frame.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}





.p_btn{
	
	animation:up_down01 1.2s;
-moz-animation:up_down01 1.2s; /* Firefox */
-webkit-animation:up_down01 1.2s; /* Safari and Chrome */
-o-animation:up_down01 1.2s; 
/*animation-iteration-count:infinite;/* Opera */*/
}

.btn_effect{
	transition: all .1s;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-ms-transition: all .1s;
	}



.btn_effect:hover{
	opacity: 0.7;

}


@keyframes up_down01
{
0%   {margin-top:10%;}
40%  {margin-top:12%;}
100% {margin-top:10%;}
}


@-moz-@keyframes up_down01
{
0%   {margin-top:10%;}
40%  {margin-top:12%;}
100% {margin-top:10%;}
}

@-webkit-@keyframes up_down01{
0%   {margin-top:10%;}
40%  {margin-top:12%;}
100% {margin-top:10%;}
}

@-o-@keyframes up_down01
{
0%   {margin-top:10%;}
40%  {margin-top:12%;}
100% {margin-top:10%;}
}



.e_btn{
	
	animation-delay:5s infinite;
	-webkit-animation-delay:5s infinite; 
	animation:up_down02 1.8s;
-moz-animation:up_down02 1.8s; /* Firefox */
-webkit-animation:up_down02 1.8s; /* Safari and Chrome */
-o-animation:up_down02 1.8s; 
animation-iteration-count:infinite;/* Opera */
}




@keyframes up_down02
{
0%   {margin-top:10%;}
40%  {margin-top:12%;}
100% {margin-top:10%;}
}


@-moz-@keyframes up_down02
{
0%   {margin-top:10%;}
40%  {margin-top:12%;}
100% {margin-top:10%;}
}

@-webkit-@keyframes up_down02{
0%   {margin-top:10%;}
40%  {margin-top:12%;}
100% {margin-top:10%;}
}

@-o-@keyframes up_down02
{
0%   {margin-top:10%;}
40%  {margin-top:12%;}
100% {margin-top:10%;}
}




@media (max-width: 1200px) {





}




@media (max-width: 992px) {


}





@media (max-width: 768px) {

.title_01{
	margin-top: 70px;

}

.title_02{
	
	margin-top: 15px;
	margin-bottom: 40px;
}


.main{
	padding-top: 10%;
	background-image: url(../img/index/main_bg.png);
	background-repeat: no-repeat;
	background-position: 45% 55%;
	background-size: 80%;

}




.main_btn{
	display: block;
	margin:0 auto;
	margin-bottom: 30px;
	margin-top: 40px;
	padding-bottom: 32.17%;
	background-image: url(../img/index/btn_frame.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
}


@media (max-width: 375px) {



.title_01{
	margin-top: 70px;

}

.title_02{
	
	margin-top: 15px;
	margin-bottom: 40px;
}


.main{
	padding-top: 10%;
	background-image: url(../img/index/main_bg.png);
	background-repeat: no-repeat;
	background-position: 45% 80%;
	background-size: 100%;

}




.main_btn{
	display: block;
	margin:0 auto;
	margin-bottom: 30px;
	margin-top: 15px;
	padding-bottom: 32.17%;
	background-image: url(../img/index/btn_frame.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

}




/*6大特色*/

.spec{	
	background-color: #011533;	
	height: auto;
	padding:40px 0px 40px 0px;
}

.red{
	background-color: red;
}


.intro_01{
	margin-bottom:40px;
	
	
}

.padding_0{
	padding: 0;
	margin:0; 
}

@media (max-width: 768px) {
	.intro_01{
	margin-bottom:40px;
	width: 40%;	
	
}



}

@media (max-width: 375px) {
	.intro_01{
	margin-bottom:40px;
	width: 40%;

}

}





/*燉與蒸*/

.blue_bg{
	display: block;
	background-image: url(../img/index/bg.png);
	background-size: cover;
	height: auto;
	/*padding-bottom: 460.52%;*/
	background-repeat: no-repeat;

}


.stew{
	position:relative;
	display: block;
	
}  /*燉*/



.steam{
	position:absolute;
	display: none;
	
}/*蒸*/


p{
	color: #FFF;
	font-size: 18px;
	line-height: 26px;
	margin:15px 0px 15px 0px;
}


/*內鍋*/

.m_margin_50{
	margin-top:50px; 
	margin-bottom: 50px;
}


/*經典操作按鍵*/

.all_classic{
	position: relative;
	display: block;
	padding-bottom: 50%;

}

.classic_01{
	position: absolute;
	top:-400px;
    z-index: 9999;
}


.classic_02{
position: absolute;
top:-400px;
}



.m_classic_01{
	position: absolute;
	width:100%;
	top:-100px;
   
}

@media (max-width: 992px) {
.all_classic{
	position: relative;
	display: block;
	padding-bottom: 65%;

}

.classic_01{
	position: absolute;
	top:-250px;
    z-index: 9999;
}


.classic_02{
position: absolute;
top:-250px;
}



}


/*dm內容*/



/*cover_01內容*/

.cover_01frame{
	position: relative;
	display: block;
	padding-bottom: 40%;

}


.cover_01{
	position: absolute;
	top:-300px;
}





.cover_02frame{
	position: relative;
	display: block;
	/*padding-bottom: 34.37%;*/
	padding-bottom: 20.37%;

}


.cover_02{
	position: absolute;
	top:-52%;
}



@media (max-width: 992px) {

.cover_01frame{
	position: relative;
	display: block;
	padding-bottom: 0%;

	

}

	.cover_01{
	position: absolute;
	top:-200px;
}

.cover_02frame{
	position: relative;
	display: block;
	/*padding-bottom: 34.37%;*/
	padding-bottom: 0px;

}


.cover_02{
	position: absolute;
	top:-100px;
}

}




@media (max-width: 768px) {



.cover_01frame{
	position: relative;
	display: block;
	padding-bottom: 0%;

	

}

.cover_01{
	position: absolute;
	top:-100px;
}

.cover_02frame{
	position: relative;
	display: block;
	/*padding-bottom: 34.37%;*/
	padding-bottom: 0px;

}


.cover_02{
	position: absolute;
	top:-100px;
}

}