@charset "utf-8";


html, body{background:#FFF;}
.show400{display:none;}
.hide400{display:initial;}
.selectclick{cursor: pointer;}

/* header */
header{position:fixed;z-index:99;}
footer{position:fixed;z-index:99;}
/*內如*/
.fullpageblock{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.fullpageblock2{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.centerwrap{position:relative;width:160vh;margin:0 auto;z-index:9;}
.centerwrapinp5{position:relative;padding:5vw;margin:0 auto;}
.centerwrapinp10{position:relative;padding:20vh 10vw;margin:0 auto;}
.blackcover{position:absolute;top:0;left:0;height:100%;width:100%;z-index:6;background:rgba(0,0,0,0.5);}
.maxwrap{position:absolute;top:0;left:0;height:100%;margin:0 auto;z-index:1;}
.maxwrap img.bg{height:100%;z-index:1;}
.maxwrap img.bg1{position:absolute;height:100%;z-index:2;top:0;left:0;}
.simage1{width:20%;padding:3vw;}
.fullheight{height:100%;}
/* 排序 */
#blockloading{z-index:999;background:rgba(0,0,0,1);color:#fff;font-size:3vw;line-height:5vw;}
#blockrotate{z-index:998;display:none;background:rgba(0,0,0,0.85);color:#fff;font-size:3vw;line-height:5vw;}
#blockpop{z-index:101;display:none;}
#blockintro{z-index:60;display:none;}
#blockstart{z-index:58;display:none;background:url(../img/bg0.jpg) no-repeat; background-size:cover;}
.step01{position:absolute;top:0;left:0;z-index:1;}
.step02{position:absolute;top:0;right:-5%;z-index:3;}
.step03{position:absolute;top:0;left:0;z-index:2;}
.selecticon{position:absolute;z-index:6;height:15%;}

#block1{z-index:56;display:none;}
#block1 .centerwrap{z-index:9;}
#block1 .maxwrap{z-index:5;}
.step11{position:absolute;top:0;left:0;z-index:1;margin-top:1vw;margin-left:1vw;z-index:11;height:15%;}
.step12{position:absolute;top:0;left:0;z-index:3;}
.step1start{position:absolute;top:0;left:0;z-index:5;height:12%;margin-left:20vw;margin-top:40vh;}
.step13{z-index:9;position:absolute;height:50%;bottom:0;left:5vw;z-index:9;display:none;}
.select11{top:22.43%;left:11.88%}
.select12{top:37.59%;left:39.8%}
.select13{top:33.63%;left:50.24%}
.select14{top:39.25%;left:62.12%}
.select15{top:19.37%;left:76%}
#block2{z-index:54;display:none;}
.step21{position:absolute;top:0;left:0;z-index:1;margin-top:1vw;margin-left:1vw;z-index:11;height:15%;}
.step22{position:absolute;top:0;left:0;z-index:3;}
.step23{z-index:9;position:absolute;height:50%;bottom:0;left:60%;z-index:9;display:none;}
.select21{top:40%;left:12.8%}
.select22{top:32.1%;left:38.24%}
.step2start{position:absolute;top:0;left:0;z-index:5;height:12%;margin-left:35vw;margin-top:40vh;}
.select23{top:34.1%;left:55.92%}
.select24{top:29.6%;left:67.44%}
.select25{top:47.87%;left:72.6%}
#block3{z-index:52;display:none;}
.step31{position:absolute;top:0;left:0;z-index:1;margin-top:1vw;margin-left:1vw;z-index:11;height:15%;}
.step32{position:absolute;top:0;left:0;z-index:3;}
.step33{z-index:9;position:absolute;height:50%;bottom:0;left:5vw;z-index:9;display:none;}
.select31{top:30%;left:10.2%}
.select32{top:34.1%;left:39.72%}
.step3start{position:absolute;top:0;left:0;z-index:5;height:12%;margin-left:5vw;margin-top:40vh;}
.select33{top:34.8%;left:57.32%}
.select34{top:57.2%;left:67.32%}
.select35{top:32.6%;left:76.56%}
.select36{top:52.87%;left:84.24%}
#block4{z-index:50;display:none;}
.step41{position:absolute;top:0;left:0;z-index:1;margin-top:1vw;margin-left:1vw;z-index:11;height:15%;}
.step42{position:absolute;top:0;left:0;z-index:3;}
.step43{z-index:9;position:absolute;height:50%;bottom:0;left:50%;z-index:9;display:none;}
.select41{top:37.5%;left:10.96%}
.select42{top:33.25%;left:42.32%}
.step4start{position:absolute;top:0;left:0;z-index:5;height:12%;margin-left:60%;margin-top:40vh;}
.select43{top:29.5%;left:56.72%}
.select44{top:20.25%;left:74.8%}
.step44{position:absolute;height:100%;bottom:0;right:-80vw;z-index:8;opacity:0;}
#block5{z-index:48;display:none;}
#block5 .b5formwrap{position:absolute;height:50%;top:30%;left:55%;width:28%;z-index:9;}
#block5 .blackcover{background:rgba(0,0,0,0);}
.b5formwrap .formline{font-size:3vh;line-height:5vh;color#:4b4b4b;text-align:left;padding:1vh 0;}
.b5formwrap .formline input[type=text]{font-size:3vh;line-height:5vh;height:5vh;width:100%;border:1px solid #aaaaaa;}
.b5formwrap .formline input[type=submit]{font-size:3vh;line-height:5vh;height:5vh;width:60%;border-collapse: collapse;background:#64adff;color:#fff;font-weight:500;margin:0 auto;}
#blockrotate .centerwrap{width:auto!important;}
/*popup 隱私權政策*/
#pop{position:fixed;top:0;left:0;min-height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5); z-index:300;}
#pop1{position:fixed;top:0;left:0;min-height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5); z-index:300;}
#popinw1{max-height: 45vw;}
.popup{position: relative;top: 4vw;width: 60%;background-color: #f7f7f7;opacity: 0.96;z-index: 400;margin: 0 auto;text-align: center;border:0.3vw #dcdcdc solid; }
.popxx{position:absolute;top: 0; right:0; width:1.5vw; height:1.5vw; z-index:450; }
.popup-2index{position: relative;height:60vw;font-size: 1.25vw;line-height: 3.12vw;text-align: left;padding: 4vw 8vw;background: #FFF;z-index: 12;}
.popup_01text01_0 {position: relative;font-size: 1.4vw;color: #54493b;line-height: 1.9vw;font-weight: 500;background-color: #eaeaea;padding: 1vw;margin-top: 3vw;height: 1vw;}
.popup_01text01_1 {position: relative;font-size: 1.4vw;color: #54493b;line-height: 1.9vw;font-weight: 500;padding: 1vw;height: 1vw;background-color: #dcdcdc;}
.popup_02text {position: relative;font-size: 1.4vw;color: #54493b;line-height: 1.9vw;font-weight: 500;padding: 1vw;height: 5vw;border-bottom:1px solid #54493b;}
.popup_03text {position: relative;height: 4vw;
    font-size: 1.4vw;
    color: #54493b;
    line-height: 1.9vw;
    font-weight: 500;
    padding: 1vw;
    background-color: #f9f9f9;
    padding-bottom: 3vw;}
.popuptext07{ font-size:1.25vw; color:#54493b;line-height:1.25vw; float:left;}
.popuptext08{ font-size:1.25vw; color:#54493b;line-height:1.25vw; float:right;}
.popuppag{ position: absolute; line-height: 2.57vw; height: 2.57vw; width: 16.52vw;  color: #54493b;  top: 1.2vw; text-align: left; font-size: 1.25vw;  right: 0;}
.popupformwrapout{padding:30px;position:relative;max-width:740px;margin:30px auto;border:1px solid #d7ceb9;background:url(../img/w20.png);-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.1);box-shadow:0px 0px 10px rgba(0,0,0,0.1);}
.popupformline:last-child{position:relative;border-bottom:none;}
.popupformitem:nth-child(1){ width: 28%; text-align: center; font-size: 1.25vw;  line-height: 1vw; color: #54493b; float: left;}
.popupformitem:nth-child(2){width: 24%;text-align: center;font-size: 1.25vw;line-height: 1vw;color: #54493b;float:left;}
.popupformitem:nth-child(3){width: 24%;text-align: center;font-size: 1.25vw;line-height: 1vw;color: #54493b;float:left;}
.popupformitem:nth-child(4){width: 24%;text-align: center;font-size: 1.25vw;line-height: 1vw;color: #54493b;float:left;}
.popupformitem:nth-child(5){width: 16%;text-align: left;font-size: 1.25vw;line-height: 1vw;color: #54493b;float:left;}
.popupformitem:nth-child(6){width: 16%;text-align: center;font-size: 1.25vw;line-height: 1vw;color: #54493b;float:left;}

.bpopupformline:last-child{position:relative;border-bottom:none;}
.bpopupformitem:nth-child(1){width: 28%;text-align:center;font-size: 1.25vw;line-height: 2.5vw;color: #54493b;float:left;}
.bpopupformitem:nth-child(2){width: 24%;text-align: center;font-size: 1.25vw;line-height: 2.5vw;color: #54493b;float:left;}
.bpopupformitem:nth-child(3){width: 24%;text-align: center;font-size: 1.25vw;line-height: 2.5vw;color: #54493b;float:left;}
.bpopupformitem:nth-child(4){width: 24%;text-align: center;font-size: 1.25vw;line-height: 2.5vw;color: #54493b;float:left;}
.bpopupformitem:nth-child(5){width: 16%;text-align: left;font-size: 1.25vw;line-height: 2.5vw;color: #54493b;float:left;}
.bpopupformitem:nth-child(6){width: 16%; text-align: center; font-size: 1.25vw; line-height: 2.5vw; color: #54493b;  float: left; background: #eaeaea;}





@media screen and (max-aspect-ratio: 4/3) {
  #blockrotate{display:block!important;}
}

/* 1000 以下顯示  平板版本--影片改圖騙    */
@media screen and (max-width: 1000px) {
  .simage1{width:40%;padding:8vw;}
  .selecticon{height:20%;}
  .step03{margin-top:-4vh;left:-20%;height:120%;z-index:2;}
  .step11{height:20%;}
  .step21{height:20%;}
  .step31{height:20%;} 
  .step41{height:20%;}
  .step44{position:absolute;height:150%;bottom:0;right:-80vw;z-index:8;opacity:0;}
  #blockloading{font-size:6vw;line-height:8vw;}
  #blockrotate{font-size:6vw;line-height:8vw;}
  #block5 .b5formwrap{position:absolute;height:70%;top:20%;left:53%;width:30%;z-index:9;}
  .b5formwrap .formline{font-size:4vh;line-height:7vh;color#:4b4b4b;text-align:left;padding:2vh 0;}
  .b5formwrap .formline input[type=text]{font-size:4vh;line-height:7vh;height:7vh;width:100%;border:1px solid #aaaaaa;}
  .b5formwrap .formline input[type=submit]{font-size:4vh;line-height:7vh;height:7vh;width:80%;border-collapse: collapse;background:#64adff;color:#fff;font-weight:500;margin:0 auto;}

	/*popup 隱私權政策*/
	#pop{position:fixed;top:0;left:0;min-height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5); z-index:300;}
	#pop1{position:fixed;top:0;left:0;min-height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5); z-index:300;}
	#popinw1{max-height: 150vw;}
	.popup{position: relative;
	top: 4vw;
    width: 60%;
    background-color: #f7f7f7;
    opacity: 0.96;
    z-index: 400;
    margin: 0 auto;
    text-align: center;
    border: 0.6vw #dcdcdc solid;}
	.popxx{position:absolute;top: 0; right:0; width:5vw; height:5vw; z-index:450; }
	.popup-2index{position: relative;height:60vw;font-size: 1.25vw;line-height: 3.12vw;text-align: left;padding: 4vw 8vw;background: #FFF;z-index: 12;}
	.popup_01text01_0 {position: relative;font-size: 1.4vw;color: #54493b;line-height: 1.9vw;font-weight: 500;background-color: #eaeaea;padding: 1vw;margin-top: 3vw;height: 1vw;}
	.popup_01text01_1 {position: relative;font-size: 1.4vw;color: #54493b;line-height: 1.9vw;font-weight: 500;padding: 1vw;height: 3vw;background-color: #dcdcdc;}
	.popup_02text {position: relative;font-size: 1.4vw;color: #54493b;line-height: 1.9vw;font-weight: 500;padding: 1vw;height: 5vw;border-bottom:1px solid #54493b;}
	.popup_03text {position: relative;font-size: 1.4vw;color: #54493b;line-height: 1.9vw;font-weight: 500;padding: 1vw;height: 15vw;background-color: #f9f9f9; word-wrap: break-word; }
	.popuptext07{ font-size:1.25vw; color:#54493b;line-height:1.25vw; float:left;}
	.popuptext08{ font-size:1.25vw; color:#54493b;line-height:1.25vw; float:right;}
	.popuppag{ position: absolute; line-height: 2.57vw; height: 2.57vw; width: 16.52vw;  color: #54493b;  top: 1.2vw; text-align: left; font-size: 1.25vw;  right: 0;}
	.popupformwrapout{padding:30px;position:relative;max-width:740px;margin:30px auto;border:1px solid #d7ceb9;background:url(../img/w20.png);-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.1);box-shadow:0px 0px 10px rgba(0,0,0,0.1);}
	.popupformline:last-child{position:relative;border-bottom:none;}
	.popupformitem:nth-child(1){ width: 28%; text-align: center; font-size: 2.25vw;  line-height: 3vw; color: #54493b; float: left;}
	.popupformitem:nth-child(2){width: 24%;text-align: center;font-size: 2.25vw;line-height: 3vw;color: #54493b;float:left;}
	.popupformitem:nth-child(3){width: 24%;text-align: center;font-size: 2.25vw;line-height: 3vw;color: #54493b;float:left;}
	.popupformitem:nth-child(4){width: 18%;text-align: center;font-size: 2.25vw;line-height: 3vw;color: #54493b;float:left;}
	.popupformitem:nth-child(5){width: 16%;text-align: left;font-size: 2.25vw;line-height: 3vw;color: #54493b;float:left;}
	.popupformitem:nth-child(6){width: 16%;text-align: center;font-size: 2.25vw;line-height: 3vw;color: #54493b;float:left;}

	.bpopupformline:last-child{position:relative;border-bottom:none;}
	.bpopupformitem:nth-child(1){width: 28%;text-align:center;font-size: 2.25vw;line-height: 5vw;color: #54493b;float:left;}
	.bpopupformitem:nth-child(2){width: 24%;text-align: center;font-size: 2.25vw;line-height: 5vw;color: #54493b;float:left;}
	.bpopupformitem:nth-child(3){width: 24%;text-align: center;font-size: 2.25vw;line-height: 3vw;color: #54493b;float:left;}
	.bpopupformitem:nth-child(4){width: 18%;text-align: center;font-size: 2.25vw;line-height: 3vw;color: #54493b;float:left;}
	.bpopupformitem:nth-child(5){width: 16%;text-align: left;font-size: 2.25vw;line-height: 3vw;color: #54493b;float:left;}
	.bpopupformitem:nth-child(6){width: 16%; text-align: center; font-size: 2.25vw; line-height: 2.5vw; color: #54493b;  float: left; background: #eaeaea;}

  
 }