@charset "utf-8";

/*基本*/
body {margin: 0; padding:0; background: url() repeat-y top center #fff;}
	@media screen and (max-width:767px){
		body {background:#fff;}
	}
/*隱鑶*/
.for_pc {}
.for_phone, .for_m { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone, .for_m { display: block!important;}
	}

	
/*全BOX版面*/
.WRAPPER { position: relative;	display: inline-block;	margin: 0;	padding: 0;	width:100%; min-width:1220px; overflow: hidden;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border:0; vertical-align:top;}
.WRAPPER a { text-decoration:none;}

.WRAPPER .Area_top{position: relative; }
.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:1220px;}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom:0px; min-width:inherit; background: url() repeat-y top center; background-size: 100%;}
		.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;}
		.WRAPPER.mmainAre { width: 100%;}
	}


.WRAPPER .go_bt {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.WRAPPER .go_bt:hover { 
   filter:brightness(120%);
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);
		  }


.WRAPPER .buy_bt {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.WRAPPER .buy_bt:hover { 
   filter:brightness(120%);
  -webkit-transform:translateX(10px);
     -moz-transform:translateX(10px);
      -ms-transform:translateX(10px);
       -o-transform:translateX(10px);
          transform:translateX(10px);
		  }




/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; text-align:center;  }
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area800 { margin:0 auto; width:800px;}
.Area_4bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
.Area_4bn_nopadding a { float:left; margin:0; padding:0; width:25%; list-style: none;}		/*區塊_兩邊間距*/
.Area_4bn_nopadding a img { width:100%; }		/*區塊_兩邊間距*/
	@media screen and (max-width:767px){
		.Area { width:100%; }
		.Area .go_bt:hover { 
		  -webkit-transform:none;
			 -moz-transform:none;
			  -ms-transform:none;
			   -o-transform:none;
				  transform:none;}
		.Area1220 { width:100%;}
		.Area960 { margin:0 auto; width:96%;}
		.Area800 { margin:0 auto; width:96%;}
		.Area img{ width:100%;}
		/*區塊_切割*/
		.Area_1bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn a { float:left; margin:0 0 2% 0; padding:0; width:100%; list-style: none;}
		.Area_2bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2bn a { float:left; margin:0 1% 2%; padding:0; width:48%; list-style: none;}
		.Area_3bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn a { float:left; margin:0 1% 2% ; padding:0; width:31.3%; list-style: none;}
		.Area_1bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn_nopadding a { float:left; margin:0 25%; padding:0; width:50%; list-style: none;}
		.Area_2bn_nopadding { margin: 0 auto; padding:0 0 0 5vw;overflow:hidden; width: 90%; box-sizing:border-box;}
		.Area_2bn_nopadding a { float:left; margin:0; padding:0; width:50%; list-style: none;}
		.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn_nopadding a { float:left; margin:0; padding:0; width:33.3%; list-style: none;}

	}


/*回首頁*/
/*logo*/
.momologo { position:absolute; top: 0px;left:0;z-index:999; }
	@media screen and (max-width:767px){
    .momologo {width: 16%;  margin-left: 2%;}
	}

@media screen and (min-width:767px){
/*背景*/
.a0  {z-index:0; position:absolute; top:0px; left:0; width:100%; min-width:1220px; height:1000px; background: url(00.jpg?t=1751345985593) no-repeat center top ; pointer-events:none;}
.bgtop   { z-index:1; position:absolute; top:1675px; left:0; width:100%; min-width:1220px; height:0px; background: url(bgtop1.png?t=1751345985593) no-repeat center top ; pointer-events:none;}
.bgtop1   { z-index:0; position:absolute; top:0px; left:0; width:100%; min-width:1220px; height:1000px; background: url(bg_01.jpg?t=1751345985593) no-repeat center top ; pointer-events:none;}
.bgtop2   { z-index:0; position:absolute; top:1000px; left:0; width:100%; min-width:1220px; height:1000px; background: url(bg_02.jpg?t=1751345985593) no-repeat center top; pointer-events:none;}
.bgtop3   { z-index:0; position:absolute; top:2000px; left:0; width:100%; min-width:1220px; height:1000px; background: url(bg_03.jpg?t=1751345985593) no-repeat center top ; pointer-events:none;}
.bgtop4   { z-index:0; position:absolute; top:3000px; left:0; width:100%; min-width:1220px; height:1000px; background: url(bg_04.jpg?t=1751345985593) no-repeat center top ; pointer-events:none;}
.bgtop5   { z-index:0; position:absolute; top:4000px; left:0; width:100%; min-width:1220px; height:1000px; background: url(bg_05.jpg?t=1751345985593) repeat-y center top ; pointer-events:none;}
.bgtop6   { z-index:0; position:absolute; top:5000px; left:0; width:100%; min-width:1220px; height:1000px; background: url(bg_06.jpg?t=1751345985593) repeat-y center top ; pointer-events:none;}
.bgtop7   { z-index:0; position:absolute; top:6000px; left:0; width:100%; min-width:1220px; height:1000px; background: url(bg_07.jpg?t=1751345985593) repeat-y center top ; pointer-events:none;}

.bgtop-ob { z-index:0; position:fixed; top:0; left:50%; margin-left:-1000px; width:2000px; height:1000px;}
.bgtop-ob_01 { position:fixed; top:0; left:50%; margin-left:-1000px; width:2000px; height:1000px; background: url(bgtop-ob_01.png?t=1751345985593) no-repeat center top ; pointer-events:none;}
.bgtop-ob_02 { position:fixed; top:0; left:50%; margin-left:-1000px; width:2000px; height:1000px; background: url(bgtop-ob_02.png?t=1751345985593) no-repeat center top ; pointer-events:none;}
.bgtop-ob_03 { position:fixed; top:0; left:50%; margin-left:-1000px; width:2000px; height:1000px; background: url(bgtop-ob_03.png?t=1751345985593) no-repeat center top ; pointer-events:none;}
.bgtop-ob_05 { position:absolute; top:0; left:0; min-width:1220px;width:2000px; height:1000px; background: url(bgtop-ob_05.png?t=1751345985593) no-repeat center top ; pointer-events:none;}
}


/*回首頁logo*/
.momologo { position:absolute; top: 0px;left:0;z-index:999;width:100%; }
	@media screen and (max-width:767px){
    .momologo {width: 16%;  margin-left: 2%;}
	}

.Area_top { width:1220px;height:550px;}
.Area_top .top{position: relative;display: block;min-width:1220px;padding: 0; width: 1220px;margin: 0 auto;}
.Area_top .title01{position: absolute; top: 167px; left: 65px;z-index:1;}
.Area_top .title02{position: absolute; top: 0px; left: 0px;z-index:2;}
.Area_top .title03{position: absolute; top: 360px; left: 715px;z-index:2;}

	@media screen and (max-width:767px){
		.Area_top { width:100%;height:auto;}
		.Area_top .marqueeall{position: absolute;   width: 60%;  height:5vw; top:93%;  left: 5%; color:#7dab50; font-size: 5vw; z-index:4;}
	}







/*表單UI調色*/
.MuiForm { font-weight: 800;}
.MuiForm .MuiForm_label:after { background-color: #FAFAFA;}
.MuiForm_uploadbox .MuiForm_btn_submit { background-color: #4B66FF;}
    @media screen and (max-width:767px){
      .MuiForm .MuiForm_label:after { background-color: #fff;}
    }

/*填資料區*/
.Area_form { }
.Area_form .box {}
.Area_form .box:after { content: ""; display: block; clear: both;}
    @media screen and (min-width:768px){
      .Area_form { margin-top: 20px; }
      .Area_form .box_01 { float: left; width: 50%;}
      .Area_form .box_02 { float: left; width: 50%;}
    }

    @media screen and (max-width:767px){
      .Area_form .box_01 { }
      .Area_form .box_02 { margin: 0 auto; width: 92%;}
    }

    /*品牌型號*/
        @media screen and (min-width:768px){
          .Area_form1 .box_01 { padding: 10px 0 0 0;}
          .Area_form1 .box_02 { padding: 30px 0 0 0;}
        }
        @media screen and (max-width:767px){
        }

    /*IMEI*/
        @media screen and (min-width:768px){
          .Area_form2 .box_02 { padding: 30px 0 0 0;}
        }
        @media screen and (max-width:767px){
        }
		
    /*IMEI*/
        @media screen and (min-width:768px){
          .Area_form3 .box_02 { padding: 30px 0 0 0;}
        }
        @media screen and (max-width:767px){
        }
		

    /*上傳照片*/
        @media screen and (min-width:768px){
          .Area_form4 .box_01 { padding: 30px 0 0 0;}
          .Area_form4 .box_02:after { content: ""; display: block; clear: both;}
          .Area_form4 .box_02 .box_upload { float: left; width: 32.3%;}
		  .Area_form4 .box_02  .box_upload_select {margin:85px -115px; font-size:12px; }

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

/*確認區*/
.Area_form5 { margin-top: 50px; margin-bottom: 200px; }
.Area_form5 .btn_ { display: inline-block; margin: 0 0.5em;}
.Area_form5 .btn_ a { display: block; padding: 0.5em 3em; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; font-size: 1.8rem; color: #fff; }
.Area_form5 .btn_:hover { filter: brightness(110%);}
.Area_form5 .btu_clear a { background-color: #888888; }
.Area_form5 .btu_submit a { background-color: #E5007F; }
.Area_form5 .btu_back a { background-color: #000; }
    @media screen and (min-width:768px){
      .Area_form5 { margin-top: 50px; margin-bottom: 80px; }
    }
    @media screen and (max-width:767px){
      .Area_form5 { margin-top: 50px; margin-bottom: 40px; }
      .Area_form5 .btn_ { margin: 0 0.5em; width: calc(50% - 2em);}
      .Area_form5 .btn_ a { display: block; margin: 0; padding: 0.5em 0; width: 100%; font-size: 1.4rem; color: #fff; }
    }



    @media screen and (min-width:768px){
.box_upload2 {margin-left:-15px; margin-right:30px}
    }
    @media screen and (max-width:767px){
.box_upload2 {margin-top:-15px;}
    }
	


/*5品a區*/
@media screen and (min-width:768px){
	.Area_5PDa {background: url("pc_text01.png?t=1751345985593")top center no-repeat;}
	.Area_5PDa .layuot_5PDa {padding-top: 90px;width:1220px; margin:0 auto; box-sizing:border-box;padding:0px 0 0;}
    .Area_5PDa .layuot_5PDa h2 {position:relative; margin:0;padding:0;height:140px;}
	.Area_5PDa .layuot_5PDa ul {padding-bottom:0px; margin: 30px 10px 80px 10px;}
	.Area_5PDa .layuot_5PDa ul li {border:solid 1px #2e2e2e;}
	.Area_5PDa .layuot_5PDa .PD h3 {background-color: #567770!important;}
	.Area_5PDa .word h2 { position: relative;margin: 0;padding: 0;width: 100%; height: 80px; font: bold 42px / 100px 微軟正黑體, "Microsoft JhengHei", Helvetica; text-align: center; color: #000; font-weight: revert; overflow: hidden;}
}
@media screen and (max-width:767px){
    .Area_5PDa { background-image:url("mb_text01.png?t=1751345985593"); background-size: 100%; background-repeat: no-repeat;}
	.Area_5PDa .layuot_5PDa {}
	.Area_5PDa .layuot_5PDa h2 {position:relative; margin:0;padding:0;height:100%;}
	.Area_5PDa .layuot_5PDa ul {padding:0;width: 96%;}
	.Area_5PDa .layuot_5PDa ul li {border: solid 1px #2e2e2e;}
	.Area_5PDa .layuot_5PDa .PD h3 {background-color: #567770!important;}
	.Area_5PDa .word h2 { position: relative; width: 100%; margin: 0;padding: 0; height: 14vw; font: bold 23px / 50px 微軟正黑體, "Microsoft JhengHei", Helvetica; text-align: center; color: #000;overflow: hidden;}
}

	
	
	
/*Appletxt*/
.apple_txt{position: relative;margin:0 auto; height:30px; color:#000; background-color:#F0F;font-size: 14px;text-align: center; padding:10px; }

		
/**延遲載圖用
.mainArea.articleList * img.lazy {display:none;} **/