@charset "utf-8";
/*基本*/

body { margin: 0; padding: 0; width:100%; }
.for_phone { display:none;}
.for_m  ul { margin: 0px; padding: 0px;list-style: none outside none;}
      
 @media screen and (max-width:767px){
                .for_pc{ display:none !important;}
                .for_phone{ display:block !important;}
				 body { margin: 0; padding: 0; background-image:none;background-color: #e5e5e5; }
				 .for_m_magintop { margin-top:3vw;}
 }
		
	


		
/*全BOX版面*/
.WRAPPER {position:relative; display:inline-block;  margin:0; padding:0;  width:100%;  overflow:hidden;min-width:1220px;  }
.WRAPPER img {border:0; vertical-align:top;}
.WRAPPER .mainArea {  margin:0 auto; width:1220px; font-family:"Century Gothic", "微軟正黑體", sans-serif; position:relative; }
.WRAPPER .mainArea a{ padding:0; margin:0; text-decoration:none; font-family:"微軟正黑體" }
.WRAPPER  a { text-decoration:none;font-family:"微軟正黑體"} 
/*控制區塊背景的位置*/
.Areabg{ margin-left:-390px;} 
@media screen and ( max-width:736px) {
	.WRAPPER {min-width: inherit;  background-size:100%;  background-repeat: repeat-y}
	.WRAPPER img {width:100%; height:auto;}
}








/*回版頭*/
#gotopBtn { display:none !important;} /*把系統手機版原本的Gotop關掉*/
#gotop { display: none; position:fixed; z-index:201; right:0; padding:14px 6px 3px 10px; font:12px/30px Verdana; text-align:center; color:#fff; cursor:pointer; transition: 0.2s; transform: translateX(200%);
        bottom:90px;
        bottom: calc(90px + constant(safe-area-inset-bottom)*0.6 );
        bottom: calc(90px + env(safe-area-inset-bottom)*0.6 );}
#gotop::before { content: ""; position:absolute; top:9px; left:19px; width: 0; height: 0; border: 4px solid #fff; border-color: transparent transparent #fff; }
#gotop::after  { content: ""; z-index:-1; position:absolute; top:50%; left:50%; border-radius:50px 0 0 50px; transform:translate(-50%,-50%); width:44px; height:44px; background-color:rgba(0,0,0,0.8);}
#gotop.cate-open { transform: translateX(0%);}
  /*白色*/
  #gotop { color:#000; }
  #gotop::before { border-color: transparent transparent #000;}
  #gotop::after  { background-color: rgba(255,255,255,0.95);  box-shadow:0 1px 0 rgba(242,242,242,1), 0 0 10px rgba(0,0,0,0.2);}

/*logo*/
	@media screen and (min-width:735px){ 
.go_bt2 {
  -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;}
.go_bt2:hover { 
   filter:brightness(130%);
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);
		  }

 }

/*區塊all*/
.Area { position: relative;  display:block;  margin:0; padding:0;  width:100%;min-width:1220px;}
@media screen and ( min-width:737px) {
	
	.Area .go_bt { position:relative; display:block;
  -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;}
.Area .go_bt:hover { 
  -webkit-transform:scale(0.95);
     -moz-transform:scale(0.95);
      -ms-transform:scale(0.95);
       -o-transform:scale(0.95);
          transform:scale(0.95);}
	
	}

/*區塊-共用按鈕*/
.Area .btn_go {}
.Area .btn_go *{
						  -webkit-transition: all 0.1s ease;
							 -moz-transition: all 0.1s ease;
							  -ms-transition: all 0.1s ease;
							   -o-transition: all 0.1s ease;
								  transition: all 0.1s ease;} 
.Area .btn_go a:hover {  -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);}
.Area .btn_go a:after  { 
								  -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;}
.Area .btn_go:active a,
.Area .btn_go:focus a,
.Area .btn_go:hover a { color:#fff;}
.Area .btn_go:active a:after,
.Area .btn_go:focus a:after,
.Area .btn_go:hover a:after  { width:150% !important;}
.Area .btn_go:active a i,
.Area .btn_go:focus a i,
.Area .btn_go:hover a i { background-color:#000; transform:translateX(-10px); transition-delay:0.1s;}
.Area .btn_go a strong { z-index:2; position: relative; }
.Area .btn_go a i {
	z-index: 3;
	position: absolute;
	top: -63px;
	right: -278px;
	display: inline-block;
	border-radius: 60px;
	width: 60px;
	height: 60px;
	background: #09006e url(btn_icon_r.png?t=1749700451775);
	background-size: contain;
}
	@media screen and (max-width:736px){ 
	    .Area{width:100%; height:auto; min-width:100%;}
		.Area .btn_go { position:absolute; }
		.Area .btn_go *{
								  -webkit-transition: all 0.2s ease;
									 -moz-transition: all 0.2s ease;
									  -ms-transition: all 0.2s ease;
									   -o-transition: all 0.2s ease;
										  transition: all 0.2s ease;} 
		.Area .btn_go a { display:block; color:#fff; letter-spacing:-2px;}
		.Area .btn_go a:after  { }
		.Area .btn_go:active a,
		.Area .btn_go:focus a,
		.Area .btn_go:hover a { color:#fff;}
		.Area .btn_go:active a:after,
		.Area .btn_go:focus a:after,
		.Area .btn_go:hover a:after  { width:150% !important;}
		.Area .btn_go:active a i,
		.Area .btn_go:focus a i,
		.Area .btn_go:hover a i { background-color: transparent; transform:translateX(-10px); transition-delay:0.1s;}
		.Area .btn_go a strong { z-index:2; position: relative; }
		.Area .btn_go a i { z-index:3; position: absolute; top:0; right:0; display:inline-block; border-radius:35px; width:35px; height:35px; background:#09006e url(btn_icon_r.png?t=1749700451775);  background-size:contain;}
	}





/*版頭頁籤*/
	.AreaHeader {z-index:5; background:#f3f3f3;position: relative; top:0; left:50%; transform:translateX(-50%); width:100%; height:auto; z-index:9;}
	.AreaHeader .box{position:relative; margin:0 auto;height:px;}
	.AreaHeader ul {padding: 0 0 0 2px;margin: 0;text-align: center; height:50px;background: #000;text-align:center;}
	.AreaHeader li {list-style:none;display: inline-block;margin:13px 0px;text-align:center;}
	.AreaHeader .menu .label_btn{display: inline-block; width:180px;line-height: 50px;font:19px/18px 微軟正黑體,"Microsoft JhengHei",Helvetica;color: #888;background: #000;text-align: center;font-weight: bold;}
	.AreaHeader .menu .label_btn:hover{color: #929292;}
	.AreaHeader .menu .selected .label_btn{display: inline-block; width:180px;;font:19px/18px 微軟正黑體,"Microsoft JhengHei",Helvetica;color: #fff;background:#000;text-align: center;font-weight: bold;}
	.AreaHeader .tab_content .page {display:none;  width:100%;min-height:110px;text-align: center;background-color:#f7f3f7; }
	.AreaHeader .tab_content .page ull { margin:0px auto; padding:0 0 0 19px;}
	.AreaHeader .tab_content .page ull:after { content:""; display:block; clear:both;}
	.AreaHeader .tab_content .page ull li { float:inherit; display:inline-block; position:relative; margin:0px 0 0 0; padding:0; width:150px; list-style: none outside none; 
					  -webkit-transition: all 0.9s ease;
						 -moz-transition: all 0.9s ease;
						  -ms-transition: all 0.9s ease;
						   -o-transition: all 0.9s ease;
							  transition: all 0.9s ease;}
	.AreaHeader .tab_content .page ull li:nth-child(4n+1) { margin-left:0;}
	.AreaHeader .tab_content .page ull li:hover {   
						-webkit-transform: scale3d(0.9,0.9,0.9);
						 -moz-transform: scale3d(0.9,0.9,0.9);
						  -ms-transform: scale3d(0.9,0.9,0.9);
						   -o-transform: scale3d(0.9,0.9,0.9);
							  transform: scale3d(0.9,0.9,0.9);}
	.AreaHeader .tab_content .page ull li a img { width:105px; height:85px;}
	@media screen and (max-width:767px){
	
		.AreaHeader {z-index:5; background:#f3f3f3;position: relative; top:0;width:100%; height:auto; z-index:9;}
		.AreaHeader .box{position:relative; margin:0 auto;height:px;}
		.AreaHeader ul {padding:3vw 0;margin:0;text-align: center; height:7vw;background: #000;display: flex;overflow-x: auto;}
		.AreaHeader li {list-style:none;display: inline-block;margin:0 3vw 2vw 3vw;text-align:center; width:26%; white-space: nowrap;}
		.AreaHeader .menu .label_btn{display: inline-block; width:100%;line-height:20%;font:18px/18px 微軟正黑體,"Microsoft JhengHei",Helvetica;color: #888;background: #000;text-align: center;font-weight: bold;}
		.AreaHeader .menu li.active::after {width:100%; height:2%;background-color:#fff;}
		.AreaHeader .menu .selected .label_btn{display: inline-block; width:100%;line-height:20%;font:18px/28px 微軟正黑體,"Microsoft JhengHei",Helvetica;color: #fff;text-align: center;font-weight: bold;}
		.AreaHeader .menu .label_btn:hover{color: #fff;}
		.Area .tab_content .page {display:none;  width:100%;text-align: center;background-color:#f7f3f7;}
		.AreaHeader .tab_content .page ull { margin:0; padding:0;display: flex; overflow-x: auto;}
		.AreaHeader .tab_content .page ull li { white-space: nowrap; float:inherit; display:inline-block; position:relative; margin:-2vw 0 0 0; padding:1vw; width:28%; list-style: none outside none; 
						  -webkit-transition: all 0.9s ease;
							 -moz-transition: all 0.9s ease;
							  -ms-transition: all 0.9s ease;
							   -o-transition: all 0.9s ease;
								  transition: all 0.9s ease;}
		}
	


/*header-選單切換區*/
@media screen and (min-width:768px){
.cantantBase { z-index:5; background:#2d2d2d; /*border-top:solid 10px #000;*/  position: relative; top:0; left:50%; transform:translateX(-50%); width:100%; height:auto; z-index:9; }
.cantantBase .box { position:relative; margin:0 auto; width:1220px; height:69px;}
/*.cantantBase .momologo { position:absolute; top:29px; left:26px; -webkit-transform:scale(0.9); transform:scale(0.9);}
.cantantBase .momologo a { display:block; width:191px; height:21px; background:url(momo_logo.png?t=1749700451775);}
.cantantBase .momologo a:hover { background:url(momo_logo_on.png?t=1749700451775);}*/
.cantantBase ul {display:inline-block; margin:0; padding:0 10px; list-style:none; text-align:center; width:100%; box-sizing:border-box;}
.cantantBase ul li {  display:inline-block; position:relative; margin:0 5px; padding:0; font-size:24px; font-weight: bold;line-height:69px; width:183px; letter-spacing:0.15em;}
.cantantBase ul li a { color:#ffffff; display:block;}
.cantantBase ul li a:hover { color:#929292; }  
  
.cantantBase .btn_on::after { content:""; z-index:-1; position: absolute; bottom:0%; left:50%; width:70%; height:8%; -webkit-transform:translate(-50%,0%); transform:translate(-50%,0%); background-color: #ff6900; }
.cantantBase ul.tabs li:hover::after { content:""; z-index:-1; position: absolute; bottom:0%; left:50%; width:70%; height:8%; -webkit-transform:translate(-50%,0%); transform:translate(-50%,0%); background-color: #ff6900; }
.cantantBase ul.tabs li.active::after { content:""; z-index:-1; position: absolute; bottom:0%; left:50%; width:70%; height:8%; -webkit-transform:translate(-50%,0%); transform:translate(-50%,0%); background-color: #ff6900; }
/*選單內容物*/
.tab_content{ z-index:9; position: relative; top:0px; left:0; margin:0; padding:0; overflow:hidden; width:100%; height:87px; background-color:#f7f3f7;  box-sizing:border-box; 
			  -webkit-transition: all 0.2s ease;
				 -moz-transition: all 0.2s ease;
				  -ms-transition: all 0.2s ease;
				   -o-transition: all 0.2s ease;
					  transition: all 0.5s ease;} 
.tab_content::after { content:""; display:inline-block; clear:both;} 
.tab_content .box { position:relative; margin:0 auto; width:1220px; height:auto; overflow:hidden;}
.tab_content .Nav_block { float:left; display:inline-block;}
.tab_content .Nav_block_04 { width:300px;}
.tab_content .Nav_block_06 { width:200px;}
.tab_content .Nav_block ul { text-align:left; padding:0 10px;}
.tab_content .Nav_block ul li { line-height:2em; letter-spacing:0.01em; padding-left:20px; font-size:15px;}

.tab_content .Nav_block ul li.Navtitle { font: bold 19px/30px "Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif,Helvetica; line-height:2em; pointer-events:none;}
.tab_content .Nav_block ul li.Navtitle a { color:#2d2d2d;}
.tab_content .colse_button {z-index:100; display:inline-block; position:absolute;top:0px;right:0px; padding:2px; cursor:pointer;}
.tab_content .Nav_block ul li .new{display: inline-block; width: 40px;line-height: 40px;  font: 14px/14px 微軟正黑體,"Microsoft JhengHei",Helvetica;  color: #FFF;background-color:#ff0000;   border: 1px solid #ff0000; border-radius:3px; margin:0 2%;text-align: center;}


/*被選到的類別*/
.tab_content.active { display:block !important;}
}

@media screen and (max-width:767px){
	.cantantBase .box { position:relative; margin:0; width:30%;}
	.cantantBase ul { margin:0; padding:0; list-style:none; text-align:center; width:100%; box-sizing:border-box;}
	.cantantBase ul li { border-bottom:1px solid #f3f3f3; padding:2.5vw 1vw; background-color:#fff; }
	/*.cantantBase ul li:last-child { border-bottom: none;}*/
	.cantantBase ul li a { color:#000; display:block;}
	.cantantBase ul li.open { background-color:#0032a1;}
	.cantantBase ul li.open a { color:#fff; font-weight:800;}
	
	.tab_content {position:relative; top:0vw; left:0; width:100%; height:19vw; overflow-y:scroll; background-color:#fff;}
	.tab_content .box { position:relative; margin:0 auto; width:100%; height:auto; overflow:hidden;}
	.tab_content .Nav_block ul { text-align:left; padding:0 3vw;}
	.tab_content .Nav_block ul li { border-bottom:none; padding:1.5vw 1vw 1.5vw 3vw; font-size:4vw;}
	.tab_content .Nav_block ul li:last-child { border-bottom:1px solid #f3f3f3; padding-bottom:5vw;}
	
	.tab_content .Nav_block ul li.Navtitle { padding:4vw 1vw 1vw; font: bold 4.8vw/4.8vw "Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif,Helvetica; /*line-height:2em;*/ pointer-events:none;}
	.tab_content .Nav_block ul li.Navtitle a { color:#0032a1;}
	
	/*被選到的類別*/
	.tab_content.open { display:block !important;}	
}


/*手機登記按鈕*/

            .book_box {  position:relative;}
            .book_box a { display:block; width:100%; height:100%;}
            .book_ { }
            .book_ .count { margin: 0;padding: 0;  color:#00000; text-align:center; font: bold 3vw/5vw "Century Gothic", Arial, "Microsoft JhengHei";}	
            
            /*1品*/		
            .book_01 { position:absolute;width:62.50%;  height: 100%;  top: 0vw;left:0vw; }
            .book_01 .count { position: absolute;    top: 81.5%; left: 64%;}
            .post { position:absolute; width:37.50%;  height: 50%;  top: 0; left:62.4%;}
            .list { position:absolute; width:37.50%;  height: 50%;  top: 50%;left:62.4%; }
            
            /*2品*/	
            .book_box2 .book_01 { position:absolute;width:37.50%;  height: 100%;  top: 0vw;left:0vw; }
            .book_box2 .book_01 .count { position: absolute; top: 87.5%; left:37%;}
            .book_box2 .book_02 { position:absolute;width:34.38%;  height: 100%;  top:0;left:37%;  }
            .book_box2 .book_02 .count {  position: absolute; top: 87.5%; left:32%;}
            .book_box2 .post { position:absolute; width:28.13%;  height: 50%;  top: 0; left:71.4%;}
            .book_box2 .list { position:absolute; width:28.13%;  height: 50%;  top: 50%;left:71.4%; }
            
            /*3品*/	
            .book_box3 .book_01 { position:absolute;width:34.50%;  height: 75%;  top: 0vw;left:0vw; }
            .book_box3 .book_01 .count { position: absolute; top: 88.5%; left:36%;}
            .book_box3 .book_02 { position:absolute;width:31.0%;  height: 75%;  top:0;left:35%;  }
            .book_box3 .book_02 .count {  position: absolute; top: 88.5%; left:27%;}
            .book_box3 .book_03 { position:absolute;width:34.50%;  height: 75%;  top:0;left:66%;  }
            .book_box3 .book_03 .count {  position: absolute; top: 88.5%; left: 22%;}
            .book_box3 .post { position:absolute; width:50%;  height: 25%;  top: 75%; left:0%;}
            .book_box3 .list { position:absolute; width:50%;  height: 25%;  top: 75%; left:50%; }
            


/*黏人快速鍵*/
.fixed_Area {z-index:999; position:fixed; top:20px; right:5px;}
.fixed_Area h2 { margin:0; padding:0; width:120px; line-height:0;}
.fixed_Area h4 { margin:0; padding:0; font:bold 16px/20px Century Gothic, "微軟正黑體",Helvetica bold; color:#1e6238; letter-spacing:-1px; text-align:center;  background:url(fixed_Area_repeat.png?t=1749700451775) repeat-y center;}
.WRAPPER .fixed_Area h4 a { display: block;
width:107px; 
    color: #c4094b; 
    text-decoration: none;
    border-bottom: #c4094b dashed 1px;
    padding: 0 2px 0 2px;
	line-height:25px;
    margin: 0  auto;}
.fixed_Area h4 a:hover { color:#ff7800;}
.fixed_Area h4 p { position:relative; margin:0; padding:0 0 5px 0;}
.fixed_Area h4 p:after { content: ""; position:absolute; top:0; left:20%; margin:0 auto; display:block;  width:60%;  background-color:rgba(255,255,255,0.5);}
.fixed_Area h4 p:first-child:after  { display:none;}
.fixed_Area h4.fixedBox_2 a { color:#FFAE00;}
.fixed_Area h4.fixedBox_2 a:hover {color:#df9b2c;}
.WRAPPER .fixed_Area h4 p:nth-child(4) a {border-bottom: none;}
.fixed_Area h4 a img {
  -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;
}
.fixed_Area h4 a:hover img {
  -webkit-transform: translateY(3px); 
          transform: translateY(3px);
		 }
/*黏人精快速鍵-動畫*/
.approch1 {-webkit-animation-duration: 1.5s;  animation-duration: 1.5s;  -webkit-animation-name: approch1;  animation-name: approch1;  -webkit-animation-iteration-count: 1;    animation-iteration-count:1; -webkit-animation-direction: alternate;animation-direction: alternate;}
	@-webkit-keyframes approch1 { 
	}
	@keyframes approch1 { 
		0% { transform: translate(0,200px); opacity:0 } }




	
/*黏人快速鍵(白色款)*/
.fixed_Area {z-index:999; position:fixed; top:20px; right:0px; width:100px; font-weight:800; font-size:16px; line-height:48px; font-family:Century Gothic, "微軟正黑體",Helvetica; text-align:center;
			-webkit-transform: rotate3d(0,0,0,0deg) translate3d(0,0,0); transform: rotate3d(0,0,0,0deg) translate3d(0,0,0); -webkit-transform-origin:top right; transform-origin:top right;
			  -webkit-transition: all 0.2s ease;
				 -moz-transition: all 0.2s ease;
				  -ms-transition: all 0.2s ease;
				   -o-transition: all 0.2s ease;
					  transition: all 0.2s ease;}
.fixed_Area a { display:block; text-decoration: none; color: #000;}
.fixed_Area img {-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;}
.fixed_Area .box ul { margin:0; padding:0; list-style:none;}
.fixed_Area .box li { margin:0 0 1px 0; padding:0; height:48px; background-color:rgba(255,255,255,0.6);}
.fixed_Area .box li a { letter-spacing:-1px;height:48px; overflow:hidden;}
.fixed_Area .box li a:hover { background-color:rgba(255,255,255,1);}
.fixed_Area .box li.cate-hover { background-color:rgba(255,255,255,1);}
.fixed_Area .box h2 { margin:0; padding:0;}
	/*快速導覽*/
	.fixed_Area h3 { position: absolute; top:100px; right:-50px; margin:0; padding:35px 0 0 0; border-radius:10px; width:48px; height:82px; font-size: 16px; line-height:30px; writing-mode: tb-lr; writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; background-color:rgba(255,255,255,0.6); text-align:left; cursor:pointer;
			-webkit-transform-origin:top left; transform-origin:top left;
			  -webkit-transition: all 0.2s ease;
				 -moz-transition: all 0.2s ease;
				  -ms-transition: all 0.2s ease;
				   -o-transition: all 0.2s ease;
					  transition: all 0.2s ease;}
	.fixed_Area h3 i { position: absolute; top:0; right:0; display:block; width:50px; height:50px; cursor:pointer;}
	.fixed_Area h3 i:before { content: ""; position:absolute; top:41%; left:37%; display:block; border:1px solid #000; border-width:0 1px 1px 0; width:15%; height:15%; -webkit-transform:translate(-50%,-50%) rotate(135deg); transform:translate(-50%,-50%) rotate(135deg); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
			/*黑色款*/
			.fixed_Area.fixed_Area-dark a { color: #fff;}
			.fixed_Area.fixed_Area-dark .box li { background-color:rgba(0,0,0,0.5);}
			.fixed_Area.fixed_Area-dark .box li a:hover { background-color:rgba(0,0,0,1);}
			.fixed_Area.fixed_Area-dark .box li.cate-hover { background-color:rgba(0,0,0,1);}
            .fixed_Area.fixed_Area-dark h3 {background-color:rgba(0,0,0,0.5);color: #fff; }
            .fixed_Area.fixed_Area-dark h3  i:before { border-color:#fff;}



			/*收合黏人精*/
			.fixed_Area.fixed_Area_hide { -webkit-transform: rotate3d(0,0,0,0deg) translate3d(150px,0,0); transform: rotate3d(0,0,0,0deg) translate3d(150px,0,0); }
			.fixed_Area.fixed_Area_hide h3 { -webkit-transform: rotate3d(0,0,0,0deg) translate3d(-185px,0,0); transform: rotate3d(0,0,0,0deg) translate3d(-185px,0,0); 
											 -webkit-transition-delay:0.2s; transition-delay:0.2s;}
											 
											 
				
			
	














/*區塊背景*/
@media screen and ( min-width:737px) {
	
.Areabg01{ position:absolute;z-index:-1; top:0px; left:0; width:100%; min-width:1220px; height:3000px;background-image:url(pc_01.jpg?t=1749700451775); background-repeat:no-repeat; background-position:center top;}

.Areabg02{ position:absolute;z-index:-1; top:0px; left:0; width:100%; min-width:1220px; height:3000px;background-image:url(pc_02.jpg?t=1749700451775); background-repeat:no-repeat; background-position:center top; background-color: #f0f0f0;}
	
.Areabg03{ position:absolute;z-index:-1; top:0px; left:0; width:100%; min-width:1220px; height:3000px;background-image:url(pc_03.jpg?t=1749700451775); background-repeat:no-repeat; background-position:center top; background-color: #e5e5e5}
.Areabg04{ position:absolute;z-index:-1; top:0px; left:0; width:100%; min-width:1220px; height:10000px; background-image:url(pc_04.jpg?t=1749700451775);background-repeat:no-repeat; background-position:center top;}
	
	
	
	
	
	
.Areabg05{ position:absolute;z-index:-1; top:0px; left:0; width:100%; min-width:1220px; height:3000px;background-image:url(pc_05.jpg?t=1749700451775);background-repeat:repeat-y; background-position:center top;}
.Areabg06{ position:absolute;z-index:-1; top:0px; left:0; width:100%; min-width:1220px; height:5000px;background-image:url(pc_06.jpg?t=1749700451775);background-repeat:no-repeat; background-position:center top;}
.Areabg07{ position:absolute;z-index:-1; top:0px; left:0; width:100%; min-width:1220px; height:5000px;background-image:url(pc_07.jpg?t=1749700451775); background-repeat:no-repeat; background-position:center top;}
.Areabg08{ position:absolute;z-index:-1; top:0px; left:0; width:100%; min-width:1220px; height:5004px;background-image:url(pc_08.jpg?t=1749700451775); background-repeat:no-repeat; background-position:center top;}
.deco_bg{ position:absolute;z-index:1; pointer-events: none; top:1500px; left:0; width:100%; min-width:1220px; height:3900px;background-image:url(deco_bg.png?t=1749700451775);transition:0.5s linear;  background-repeat: repeat-y; background-position:center top;}
 
.foot_text{background-color:#000000; }
}



@media screen and ( max-width:736px) {
.Areabg01{ display:none }
.Areabg02{ display:none }
.Areabg03{ display:none }
.Areabg04{ display:none }
.Areabg05{ display:none }
.Areabg06{ display:none }
.Areabg07{ display:none }
.Areabg08{ display:none }
.Areabg09{ display:none }
.Areabg10{ display:none }
.Areabg11{ display:none }
.Areabg12{ display:none }
.Areabg13{ display:none }
.foot_text{background-color: #000000;}
.deco_bg{ display:none }
}




.momologo { position:absolute; top:0px; left:34px; z-index:100; }
	 


/*版頭*/@media screen and (min-width:767px){
.Area01{width:1220px; height:760px; position:relative; margin:0 auto; }
.Area01 .title{ position:absolute;  top:140px; left: 326px; }
.Area01 ul{display: block;width: 1220px; list-style: none;position:absolute; top: 455px;left: -41px;text-align: justify }
.Area01 ul li{display: inline-block; margin:  0 8px 0 0}
.Area01 .bank{ width: 1220px; position:absolute;  top:0px; left: 0px;text-align: justify }
.Area01 .swiper-button-next {opacity: 0.6;right: 26px;}
.Area01 .swiper-button-prev {opacity: 0.6;}
.Area01 .h2{position: absolute;width: 1220px;top: 655px;left: 277px;text-align: justify}
.Area01 .btn_01{position: absolute;top: 766px;left: 1px;text-align: justify;width: 1220px}
.Area01 .btn_02{position: absolute;top: 766px;left: 305px;text-align: justify;width: 1220px}
.Area01 .btn_03{position: absolute;top: 766px;left: 608px;text-align: justify;width: 1220px;z-index: 5;}
.Area01 .btn_04{position: absolute;top: 1092px;left: 0px;text-align: justify;width: 1220px}
.Area01 .btn_05{position: absolute;top: 1092px;left: 304px;text-align: justify;width: 1220px;z-index: 5;}
.Area01 .btn_06{position: absolute;top: 1092px;left: 918px;text-align: justify;width: 1220px;z-index: 6;}
}
@media screen and (max-width:767px){
.Area01 { width:100%; height:auto;background-color: #f0f0f0;margin-bottom: 0;}
.Area01 .title{position: absolute; width: 63%; top: 17vw;left: 21vw;}
.Area01 .swiper-button-next {opacity: 0.6;}
.Area01 .swiper-button-prev {opacity: 0.6;}
.Area01 ul{display: block;width:100%; list-style: none;position:absolute; top:55vw;left: 0.5vw;text-align:center ;z-index: 1;  padding: 0; margin: 0 auto; }
.Area01 ul li{display: inline-block; width: 47%;margin: 0 1vw 1vw 0;}
	
	
.Area01 .bank{ width: 100%; position:absolute;  top:0vw; left:0vw; }
.Area01 .btn_01{position: relative;top: 2.5vw;left: 0;text-align: justify;width: 49%}
.Area01 .btn_02{position: relative;top: -51vw;left: 51vw;text-align: justify;width: 49%}
.Area01 .btn_03{position: relative;top: 0vw;left: 0;text-align: justify;width: 100%}
.Area01 .btn_04{position: relative;top: -45.5vw;left: 0;text-align: justify;width: 49%}
.Area01 .btn_05{position: relative;top: -48.5vw;left: 0;text-align: justify;width: 100%}
.Area01 .btn_06{position: relative;top: -98.5vw;left: 51vw;text-align: justify;width: 49%}

}



/*中間*/@media screen and (min-width:767px){
.Area02{width:1220px; height:697px; position:relative; margin:0 auto; }
.Area02 .h2{position: absolute;width: 1220px;top: 37px;left: 277px;text-align: justify}
.Area02 .TimerNick { position: absolute;    top: 124px; left: 415px; width: 576px;height: 54px;text-align:center;  z-index:0;}
.Area02 ul.time{  display: block; width:1220px; position:relative; margin:0 0 0 0;   padding: 0;   text-decoration: none; overflow: hidden;  list-style: none; text-align:center ;top: 156px;left: 13px }
.Area02 ul.time li {width: auto; padding:0; margin:0 21px 0 0;  text-decoration:none; list-style:none;  text-align:center; display:inline-block ;filter: brightness(0.8);cursor: pointer; }
.Area02 ul.time li img{ width: 100%; }
.Area02 ul.time li.selected { filter: brightness(1); }
.Area02 .light_box{ position: absolute; top: 23px;left: 600px; }	
	.Area02 .swiper-button-next {right: 25px;top: 46%;}
	.Area02 .swiper-button-prev {top: 46%;}
	.Area02 .swiper-button-next:after {font-size: 33px;}
	.Area02 .swiper-button-prev:after {font-size: 33px;}
}
@media screen and (max-width:767px){
.Area02 { width:100%; height:108vw;background-color: #f0f0f0;  }
.Area02 ul.time{  display: block; width:100%; position:relative; margin:0 0 0 0;   padding: 0;   text-decoration: none; overflow: hidden;  list-style: none; text-align:center ;top: 1vw;left: 2.5vw; }
.Area02 ul.time li {width: 42%; padding:0; margin:0 5vw 2vw 0;  text-decoration:none; list-style:none;  text-align:center; display:inline-block ;filter: brightness(0.8);cursor: pointer; }
.Area02 ul.time li img{ width: 100%; }
.Area02 ul.time li.selected { filter: brightness(1); }
	.Area02 .swiper-button-next {right: 0px;top: 44%;}
	.Area02 .swiper-button-prev {left: 0px;top: 44%;}
	.Area02 .swiper-button-next:after {font-size: 33px;}
	.Area02 .swiper-button-prev:after {font-size: 33px;}

}

/*8哀抗*/ 
.Area03{width:1220px; height:664px; position:relative; margin:0 auto; }	 
.Area03 ul{display: block;width: 1220px; list-style: none;position:absolute; top: 426px;left: -28px; text-align: justify}
.Area03 ul li{display: inline-block; margin:  0 2px 0px 0}
.Area03 ul.kind{ width:1250px;   height:172px; display: block;  position:relative;  margin: 0 0 47px 0;   padding: 45px 0 0 0;text-decoration: none; overflow: hidden;   list-style: none;text-align:left; }
.Area03 ul.kind li { display: inline-block; box-sizing:border-box; padding:0 0 0 0 ; margin:0 0 0 0 ; text-decoration:none; list-style:none;  text-align:center;   overflow: hidden;cursor: pointer  }
.Area03 .h2{position: absolute;width: 1220px;top: 51px;left: 277px;text-align: justify}
.Area03 .tabbox{  margin:0 0 0 0; width: 1220px; height: auto;   position: relative; }

.Area03 .pd_price{ position: absolute; top:0px;left: -18px;}
.Area03 .pd_img{ position: absolute; top:0px;left: 655px;}
/*影片區*/

		  .box_youtube { margin: 0; padding: 0; }
		  .box_youtube .youtubeArea { width:100%; height:0px; padding-bottom:29.25%;}
		  .box_youtube .youtubeArea * { margin:0; padding:0;}
		  .box_youtube .youtubeArea iframe { position:absolute; top:0px; left:0px; width:100%; height:100%;}
		  .video_01 {z-index:5;position:absolute;  left: 0px;  top: 175px; width: 397px;height: 246px;}
		  .video_02 {z-index:5;position:absolute;  left: 416px;  top: 175px; width: 397px;height: 246px;}
		  .video_03 {z-index:5;position:absolute;  left: 832px;  top: 175px; width: 397px;height: 246px;}



.colorbar00{  width:2000px; height:199px; position:absolute;  z-index:-1; top: 0px; left: -390px;}
@media screen and (max-width:767px){
.Area03 { width:100%; height:214vw;background-color: #000000  }
.Area03 ul{display: block;width:100%; list-style: none;position:absolute; top:153vw;left: -7vw;text-align: left; }
.Area03 ul li{display: inline-block; width:45%;margin: 1vw 2vw 2vw 0;}
/*影片區*/

		  .box_youtube { margin: 0; padding: 0; }
		  .box_youtube .youtubeArea { width:100%; height:0px; padding-bottom:29.25%;}
		  .box_youtube .youtubeArea * { margin:0; padding:0;}
		  .box_youtube .youtubeArea iframe { position:absolute; top:0px; left:0px; width:100%; height:100%;}
		  .video_01 {z-index:5;position:absolute;  left: 3vw;  top: 1vw; width: 94vw;height: 44vw;}
		  .video_02 {z-index:5;position:absolute;  left: 3vw;  top: 48vw; width: 94vw;height: 44vw;}
		  .video_03 {z-index:5;position:absolute;  left: 3vw;  top: 95vw; width: 94vw;height: 44vw;}

}
	 




/*版頭*/
.Area04{width:1220px; height:690px; position:relative; margin:0 auto; }
.Area04 .star{ position: absolute; top:112px;left: 1172px; }
.Area04 ul.kind{ width:200px;   height:502px; display: block;  position:absolute; top:89px; left: 44px; margin: 0 0 0 0;   padding: 0px 0 0 0;text-decoration: none; overflow: hidden;   list-style: none;text-align:left;z-index: 3 }
.Area04 ul.kind li { display: inline-block; box-sizing:border-box; padding:0 0 0 0 ; margin:0 0 35px 0 ; text-decoration:none; list-style:none;  text-align:center;   overflow: hidden;cursor: pointer  }
.Area04 .tabbox{  margin:0 0 0 0; width: 1220px; height: 700px;   position: relative; }
.Area04 .h2{position: absolute;width: 1220px;top: -9px;left: 297px;text-align: justify}
.Area04 .service_content{ position: absolute; top:175px;left:308px;}
.Area04 .service_more{ position: absolute; top:552px;left: 985px;}






@media screen and (max-width:767px){
.Area04 { width:100%; height:178vw;background-color: #f0f0f0;  }

.Area04 ul.kind{ width:100%;   height:auto; display: block;  position:absolute; top:18vw; left: 2vw; margin: 0 0 0 0;   padding: 0px 0 0 0;text-decoration: none; overflow: hidden;   list-style: none;text-align:left;z-index: 3 }
.Area04 ul.kind li { display: inline-block; box-sizing:border-box; padding:0 0 0 0 ; margin:0 0 0 0 ; text-decoration:none; list-style:none;  text-align:center;   overflow: hidden;cursor: pointer;width: 31vw  }
.Area04 .tabbox{  margin:0 0 0 0; width: 100%; height: auto;   position: relative; }

.Area04 .service_content{ position: absolute; top:15vw;left:2vw;width: 96%}

.Area04 .service_more{ position: absolute; top:144vw;left: 28vw;width: 45%}


}



/*版頭*/@media screen and (min-width:767px){
.Area05{width:1220px; height:auto; position:relative; margin:0 auto;padding:0px 0 0 0 ; }
.Area05 .h2{position: absolute;width: 1220px;top: 51px;left: 277px;text-align: justify}
.Area05 .icon {width:1220px; height:300px; position:relative; margin:0 auto; }
.Area05 .icon ul {display: block;width: 1220px; list-style: none;position:absolute; top: 15px;left: 55px;text-align: justify }
.Area05 .icon ul li{display: inline-block; margin:  0 85px 0 0}
}
@media screen and (max-width:767px){
.Area05 { width:100%; height:auto;background-color: #f0f0f0;padding: 0 0 0 0 ; }
.Area05 .icon {width:100%; height:33vw; position:relative; margin:0 auto; }
.Area05 .icon ul {display: block;width:100%; list-style: none;position:absolute; top:5vw;left: 1vw;text-align: center;z-index: 1 ;margin: 0 auto; padding: 0;}
.Area05 .icon ul  li{display: inline-block; width: 16%;margin: 0 2vw 4vw 0;}



}




/*作圖輪播*/
.Area_item { height:600px;}
		@media screen and (max-width:767px){
			.Area_item { height:100%;}			
		}		
.item_swiper_box {padding:0; position:absolute; top:287px;left:0;width:100%;}
.item_swiper {margin:0;padding:0;width:89%;height:393px;}
.item_swiper ul { margin:0; padding:0; list-style:none;}
.item_swiper ul li{ margin:0; padding:0;width: 25%;}
.item_swiper ul li img{ width:95%;}
.item_swiper_box .pagination{ position:relative;}
.item_swiper_box .button_myarrow_r {z-index: 99; position: absolute; top:10%; right: 16px; width: 50px; height: 50px; cursor: pointer;
-webkit-tap-highlight-color: transparent;}
.item_swiper_box .button_myarrow_l {z-index: 99; position: absolute; top:10%; left: 16px; width: 50px; height: 50px; cursor: pointer;
-webkit-tap-highlight-color: transparent;}
		@media screen and (max-width:767px){	
		.item_swiper_box {padding:0;position:relative;left:0;top:2%;width:90%;}
		.item_swiper {margin:0 ;padding:0;width:100%;height:67vw;overflow:hidden;}
		.item_swiper ul { margin:0; padding:0; list-style:none; }
		.item_swiper ul li{ margin:0 0 0 0; padding:0; height:auto;}
		.item_swiper ul li img{ width:100%;}
		.item_swiper .swiper-pagination-bullet {width:4px;height:4px;}
		.item_swiper_box .button_myarrow_r {z-index: 99; position: absolute; top:72%; right: 30vw; width: 22px; height: 22px; cursor: pointer;
		-webkit-tap-highlight-color: transparent;}
		.item_swiper_box .button_myarrow_l {z-index: 99; position: absolute; top:72%; left: 30vw; width: 22px; height: 22px; cursor: pointer;
		-webkit-tap-highlight-color: transparent;}
		}





/*公版PD_layout-D2_1f4s*/
.PD_layout-D2_1f4s { position: relative;background-color: #f0f0f0; }

    /*BN*/
    .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN {position: relative; background-repeat: repeat-y; background-size: 100%}
    .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN .PD_img,
    .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN .PD .PD_logo {display:none;}
    .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN .PD_layout[data-pd-col-pc="1"] li {-webkit-transform:none; transform:none;margin-bottom:0px;}
        @media screen and (min-width:768px){
		  .PD_layout-D2_1f4s {background-image:url(layout_1220_1f8s_2.png?t=1749700451775);margin:25px 0 0 -8px; width: 1245px; height: 408px; overflow: hidden}
      .PD_layout-D2_1f4s:nth-child(odd) {background-image:url(layout_1220_1f8s_2.png?t=1749700451775);}
  
          
		  .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN {width:1230px;margin:0 0 0 0;display: block;z-index: 0}
	    .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN .PD_img {display: block; width:300px}
      .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN .PD_img  img{ width: 233px}
        }
        @media screen and (max-width:767px){
     .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN {}
		  .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN .PD_layout[data-pd-col-phone="1"] li {margin-bottom:0}
		  .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN .PD_wrapper{padding:0}
		  .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN .PD_img{width:100%}
          .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN .PD .PD_logo { display: block;}
        } 
      /*PD*/
      .PD_layout-D2_1f4s .PD_layout-D2_1f4s-PD {position:relative;}
      .PD_layout-D2_1f4s .PD_layout-D2_1f4s-PD .PD h3 {   background-color: #000;
    background-position: right top;
    background-size: 100% 100%;}
      @media screen and (min-width:768px){
	  .PD_layout-D2_1f4s .PD_layout-D2_1f4s-PD  .PD_layout {position:absolute;top:-418px;left:263px; width: 1024px;}
      .PD_layout-D2_1f4s .PD_layout-D2_1f4s-PD  .PD_layout[data-pd-col-pc*="4"] ul  {position:relative;margin:0px;box-sizing: border-box;}
       }
       @media screen and (max-width:767px){
	   .PD_layout-D2_1f4s .PD_layout-D2_1f4s-PD {margin-bottom:0%} 
       .PD_layout-D2_1f4s .PD_layout-D2_1f4s-PD .PD .PD_logo {display: block;}
	   .PD_layout[data-pd-col-phone="2"] ul { padding: 0.5em; padding-bottom: 0; padding-left: 1em}
       }
        /*針對ECM編輯模式下，編輯按鈕重疊問題修正
        @media screen and (min-width:768px){
          .PD_Layout-D2_1f7s .PD_Layout-D2_1f7s-PD { position: relative; left: 80px;}
          .PD_Layout-D2_1f7s .PD_Layout-D2_1f7s-PD .PD_layout { position: relative; left: -80px;}
        }*/

		






/*共用*/
.for_pc { display:block !important;}
.for_m  { display:none !important;}
	@media screen and (max-width:736px){ 
		/*共用*/
		.for_pc { display:none !important;}
		.for_m  { display:block !important;}
	}







/** 公版模組layout_rwd_1f4s_01 **/
.layout_rwd_1f4s_01  { position:relative; margin-bottom:0px; width:1220px;top: 181px;left: 4px } 
.layout_rwd_1f4s_01 h2 { display:block; padding:0; margin:0; height:120px;font: bold 50px/129px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #ffffff; }
.layout_rwd_1f4s_01 h2 a { display: block; text-decoration:none;}
.layout_rwd_1f4s_01 h2 img { width:714px; height:357px;}
.layout_rwd_1f4s_01 ul {width:1220px; display:inline-block;  box-sizing:border-box;    margin:0 0 15px  0;padding:38px 0px 0px 41px; }
.layout_rwd_1f4s_01 ul li { float:left; display:inline-block; position:relative; margin:0px 16px 10px 0px;border-radius: 15px; padding:0px 0px 0px 0px; border:1px solid #dcdcdc; width: 270px; height:390px; list-style: none outside none; background:#fff;
							  -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;}
.layout_rwd_1f4s_01 ul li a {text-decoration:none;}
.layout_rwd_1f4s_01 ul li a img { display:block; margin:0px; padding:10px; width:250px; height:250px;}
.layout_rwd_1f4s_01 ul li a h3 { position: relative; margin:0 10px; padding:0 10px; border-radius:15px; height: 30px;font: bold 16px/30px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #FFF; background:#ffd011;}
.layout_rwd_1f4s_01 ul li a h4 { margin:5px 0px; padding:0 10px; height:18px; overflow:hidden; font: 15px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
.layout_rwd_1f4s_01 ul li:hover{ -webkit-transform:translateY(-6px); transform:translateY(-6px); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);  box-shadow:0 0 10px rgba(0,0,0,0.3);}
.layout_rwd_1f4s_01 ul li:hover a h4 {color:#d92670;}
.layout_rwd_1f4s_01 ul li a p { margin:0px; padding:0 10px; height: 38px;text-align: center; color:#d92670;}
.layout_rwd_1f4s_01 ul li a p del { padding-right:5px; font: 16px/38px Century Gothic; color:#5e5e5e;}
.layout_rwd_1f4s_01 ul li a p b { font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_rwd_1f4s_01 ul li a p .money { font: bold 14px/38px Century Gothic; }
.layout_rwd_1f4s_01 ul li a p .Price { font: 38px/38px Century Gothic; letter-spacing:-1px; }
.layout_rwd_1f4s_01 ul li a p small { font: 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

.layout_rwd_1f4s_01 .HashtagArea { display: inline-block; margin:0; padding:0; font-family: 微軟正黑體;text-align: center; }
.layout_rwd_1f4s_01 .HashtagArea dd { display:block; margin:0; padding:0 10px 10px 10px; }
.layout_rwd_1f4s_01 .HashtagArea dd strong { float:left; display:inline-block; margin:0 0 0 10px; padding:0; width:292px; text-align:center; }
.layout_rwd_1f4s_01 .HashtagArea dd strong:first-child { margin-left:0;}
.layout_rwd_1f4s_01 .HashtagArea dd a {display:block; padding: 10px 10px 10px 10px; /*border-radius: 5px;*/ line-height:30px; font-weight:300; font-size: 16px; color:#000;text-decoration:none;  background-color:#fff;
							  -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;}
.layout_rwd_1f4s_01 .HashtagArea dd a::after { content: ""; position:relative; top:5px; left:5px; display:inline-block; border:1px solid #000; border-width:0 1px 1px 0; width:8px; height:8px; -webkit-transform:translate(-50%,-50%) rotate(-45deg); transform:translate(-50%,-70%) rotate(-45deg);}
.layout_rwd_1f4s_01 .HashtagArea dd a:hover,
.layout_rwd_1f4s_01 .HashtagArea dd a:active { -webkit-transform:translateY(-8px); transform:translateY(-8px);  box-shadow:0 0 20px rgba(0,0,0,0.5); }
@media screen and ( min-width:737px) {

}

	@media screen and ( max-width:736px) {
		.layout_rwd_1f4s_01{ width:100%; height:auto; overflow:auto; margin-bottom:0px; background-image: none ;top: 4vw ;left: 0px }
		.layout_rwd_1f4s_01 * { -webkit-box-sizing:border-box; box-sizing:border-box;}
		.layout_rwd_1f4s_01 h2 { position: absolute;
        width: 100%;
    top:7.5vw;
    height: 10vw;
    font: bold 27px / 47px 微軟正黑體, "Microsoft JhengHei", Helvetica;
    margin: 0px auto;
    text-align: center;}
		.layout_rwd_1f4s_01 h2 img { width:100%; height:auto;}
		.layout_rwd_1f4s_01 ul {width:100%; margin:0vw 0 0vw 0; padding:0 0 0 5%;}
		.Area_step:nth-child(even) .layout_rwd_1f4s_01 ul {background-color: #e2e9ef; }
		.Area_step:nth-child(odd)  .layout_rwd_1f4s_01 ul {background-color: #fff9e1; }
		.layout_rwd_1f4s_01 ul li { margin:0 3% 3% 0; border:0; width:46%; height: auto; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);  box-shadow:0 0 10px rgba(0,0,0,0.1);}
		.layout_rwd_1f4s_01 ul li a img { padding:0; width:100%; height:auto;}
		.layout_rwd_1f4s_01 ul li a h3 { position:relative; margin:5%; padding:0 5%;  border-radius:24px; width:90%; height: 24px; overflow:hidden; font-weight:normal; font-size:14px; line-height:24px; text-align:center;  color:#fff;}
		.layout_rwd_1f4s_01 ul li a h3:after { content:""; z-index:0; position:absolute; top:0; left:0; width: 100%;  height: 100%; background-color:rgba(0,0,0,0);}
		.layout_rwd_1f4s_01 ul li a h3 span { z-index:1; position:relative;}
		.layout_rwd_1f4s_01 ul li a h4 { margin:5px 0px -3px 0px; padding:0 10px; height:22px; overflow:hidden; font: 14px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
		.layout_rwd_1f4s_01 ul li a p { margin:0px; padding:0 10px; height: 40px;text-align: center; color:#d92670;}
		.layout_rwd_1f4s_01 ul li a p del { padding-right:5px; font: 11px/28px Century Gothic; color:#5e5e5e;}
		.layout_rwd_1f4s_01 ul li a p b { font: bold 12px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
		.layout_rwd_1f4s_01 ul li a p .money { font: bold 12px/30px Century Gothic; }
		.layout_rwd_1f4s_01 ul li a p .Price { font: 24px/32px Century Gothic; letter-spacing:-1px; }
		.layout_rwd_1f4s_01 ul li a p small { font: 12px/30px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

		.layout_rwd_1f4s_01 .HashtagArea { width:100%; }
		.layout_rwd_1f4s_01 .HashtagArea dd { display:inline-block; padding:0 2%; width:100%;}
		.layout_rwd_1f4s_01 .HashtagArea dd strong { margin:0 0 2% 2%; width:49%; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);  box-shadow:0 0 10px rgba(0,0,0,0.1);}
		.layout_rwd_1f4s_01 .HashtagArea dd strong:nth-child(2n+1) { margin-left:0;}
		.layout_rwd_1f4s_01 .HashtagArea dd a {  padding: 5%; line-height:20px; font-size: 14px; }
		.layout_rwd_1f4s_01 .HashtagArea dd a::after {  top:5.5px; left:5px; width:7px; height:7px;}
		

		/*品數為單數時，手機版最後一個隱藏
		.layout_rwd_1f4s_01:nth-child(2n+0) ul li:last-child { display:none;}
		.layout_rwd_1f4s_01:nth-child(2n+1) ul li:last-child { display:none;}*/

	}





/*logo*/
.Area_logo { position: relative; margin:0 auto; padding:0; overflow:hidden; height:100px;width:100%;z-index:2;text-align: center; vertical-align: top; background-color:#f0f0f0;display: flex;flex-wrap: wrap; justify-content: center; }
	@media screen and (max-width:767px){
    .Area_logo {overflow:hidden; float:left; margin:0; padding:0; width:100%;height: auto; list-style: none; position: relative;}
    .Area_logo img {width:100%;}
	}


/*4顆*/
.Area_good {background-color: #f0f0f0;}
.Area_good .layout_good {width: 1220px;}
@media screen and (max-width:767px){
	.Area_good .layout_good {width: 100%;background-color: #f0f0f0;}
}


/**延遲載圖用**/
.mainArea .articleList * img.lazy {display:none;} 
.prdImgWrap { position: static; }
.prdImgWrap .imgTag { width: 40%!important;position: absolute;}
/*
.PD_layout-D2_1f4s .prdImgWrap .imgTagBottom { width: 48%!important; }
.PD_layout-D2_1f4s .prdImgWrap .imgTagRectangle {width: 30%!important;}
*/
@media screen and (max-width: 767px) {
.prdImgWrap .imgTagBottom { top: 58%!important;}
/*
	.PD_layout-D2_1f4s .prdImgWrap { position: static; }
	.PD_layout-D2_1f4s .prdImgWrap .imgTag { width: 28%!important; }
	.PD_layout-D2_1f4s .prdImgWrap .imgTagBottom { width: 48%; }
	.PD_layout-D2_1f4s .prdImgWrap .imgTagRectangle {width: 30%;}
*/
}