/* ------ 通用*勿刪* ------ */
* {
	margin: 0;
	padding: 0;
}
img {
	max-width: 100%;
	display: block;
	vertical-align: top;
}
.main {
	width: 1000px;
	margin: auto;
}
.btn_box {
	position: relative;
}
.btn {
	position: absolute;
	z-index: 2;
    left: 50%;
    transform: translate(-50%); /* 基本設定:置中 */
}
/* ------ END 通用*勿刪* ------ */

/* ------ offer按鈕寬度設定 ------ */
.btn_offer1 {width:752px;}
.btn_offer2 {width:421px;}
/* ------ offer按鈕寬度設定END ------ */

/* ------ 個別按鈕位置 ------ */
.btn_01 {top:47.5%;}
.btn_02 {top:86%;	left:73%;}
.btn_03 {top:45%; left: 29%;}
.btn_04 {top:88%; left: 29%;}
.btn_05 {top:51%;}
.btn_06 {top:86.5%;	left:73%;}
/* ------ 個別按鈕位置END ------ */

/* ------ 其他按鈕設定 ------ */

/* ------ 其他按鈕設定END ------ */

/* ------ 其他區塊 ------ */
.menu {
    display: flex;
    align-items: center;
    position: fixed;
    background: #fff;
    box-shadow: 0px 8px 8px -10px #000;
    width: 1000px;
    z-index: 9;
    
}
.menu .logo {width: 26.65%;}

.movie {
    background: url(../images/img_07_bg.jpg) repeat-y;
    background-size: 100%;
    padding: 0 9%;
}
.movie iframe {
    width: 100%;
    margin: auto;
    height: 461px;
}
.map iframe {
    width: 100%;
    height: 615px;
}

.movie2 {
    background: url(../images/img_15_bg.jpg) repeat-y;
    background-size: 100%;
    padding: 0 9%;
}
.movie2 video {
    width: 100%;
    margin: auto;
    height: 461px;
    background: #000;
}

.footer {
    background: #40312e;
    display: flex;
    padding: 4%;
}
.footer a {
    padding: 0 0.5%;
}

/* ------ 其他區塊END ------ */

@media screen and (max-width: 1000px)
{    
    /*****通用*勿刪*****/
	.main{width: 100%;}
    
    /******按鈕寬度*必須*****/
	.btn_offer1 {width: 78%;}
	.btn_offer2 {width: 41%;}
	.btn_afterpay1,.btn_afterpay2 {width: 100%;}   
    
    .menu {width: 100%;}
    .movie iframe,.movie2 video {height: 250px;}
}

/* ------ for iphone plus < 414px ------ */
@media screen and (max-width: 414px)
{ 
    .movie iframe,.movie2 video {height: 186px;}
}
/* ------ for iphone 7&8 < 375px ------ */
@media screen and (max-width: 375px)
{ 
    .movie iframe,.movie2 video {height: 170px;}
}
/* ------ for iphone SE < 320px ------ */
@media screen and (max-width: 320px)
{ 
    .movie iframe,.movie2 video {height: 145px;}
}


/* --- */