/* 版頭 */
@media screen and (min-width:768px){
  .Area_hero{height: 435px;}
  .Area_hero--subtitle{top: 72% !important;}
}

@media screen and (max-width:767px){
  .Area_hero{height: 53vw;}
  .Area_hero--subtitle{top: 62% !important;}
  
}

/* momologo */
.momologo{top: 50px !important;}

/* 背景 */
@media screen and (min-width:768px){
	.deco{z-index: 0;position: absolute;top: 700px;left: 0;height: 100%;width: 100%;min-width: 1220px;background-repeat: repeat-y;background-position: center top;pointer-events: none;}
	.deco_top{z-index: 0;position: absolute;top: 630px;left: 0;height: 100%;width: 100%;min-width: 1220px;background-repeat: no-repeat;background-position: center top;pointer-events: none;}
	.bg_repeat{z-index: -1;position: absolute;top: 0;left: 0;height: 100%;width: 100%;min-width: 1220px;background-repeat: repeat-y;background-position: center top;pointer-events: none;}
}
@media screen and (max-width:767px){

}

/* 區標 */
@media screen and (min-width:768px){
  .Area_title h3{top: 20px;font-size: 60px;}
}

@media screen and (max-width:767px){
  .Area_title h3{top: 2vw;font-size: 6vw}
}

/* 登記保護文 */
.warningTxt h3{color: #fff;}

.Area_drawing-area-1x1 .PD_layout-CSSBG_01 li::after{background-image: url(comp_block_20260601009__drawing-area-1x1_1790758230180.png?t=1792121142921);background-size: 100%;}

@media screen and (min-width:768px){
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 li::after{padding-bottom: 45%;background-size: 96%;}
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 li:nth-child(1){margin-top: 30px}

  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 li .PD_img{position: absolute;top: -20px;left: 380px;}
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 li img{width: 60%;}
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 li .PD_into{position: relative;text-align: left;top: 123px;left: 90px;}
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 li .PD_into .PD_logo{position: absolute;top: -115px;z-index: 3;left: 10px;}
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 li .PD_into .PD_logo img{width: 65%;}
  /* .Area_drawing-area-1x1 .PD_layout-CSSBG_01 li .PD_into p{margin-top: -5px;} */
}

@media screen and (max-width:767px){
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 li::after{padding-bottom: 45%;}
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 li:nth-child(1){margin-top: 5vw}

  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 li .PD_img{position: relative;top: -35px;left: 72px;}
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 li img{width: 38%;}
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 li .PD_into{position: relative;text-align: left;top: -147px;left: 30px;}
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 li .PD_into .PD_logo{position: absolute;top: -8.5vw;z-index: 3;;}
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 li .PD_into .PD_logo img{width: 28%;}
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 li .PD_into p{margin-top: -5px;}
}


/* 作圖區 */
/* .Area_drawing-area-1x1 .PD_layout-CSSBG_01 .PD_into h4 b{display: none;}
@media screen and (min-width:768px){
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 ul{width: 90%;}
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 li:nth-child(1){margin-top: 70px}
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 .PD_img{position: relative;top: 0;left: 400px;}
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 img{width: 80%;}
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 .PD_into{position: relative;text-align: left;left: -360px;top: -10px}
}

@media screen and (max-width:767px){
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 li:nth-child(1){margin-top: 10vw}
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 .PD_img{position: relative;top: -3vw;left: 40vw;}
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 img{width: 85%;}
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 .PD_into{position: relative;text-align: left;left: -38vw;top: -1.5vw;}
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 .PD_into h4{margin-top: -1vw;}
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 .PD_into p{margin-top: -2vw;}
  .Area_drawing-area-1x1 .PD_layout-CSSBG_01 .PD_into p .Price{font-size: 6vw;}
} */

/* 旗艦館 */
@media screen and (min-width:768px){
  .Area_bn-grid-3x1 ul{width: 70% !important;}
}

@media screen and (max-width:767px){
  .Area_bn-grid-3x1 ul{width: 90% !important;}
}