@charset "UTF-8";

/*作圖(線上入搞)*/
@media screen and (min-width:768px){
	.Area_item {height:100%;padding-bottom:50px;}
	.Area_item .layout_item{}
	.Area_item .layout_item ul {width:100%;margin:0; padding:0;}
	.Area_item .layout_item ul li {width:90%;padding:0;margin:0;}
	.Area_item .layout_item ul li:nth-child(even) {padding:0;margin:0 0 0 250px;}
}
@media screen and (max-width:767px){
    .Area_item{}
    .Area_item .layout_item{width:100%;margin:0;padding:0;}
	.Area_item .layout_item ul {margin:0;padding:0;}
	.Area_item .layout_item ul li {width: 98%;margin:1% 1%;}

}


/*公版PD_layout-D2_1f2s*/
    .PD_layout-D2_1f6s { position: relative;}
    /*BN*/
    .PD_layout-D2_1f6s .PD_layout-D2_1f6s-BN { position: relative;}
    .PD_layout-D2_1f6s .PD_layout-D2_1f6s-BN .PD_img,
    .PD_layout-D2_1f6s .PD_layout-D2_1f6s-BN .PD .PD_logo { display: none;}
    .PD_layout-D2_1f6s .PD_layout-D2_1f6s-BN .PD_layout[data-pd-col-pc="1"] li { margin-bottom: 0; -webkit-transform:none;transform:none; }
        @media screen and (min-width:768px){
		 .PD_layout-D2_1f6s {background-image:url(rwd_1f6s_bg_01.jpg?t=1753171594597);margin-bottom:50px;text-align: left}	
		 .PD_layout-D2_1f6s .PD_layout-D2_1f6s-BN{width:500px;margin:0;display:block;}
         .PD_layout-D2_1f6s .PD_layout-D2_1f6s-BN .PD_img {display: block;}
        }
        @media screen and (max-width:767px){
		 .PD_layout-D2_1f6s .PD_layout-D2_1f6s-BN .PD .PD_logo { display: block;}
        }
      /*PD*/
    
       .PD_layout-D2_1f6s .PD_layout-D2_1f6s-PD .PD h3 { background-color:#FF9C00;}
        @media screen and (min-width:768px){
		 .PD_layout-D2_1f6s .PD_layout-D2_1f6s-PD { position:absolute;top:25px;left:490px;width:59%;}
	     .PD_layout-D2_1f6s .PD_layout-D2_1f6s-PD  .PD_layout {position:relative}
         .PD_layout-D2_1f6s .PD_layout-D2_1f6s-PD [data-pd-col-pc*="3"] ul {;padding: 0.5em;}
        }
        @media screen and (max-width:767px){
		  .PD_layout-D2_1f6s .PD_layout-D2_1f6s-PD{margin-bottom:4%}
		  .PD_layout-D2_1f6s .PD_layout-D2_1f6s-PD [data-pd-col-pc*="3"] ul {padding-top: 0.5em}
          .PD_layout-D2_1f6s .PD_layout-D2_1f6s-PD .PD .PD_logo { display: block;}
        }

        /*針對ECM編輯模式下，編輯按鈕重疊問題修正
        @media screen and (min-width:768px){
          .PD_layout-D2_1f2s .PD_layout-D2_1f2s-PD { position: relative; left: 80px;}
          .PD_layout-D2_1f2s .PD_layout-D2_1f2s-PD .PD_layout { position: relative; left: -80px;}
        }*/

/*公版PD_Layout-D2_1f4s*/
.PD_Layout-D2_1f4s { position:relative;height:500px; }
.PD_Layout-D2_1f4s:nth-child(1) { background-image:url(1f4s_bg01.png?t=1753171594597);background-repeat:no-repeat;background-size:100%;}
.PD_Layout-D2_1f4s:nth-child(2) { background-image:url(1f4s_bg02.png?t=1753171594597);background-repeat:no-repeat;background-size:100%;}
.PD_Layout-D2_1f4s:nth-child(3) { background-image:url(1f4s_bg01.png?t=1753171594597);background-repeat:no-repeat;background-size:100%;}
        @media screen and (max-width:767px){
		.PD_Layout-D2_1f4s {height: 100%;background-image:none;}
		.PD_Layout-D2_1f4s:nth-child(1) {background-image:none;}
		.PD_Layout-D2_1f4s:nth-child(2) {background-image:none;}
		.PD_Layout-D2_1f4s:nth-child(3) {background-image:none;}
        }

    /*BN*/
    .PD_Layout-D2_1f4s .PD_Layout-D2_1f4s-BN { position:relative;}
    .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 { margin-bottom: 0; -webkit-transform:none;transform:none; }
        @media screen and (min-width:768px){
		 .PD_Layout-D2_1f4s {margin-bottom:50px;text-align:left;}	
		 .PD_Layout-D2_1f4s .PD_Layout-D2_1f4s-BN  {width:270px!important;height:490px; margin:0;top:-30px;}
         .PD_Layout-D2_1f4s .PD_Layout-D2_1f4s-BN  .PD_img {display: block;}
        }
        @media screen and (max-width:767px){
		 .PD_Layout-D2_1f4s .PD_Layout-D2_1f4s-BN  {width:100%!important;height:42vw; margin:0;}
         .PD_Layout-D2_1f4s .PD_Layout-D2_1f4s-BN  .PD_img {display: block;}
        }

	 /*PD*/
     .PD_Layout-D2_1f4s .PD_Layout-D2_1f4s-PD {position:absolute;top:105px;left:250px;display: block;width:80%;}
     .PD_Layout-D2_1f4s .PD_Layout-D2_1f4s-PD  .PD_layout{position: relative}
     .PD_Layout-D2_1f4s .PD_Layout-D2_1f4s-PD  .PD_layout ul li {border:1px #c07f40 solid;}
     .PD_Layout-D2_1f4s .PD_Layout-D2_1f4s-PD [data-pd-col-pc*="5"] li:nth-child(5n+1) { margin-left: 10px;}
     .PD_Layout-D2_1f4s .PD_Layout-D2_1f4s-PD [data-pd-col-pc*="5"] li:nth-child(5n+4) { margin-left: 0;}
     .PD_Layout-D2_1f4s .PD_Layout-D2_1f4s-PD [data-pd-col-pc*="5"] .PD_slide:first-child { margin-left: 464px}
	 .PD_Layout-D2_1f4s .PD_Layout-D2_1f4s-PD .PD h3 {background-image:repeating-linear-gradient(134deg,  rgb(135 106 57) -1%, rgb(186 151 103) 101%)!important}
	@media screen and (max-width:767px){
			 .PD_Layout-D2_1f4s .PD_Layout-D2_1f4s-PD {position:relative;top:0;left:0;display:block;width:100%;}
		     .PD_Layout-D2_1f4s .PD_Layout-D2_1f4s-PD .PD_layout {width:98%; overflow: hidden;}
             .PD_Layout-D2_1f4s .PD_Layout-D2_1f4s-BN .PD .PD_logo { display: block;}
			 .PD_Layout-D2_1f4s .PD_Layout-D2_1f4s-PD .PD h3 { background-image:repeating-linear-gradient(134deg,  rgb(135 106 57) -1%, rgb(186 151 103) 101%)!important}
     }
        /*針對ECM編輯模式下，編輯按鈕重疊問題修正
        @media screen and (min-width:768px){
          .PD_Layout-D2_1f4s .PD_Layout-D2_1f4s-PD { position: relative; left: 80px;}
          .PD_Layout-D2_1f4s .PD_Layout-D2_1f4s-PD .PD_layout { position: relative; left: -80px;}
        }*/



/** 入稿區基本**/
.m_content_Area  { position:relative; display:block; -webkit-box-sizing:border-box; box-sizing:border-box; margin: 0 auto; padding:0; width: 100%; height:auto; overflow:hidden; font-size:14px; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; }
.m_content_Area * { -webkit-box-sizing:border-box; box-sizing:border-box; text-align: left;}
.m_content_Area h2 { position: relative; margin:0 auto; padding: 0px; height: auto; overflow:hidden; font-weight: bold; font-size:20px; line-height:48px; color: #fff; text-align: left; letter-spacing: -0.05em;}
.m_content_Area h2 span:before { content:"�m"; color:#ff0;}
.m_content_Area h2 span { position:relative; padding:0 2%;}
.m_content_Area .buttonAera_more { float:right; position: absolute; top:12px; right:2%; margin:0; padding:0 10px; border-radius:24px; width:auto; height: auto; background-color:rgba(0,0,0,0.7);}
.m_content_Area .buttonAera_more a { display:block; font-size:13px; line-height:24px; color:#fff; text-decoration: none; letter-spacing:-0.05em;}


/** 入稿區基本**/
.buttonAera_more a { display:block; padding-top:5px; font: bold 24px/29px Century Gothic; color:#FFF; text-decoration: none; letter-spacing:-0.05em;}
.buttonAera_more:hover {background-color: #b2848a;}
.buttonAera_more .btnGO { margin:7px; float:right; width:20px ;height:20px;}
	
	
/** 針對320字體縮小 **/
@media screen and (max-width: 320px) {
	.m_content_Area ul li a p {}
	.m_content_Area ul li a p del { font-size:11px;}
	.m_content_Area ul li a p b { font-size:10px;}
	.m_content_Area ul li a p .money { font-size:12px;}
	.m_content_Area ul li a p .Price { font-size:20px;}
	.m_content_Area ul li a p small {font-size:10px; }
}


/** 入稿區基本layout_1220_1f3s_01 **/
.layout_1220_1f3s_01  {height:405px; margin-bottom:30px;} 
.layout_1220_1f3s_01 h2 { display:none;}
.layout_1220_1f3s_01 h2 b {display:none;}
.layout_1220_1f3s_01 h2 .buttonAera_more { display:none; }
.layout_1220_1f3s_01 h2 .buttonAera_more:hover { display:none; }
.layout_1220_1f3s_01 ul {margin:0px; padding:44px 0px 0px 10px; box-sizing:border-box}
.layout_1220_1f3s_01 ul li { float:left; display:inline-block; position:relative; margin:0px 10px 10px 0px; padding:0px 0px 0px 0px; border:1px solid #dcdcdc; width: 230px; height:330px; list-style: none outside none; background:#fff;}
.layout_1220_1f3s_01 ul li a {text-decoration:none;}
.layout_1220_1f3s_01 ul li a img { display:block; margin:0px; padding:10px; width:210px; height:210px;}
.layout_1220_1f3s_01 ul li a h3 { margin:0px; padding:0 10px; height: 20px;font: bold 16px/30px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #000; background:#fff;}
.layout_1220_1f3s_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_1220_1f3s_01 ul li:hover a h4 {color:#d92670;}
.layout_1220_1f3s_01 ul li a p { margin:0px; padding:0 10px; height: 38px;text-align: center; color:#d92670;}
.layout_1220_1f3s_01 ul li a p del { padding-right:5px; font: 16px/38px Century Gothic; color:#5e5e5e;}
.layout_1220_1f3s_01 ul li a p b { font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_1220_1f3s_01 ul li a p .money { font: bold 14px/38px Century Gothic; }
.layout_1220_1f3s_01 ul li a p .Price { font: 38px/38px Century Gothic; letter-spacing:-1px; }
.layout_1220_1f3s_01 ul li a p small { font: 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_1220_1f3s_01 ul li:first-child { float:left; display:inline-block; position:relative; margin:0px 10px 0px 0px; padding:0px 0px 0px 0px; border:0px; width: 470px; height:355px; overflow:hidden;list-style: none outside none; background:transparent;}
.layout_1220_1f3s_01 ul li:first-child a { display:block ; width: 470px; height:355px;}
.layout_1220_1f3s_01 ul li:first-child a img { display:none}
.layout_1220_1f3s_01 ul li:first-child a h3 { display:none}
.layout_1220_1f3s_01 ul li:first-child a h4 { display:none}
.layout_1220_1f3s_01 ul li:first-child a p { display:none}

/** 入稿區基本layout_1220_1f3s_02 **/
.layout_1220_1f3s_02  {height:405px; margin-bottom:30px;} 
.layout_1220_1f3s_02 h2 { display:none;}
.layout_1220_1f3s_02 h2 b {display:none;}
.layout_1220_1f3s_02 h2 .buttonAera_more { display:none; }
.layout_1220_1f3s_02 h2 .buttonAera_more:hover { display:none; }
.layout_1220_1f3s_02 ul {margin:0px; padding:44px 0px 0px 10px; box-sizing:border-box}
.layout_1220_1f3s_02 ul li { float:left; display:inline-block; position:relative; margin:0px 10px 10px 0px; padding:0px 0px 0px 0px; border:1px solid #dcdcdc; width: 230px; height:330px; list-style: none outside none; background:#fff;}
.layout_1220_1f3s_02 ul li a {text-decoration:none;}
.layout_1220_1f3s_02 ul li a img { display:block; margin:0px; padding:10px; width:210px; height:210px;}
.layout_1220_1f3s_02 ul li a h3 { margin:0px; padding:0 10px; height: 20px;font: bold 16px/30px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #000; background:#fff;}
.layout_1220_1f3s_02 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_1220_1f3s_02 ul li:hover a h4 {color:#d92670;}
.layout_1220_1f3s_02 ul li a p { margin:0px; padding:0 10px; height: 38px;text-align: center; color:#d92670;}
.layout_1220_1f3s_02 ul li a p del { padding-right:5px; font: 16px/38px Century Gothic; color:#5e5e5e;}
.layout_1220_1f3s_02 ul li a p b { font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_1220_1f3s_02 ul li a p .money { font: bold 14px/38px Century Gothic; }
.layout_1220_1f3s_02 ul li a p .Price { font: 38px/38px Century Gothic; letter-spacing:-1px; }
.layout_1220_1f3s_02 ul li a p small { font: 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_1220_1f3s_02 ul li:nth-child(4) { float:left; display:inline-block; position:relative; margin:0px 10px 0px 0px; padding:0px 0px 0px 0px; border:0px; width: 470px; height:355px; overflow:hidden;list-style: none outside none; background:transparent;}
.layout_1220_1f3s_02 ul li:nth-child(4) a { display:block ; width: 470px; height:355px;}
.layout_1220_1f3s_02 ul li:nth-child(4) a img { display:none}
.layout_1220_1f3s_02 ul li:nth-child(4) a h3 { display:none}
.layout_1220_1f3s_02 ul li:nth-child(4) a h4 { display:none}
.layout_1220_1f3s_02 ul li:nth-child(4) a p { display:none}

	
	
/** 入稿區基本layout_1220_4x1_03 **/


.layout_1220_4x1_03  {height:330px; margin-bottom:0px;} 
.layout_1220_4x1_03 h2 { margin:0; padding:0; height:83px;font: bold 56px/83px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #fff; letter-spacing:-3px; text-shadow:1px 1px 0px #000}
.layout_1220_4x1_03 ul {margin:10px 0px 0px 10px; padding:0; }
.layout_1220_4x1_03 ul li { float:left; display:inline-block; position:relative; margin:0px 10px 0px 0px; padding:15px 0px 0px 0px; width:536px; height:268px; list-style: none outside none; background:#e8e8e8;box-shadow: 0px 0px 3px 3px rgba(0%,0%,0%,0.15);}
.layout_1220_4x1_03 ul li a {text-decoration:none; cursor:pointer; display:block}
.layout_1220_4x1_03 ul li a .imgArea { display:inline-block;}
.layout_1220_4x1_03 ul li a img { display:block; margin:0px; width:220px; height:220px; margin:10px 10px 7px 10px; padding:5px; background-color:#eeeeee}
.layout_1220_4x1_03 ul li:hover a img{background-color:#dddddd}
.layout_1220_4x1_03 ul li a .boxArea { margin:0; display:inline-block; width:260px; height:240px; }
.layout_1220_4x1_03 ul li a h3 { margin:0px 0px 10px 0px; padding:0px; width: 260px;height: 35px;font: bold 30px/30px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #000; letter-spacing:-0.03em; float:right;}
.layout_1220_4x1_03 ul li a h4 { margin:0px auto; padding-top:10px; width: 260px;height: 38px;font: 18px/1.5em "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#3b3b3b; border-top:solid 1px #999; float:right}
.layout_1220_4x1_03 ul li:hover a h4 {}
.layout_1220_4x1_03 ul li a p { margin:38px auto 0px auto; *margin-top:-10px; padding:0px;;width:272px;height: 33px;text-align: center; color:#db2471; float:right}
.layout_1220_4x1_03 ul li a p del { padding-right:5px; font: 14px/20px Century Gothic; color:#5e5e5e;}
.layout_1220_4x1_03 ul li a p b { font: bold 17px/20px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#db2471; letter-spacing:-1px;}
.layout_1220_4x1_03 ul li a p small { font: bold 17px/20px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#db2471; letter-spacing:-1px;}
.layout_1220_4x1_03 ul li a p .money { font: bold 19px/26px Century Gothic; color:#db2471;}
.layout_1220_4x1_03 ul li a p .Price { font: 52px/60px Century Gothic; letter-spacing:-1px; color:#db2471;letter-spacing:-0.05em;}
.layout_1220_4x1_03 ul li a .btnClick { margin:30px auto 0 auto; width:240px; height:45px; background-image:url(btn_gogo.png?t=1753171594597); background-position:center; background-color:#000; float:right}
.layout_1220_4x1_03 ul li:hover a .btnClick {background-color:#db2471}
	

/** 入稿區基本layout_640_2x2_7b_B02_S_S **/
.layout_banner img {   width: 100%;}
.layout_640_2x2_7b_B02_S {width:50%;position:relative;float: left; }
	@media screen and ( max-width:736px) {
		.layout_banner img {   width: 100%;}
		.layout_640_2x2_7b_B02_S {width:100%;float:none;   background-image:url(m_18.jpg?t=1753171594597); background-repeat:repeat-y; background-size:100%;}
		.layout_640_2x2_7b_B02_S 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_640_2x2_7b_B02_S ul li a h4 { position: relative; margin:0px; padding:0 5%; width: 100%; height: 22px; overflow:hidden; font-weight:normal; font-size:14px; line-height:20px;  color: #000;}
		.layout_640_2x2_7b_B02_S ul li a p .Price { font-size:24px; font-family: Century Gothic; letter-spacing:-1px; }
		.layout_640_2x2_7b_B02_S ul li { float: left; position:relative; display: inline-block; margin:0 1% 4% 1%; padding:0; width:49%; height:auto; border: 0px; background-color:#FFF;}
	}
	@media screen and ( min-width:736px) {
		.layout_640_2x2_7b_B02_S ul li a h3 { position:relative; margin:5%; padding:0 5%;  border-radius:24px; width:90%; height: 28px; overflow:hidden; font-weight:normal; font-size:18px; line-height:28px; text-align:center;  color:#fff;}
		.layout_640_2x2_7b_B02_S ul li a h4 { position: relative; margin:0px; padding:0 5%; width: 100%; height: 22px; overflow:hidden; font-weight:normal; font-size:16px; line-height:20px;  color: #000;}
		.layout_640_2x2_7b_B02_S ul li a p .Price { font-size:30px; font-family: Century Gothic; letter-spacing:-1px; }
		.layout_640_2x2_7b_B02_S ul li { float: left; position:relative; display: inline-block; margin:0 0 1% 1%; padding:0; width:49%; height:auto; border: 0px; background-color:#FFF;}
	}
.layout_640_2x2_7b_B02_S ul { overflow:hidden; display: block; margin:0 auto; padding:0 0 0% 0%; width:100%; }
.layout_640_2x2_7b_B02_S:nth-child(odd) ul { background-color:#ffd1da !important;  }
.layout_640_2x2_7b_B02_S:nth-child(even) ul { background-color:#cfe4fb !important; }
.layout_640_2x2_7b_B02_S ul li:nth-child(odd) { margin-left:0%;}
.layout_640_2x2_7b_B02_S ul li:nth-child(even) { margin-right:0%;}
.layout_640_2x2_7b_B02_S ul li a { display: inline-block; margin:0; padding:0; width:100%; height:auto; text-decoration:none; }
.layout_640_2x2_7b_B02_S ul li a .imgArea {    padding: 6px; }
.layout_640_2x2_7b_B02_S ul li a .imgArea img { margin:0; padding:0; width:100%; height:auto;}
.layout_640_2x2_7b_B02_S ul li a h3:after { content:""; z-index:0; position:absolute; top:0; left:0; width: 100%;  height: 100%; background-color:#000f29;}
.layout_640_2x2_7b_B02_S ul li a h3 span { z-index:1; position:relative;}
.layout_640_2x2_7b_B02_S ul li a h4 b { position: relative; top:0px; margin:0px; padding:0px; font-weight:bold; font-size:14px; line-height:20px;;  color: #000;}
.layout_640_2x2_7b_B02_S ul li a h4 br { display:none;}
.layout_640_2x2_7b_B02_S ul li a p { margin:0 0 5% 0; padding:0 5%; height:28px; overflow:hidden; line-height:28px; color:#d92670;}
.layout_640_2x2_7b_B02_S ul li a p del { padding-right:2px; font-size:14px; font-family: Century Gothic; color:#5e5e5e;}
.layout_640_2x2_7b_B02_S ul li a p b { font-size:13px; letter-spacing:-1px;}
.layout_640_2x2_7b_B02_S ul li a p .money { font-size:14px; font-weight:bold; font-family: Century Gothic; }
.layout_640_2x2_7b_B02_S ul li a p small { }
.layout_640_2x2_7b_B02_S ul li a .BUY { display:none;}


/** 入稿區基本layout_640_1x4_7b_A01 **/
.layout_640_1x4_7b_A01 { background-color:#010102 !important; }
.layout_640_1x4_7b_A01 ul { overflow:hidden; display: block; margin:0 auto; padding:3vw; width:100%; background-image:url(m_11.jpg?t=1753171594597); background-repeat:repeat-y; background-size:100%; }
.layout_640_1x4_7b_A01 ul li { float: left; position:relative; display: inline-block; margin:0 0 3% 0; padding:0; width:48.5%;  width:100%; height:auto; border: 0px; background-color:#FFF;}
.layout_640_1x4_7b_A01 ul li { box-shadow:0 0 5px 0 rgba(0,0,0,0.1);}
.layout_640_1x4_7b_A01 ul li:hover,
.layout_640_1x4_7b_A01 ul li:active { box-shadow:0 3px 5px 0 rgba(0,0,0,0.3);}
.layout_640_1x4_7b_A01 ul li a { display: inline-block; margin:0; padding:0; width:100%; height:auto; text-decoration:none; }
.layout_640_1x4_7b_A01 ul li a .imgArea { float:left; padding-right:2%; width:50%; }
.layout_640_1x4_7b_A01 ul li a .imgArea img { margin:0; padding:0; width:100%; height:auto;}
.layout_640_1x4_7b_A01 ul li a h3 { position: relative; margin:12% 3% 3% 0; padding:0 5% 0 2%; height: 24px; overflow:hidden; font-weight:normal; font-size:14px; line-height:24px; color:#fff; background-color:#ff6898; }
.layout_640_1x4_7b_A01 ul li a h3:after { content:""; position:absolute; top:0; right:0; width: 0;  height: 0;  border: 12px solid red; border-width:12px 8px 12px 0px; border-color: transparent #fff transparent  transparent;}
.layout_640_1x4_7b_A01 ul li a h4 { position: relative; margin:0px; padding:0 2% 0 0; height: 22px; overflow:hidden; font-weight:normal; font-size:14px; line-height:20px;  color: #000;}
.layout_640_1x4_7b_A01 ul li a h4 b { position: relative; top:0px; margin:0; padding:0; font-weight:bold; font-size:14px; line-height:20px;;  color: #000;}
.layout_640_1x4_7b_A01 ul li a h4 br { display:none;}
.layout_640_1x4_7b_A01 ul li a p { margin:0; padding:0; height:28px; overflow:hidden; line-height:28px; color:#d92670; }
.layout_640_1x4_7b_A01 ul li a p del { padding-right:2px; font-size:14px; font-family: Century Gothic; color:#5e5e5e;}
.layout_640_1x4_7b_A01 ul li a p b { font-size:13px; letter-spacing:-1px;}
.layout_640_1x4_7b_A01 ul li a p .money { font-size:14px; font-weight:bold; font-family: Century Gothic; }
.layout_640_1x4_7b_A01 ul li a p .Price { font-size:24px; font-family: Century Gothic; letter-spacing:-1px; }
.layout_640_1x4_7b_A01 ul li a p small { }
.layout_640_1x4_7b_A01 ul li a .BUY { display:none;}


/** 入稿區基本layout_rwd_1f4s_01 **/
.layout_rwd_1f4s_01  { position:relative; margin-bottom:50px; width:1220px;} 
.layout_rwd_1f4s_01 h2 {}
.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 30px  0;padding:15px 0px 10px 41px;}
.layout_rwd_1f4s_01 ul li { float:left; display:inline-block; position:relative; margin:0px 16px 10px 0px; 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:#8d1621;}
.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 ( max-width:736px) {
		.layout_rwd_1f4s_01{ width:100%; height:auto; overflow:auto; margin-bottom:0px; background-image: none !important;  }
		.layout_rwd_1f4s_01 * { -webkit-box-sizing:border-box; box-sizing:border-box;}
		.layout_rwd_1f4s_01 h2 { float:left; margin:2% 2% 2% 0}
		.layout_rwd_1f4s_01 h2 img { width:100%; height:auto;}
		.layout_rwd_1f4s_01 ul {width:100%; margin:0vw 0 2vw 0; padding:2% 0 0 2%;}
		.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 2% 2% 0; border:0; width:48%; 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;}*/
	}
/** layout_rwd_1f5s_01 **/
.layout_rwd_1f5s_01  { position:relative; margin-bottom:20px;} 
.layout_rwd_1f5s_01 h2 { display:block; position:relative; top:0px; margin:0px; padding:0; margin:0; width:1220px; text-indent:-9999px; }
	@media screen and ( max-width:736px) {
.layout_rwd_1f5s_01 h2 { display:block; position:relative; top:0px; margin:0px; padding:0; margin:0; width:100%; height: auto; text-indent:-9999px; }
		}
.layout_rwd_1f5s_01 h2 a { display: block; text-decoration:none;}
.layout_rwd_1f5s_01 ul { display:inline-block; margin:0px; padding:0px 0px 0px 5px;}
.layout_rwd_1f5s_01 ul li { float:left; display:inline-block; position:relative; margin:0px 10px 10px 0px; padding:0px 0px 0px 0px; border:1px solid #dcdcdc; width: 230px; height:345px; 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_1f5s_01 ul li a {text-decoration:none;}
.layout_rwd_1f5s_01 ul li a img { display:block; margin:0px; padding:10px; width:210px; height:210px;}
.layout_rwd_1f5s_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:#8d1621;}
.layout_rwd_1f5s_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_1f5s_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_1f5s_01 ul li:hover a h4 {color:#d92670;}
.layout_rwd_1f5s_01 ul li a p { margin:0px; padding:0 10px; height: 38px;text-align: center; color:#d92670;}
.layout_rwd_1f5s_01 ul li a p del { padding-right:5px; font: 16px/38px Century Gothic; color:#5e5e5e;}
.layout_rwd_1f5s_01 ul li a p b { font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_rwd_1f5s_01 ul li a p .money { font: bold 14px/38px Century Gothic; }
.layout_rwd_1f5s_01 ul li a p .Price { font: 38px/38px Century Gothic; letter-spacing:-1px; }
.layout_rwd_1f5s_01 ul li a p small { font: 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_rwd_1f5s_01 .HashtagArea { display: inline-block; margin:0; padding:0; font-family: 微軟正黑體;text-align: center; }
.layout_rwd_1f5s_01 .HashtagArea dd { display:block; margin:0; padding:0 10px 10px 10px; }
.layout_rwd_1f5s_01 .HashtagArea dd strong { float:left; display:inline-block; margin:0 0 0 10px; padding:0; width:292px; text-align:center; }
.layout_rwd_1f5s_01 .HashtagArea dd strong:first-child { margin-left:0;}
.layout_rwd_1f5s_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_1f5s_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_1f5s_01 .HashtagArea dd a:hover,
.layout_rwd_1f5s_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 ( max-width:736px) {
		.layout_rwd_1f5s_01{ width:100%; height:auto; overflow:auto; margin:0 0 0 0; background-image: none  }
		.layout_rwd_1f5s_01 * { -webkit-box-sizing:border-box; box-sizing:border-box;}
		.layout_rwd_1f5s_01 h2 { float:left; margin:2% 2% 2% 0}
		.layout_rwd_1f5s_01 h2 img { width:100%; height:auto;}
		.layout_rwd_1f5s_01 ul { padding:2% 0 0 2%;     }
		.layout_rwd_1f5s_01 ul li { margin:0 2% 2% 0; border:0; width:48%; 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_1f5s_01 ul li a img { padding:0; width:100%; height:auto;}
		.layout_rwd_1f5s_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_1f5s_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_1f5s_01 ul li a h3 span { z-index:1; position:relative;}
		.layout_rwd_1f5s_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_1f5s_01 ul li a p { margin:0px; padding:0 10px; height: 40px;text-align: center; color:#d92670;}
		.layout_rwd_1f5s_01 ul li a p del { padding-right:5px; font: 11px/28px Century Gothic; color:#5e5e5e;}
		.layout_rwd_1f5s_01 ul li a p b { font: bold 12px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
		.layout_rwd_1f5s_01 ul li a p .money { font: bold 12px/30px Century Gothic; }
		.layout_rwd_1f5s_01 ul li a p .Price { font: 24px/32px Century Gothic; letter-spacing:-1px; }
		.layout_rwd_1f5s_01 ul li a p small { font: 12px/30px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
		.layout_rwd_1f5s_01 .HashtagArea { width:100%; }
		.layout_rwd_1f5s_01 .HashtagArea dd { display:inline-block; padding:0 2%; width:100%;}
		.layout_rwd_1f5s_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_1f5s_01 .HashtagArea dd strong:nth-child(2n+1) { margin-left:0;}
		.layout_rwd_1f5s_01 .HashtagArea dd a {  padding: 5%; line-height:20px; font-size: 14px; }
		.layout_rwd_1f5s_01 .HashtagArea dd a::after {  top:5.5px; left:5px; width:7px; height:7px;}
			/*品數為單數時，手機版最後一個隱藏
			.layout_rwd_1f5s_01:nth-child(2n+0) ul li:last-child { display:none;}
			.layout_rwd_1f5s_011:nth-child(2n+1) ul li:last-child { display:none;}*/
	}	



@media screen and (min-width:767px){	
/*超級強牌layout_1220_1f8s_1111C*/ /*20180328改版*/
	.layout_1220_1f8s_1111C  {margin:0 auto;  position: relative; display:block;  height:440px;  font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; text-align: center;}
  

	.layout_1220_1f8s_1111C {background: url(layout_1220_1f8s_1.jpg?t=1753171594597) center top no-repeat scroll; }  

	
	.layout_1220_1f8s_1111C::after  { content: ""; z-index:-1; position:absolute; top:0; left:0; display:block; width:100%; height:160px;}
	.layout_1220_1f8s_1111C h2 { display: block; position: absolute; width:272px; height:427px; top:0px; margin:0px; padding:0px; font-size:46px; line-height:74px;  color:#fff; letter-spacing:-3px; overflow:hidden;}
	.layout_1220_1f8s_1111C h2 b { font-size:46px; line-height:91px; color:#FFFFFF; letter-spacing:-3px;}
	.layout_1220_1f8s_1111C h2 .buttonAera_more { display:none;}
	.layout_1220_1f8s_1111C h2 .buttonAera_more:hover {display:none;}
	.layout_1220_1f8s_1111C ul { display:inline-block; margin:0px; width:1220px; padding:0px;}
	.layout_1220_1f8s_1111C ul li { float:left; display:inline-block; position:relative; margin:25px 10px 0 0; padding:0; width: 224px; height:328px;border-radius: 0px; list-style: none outside none; background-color:#fff;
					  -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;}
	.layout_1220_1f8s_1111C ul li:hover { z-index:5; -webkit-transform:translateY(-6px); transform:translateY(-6px); box-shadow:0 0 20px rgba(0,0,0,0.2);}
	.layout_1220_1f8s_1111C ul li:first-child { margin-left:284px;}
	.layout_1220_1f8s_1111C ul li:hover::after { display:none;}
	.layout_1220_1f8s_1111C ul li a {text-decoration:none;}
	.layout_1220_1f8s_1111C ul li .logo { display:none; z-index:1; position:absolute; top:5px; left:5%; border-bottom:1px solid #000; width:90%; height: 30px; overflow:hidden;}
	.layout_1220_1f8s_1111C ul li .logo a { display:block; font-size:18px; line-height:30px; color: #ff0060;}
	.layout_1220_1f8s_1111C ul li .logo a b { }
	.layout_1220_1f8s_1111C ul li .logo a i { }
	.layout_1220_1f8s_1111C ul li .logo:hover a {  color:#d92670;}
	.layout_1220_1f8s_1111C ul li .PD a::before,
	.layout_1220_1f8s_1111C ul li .PD a::after { content: ""; position:absolute; top:33px; left:5%; display: none; width:6px; height:6px; border-radius:10px; overflow: hidden; background-color:#000;}
	.layout_1220_1f8s_1111C ul li .PD a::after { left:inherit; right:5%;}
	.layout_1220_1f8s_1111C ul li .PD a img { display:block; margin:0 auto; padding:0px; width:100%; height:auto;}
	.layout_1220_1f8s_1111C ul li .PD a h3 { margin:0 auto 5px; padding:0 11px; width:90%; height: 26px; overflow:hidden; font-size:16px; line-height:26px; color: #fff; background-color:#000; }
	.layout_1220_1f8s_1111C ul li .PD:hover a h3 {color:#fff;}
	.layout_1220_1f8s_1111C ul li .PD a h4 { margin:0px; padding:10px; height:13px; overflow:hidden; font: 15px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
	.layout_1220_1f8s_1111C ul li .PD:hover a h4 {color:#d92670;}
	.layout_1220_1f8s_1111C ul li .PD a h4 b { display:block;}
	.layout_1220_1f8s_1111C ul li .PD a h4 br { display: none;}
	.layout_1220_1f8s_1111C ul li .PD a p { margin:3px 0; padding:0 10px; height:28px; line-height:28px; color:#d92670;}
	.layout_1220_1f8s_1111C ul li .PD a p del { padding-right:5px; font-size:14px; font-family: Century Gothic; color:#5e5e5e;}
	.layout_1220_1f8s_1111C ul li .PD a p b { font-size:14px; letter-spacing:-1px;}
	.layout_1220_1f8s_1111C ul li .PD a p .money { font-weight: bold; font-size:14px; font-family: Century Gothic;}
	.layout_1220_1f8s_1111C ul li .PD a p .Price { font-size:28px; font-family: Century Gothic; letter-spacing:-1px; }
	.layout_1220_1f8s_1111C ul li .PD a p small { font-size:14px; letter-spacing:-1px;}
	 img.btnGO{ vertical-align: middle;   width: 18px; margin: -2px 0 0 3px;}
	.layout_1220_1f8s_1111C ul li .more { display:none; position: absolute; bottom:0px; left:5%; margin:0px auto; padding:0; border-top:1px solid #d7d7d7; width:90%; height:30px; overflow:hidden; text-align: right;}
	.layout_1220_1f8s_1111C ul li .more a { position:relative; display: block; margin:0 auto; height:30px; overflow:hidden;  }
	.layout_1220_1f8s_1111C ul li .more a b { z-index:1; position:relative; display: inline-block; padding:0 15px 0 20px; height:30px; overflow:hidden; font-weight:300; font-size:16px; line-height:30px; color:#9c9c9c;}
	.layout_1220_1f8s_1111C ul li .more a i { position:absolute; top:50%; right:5px; display:block; border-top:2px solid #9c9c9c; border-right:2px solid #9c9c9c; width:8px; height:8px; -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); -o-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); }
	.layout_1220_1f8s_1111C ul li .more:hover b { color:#000;}
	.layout_1220_1f8s_1111C ul li .more:hover i { border-color:#000;}

}

@media screen and (max-width:767px){
.layout_1220_1f8s_1111C  { width:100%;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; text-align: center; } 
.layout_1220_1f8s_1111C * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;} 
.layout_1220_1f8s_1111C  h2 { display:block; position: relative; margin:0 auto; padding: 0px; height:auto; overflow:hidden; font-weight: bold; font-size:6vw; line-height:9vw; color: #fff; text-align: center; letter-spacing: -0.05em; width:100%;}
.layout_1220_1f8s_1111C  h2 span:before { content:"▌"; color:#ff0;}
.layout_1220_1f8s_1111C  h2 span { position:relative; padding:0 2%;}
.layout_1220_1f8s_1111C ul { display:inline-block;  margin:0; padding:0% 0 2% 2%; width:100%;}
.layout_1220_1f8s_1111C ul li .PD a h3 {background-color:#ae4a55;}
.layout_1220_1f8s_1111C ul li { float:left; display:inline-block; position:relative;margin:2% 0 0 0;  padding:0; width: 49%; height:auto; list-style: none outside none; background-color:#fff;
				  -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;}
.layout_1220_1f8s_1111C ul li:hover { z-index:5; -webkit-transform:translateY(-6px); transform:translateY(-6px); box-shadow:0 0 20px rgba(0,0,0,0.2);}
.layout_1220_1f8s_1111C ul li::after  { content: ""; position:absolute; top:3%; left:0; display:block; border-right:1px dotted #ccc; width:1px; height:95%;}
.layout_1220_1f8s_1111C ul li:first-child::after  { display:none;}
.layout_1220_1f8s_1111C ul li:hover::after { display:none;}
.layout_1220_1f8s_1111C ul li a {text-decoration:none;}
.layout_1220_1f8s_1111C ul li .video {}
.layout_1220_1f8s_1111C ul li .video a { position:relative; display:block; margin:52px auto 2px; padding:0px; width:90%; height:auto; }
.layout_1220_1f8s_1111C ul li .video a img { position:absolute; display:block; margin:0px auto 2px; padding:0px; width:100%; height:auto;}
.layout_1220_1f8s_1111C ul li .logo {display:none; z-index:1; position:absolute;  top:0; left:5%;  border-bottom:1px solid #000; width:90%; height:12vw; overflow:hidden;}
.layout_1220_1f8s_1111C ul li .logo a { display:block; font-size:4.5vw; line-height:12vw; color: #d92670;}
.layout_1220_1f8s_1111C ul li .logo a b { }
.layout_1220_1f8s_1111C ul li .logo a i { }
.layout_1220_1f8s_1111C ul li .logo:hover a {  color:#d92670;}
.layout_1220_1f8s_1111C ul li .PD a img { display:block; margin:2vw auto 2vw; padding:0px; width:90%; height:auto;}
.layout_1220_1f8s_1111C ul li .PD a h3 {  margin:0 auto 2vw;  padding:0 2vw;  height: 6vw;overflow:hidden;font-size:14px; line-height:21px; color: #fff; width:93%;background-color:#ffa4cb; text-align: center; border-radius: 50px;}
.layout_1220_1f8s_1111C ul li .PD:hover a h3 {color:#d92670;}
.layout_1220_1f8s_1111C ul li .PD a h4 {margin:0; padding:0 2vw; height: 20px; overflow:hidden; font-weight: 400; font-size:14px; line-height:20px;  color:#000}
.layout_1220_1f8s_1111C ul li .PD:hover a h4 {color:#d92670;}
.layout_1220_1f8s_1111C ul li .PD a h4 b { display:block;}
.layout_1220_1f8s_1111C ul li .PD a h4 br { display: none;}
.layout_1220_1f8s_1111C ul li .PD a p { margin:0; padding:0 2vw;  height:10vw; line-height:10vw; text-align: center; color:#d92670;}
.layout_1220_1f8s_1111C ul li .PD a p del { padding-right:2px; font-size:14px; font-family: Century Gothic; color:#5e5e5e;}
.layout_1220_1f8s_1111C ul li .PD a p b { font-size:14px; letter-spacing:-1px;}
.layout_1220_1f8s_1111C ul li .PD a p .money { font-weight: bold; font-size:14px; font-family: Century Gothic;}
.layout_1220_1f8s_1111C ul li .PD a p .Price { font-size:24px; font-family: Century Gothic; letter-spacing:-1px; }
.layout_1220_1f8s_1111C ul li .PD a p small { font-size:14px; letter-spacing:-1px;}
.layout_1220_1f8s_1111C ul li .more { display:none; position: absolute; bottom:0px; left:5%; margin:0px auto; padding:0; border-top:1px solid #d7d7d7; width:90%; height:30px; overflow:hidden; text-align: right;}
.layout_1220_1f8s_1111C ul li .more a { position:relative; display: block; margin:0 auto; height:30px; overflow:hidden; text-align:right;  }
.layout_1220_1f8s_1111C ul li .more a b { z-index:1; position:relative; display: inline-block; padding:0 15px 0 20px; height:30px; overflow:hidden; font-weight:300; font-size:14px; line-height:30px; color:#9c9c9c;}
.layout_1220_1f8s_1111C ul li .more a i { position:absolute; top:50%; right:5px; display:block; border-top:2px solid #9c9c9c; border-right:2px solid #9c9c9c; width:8px; height:8px; -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); -o-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); }
.layout_1220_1f8s_1111C ul li .more:hover b { color:#000;}
.layout_1220_1f8s_1111C ul li .more:hover i { border-color:#000;}


}



/** 公版模組layout_rwd_1f5s_02 **/
@media screen and (min-width:768px){
.layout_rwd_1f5s_02  { position:relative; height:580px; width:1220px; margin:0 auto; } 
.layout_rwd_1f5s_02:nth-of-type(1) {background: url(pc_ly_bg_01.png?t=1753171594597) center top no-repeat scroll; }  
.layout_rwd_1f5s_02:nth-of-type(2) {background: url(pc_ly_bg_01.png?t=1753171594597) center top no-repeat scroll; }  
.layout_rwd_1f5s_02:nth-of-type(3) {background: url(pc_ly_bg_01.png?t=1753171594597) center top no-repeat scroll; }  
.layout_rwd_1f5s_02:nth-of-type(4) {background: url(pc_ly_bg_01.png?t=1753171594597) center top no-repeat scroll; }  
.layout_rwd_1f5s_02:nth-of-type(5) {background: url(pc_ly_bg_01.png?t=1753171594597) center top no-repeat scroll; } 
.layout_rwd_1f5s_02:nth-of-type(6) {background: url(pc_ly_bg_01.png?t=1753171594597) center top no-repeat scroll; } 
.layout_rwd_1f5s_02:nth-of-type(7) {background: url(pc_ly_bg_01.png?t=1753171594597) center top no-repeat scroll; }
.layout_rwd_1f5s_02:nth-of-type(8) {background: url(pc_ly_bg_01.png?t=1753171594597) center top no-repeat scroll; }
.layout_rwd_1f5s_02:nth-of-type(9) {background: url(pc_ly_bg_02.png?t=1753171594597) center top no-repeat scroll; } 
}	
			
.layout_rwd_1f5s_02 ul li:last-child { display:none }
.layout_rwd_1f5s_02 h2 {position:relative; top:46px; margin:0px; padding:0px 0 0 0; width:100%; height:88px; font: bold 50px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#3a3a3a; letter-spacing:-3px; overflow:hidden;}
@media screen and (max-width:767px){
.layout_rwd_1f5s_02 h2 {position:relative; top:0px; margin:0px; padding:-2vw 0 0 0; width:100%; height:65px; font: bold 28px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#fff; letter-spacing:-3px; overflow:hidden;}
	}
.layout_rwd_1f5s_02 h2 a { display: block; text-decoration:none;}
.layout_rwd_1f5s_02 h2 img { width:714px; height:357px;}
.layout_rwd_1f5s_02 h2 .buttonAera_more { position: absolute; top:22px; right:150px; padding-left:17px; padding-right:10px;  border-radius:60px; width:90px; height:40px; background-color: #a03e18; text-align:center;}
.layout_rwd_1f5s_02 h2 .buttonAera_more a { display:block; padding-top:5px; font: bold 24px/29px Century Gothic; color:#fff; text-decoration: none; letter-spacing:-0.05em;}
.layout_rwd_1f5s_02 h2 .buttonAera_more:hover {background-color: #000;}
.layout_rwd_1f5s_02 h2 .buttonAera_more .btnGO { margin:5px; float:right; width:20px ;height:20px;}
.layout_rwd_1f5s_02 ul { display:inline-block; padding:48px 0px 0px 30px;}
.layout_rwd_1f5s_02 ul li { float:left; display:inline-block; position:relative; margin:0px 8px 10px 0px; padding:0px 0px 0px 0px; border-radius:15px; width: 224px; height:340px; 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_1f5s_02 ul li a {text-decoration:none;}
.layout_rwd_1f5s_02 ul li a img { display:block; margin:0px; padding:10px; width:210px; height:210px;}
.layout_rwd_1f5s_02 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:#8b8b8b;}
.layout_rwd_1f5s_02 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_1f5s_02 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_1f5s_02 ul li:hover a h4 {color:#d92670;}
.layout_rwd_1f5s_02 ul li a p { margin:0px; padding:0 10px; height: 38px;text-align: center; color:#d92670;}
.layout_rwd_1f5s_02 ul li a p del { padding-right:5px; font: 16px/38px Century Gothic; color:#5e5e5e;}
.layout_rwd_1f5s_02 ul li a p b { font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_rwd_1f5s_02 ul li a p .money { font: bold 14px/38px Century Gothic; }
.layout_rwd_1f5s_02 ul li a p .Price { font: 38px/38px Century Gothic; letter-spacing:-1px; }
.layout_rwd_1f5s_02 ul li a p small { font: 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

.layout_rwd_1f5s_02 .HashtagArea { display: inline-block; margin:0; padding:0; font-family: 微軟正黑體;text-align: center; }
.layout_rwd_1f5s_02 .HashtagArea dd { display:block; margin:0; padding:0 10px 10px 10px; }
.layout_rwd_1f5s_02 .HashtagArea dd strong { float:left; display:inline-block; margin:0 0 0 10px; padding:0; width:292px; text-align:center; }
.layout_rwd_1f5s_02 .HashtagArea dd strong:first-child { margin-left:0;}
.layout_rwd_1f5s_02 .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_1f5s_02 .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_1f5s_02 .HashtagArea dd a:hover,
.layout_rwd_1f5s_02 .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 ( max-width:736px) {
		.layout_rwd_1f5s_02{ width:100%; height:auto; overflow:auto; margin-bottom:4vw;background-image: none !important; background-color:#6e9e30 }
		.layout_rwd_1f5s_02 * { -webkit-box-sizing:border-box; box-sizing:border-box;}
		.layout_rwd_1f5s_02 h2 { float:left; margin:0 0 0 0;background-size:100%; }
		.layout_rwd_1f5s_02 h2 img { width:100%; height:auto;}
		.layout_rwd_1f5s_02 h2 .buttonAera_more { float:right; position: absolute; top:23px; right:4%; margin:0; padding:0 10px; border-radius:24px; width:auto; height: auto; background-color:#a03e18;}
		.layout_rwd_1f5s_02 h2 .buttonAera_more a { display:block; font-size:13px; line-height:27px; color:#fff; text-decoration: none; letter-spacing:-0.05em; padding:0;}
		.layout_rwd_1f5s_02 ul { padding:0% 0 0 2%; background-color:#6e9e30;margin: 0 auto}
		.layout_rwd_1f5s_02 ul li { margin:0 2% 2% 0; border:0; width:48%; 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_1f5s_02 ul li a img { padding:0; width:100%; height:auto;}
		.layout_rwd_1f5s_02 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:bold 14px; line-height:24px; text-align:center;  color:#fff;}
		.layout_rwd_1f5s_02 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_1f5s_02 ul li a h3 span { z-index:1; position:relative;}
		.layout_rwd_1f5s_02 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_1f5s_02 ul li a p { margin:0px; padding:0 10px; height: 40px;text-align: center; color:#d92670;}
		.layout_rwd_1f5s_02 ul li a p del { padding-right:5px; font: 11px/28px Century Gothic; color:#5e5e5e;}
		.layout_rwd_1f5s_02 ul li a p b { font: bold 12px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
		.layout_rwd_1f5s_02 ul li a p .money { font: bold 12px/30px Century Gothic; }
		.layout_rwd_1f5s_02 ul li a p .Price { font: 24px/32px Century Gothic; letter-spacing:-1px; }
		.layout_rwd_1f5s_02 ul li a p small { font: 12px/30px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

		.layout_rwd_1f5s_02 .HashtagArea { width:100%; }
		.layout_rwd_1f5s_02 .HashtagArea dd { display:inline-block; padding:0 2%; width:100%;}
		.layout_rwd_1f5s_02 .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_1f5s_02 .HashtagArea dd strong:nth-child(2n+1) { margin-left:0;}
		.layout_rwd_1f5s_02 .HashtagArea dd a {  padding: 5%; line-height:20px; font-size: 14px; }
		.layout_rwd_1f5s_02 .HashtagArea dd a::after {  top:5.5px; left:5px; width:7px; height:7px;}
		
		.layout_rwd_1f5s_02 ul li:last-child { display: block;}
		

	}	

/** 05-熱搜**/

.layout_rwd_1f5s_04a  { height:380px;} 
.layout_rwd_1f5s_04a .stage { position: absolute;top:378px; background-position:center top; background-repeat:no-repeat; padding:0 0 76px; margin:0 auto 54px; height:135px; width:1220px; }

.layout_rwd_1f5s_04a ul { display:inline-block; margin:0px; padding:0px 0px 0px 10px;}
.layout_rwd_1f5s_04a ul li { float:left; display:inline-block; position:relative; margin:0px 10px 10px 0px; padding:0px 0px 0px 0px; border:1px solid #dcdcdc; width: 230px; height:345px; 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_1f5s_04a ul li a {text-decoration:none;}
.layout_rwd_1f5s_04a ul li a img { display:block; margin:0px; padding:10px; width:210px; height:210px;}
.layout_rwd_1f5s_04a ul li a h3 { margin:0 3%; padding:0 10px; height: 30px;font: bold 16px/30px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #FFF; background:#000;border-radius:20px;}
.layout_rwd_1f5s_04a ul li a h4 { margin:5px 0 2px; padding:0 10px; height: 18px; overflow:hidden; font: 15px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
.layout_rwd_1f5s_04a ul li:hover a h4 {color:#d92670;}
.layout_rwd_1f5s_04a ul li a p { margin:0; padding:0 10px; height: 38px;text-align: center; color:#d92670;}
.layout_rwd_1f5s_04a ul li a p del { padding-right:5px; font: 16px/38px Century Gothic; color:#5e5e5e;}
.layout_rwd_1f5s_04a ul li a p b { font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_rwd_1f5s_04a ul li a p .money { font: bold 16px/38px Century Gothic; }
.layout_rwd_1f5s_04a ul li a p .Price { font: 38px/38px Century Gothic; letter-spacing:-1px;}
.layout_rwd_1f5s_04a ul li a p small { font: 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

/** RWD手機版型 **/
@media screen and (max-width: 736px) {
	
	.layout_rwd_1f5s_bg1 {width: 100%;  height: 50vw; background-size:90%; margin:5vw auto 0;}
	.layout_rwd_1f5s_bg2 { display:none; background:none;}
	.first  { margin-top:30vw !important;} 
	/*1排2品*/
	.layout_rwd_1f5s_04a  {box-sizing: border-box; margin:0px auto 0vw; padding:0%; width: 94%!important; height:auto; background-size:96%;}
	.layout_rwd_1f5s_04a * { font-size:14px; box-sizing: border-box; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
	.layout_rwd_1f5s_04a h2 {position:relative; top:-2vw; margin:0px 0 0 0; padding:0; width:100%; height:100px; font: 28px/59px "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight: bold;text-align: center;color:#fff; letter-spacing:0.01em; overflow:hidden;background-size:80% !important; margin-bottom:-10%}
    .layout_rwd_1f5s_04a h2 b { display: inline; font-size:1em; font-weight: inherit; line-height:1.2; letter-spacing: -0.1em; text-align: left; color: #FFF;  font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; }
	.layout_rwd_1f5s_04a ul { overflow:hidden; display: block; margin: 0 auto 5%; width: 100%; box-sizing: border-box; border:0px solid rgba(0,0,0,0.1); background-image:none;}
	.layout_rwd_1f5s_04a:nth-child(2) ul { margin: -16% auto 0;}
    .layout_rwd_1f5s_04a ul li { float: left; display: inline-block; box-sizing: border-box; margin:1%; padding:1%; width:48.5%; height:auto; border: 0px; background-color:#FFF;}
	.layout_rwd_1f5s_04a ul li { box-shadow:0 0 5px 0 rgba(0,0,0,0.1);}
	.layout_rwd_1f5s_04a ul li:nth-child(odd) { margin-left:0%;}
	.layout_rwd_1f5s_04a ul li:nth-child(even) { margin-right:1%;}
	.layout_rwd_1f5s_04a ul li:hover,
	.layout_rwd_1f5s_04a ul li:active { box-shadow:0 0 5px 0 rgba(0,0,0,0.3);}
	.layout_rwd_1f5s_04a ul li a { display: inline-block; box-sizing: border-box; margin: 0px; padding: 0px; width: 100%; height: auto; text-decoration: none; }
	.layout_rwd_1f5s_04a ul li a img { float:none; display:inline; margin: 0 0 0 0; padding: 0px;  width: 100%; height: auto;}
	.layout_rwd_1f5s_04a ul li a h2 {background-color: #e66675;}
	.layout_rwd_1f5s_04a ul li a h3 { float: none; display:block; position: relative; margin:5% auto; padding:0 7%; width: 95%; height: 24px; overflow:hidden; text-align:center; color:#fff; font:bold 14px "微軟正黑體","Microsoft JhengHei",Helvetica; line-height:24px; }
	.layout_rwd_1f5s_04a ul li a h3 {background-color: #000;}
	.layout_rwd_1f5s_04a ul li a h4 { float: none; display:block; position: relative; margin:5px 0px -3px 0; padding:0 5%; width: 100%; height: 21px; overflow:hidden; font: 14px "微軟正黑體","Microsoft JhengHei",Helvetica; text-align: center; color: #000;}
	.layout_rwd_1f5s_04a ul li a h4 b { float: none; display:inline; position: relative; top:0px; margin:0px; padding:0px; font-size:100%; line-height:20px;; text-align: left; color: #666; background-color:transparent;}
	.layout_rwd_1f5s_04a ul li a h4 b { text-shadow:none; -webkit-text-shadow:none; -moz-text-shadow:none; }
	.layout_rwd_1f5s_04a ul li a h4 br { display:none;}
	.layout_rwd_1f5s_04a ul li:hover a h4,
	.layout_rwd_1f5s_04a ul li:hover a h4 b {text-decoration: none; color:#000;}
	.layout_rwd_1f5s_04a ul li a p { float: none; display:block; position: relative; margin:0px; padding:0% 5%; width: 100%; height: 40px; font-size:100%; line-height:1.4; text-align: center; color: #d92670; background-color:transparent;}
	.layout_rwd_1f5s_04a ul li a p del { padding-right:5px; font: 12px/20px Century Gothic; color:#5e5e5e;}
	.layout_rwd_1f5s_04a ul li a p b { font: bold 12px/20px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#d92670; letter-spacing:-1px;}
	.layout_rwd_1f5s_04a ul li a p .money { font: bold 14px/26px Century Gothic; color:#d92670;}
	.layout_rwd_1f5s_04a ul li a p .Price { font: 24px/36px Century Gothic; letter-spacing:-1px; color:#d92670;}
	.layout_rwd_1f5s_04a ul li a p small { font: bold 12px/20px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

	/*5品*/
	.layout_rwd_1f5s_04a ul { padding:16vw 0 2vw;}
	.layout_rwd_1f5s_04a ul li:first-child{ width:98%!important; margin:1%; padding:1%;}
	.layout_rwd_1f5s_04a ul li:first-child img{ width:50%!important;float:left!important;}
	.layout_rwd_1f5s_04a ul li:first-child h3{ width:48%!important; float:left; margin:14% auto 5px;}
	.layout_rwd_1f5s_04a ul li:first-child h4{ width:48%!important; float:left; padding:0 3%;}
	.layout_rwd_1f5s_04a ul li:first-child p{ width:48%!important; float:left; padding:0 3%;}
    .layout_rwd_1f5s_04a h2 b { display: inline; font-size:1em; font-weight: inherit; line-height:1.2; letter-spacing: -0.1em; text-align: left; color: #f9db9c;  font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; }
  


}		



/** 公版模組layout_rwd_1f6s_01 **/
.layout_666 {height:825px;position:relative;}
.layout_666:nth-of-type(1) { background:url(pc_1bn6_bg_01.png?t=1753171594597) top no-repeat;} 
.layout_666:nth-of-type(2) { background:url(pc_1bn6_bg_02.png?t=1753171594597) top no-repeat;} 
.layout_666:nth-of-type(3) { background:url(pc_1bn6_bg_03.png?t=1753171594597) top no-repeat;} 
.layout_666:nth-of-type(4) { background:url(pc_1bn6_bg_04.png?t=1753171594597) top no-repeat;} 
.layout_666:nth-of-type(5) { background:url(pc_1bn6_bg_05.png?t=1753171594597) top no-repeat;} 
.layout_666:nth-of-type(6) { background:url(pc_1bn6_bg_06.png?t=1753171594597) top no-repeat;} 
.layout_666:nth-child(even) ul li {float:right;}
.layout_666:nth-child(even) ul {  padding:0px 65px 0px 0px;}
@media screen and ( max-width:736px) {
		.layout_666 {height:auto;margin-bottom:-3%; background:url() top no-repeat;}
		.layout_666:nth-child(even) ul {  padding:2% 0 1% 2%;}
		.layout_666 ul {  padding:2% 1% 1% 2%;}
		.layout_666 ul {background-color: #f8ecdc;}


}

.layout_rwd_1f6s_01 {height:765px;}
.layout_rwd_1f6s_01 h2 { float:left; margin:0 10px 10px 0; padding:0;
							  -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_1f6s_01 h2:hover{ -webkit-transform:translateY(-8px); transform:translateY(-8px);  box-shadow:0 0 20px rgba(0,0,0,0.5);}
.layout_rwd_1f6s_01 h2 a { display: block; text-decoration:none;}
.layout_rwd_1f6s_01 h2 img { width:714px; height:357px;}
.layout_rwd_1f6s_01 ul { display:inline-block; margin:0px; padding:0px 0px 0px 90px;}
.layout_rwd_1f6s_01 ul li { float:left; display:inline-block; position:relative; margin:0px 7px 5px 0px; padding:0px 0px 0px 0px; width: 224px; height:327px; list-style: none outside none; background:#fff;border-radius:10px;
							  -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_1f6s_01 ul li:first-child {width:423px;height:732px;border:none;background:none;}
@media screen and ( max-width:736px) {
	.layout_rwd_1f6s_01 ul li:first-child {display:none;}
	}
.layout_rwd_1f6s_01 ul li:first-child img {display:none;}
.layout_rwd_1f6s_01 ul li:first-child h3 {display:none;}
.layout_rwd_1f6s_01 ul li:first-child h4 {display:none;}
.layout_rwd_1f6s_01 ul li:first-child a {display:block;height:100%;}
.layout_rwd_1f6s_01 ul li:first-child a p {display:none;}
.layout_rwd_1f6s_01 ul li a {text-decoration:none;}
.layout_rwd_1f6s_01 ul li a img { display:block; margin:0px; padding:6px; width:200px; height:200px;}
.layout_rwd_1f6s_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:#b39060;}
.layout_rwd_1f6s_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_1f6s_01 ul li:hover{ -webkit-transform:translateY(-8px); transform:translateY(-8px); -webkit-box-shadow:0 0 20px rgba(0,0,0,0.5);  box-shadow:0 0 20px rgba(0,0,0,0.5);}
.layout_rwd_1f6s_01 ul li:first-child:hover{ -webkit-transform:translateY(-8px); transform:translateY(0px);  box-shadow:0 0 0px rgba(0,0,0,0);}
.layout_rwd_1f6s_01 ul li:hover a h4 {color:#d92670;}
.layout_rwd_1f6s_01 ul li a p { margin:0px; padding:0 10px; height: 38px;text-align: center; color:#d92670;}
.layout_rwd_1f6s_01 ul li a p del { padding-right:5px; font: 16px/38px Century Gothic; color:#5e5e5e;}
.layout_rwd_1f6s_01 ul li a p b { font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_rwd_1f6s_01 ul li a p .money { font: bold 14px/38px Century Gothic; }
.layout_rwd_1f6s_01 ul li a p .Price { font: 38px/38px Century Gothic; letter-spacing:-1px; }
.layout_rwd_1f6s_01 ul li a p small { font: 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

.layout_rwd_1f6s_01 .HashtagArea { display: inline-block; margin:0; padding:0; font-family: 微軟正黑體;text-align: center; }
.layout_rwd_1f6s_01 .HashtagArea dd { display:block; margin:0; padding:0 10px 10px 10px; }
.layout_rwd_1f6s_01 .HashtagArea dd strong { float:left; display:inline-block; margin:0 0 0 10px; padding:0; width:292px; text-align:center; }
.layout_rwd_1f6s_01 .HashtagArea dd strong:first-child { margin-left:0;}
.layout_rwd_1f6s_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_1f6s_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_1f6s_01 .HashtagArea dd a:hover,
.layout_rwd_1f6s_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 ( max-width:736px) {
		.layout_rwd_1f6s_01{ width:100%; height:auto; overflow:auto; margin-bottom:0px; background-image: none !important; }
		.layout_rwd_1f6s_01 * { -webkit-box-sizing:border-box; box-sizing:border-box;}
		.layout_rwd_1f6s_01 h2 { float:left; margin:2% 2% 2% 0}
		.layout_rwd_1f6s_01 h2 img { width:100%; height:auto;}
		.layout_rwd_1f6s_01 ul { padding:2% 0 0 2%;}
		.Area_box ul { background-color: #5baae8; }

		
		
		.layout_rwd_1f6s_01 ul li { margin:0 2% 2% 0; border:0; width:48%; 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);    overflow: hidden;}
		.layout_rwd_1f6s_01 ul li:first-child { margin-left:0;}
		.layout_rwd_1f6s_01 ul li a img { padding:0; width:100%; height:auto;}
		.layout_rwd_1f6s_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_1f6s_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_1f6s_01 ul li a h3 span { z-index:1; position:relative;}
		.layout_rwd_1f6s_01 ul li a h4 { margin:5px 0px -3px 0px; padding:0 10px; height:20px; overflow:hidden; font: 12px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
		.layout_rwd_1f6s_01 ul li a p { margin:0px; padding:0 10px; height: 40px;text-align: center; color:#d92670;}
		.layout_rwd_1f6s_01 ul li a p del { padding-right:5px; font: 11px/28px Century Gothic; color:#5e5e5e;}
		.layout_rwd_1f6s_01 ul li a p b { font: bold 12px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
		.layout_rwd_1f6s_01 ul li a p .money { font: bold 12px/30px Century Gothic; }
		.layout_rwd_1f6s_01 ul li a p .Price { font: 24px/32px Century Gothic; letter-spacing:-1px; }
		.layout_rwd_1f6s_01 ul li a p small { font: 12px/30px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}

		.layout_rwd_1f6s_01 .HashtagArea { width:100%; }
		.layout_rwd_1f6s_01 .HashtagArea dd { display:inline-block; padding:0 2%; width:100%;}
		.layout_rwd_1f6s_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_1f6s_01 .HashtagArea dd strong:nth-child(2n+1) { margin-left:0;}
		.layout_rwd_1f6s_01 .HashtagArea dd a {  padding: 5%; line-height:20px; font-size: 14px; }
		.layout_rwd_1f6s_01 .HashtagArea dd a::after {  top:5.5px; left:5px; width:7px; height:7px;}
		
		/*品數為單數時，手機版最後一個隱藏
		.layout_rwd_1f6s_01:nth-child(2n+0) ul li:last-child { display:none;}
		.layout_rwd_1f6s_01:nth-child(2n+1) ul li:last-child { display:none;}*/

	}







/*
 * Ghvzon
 * 模組化入稿公版 PD_layout-v20210928-20:00
 *******************************************************************
 */
/*旋轉畫面鎖定文字不縮放*/
html {
  -webkit-text-size-adjust: none;
}

/*字體*/
.PD_layout {
  font-size: 16px;
  font-family: "Microsoft JhengHei", system-ui, Helvetica, Arial;
}

.PD_layout .PD p del,
.PD_layout .PD p .money,
.PD_layout .PD p .Price {
  font-family: "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica, Arial;
}

/*基本款*/
.PD_layout {
  position: relative;
  margin: 0 auto;
  text-align: center;
  /*套輪播時修正*/
}

.PD_layout,
.PD_layout * {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.PD_layout a {
  position: initial;
  display: block;
  text-decoration: none;
  color: #000;
}

.PD_layout ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.PD_layout ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.PD_layout ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.PD_layout ul::after {
  content: "";
  display: block;
  clear: both;
}

.PD_layout li {
  position: relative;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.PD_layout li:hover {
  z-index: 5;
}

.PD_layout li {
  counter-increment: num;
}

.PD_layout .PD_slide {
  background-color: #fff;
}

.PD_layout .PD_slide::before {
  display: none;
  pointer-events: none;
  content: "0" counter(num) ". ";
  color: #dad8d9;
  font-style: italic;
  font-family: Times;
  font-size: 3em;
  font-size: 48px\0;
  line-height: 1;
  letter-spacing: -0.005em;
}

.PD_layout .PD_slide:nth-of-type(n+10)::before {
  content: counter(num) ". ";
}

.PD_layout .PD a {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.PD_layout .PD img {
  width: 100%;
  height: auto;
}

.PD_layout .PD_img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0.5em;
}

.PD_layout .PD_logo {
  display: none;
}

.PD_layout .PD_into {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0.5em;
}

.PD_layout .PD_into .PD_into_PDgo {
  margin: 0.375em auto 0;
}

.PD_layout .PD h3,
.PD_layout .PD h4,
.PD_layout .PD p {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 1em;
}

.PD_layout .PD h3 {
  padding: 0;
  max-height: 1.9em;
  font-weight: 700;
  line-height: 1.9em;
  color: #DD2726;
  background-color:#bb6f3f!important;
}

.PD_layout .PD h3 span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: normal;
  overflow: hidden;
}

.PD_layout .PD h4 {
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1.5em;
}

.PD_layout .PD:hover h4 {
  color: #D62672;
}

.PD_layout .PD h4 b,
.PD_layout .PD h4 span {
  display: block;
  max-height: 1.5em;
  overflow: hidden;
}

.PD_layout .PD h4 span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: normal;
  overflow: hidden;
}

.PD_layout .PD h4 br {
  display: none;
}

.PD_layout .PD p {
  height: 2em;
  line-height: 2em;
  color: #D62672;
}

.PD_layout .PD p del {
  padding-right: 0.25em;
  color: #5E5E5E;
}

.PD_layout .PD p .money {
  font-weight: 700;
}

.PD_layout .PD p .Price {
  font-size: 1.75em;
}

.PD_layout .PD p small {
  font-size: 0.9em;
}

.PD_layout .PD p b,
.PD_layout .PD p .Price,
.PD_layout .PD p small {
  letter-spacing: -0.01em;
}

.PD_layout .PD .PD_go,
.PD_layout .more {
  display: none;
}

@media screen and (max-width: 767px) {
  .PD_layout li::before {
    font-size: 2.5em;
    font-size: 32px\0;
  }
  .PD_layout .PD_slide::before {
    font-size: 2em;
  }
  .PD_layout .PD_into {
    padding: 0.3125em;
  }
  .PD_layout .PD_img {
    padding: 0.25em;
  }
  .PD_layout .PD h3 {
    font-size: 0.875em;
  }
  .PD_layout .PD h4 {
    font-size: 0.8125em;
  }
  .PD_layout .PD p {
    height: 1.875em;
    line-height: 1.875em;
  }
  .PD_layout .PD p b,
  .PD_layout .PD p del {
    font-size: 0.8125em;
  }
  .PD_layout .PD p .Price {
    font-size: 1.5em;
  }
  .PD_layout .PD p small {
    font-size: 0.75em;
  }
}

@media screen and (min-width: 768px) {
  .PD_layout .PD_slide:hover {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  .PD_layout .PD_slide:hover {
    -webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.4);
            box-shadow: 0 3px 30px rgba(0, 0, 0, 0.4);
  }
}

@media screen and (max-width: 767px) {
  .PD_layout .PD_slide:hover {
    -webkit-box-shadow: 0 1em 2em rgba(0, 0, 0, 0.2);
            box-shadow: 0 1em 2em rgba(0, 0, 0, 0.2);
  }
}

.PD_layout ul.swiper-wrapper {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

/* --------------------------------------
     *【佈局】  品數[data-pd-li-num="even"]=單數 [data-pd-li-num="odd"]=雙數
     * -------------------------------------- */
@media screen and (max-width: 767px) {
  .PD_layout[data-pd-li-num="even"] li:first-child a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .PD_layout[data-pd-li-num="even"] li:first-child a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .PD_layout[data-pd-li-num="even"] li:first-child .PD_into {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 50%;
  }
  .PD_layout[data-pd-li-num="even"] li:first-child .PD_img {
    /*margin: 0.25em; width: calc(50% - 0.5em);*/
    width: 50%;
  }
}

/* --------------------------------------
     *【佈局】  電腦版[data-pd-col-pc=""]  手機版[data-pd-col-phone=""] 
     * -------------------------------------- */
@media screen and (min-width: 768px) {
  .PD_layout[data-pd-col-pc="2"] ul,
  .PD_layout[data-pd-col-pc="3"] ul,
  .PD_layout[data-pd-col-pc="4"] ul,
  .PD_layout[data-pd-col-pc="5"] ul,
  .PD_layout[data-pd-col-pc="6"] ul,
  .PD_layout[data-pd-col-pc="7"] ul,
  .PD_layout[data-pd-col-pc="8"] ul {
    padding-left: 35px;
    padding-right: 35px;
  }
  .PD_layout[data-pd-col-pc="1"] li {
    margin-bottom: 10px;
    width: 100%;
  }
  .PD_layout[data-pd-col-pc="2"] li,
  .PD_layout[data-pd-col-pc="3"] li,
  .PD_layout[data-pd-col-pc="4"] li,
  .PD_layout[data-pd-col-pc="5"] li,
  .PD_layout[data-pd-col-pc="6"] li,
  .PD_layout[data-pd-col-pc="7"] li,
  .PD_layout[data-pd-col-pc="8"] li {
    margin-left: 10px;
    margin-bottom: 10px;
  }
  .PD_layout[data-pd-col-pc="2"] li:nth-child(2n+1),
  .PD_layout[data-pd-col-pc="3"] li:nth-child(3n+1),
  .PD_layout[data-pd-col-pc="4"] li:nth-child(4n+1),
  .PD_layout[data-pd-col-pc="5"] li:nth-child(5n+1),
  .PD_layout[data-pd-col-pc="6"] li:nth-child(6n+1),
  .PD_layout[data-pd-col-pc="7"] li:nth-child(7n+1),
  .PD_layout[data-pd-col-pc="8"] li:nth-child(8n+1) {
    margin-left: 0;
  }
  .PD_layout[data-pd-col-pc="2"] li {
    width: calc(50% - 10px * 0.5);
  }
  .PD_layout[data-pd-col-pc="3"] li {
    width: calc(33% - 10px * 0.45);
  }
  .PD_layout[data-pd-col-pc="4"] li {
    width: calc(25% - 10px * 0.75);
  }
  .PD_layout[data-pd-col-pc="5"] li {
    width: calc(20% - 10px * 0.8);
  }
  .PD_layout[data-pd-col-pc="6"] li {
    width: calc(16% - 10px * 0.1);
  }
  .PD_layout[data-pd-col-pc="7"] li {
    width: calc(14% - 10px * 0.53);
  }
  .PD_layout[data-pd-col-pc="8"] li {
    width: calc(12% - 10px * 0.3);
  }
}

@media screen and (max-width: 767px) {
  .PD_layout[data-pd-col-phone="1"] ul,
  .PD_layout[data-pd-col-phone="2"] ul,
  .PD_layout[data-pd-col-phone="3"] ul,
  .PD_layout[data-pd-col-phone="4"] ul {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .PD_layout[data-pd-col-phone="1"] li {
    margin-bottom: 0.5em;
    width: 100%;
  }
  .PD_layout[data-pd-col-phone="2"] li,
  .PD_layout[data-pd-col-phone="3"] li,
  .PD_layout[data-pd-col-phone="4"] li {
    margin-left: 0.5em;
    margin-bottom: 0.5em;
  }
  .PD_layout[data-pd-col-phone="2"] li:nth-child(2n+1),
  .PD_layout[data-pd-col-phone="3"] li:nth-child(3n+1),
  .PD_layout[data-pd-col-phone="4"] li:nth-child(4n+1) {
    margin-left: 0;
  }
  .PD_layout[data-pd-col-phone="2"] li {
    width: calc(50% - 0.5em * 0.5);
  }
  .PD_layout[data-pd-col-phone="3"] li {
    width: calc(33% - 0.5em * 0.535);
  }
  .PD_layout[data-pd-col-phone="4"] li {
    width: calc(25% - 0.5em * 0.75);
  }
}

/*交叉調整--品數*/
@media screen and (max-width: 767px) {
  .PD_layout[data-pd-col-phone="2"][data-pd-li-num="even"] li {
    margin-left: 0.5em;
    margin-bottom: 0.5em;
  }
  .PD_layout[data-pd-col-phone="2"][data-pd-li-num="even"] li:nth-child(2n+1) {
    margin-left: 0.5em;
  }
  .PD_layout[data-pd-col-phone="2"][data-pd-li-num="even"] li:nth-child(2n+2) {
    margin-left: 0;
  }
  .PD_layout[data-pd-col-phone="2"][data-pd-li-num="even"] li:first-child {
    margin-left: 0;
    width: 100%;
  }
}

/*寬鬆版*/
@media screen and (min-width: 768px) {
  .PD_layout[data-pd-col-pc="1 wide"] ul,
  .PD_layout[data-pd-col-pc="2 wide"] ul,
  .PD_layout[data-pd-col-pc="3 wide"] ul,
  .PD_layout[data-pd-col-pc="4 wide"] ul,
  .PD_layout[data-pd-col-pc="5 wide"] ul,
  .PD_layout[data-pd-col-pc="6 wide"] ul {
    padding-left: 35px;
    padding-right: 35px;
  }
  .PD_layout[data-pd-col-pc="1 wide"] li,
  .PD_layout[data-pd-col-pc="2 wide"] li,
  .PD_layout[data-pd-col-pc="3 wide"] li,
  .PD_layout[data-pd-col-pc="4 wide"] li,
  .PD_layout[data-pd-col-pc="5 wide"] li,
  .PD_layout[data-pd-col-pc="6 wide"] li {
    margin-top: 30px;
    margin-left: 30px;
    margin-bottom: 40px;
  }
  .PD_layout[data-pd-col-pc="2 wide"] li:nth-child(2n+1),
  .PD_layout[data-pd-col-pc="3 wide"] li:nth-child(3n+1),
  .PD_layout[data-pd-col-pc="4 wide"] li:nth-child(4n+1),
  .PD_layout[data-pd-col-pc="5 wide"] li:nth-child(5n+1),
  .PD_layout[data-pd-col-pc="6 wide"] li:nth-child(6n+1) {
    margin-left: 0;
  }
  .PD_layout[data-pd-col-pc="4 wide"] li {
    width: calc(23%   - 10px * 0.75);
  }
  .PD_layout[data-pd-col-pc="5 wide"] li {
    width: calc(17.9% - 10px * 0.8);
  }
}

@media screen and (max-width: 767px) {
  .PD_layout[data-pd-col-phone="2 wide"] ul,
  .PD_layout[data-pd-col-phone="3 wide"] ul {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .PD_layout[data-pd-col-phone="2 wide"] li {
    margin: 0 0 2em 0.5em;
    width: calc(49.65% - 0.5em * 0.5);
  }
  .PD_layout[data-pd-col-phone="3 wide"] li {
    margin: 0 0 2em 0.775em;
    width: calc(32% - 0.5em * 0.535);
  }
  .PD_layout[data-pd-col-phone="2 wide"] li:nth-child(2n+1),
  .PD_layout[data-pd-col-phone="3 wide"] li:nth-child(3n+1) {
    margin-left: 0;
  }
}

/* --------------------------------------
     *【佈局】主軸方向 無=直 row=橫 row-reverse橫反向 pc-row=PC橫 pc-row-reverse=PC橫反向 phone-row=Phone橫 phone-row-reverse=Phone橫反向
     * -------------------------------------- */
/*forRWD*/
.PD_layout[data-pd-direction="row"] .PD a,
.PD_layout[data-pd-direction="row-reverse"] .PD a {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.PD_layout[data-pd-direction="row"] .PD_img,
.PD_layout[data-pd-direction="row-reverse"] .PD_img {
  width: 50%;
}

.PD_layout[data-pd-direction="row"] .PD_into,
.PD_layout[data-pd-direction="row-reverse"] .PD_into {
  width: 50%;
}

.PD_layout[data-pd-direction="row"] .PD a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.PD_layout[data-pd-direction="row-reverse"] .PD a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

/*forPC*/
@media screen and (min-width: 768px) {
  .PD_layout[data-pd-direction="pc-row"] .PD a,
  .PD_layout[data-pd-direction="pc-row-reverse"] .PD a {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .PD_layout[data-pd-direction="pc-row"] .PD_img,
  .PD_layout[data-pd-direction="pc-row-reverse"] .PD_img {
    width: 50%;
  }
  .PD_layout[data-pd-direction="pc-row"] .PD_into,
  .PD_layout[data-pd-direction="pc-row-reverse"] .PD_into {
    width: 50%;
  }
  .PD_layout[data-pd-direction="pc-row"] .PD a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .PD_layout[data-pd-direction="pc-row-reverse"] .PD a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

/*forPhone*/
@media screen and (max-width: 767px) {
  .PD_layout[data-pd-direction="phone-row"] .PD a,
  .PD_layout[data-pd-direction="phone-row-reverse"] .PD a {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .PD_layout[data-pd-direction="phone-row"] .PD_img,
  .PD_layout[data-pd-direction="phone-row-reverse"] .PD_img {
    width: 50%;
  }
  .PD_layout[data-pd-direction="phone-row"] .PD_into,
  .PD_layout[data-pd-direction="phone-row-reverse"] .PD_into {
    width: 50%;
  }
  .PD_layout[data-pd-direction="phone-row"] .PD a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .PD_layout[data-pd-direction="phone-row-reverse"] .PD a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

/* --------------------------------------
     *【佈局】品底色 無=白(預) 0=透明 BN=純BN(RWD共用) BN-AWD=純BN(PC/MB不共用)  PDBN=公版+BN(RWD共用) PDBN-AWD=公版+BN(PC/MB不共用)
     * -------------------------------------- */
.PD_layout[data-pd-li="off"] li {
  background-color: transparent;
}

.PD_layout[data-pd-li*="BN"] li {
  background-color: transparent;
}

.PD_layout[data-pd-li*="BN"] li:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-filter: brightness(105%);
          filter: brightness(105%);
}

.PD_layout[data-pd-li*="BN"] .PD_into,
.PD_layout[data-pd-li*="BN"] .PD_img {
  padding: 0;
}

.PD_layout[data-pd-li*="BN-AWD"] .PD_logo {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .PD_layout[data-pd-li*="BN-AWD"] .PD_img {
    display: none !important;
  }
  .PD_layout[data-pd-li*="BN-AWD"] .PD_logo {
    display: block !important;
  }
}

.PD_layout[data-pd-li="BN"] .PD h3,
.PD_layout[data-pd-li="BN"] .PD h4,
.PD_layout[data-pd-li="BN"] .PD p,
.PD_layout[data-pd-li="BN-AWD"] .PD h3,
.PD_layout[data-pd-li="BN-AWD"] .PD h4,
.PD_layout[data-pd-li="BN-AWD"] .PD p {
  display: none;
}

/* --------------------------------------
     *【主圖區】
     * -------------------------------------- */
/*圓角*/
@media screen and (min-width: 768px) {
  .PD_layout[data-pd-br="1"] .PD_slide,
  .PD_layout[data-pd-br="1"] .PD_img img {
    border-radius: 0.5em;
  }
  .PD_layout[data-pd-br="2"] .PD_slide,
  .PD_layout[data-pd-br="2"] .PD_img img {
    border-radius: 1em;
  }
  .PD_layout[data-pd-br="3"] .PD_slide,
  .PD_layout[data-pd-br="3"] .PD_img img {
    border-radius: 1.5em;
  }
  .PD_layout[data-pd-br="4"] .PD_slide,
  .PD_layout[data-pd-br="4"] .PD_img img {
    border-radius: 2em;
  }
  .PD_layout[data-pd-br="50%"] .PD_slide,
  .PD_layout[data-pd-br="50%"] .PD_img img {
    border-radius: 20em;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout[data-pd-br="1"] .PD_slide,
  .PD_layout[data-pd-br="1"] .PD_img img {
    border-radius: 0.25em;
  }
  .PD_layout[data-pd-br="2"] .PD_slide,
  .PD_layout[data-pd-br="2"] .PD_img img {
    border-radius: 0.5em;
  }
  .PD_layout[data-pd-br="3"] .PD_slide,
  .PD_layout[data-pd-br="3"] .PD_img img {
    border-radius: 0.75em;
  }
  .PD_layout[data-pd-br="4"] .PD_slide,
  .PD_layout[data-pd-br="4"] .PD_img img {
    border-radius: 1em;
  }
  .PD_layout[data-pd-br="50%"] .PD_slide,
  .PD_layout[data-pd-br="50%"] .PD_img img {
    border-radius: 20em;
  }
}

/*交叉調整--間距+主軸方向*/
.PD_layout[data-pd-img="0"]:not([data-pd-direction*="row"]) .PD_img img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.PD_layout[data-pd-img="0"][data-pd-direction="row"] .PD_img img {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.PD_layout[data-pd-img="0"][data-pd-direction="row-reverse"] .PD_img img {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

@media screen and (min-width: 768px) {
  .PD_layout[data-pd-img="0"][data-pd-direction="pc-row"] .PD_img img {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .PD_layout[data-pd-img="0"][data-pd-direction="pc-row-reverse"] .PD_img img {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .PD_layout[data-pd-img="0"][data-pd-direction="phone-row"] .PD_img img,
  .PD_layout[data-pd-img="0"][data-pd-direction="phone-row-reverse"] .PD_img img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout[data-pd-img="0"][data-pd-direction="pc-row"] .PD_img img,
  .PD_layout[data-pd-img="0"][data-pd-direction="pc-row-reverse"] .PD_img img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .PD_layout[data-pd-img="0"][data-pd-direction="phone-row"] .PD_img img {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .PD_layout[data-pd-img="0"][data-pd-direction="phone-row-reverse"] .PD_img img {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

/*主圖間距*/
.PD_layout[data-pd-img="0"] .PD_img {
  padding: 0;
}

@media screen and (min-width: 768px) {
  .PD_layout[data-pd-img="1"] .PD_img {
    padding: 0.5em;
  }
  .PD_layout[data-pd-img="2"] .PD_img {
    padding: 1em;
  }
  .PD_layout[data-pd-img="3"] .PD_img {
    padding: 1.5em;
  }
  .PD_layout[data-pd-img="4"] .PD_img {
    padding: 2em;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout[data-pd-img="1"] .PD_img {
    padding: 0.25em;
  }
  .PD_layout[data-pd-img="2"] .PD_img {
    padding: 0.5em;
  }
  .PD_layout[data-pd-img="3"] .PD_img {
    padding: 0.75em;
  }
  .PD_layout[data-pd-img="4"] .PD_img {
    padding: 1em;
  }
}

/*交叉調整--主軸方向+品數*/
@media screen and (min-width: 768px) {
  .PD_layout:not([data-pd-direction*="row"]) .PD_img,
  .PD_layout[data-pd-direction="phone-row"] .PD_img,
  .PD_layout[data-pd-direction="phone-row-reverse"] .PD_img {
    padding-bottom: 0;
  }
  .PD_layout[data-pd-direction="row"] .PD_img,
  .PD_layout[data-pd-direction="pc-row"] .PD_img {
    padding-right: 0;
  }
  .PD_layout[data-pd-direction="row-reverse"] .PD_img,
  .PD_layout[data-pd-direction="pc-row-reverse"] .PD_img {
    padding-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout:not([data-pd-direction*="row"]):not([data-pd-li-num="even"]) .PD_img,
  .PD_layout[data-pd-direction="pc-row"]:not([data-pd-li-num="even"]) .PD_img,
  .PD_layout[data-pd-direction="pc-row-reverse"]:not([data-pd-li-num="even"]) .PD_img {
    padding-bottom: 0;
  }
  .PD_layout[data-pd-direction="row"] .PD_img,
  .PD_layout[data-pd-direction="phone-row"] .PD_img {
    padding-right: 0;
  }
  .PD_layout[data-pd-direction="row-reverse"] .PD_img,
  .PD_layout[data-pd-direction="phone-row-reverse"] .PD_img {
    padding-left: 0;
  }
  .PD_layout[data-pd-li-num="even"]:not([data-pd-direction*="row"]) li:not(:first-child) .PD_img {
    padding-bottom: 0;
  }
  .PD_layout[data-pd-li-num="even"] li:first-child .PD_img {
    padding-right: 0;
  }
  .PD_layout[data-pd-li-num="even"][data-pd-direction="pc-row"] li:not(:first-child) .PD_img,
  .PD_layout[data-pd-li-num="even"][data-pd-direction="pc-row-reverse"] li:not(:first-child) .PD_img {
    padding-bottom: 0;
  }
}

/* --------------------------------------
     *【元件】品牌LOGO
     * -------------------------------------- */
/*顯示*/
.PD_layout[data-pd-pdlogo] .PD .PD_logo {
  display: inline-block;
}

/*樣式: 1=矩型 2=膠囊型 3=圓型*/
.PD_layout[data-pd-pdlogo="1"] .PD .PD_logo,
.PD_layout[data-pd-pdlogo="2"] .PD .PD_logo,
.PD_layout[data-pd-pdlogo="3"] .PD .PD_logo,
.PD_layout[data-pd-pdlogo="4"] .PD .PD_logo {
  margin: 0 auto;
  margin-bottom: 0.25em;
  text-align: center;
  width: auto;
}

.PD_layout[data-pd-pdlogo="1"] .PD .PD_logo {
  height: 3.75em;
}

.PD_layout[data-pd-pdlogo="2"] .PD .PD_logo {
  height: 3em;
}

.PD_layout[data-pd-pdlogo="3"] .PD .PD_logo {
  height: 4.375em;
}

.PD_layout[data-pd-pdlogo="4"] .PD .PD_logo {
  height: 3.75em;
}

.PD_layout[data-pd-pdlogo="2"] .PD .PD_logo img {
  border-radius: 10em;
  background-color: #fff;
}

.PD_layout[data-pd-pdlogo="3"] .PD .PD_logo img {
  border-radius: 10em;
}

.PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img {
  border-radius: 1em;
  border: 1px solid #dadada;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.PD_layout[data-pd-pdlogo="1"] .PD .PD_logo img,
.PD_layout[data-pd-pdlogo="2"] .PD .PD_logo img,
.PD_layout[data-pd-pdlogo="3"] .PD .PD_logo img,
.PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img {
  width: auto;
  height: 100%;
  -webkit-box-shadow: 0 0.1em 0.5em 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.1em 0.5em 0 rgba(0, 0, 0, 0.1);
}

.PD_layout[data-pd-pdlogo="2"] .PD .PD_logo img {
  padding: 0 2em;
}

@media screen and (max-width: 767px) {
  .PD_layout[data-pd-pdlogo="1"] .PD .PD_logo {
    height: 4.25em;
  }
  .PD_layout[data-pd-pdlogo="2"] .PD .PD_logo {
    height: 3em;
  }
  .PD_layout[data-pd-pdlogo="3"] .PD .PD_logo {
    height: 4.25em;
  }
  .PD_layout[data-pd-pdlogo="4"] .PD .PD_logo {
    height: 4.25em;
  }
}

/*交叉調整-佈局直式上推-橫式不動*/
@media screen and (min-width: 768px) {
  .PD_layout[data-pd-pdlogo="1"]:not([data-pd-direction*="row"]) .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="1"][data-pd-direction="phone-row"] .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="1"][data-pd-direction="phone-row-reverse"] .PD .PD_logo {
    margin-top: calc(-1.875em - 0.5em);
  }
  .PD_layout[data-pd-pdlogo="2"]:not([data-pd-direction*="row"]) .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="2"][data-pd-direction="phone-row"] .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="2"][data-pd-direction="phone-row-reverse"] .PD .PD_logo {
    margin-top: calc(-1.5em - 0.5em);
  }
  .PD_layout[data-pd-pdlogo="3"]:not([data-pd-direction*="row"]) .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="3"][data-pd-direction="phone-row"] .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="3"][data-pd-direction="phone-row-reverse"] .PD .PD_logo {
    margin-top: calc(-2.1875em - 0.5em);
  }
  .PD_layout[data-pd-pdlogo="4"]:not([data-pd-direction*="row"]) .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="4"][data-pd-direction="phone-row"] .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="4"][data-pd-direction="phone-row-reverse"] .PD .PD_logo {
    margin-top: calc(-1.875em - 0.5em);
  }
}

@media screen and (max-width: 767px) {
  .PD_layout[data-pd-pdlogo="1"]:not([data-pd-direction*="row"]) .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="1"][data-pd-direction="pc-row"] .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="1"][data-pd-direction="pc-row-reverse"] .PD .PD_logo {
    margin-top: calc(-2.125em - 0.3125em);
  }
  .PD_layout[data-pd-pdlogo="2"]:not([data-pd-direction*="row"]) .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="2"][data-pd-direction="pc-row"] .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="2"][data-pd-direction="pc-row-reverse"] .PD .PD_logo {
    margin-top: calc(-1.5em - 0.3125em);
  }
  .PD_layout[data-pd-pdlogo="3"]:not([data-pd-direction*="row"]) .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="3"][data-pd-direction="pc-row"] .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="3"][data-pd-direction="pc-row-reverse"] .PD .PD_logo {
    margin-top: calc(-2.125em - 0.3125em);
  }
  .PD_layout[data-pd-pdlogo="4"]:not([data-pd-direction*="row"]) .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="4"][data-pd-direction="pc-row"] .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="4"][data-pd-direction="pc-row-reverse"] .PD .PD_logo {
    margin-top: calc(-2.125em - 0.3125em);
  }
  .PD_layout[data-pd-pdlogo="1"][data-pd-li-num="even"]:not([data-pd-direction*="row"]) li:first-child .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="1"][data-pd-li-num="even"][data-pd-direction="pc-row"] li:first-child .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="1"][data-pd-li-num="even"][data-pd-direction="pc-row-reverse"] li:first-child .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="2"][data-pd-li-num="even"]:not([data-pd-direction*="row"]) li:first-child .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="2"][data-pd-li-num="even"][data-pd-direction="pc-row"] li:first-child .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="2"][data-pd-li-num="even"][data-pd-direction="pc-row-reverse"] li:first-child .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="3"][data-pd-li-num="even"]:not([data-pd-direction*="row"]) li:first-child .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="3"][data-pd-li-num="even"][data-pd-direction="pc-row"] li:first-child .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="3"][data-pd-li-num="even"][data-pd-direction="pc-row-reverse"] li:first-child .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="4"][data-pd-li-num="even"]:not([data-pd-direction*="row"]) li:first-child .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="4"][data-pd-li-num="even"][data-pd-direction="pc-row"] li:first-child .PD .PD_logo,
  .PD_layout[data-pd-pdlogo="4"][data-pd-li-num="even"][data-pd-direction="pc-row-reverse"] li:first-child .PD .PD_logo {
    margin-top: 0;
  }
}

/*沒有主圖時*/
.PD_layout[data-pd-pdlogo][data-pd-pdimg="off"] .PD .PD_logo {
  margin-top: 0;
}

/*對齊*/
.PD_layout[data-pd-pdlogo-ta="left"] .PD .PD_logo {
  margin-left: 0;
}

.PD_layout[data-pd-pdlogo-ta="right"] .PD .PD_logo {
  margin-right: 0;
}

/* --------------------------------------
     *【字級】
     * -------------------------------------- */
/*電腦版[data-pd-fs-pc=""] 100~900 預設=400*/
@media screen and (min-width: 768px) {
  .PD_layout[data-pd-fs-pc="100"] {
    font-size: 0.75em;
  }
  .PD_layout[data-pd-fs-pc="200"] {
    font-size: 0.875em;
  }
  .PD_layout[data-pd-fs-pc="300"] {
    font-size: 1em;
  }
  .PD_layout[data-pd-fs-pc="400"] {
    font-size: 1.125em;
  }
  .PD_layout[data-pd-fs-pc="500"] {
    font-size: 1.25em;
  }
  .PD_layout[data-pd-fs-pc="600"] {
    font-size: 1.5em;
  }
  .PD_layout[data-pd-fs-pc="700"] {
    font-size: 1.875em;
  }
  .PD_layout[data-pd-fs-pc="800"] {
    font-size: 2.25em;
  }
  .PD_layout[data-pd-fs-pc="900"] {
    font-size: 3em;
  }
}

/*手機版[data-pd-fs-phone=""] 100~900 預設=300*/
@media screen and (max-width: 767px) {
  .PD_layout[data-pd-fs-phone="100"] {
    font-size: 0.5em;
  }
  .PD_layout[data-pd-fs-phone="200"] {
    font-size: 0.75em;
  }
  .PD_layout[data-pd-fs-phone="300"] {
    font-size: 0.875em;
  }
  .PD_layout[data-pd-fs-phone="400"] {
    font-size: 1em;
  }
  .PD_layout[data-pd-fs-phone="500"] {
    font-size: 1.125em;
  }
  .PD_layout[data-pd-fs-phone="600"] {
    font-size: 1.25em;
  }
  .PD_layout[data-pd-fs-phone="700"] {
    font-size: 1.5em;
  }
  .PD_layout[data-pd-fs-phone="800"] {
    font-size: 1.875em;
  }
  .PD_layout[data-pd-fs-phone="900"] {
    font-size: 2.25em;
  }
}

/* --------------------------------------
     *【元件】
     * -------------------------------------- */
/*隱藏*/
.PD_layout[data-pd-pd="off"] .PD,
.PD_layout[data-pd-pdimg="off"] .PD_img,
.PD_layout[data-pd-into="off"] .PD_into,
.PD_layout[data-pd-h3="off"] .PD h3,
.PD_layout[data-pd-h4="off"] .PD h4,
.PD_layout[data-pd-p="off"] .PD p,
.PD_layout[data-pd-p="off-del"] .PD p del {
  display: none;
}

/*文字對齊*/
.PD_layout[data-pd-ta="left"] {
  text-align: left;
}

.PD_layout[data-pd-ta="right"] {
  text-align: right;
}

/*商品文案主軸方向*/
.PD_layout[data-pd-into="center"] .PD_into {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*number序號*/
.PD_layout[data-pd-number] .PD_slide::before {
  display: block;
}

.PD_layout[data-pd-number*="false"] .PD_slide::before {
  display: none;
}

.PD_layout[data-pd-number*="-r"] .PD_slide::before {
  position: relative;
}

.PD_layout[data-pd-number*="-a"] .PD_slide::before {
  position: absolute;
}

.PD_layout[data-pd-number*="top"] .PD_slide::before {
  top: 0;
}

.PD_layout[data-pd-number*="right"] .PD_slide::before {
  right: 0;
}

.PD_layout[data-pd-number*="bottom"] .PD_slide::before {
  bottom: 0;
}

.PD_layout[data-pd-number*="left"] .PD_slide::before {
  left: 0;
}

.PD_layout[data-pd-number*="col-center"] .PD_slide::before {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.PD_layout[data-pd-number*="row-center"] .PD_slide::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

/*h3特標*/
.PD_layout[data-pd-h3="1"] .PD h3,
.PD_layout[data-pd-h3="2"] .PD h3,
.PD_layout[data-pd-h3="3"] .PD h3,
.PD_layout[data-pd-h3="4"] .PD h3,
.PD_layout[data-pd-h3="6"] .PD h3 {
  margin-bottom: 0.5em;
  padding: 0 1em;
  color: #fff;
  background-color: #DD2726;
}

.PD_layout[data-pd-h3="2"] .PD h3 {
  border-radius: 2em;
}

.PD_layout[data-pd-h3="3"] .PD h3 {
  border-radius: 0 2em 0 2em;
}

.PD_layout[data-pd-h3="4"] .PD h3 {
  position: relative;
}

.PD_layout[data-pd-h3="4"] .PD h3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.3em;
  height: 100%;
  background-color: #fff;
  opacity: 0.4;
}

.PD_layout[data-pd-h3="4"] .PD h3::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border: 0.95em solid transparent;
  border-left-width: 0;
  border-right-color: #fff;
}

.PD_layout[data-pd-h3="5"] .PD h3 {
  margin-bottom: 0.5em;
  padding: 0;
}

.PD_layout[data-pd-h3="5"] .PD h3 span {
  display: inline-block;
  padding: 0 0.5em;
  max-width: 85%;
  border-radius: 4px;
  color: #000;
  background-color: rgba(218, 218, 218, 0.9);
}

.PD_layout[data-pd-h3="6"] .PD h3 {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5em;
  overflow: visible;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 3em;
  max-height: none;
  height: 3.4em;
  line-height: 1.2em;
  text-align: center;
}

.PD_layout[data-pd-h3="6"] .PD h3 span {
  display: block;
  overflow: hidden;
  height: 2.4em;
}

.PD_layout[data-pd-h3="6"] .PD h3::before,
.PD_layout[data-pd-h3="6"] .PD h3::after {
  content: "";
  position: absolute;
  top: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.3125em 0.75em;
  border-color: #DD2726;
  border-bottom-color: transparent;
}

.PD_layout[data-pd-h3="6"] .PD h3::before {
  left: 0;
  border-right-color: transparent;
}

.PD_layout[data-pd-h3="6"] .PD h3::after {
  right: 0;
  border-left-color: transparent;
}

/*h4品牌品名*/
.PD_layout[data-pd-h4="1"] .PD h4 {
  display: block;
  max-height: 1.5em;
  overflow: hidden;
}

.PD_layout[data-pd-h4="1"] .PD h4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: normal;
  overflow: hidden;
}

.PD_layout[data-pd-h4="1"] .PD h4 b,
.PD_layout[data-pd-h4="1"] .PD h4 span {
  display: inline;
  font-weight: inherit;
}

.PD_layout[data-pd-h4="3"] .PD h4 span {
  display: block;
  max-height: 3em;
  height: 3em;
  overflow: hidden;
}

.PD_layout[data-pd-h4="3"] .PD h4 span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  white-space: normal;
  overflow: hidden;
}

/*p價錢*/
/* --------------------------------------
     *【元件】按鈕
     * -------------------------------------- */
/*顯示*/
.PD_layout[data-pd-btn-pdgo] .PD .PD_btn,
.PD_layout[data-pd-btn-more] .more {
  display: block;
}

.PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD_slide,
.PD_layout[data-pd-btn][data-pd-btn-more] .PD_slide {
  padding-bottom: 2.5em;
}

@media screen and (max-width: 767px) {
  .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD_slide,
  .PD_layout[data-pd-btn][data-pd-btn-more] .PD_slide {
    padding-bottom: 2.25em;
  }
}

/*樣式:  無=矩型*/
.PD_layout[data-pd-btn] .PD_btn {
  width: calc(100% - 0.5em);
  overflow: hidden;
}

.PD_layout[data-pd-btn] .PD_btn span,
.PD_layout[data-pd-btn] .PD_btn.more span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  padding-right: 0.25em;
  height: auto;
  overflow: hidden;
  -webkit-transform: skewX(-7.5deg);
  transform: skewX(-7.5deg);
}

.PD_layout[data-pd-btn] .PD_btn b {
  z-index: 1;
  position: relative;
  display: block;
  padding: 0 0 0 0.125em;
  height: 2em;
  line-height: 2em;
  overflow: hidden;
  font-weight: 800;
  font-size: 1.125em;
  color: #fff;
  vertical-align: middle;
}

.PD_layout[data-pd-btn] .PD_btn i {
  position: relative;
  top: 0.825em;
  display: block;
  border-top: 0.125em solid #fff;
  border-right: 0.125em solid #fff;
  width: 0.625em;
  height: 0.625em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.PD_layout[data-pd-btn] .PD_btn {
  background-color: #FF005D;
  background-image: repeating-linear-gradient(45deg, #FF004B -2%, #FF005D 120%);
  background-position: right top;
  background-size: 100% 100%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.PD_layout[data-pd-btn] .PD_slide:hover .PD_btn {
  background-size: 500% 100%;
}

@media screen and (max-width: 767px) {
  .PD_layout[data-pd-btn] .PD_btn b {
    height: 2.25em;
    line-height: 2.25em;
    font-size: 0.875em;
  }
  .PD_layout[data-pd-btn] .PD_btn i {
    top: 0.75em;
    border-top: 0.125em solid #fff;
    border-right: 0.125em solid #fff;
    width: 0.5em;
    height: 0.5em;
  }
}

/*搶購*/
.PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn {
  position: absolute;
  bottom: 0.25em;
  bottom: -2.25em\0;
  right: 0.25em;
}

.PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::before {
  content: "";
  position: relative;
  top: 0.075em;
  display: inline-block;
  margin-right: 0.2em;
  width: 1em;
  height: 1em;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::before {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cg%3E%3Cpath%20style%3D%22fill%3A%23ffffff%3B%22%20d%3D%22M10.97%2C19.91L10.97%2C19.91c-1.01-0.02-1.83%2C0.79-1.83%2C1.8c-0.01%2C1.01%2C0.8%2C1.83%2C1.8%2C1.84%20c1%2C0.01%2C1.82-0.8%2C1.83-1.81c0-0.01%2C0-0.01%2C0-0.02C12.77%2C20.73%2C11.96%2C19.92%2C10.97%2C19.91z%20M23.34%2C6.79%20c-0.15-0.21-0.4-0.34-0.67-0.33H7.5C7.13%2C4.99%2C6.85%2C3.85%2C6.77%2C3.47C6.38%2C1.83%2C5.6%2C1%2C4.45%2C1H0.83C0.37%2C1%2C0%2C1.38%2C0%2C1.83%20c0%2C0.46%2C0.36%2C0.83%2C0.82%2C0.84c0%2C0%2C0.01%2C0%2C0.02%2C0h3.62c0.1%2C0%2C0.43%2C0%2C0.7%2C1.17c0.33%2C1.47%2C3.46%2C13.74%2C3.6%2C14.27%20c0.09%2C0.37%2C0.42%2C0.63%2C0.8%2C0.63h9.74c0.36%2C0%2C0.69-0.24%2C0.78-0.59l3.39-10.6C23.54%2C7.29%2C23.5%2C7.01%2C23.34%2C6.79z%20M17.31%2C19.91%20L17.31%2C19.91c-1-0.02-1.82%2C0.79-1.83%2C1.8c-0.01%2C1.01%2C0.8%2C1.83%2C1.8%2C1.84c1%2C0.01%2C1.82-0.8%2C1.83-1.81c0-0.01%2C0-0.01%2C0-0.02%20C19.11%2C20.73%2C18.31%2C19.91%2C17.31%2C19.91z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::after {
  content: "立即搶購";
}

@media screen and (max-width: 767px) {
  .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn {
    bottom: 0.25em;
    bottom: -2.25em\0;
  }
}

/*看更多*/
.PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more {
  position: absolute;
  bottom: 0.25em;
  left: 0.25em;
}

.PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more b::after {
  content: "看更多";
}

/*搶購+看更多*/
.PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn,
.PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more {
  width: calc(50% - 0.25em);
}

.PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn b::after {
  content: "搶購";
}

.PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more {
  background-image: none;
  background-color: #49495c;
}

.PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more b {
  color: #9797bf;
}

.PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more i {
  border-color: #9797bf;
}

.PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more:hover b {
  color: #fff;
}

.PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more:hover i {
  border-color: #fff;
}

/*樣式:  0=白底矩型*/
.PD_layout[data-pd-btn*="box-0"] .PD_btn {
  background: #fff;
}

.PD_layout[data-pd-btn*="box-0"] .PD_btn b {
  color: #000;
}

.PD_layout[data-pd-btn*="box-0"] .PD_btn i {
  border-color: #000;
}

.PD_layout[data-pd-btn*="box-0"][data-pd-btn-pdgo] .PD .PD_btn b::before {
  display: none;
}

/*樣式:  1=圓角矩型*/
.PD_layout[data-pd-btn*="box-1"] .PD_btn {
  border-radius: 0.375em;
}

.PD_layout[data-pd-btn*="box-1"][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn {
  border-radius: 0 0.375em 0.375em 0;
}

.PD_layout[data-pd-btn*="box-1"][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more {
  border-radius: 0.375em 0 0 0.375em;
}

/*樣式:  2=膠囊型*/
.PD_layout[data-pd-btn*="box-2"] .PD_btn {
  border-radius: 3em;
}

.PD_layout[data-pd-btn*="box-2"][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn {
  border-radius: 0 3em 3em 0;
}

.PD_layout[data-pd-btn*="box-2"][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more {
  border-radius: 3em 0 0 3em;
}

/*樣式:  3=線框*/
.PD_layout[data-pd-btn*="box-3"] .PD_btn,
.PD_layout[data-pd-btn*="box-3"] .PD_btn.more {
  overflow: visible;
}

.PD_layout[data-pd-btn*="box-3"] .PD_btn span,
.PD_layout[data-pd-btn*="box-3"] .PD_btn.more span {
  overflow: visible;
  -webkit-transform: none;
  transform: none;
}

.PD_layout[data-pd-btn*="box-3"] .PD_btn span::before,
.PD_layout[data-pd-btn*="box-3"] .PD_btn.more span::before {
  content: "";
  position: absolute;
  top: -0.35em;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}

.PD_layout[data-pd-btn*="box-3"] .PD_btn b {
  font-size: 1em;
  color: #000;
}

.PD_layout[data-pd-btn*="box-3"] .PD_btn i {
  font-size: 0.875em;
  border-color: #000;
}

.PD_layout[data-pd-btn*="box-3"] .PD_btn {
  background-color: transparent;
  background-image: none;
}

.PD_layout[data-pd-btn*="box-3"] .PD_slide:hover .PD_btn b {
  color: #D62672;
}

.PD_layout[data-pd-btn*="box-3"] .PD_slide:hover .PD_btn i {
  border-color: #D62672;
}

@media screen and (max-width: 767px) {
  .PD_layout[data-pd-btn*="box-3"] .PD_slide {
    padding-bottom: 2.25em;
  }
  .PD_layout[data-pd-btn*="box-3"] .PD_btn b {
    height: 2.25em;
    line-height: 2.25em;
    font-size: 0.875em;
  }
  .PD_layout[data-pd-btn*="box-3"] .PD_btn i {
    top: 0.875em;
  }
}

/*搶購*/
.PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo] .PD .PD_btn {
  position: absolute;
  bottom: 0.15em;
  bottom: -2.35em\0;
  right: 0.25em;
}

.PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo] .PD .PD_btn b::before {
  display: none;
}

.PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo] .PD .PD_btn b::after {
  padding-left: 0.5em;
}

@media screen and (max-width: 767px) {
  .PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo] .PD .PD_btn {
    bottom: 0.15em;
  }
}

/*看更多*/
.PD_layout[data-pd-btn*="box-3"][data-pd-btn-more] .PD_btn.more {
  position: absolute;
  bottom: 0.15em;
  bottom: -2.35em\0;
  left: 0.25em;
}

/*搶購+看更多*/
.PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn,
.PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more {
  width: calc(50% - 0.25em);
}

.PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more span::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #ccc;
}

.PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn b::after {
  content: "搶購";
}

.PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more {
  background-color: transparent;
  background-image: none;
}

.PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more b {
  color: #000;
}

.PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more i {
  border-color: #000;
}

.PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more:hover b {
  color: #D62672;
}

.PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more:hover i {
  border-color: #D62672;
}

/*樣式:  無4=純文字(搶購時段) */
.PD_layout[data-pd-btn*="box-4"][data-pd-btn-pdgo] .PD .PD_btn {
  background-color: #000;
  background-image: none;
}

.PD_layout[data-pd-btn*="box-4"][data-pd-btn-pdgo] .PD .PD_btn i,
.PD_layout[data-pd-btn*="box-4"][data-pd-btn-pdgo] .PD .PD_btn b::before {
  display: none;
}

.PD_layout[data-pd-btn*="box-4"][data-pd-btn-pdgo] .PD .PD_btn b::after {
  content: "08:00開搶";
}

/*樣式:  line-1=線框矩型*/
.PD_layout[data-pd-btn*="line-1"] .PD_btn {
  background: transparent;
  border: 1px solid #000;
}

.PD_layout[data-pd-btn*="line-1"] .PD_btn b {
  color: #000;
}

.PD_layout[data-pd-btn*="line-1"] .PD_btn i {
  border-color: #000;
}

.PD_layout[data-pd-btn*="line-1"][data-pd-btn-pdgo] .PD .PD_btn b::before {
  display: none;
}

/*樣式:  icon-共用設定 -r=相對定位 -a=絕對定位*/
.PD_layout[data-pd-btn*="icon-"] .PD_btn {
  position: relative;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
}

.PD_layout[data-pd-btn*="icon-"] .PD_btn {
  border-radius: 5em;
  width: 2.25em;
  height: 2.25em;
}

.PD_layout[data-pd-btn*="icon-"] .PD_btn b {
  padding: 0;
  width: 100%;
  height: 100%;
}

.PD_layout[data-pd-btn*="icon-"] .PD_btn span {
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transform: skewX(0deg);
  transform: skewX(0deg);
}

.PD_layout[data-pd-btn*="icon-"] .PD_btn i {
  display: none;
}

@media screen and (max-width: 767px) {
  .PD_layout[data-pd-btn*="icon-"] .PD_btn {
    border-radius: 5em;
    width: 2em;
    height: 2em;
  }
}

/*看更多*/
.PD_layout[data-pd-btn*="icon-"][data-pd-btn-more] .PD_btn.more {
  display: none;
}

/*定位*/
.PD_layout[data-pd-btn*="-r"] .PD_btn {
  position: relative;
}

.PD_layout[data-pd-btn*="-a"] .PD_btn {
  position: absolute;
}

.PD_layout[data-pd-btn*="top"] .PD_btn {
  top: 0.25em;
}

.PD_layout[data-pd-btn*="right"] .PD_btn {
  right: 0.25em;
}

.PD_layout[data-pd-btn*="bottom"] .PD_btn {
  bottom: 0.25em;
}

.PD_layout[data-pd-btn*="left"] .PD_btn {
  left: 0.25em;
}

.PD_layout[data-pd-btn*="col-center"] .PD_btn {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.PD_layout[data-pd-btn*="row-center"] .PD_btn {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

/*佔位空間*/
.PD_layout[data-pd-btn*="-r"][data-pd-btn-pdgo] .PD_slide,
.PD_layout[data-pd-btn*="-r"][data-pd-btn-more] .PD_slide {
  padding-bottom: 2.5em;
}

.PD_layout[data-pd-btn*="-a"][data-pd-btn-pdgo] .PD_slide,
.PD_layout[data-pd-btn*="-a"][data-pd-btn-more] .PD_slide {
  padding-bottom: 0;
}

/*樣式:  icon-2=三角icon*/
.PD_layout[data-pd-btn*="icon-2"] .PD_btn {
  border-radius: 0;
  width: 2.75em;
  height: 2.75em;
  background-color: transparent;
  background-image: none;
}

.PD_layout[data-pd-btn*="icon-2"] .PD_btn b {
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  font-size: 1em;
  line-height: 1.4em;
}

.PD_layout[data-pd-btn*="icon-2"] .PD_btn span {
  width: 100%;
  height: 100%;
  text-align: right;
  -webkit-transform: skewX(0deg);
  transform: skewX(0deg);
}

.PD_layout[data-pd-btn*="icon-2"] .PD_btn i {
  display: none;
}

/*搶購*/
.PD_layout[data-pd-btn*="icon-1"][data-pd-btn-pdgo] .PD .PD_btn b::before {
  content: "";
  position: relative;
  top: 0;
  display: block;
  padding-right: 0;
  width: 100%;
  height: 100%;
  background-size: auto 60%;
  background-repeat: no-repeat;
  background-position: 45% 50%;
}

.PD_layout[data-pd-btn*="icon-1"][data-pd-btn-pdgo] .PD .PD_btn b::after {
  content: "";
}

/*樣式:  icon-2=三角icon*/
.PD_layout[data-pd-btn*="icon-2"] .PD_btn {
  border-radius: 0;
  width: 2.75em;
  height: 2.75em;
  background-color: transparent;
  background-image: none;
}

.PD_layout[data-pd-btn*="icon-2"] .PD_btn b {
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  font-size: 1em;
  line-height: 1.4em;
}

.PD_layout[data-pd-btn*="icon-2"] .PD_btn span {
  width: 100%;
  height: 100%;
  text-align: right;
  -webkit-transform: skewX(0deg);
  transform: skewX(0deg);
}

.PD_layout[data-pd-btn*="icon-2"] .PD_btn i {
  display: none;
}

/*三角形*/
.PD_layout[data-pd-btn*="icon-2"][data-pd-btn*="bottom"][data-pd-btn*="right"] .PD .PD_btn b::before {
  -webkit-transform: rotate(45deg) translateX(2em) scale(1.414);
          transform: rotate(45deg) translateX(2em) scale(1.414);
}

.PD_layout[data-pd-btn*="icon-2"][data-pd-btn*="bottom"][data-pd-btn*="left"] .PD .PD_btn b::before {
  -webkit-transform: rotate(135deg) translateX(2em) scale(1.414);
          transform: rotate(135deg) translateX(2em) scale(1.414);
}

.PD_layout[data-pd-btn*="icon-2"][data-pd-btn*="top"][data-pd-btn*="right"] .PD .PD_btn b::before {
  -webkit-transform: rotate(-45deg) translateX(2em) scale(1.414);
          transform: rotate(-45deg) translateX(2em) scale(1.414);
}

.PD_layout[data-pd-btn*="icon-2"][data-pd-btn*="top"][data-pd-btn*="left"] .PD .PD_btn b::before {
  -webkit-transform: rotate(-135deg) translateX(2em) scale(1.414);
          transform: rotate(-135deg) translateX(2em) scale(1.414);
}

/*定位*/
.PD_layout[data-pd-btn*="icon-2"][data-pd-btn*="top"] .PD_btn.PD_btn {
  top: 0;
}

.PD_layout[data-pd-btn*="icon-2"][data-pd-btn*="right"] .PD_btn.PD_btn {
  right: 0;
}

.PD_layout[data-pd-btn*="icon-2"][data-pd-btn*="bottom"] .PD_btn.PD_btn {
  bottom: 0;
}

.PD_layout[data-pd-btn*="icon-2"][data-pd-btn*="left"] .PD_btn.PD_btn {
  left: 0;
}

/*搶購*/
.PD_layout[data-pd-btn*="icon-2"][data-pd-btn-pdgo] .PD .PD_btn b::before {
  content: "";
  background-image: none;
}

.PD_layout[data-pd-btn*="icon-2"][data-pd-btn-pdgo] .PD .PD_btn b::before {
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
}

.PD_layout[data-pd-btn*="icon-2"][data-pd-btn-pdgo] .PD .PD_btn b::after {
  content: "GO";
  z-index: 1;
  position: absolute;
  font-family: "Century Gothic", "Helvetica Neue", "Microsoft JhengHei", "Microsoft YaHei", Helvetica, Arial;
}

.PD_layout[data-pd-btn*="icon-2"][data-pd-btn-pdgo][data-pd-btn*="top"] .PD .PD_btn b::after {
  top: 0;
}

.PD_layout[data-pd-btn*="icon-2"][data-pd-btn-pdgo][data-pd-btn*="bottom"] .PD .PD_btn b::after {
  bottom: 0;
}

.PD_layout[data-pd-btn*="icon-2"][data-pd-btn-pdgo][data-pd-btn*="right"] .PD .PD_btn b::after {
  right: 0.1em;
}

.PD_layout[data-pd-btn*="icon-2"][data-pd-btn-pdgo][data-pd-btn*="left"] .PD .PD_btn b::after {
  left: 0.1em;
}

/*樣式:  icon-3=GOicon*/
.PD_layout[data-pd-btn*="icon-3"] .PD_btn {
  background-color: rgba(0, 0, 0, 0.28);
  background-image: none;
}

.PD_layout[data-pd-btn*="icon-3"] .PD_btn b {
  padding: 0;
  font-size: 1em;
}

.PD_layout[data-pd-btn*="icon-3"] .PD_btn span {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transform: skewX(0deg);
  transform: skewX(0deg);
}

.PD_layout[data-pd-btn*="icon-3"] .PD_btn i {
  display: block;
  top: -0.4em;
  border-top: none;
  border-bottom: 0.0625em solid #fff;
  border-right: 0.0625em solid #fff;
  width: 0.5em;
  height: 0.5em;
}

@media screen and (max-width: 767px) {
  .PD_layout[data-pd-btn*="icon-3"] .PD_btn b {
    font-size: 0.75em;
  }
}

/*搶購*/
.PD_layout[data-pd-btn*="icon-3"][data-pd-btn-pdgo] .PD .PD_btn b::before {
  display: none;
}

.PD_layout[data-pd-btn*="icon-3"][data-pd-btn-pdgo] .PD .PD_btn b::after {
  content: "GO";
}

/*看更多*/
.PD_layout[data-pd-btn*="icon-3"][data-pd-btn-more] .PD_btn.more {
  display: none;
}

/* --------------------------------------
     *【元件】(特殊放最後)文案區內的搶購按鈕
     * -------------------------------------- */
.PD_layout[data-pd-btn] .PD_into .PD_into_PDgo {
  display: none;
  position: relative;
  top: auto;
  bottom: auto;
  right: auto;
  left: auto;
}

.PD_layout[data-pd-btn] .PD_into .PD_into_PDgo b {
  padding-left: 0.5em;
}

.PD_layout[data-pd-btn] .PD_into .PD_into_PDgo b::after {
  content: "立即搶購";
}

@media screen and (max-width: 767px) {
  .PD_layout[data-pd-btn] .PD .PD_into_PDgo {
    bottom: 0.25em;
  }
}

/*橫式*/
.PD_layout[data-pd-btn][data-pd-btn-intopdgo][data-pd-direction="row"] .PD,
.PD_layout[data-pd-btn][data-pd-btn-intopdgo][data-pd-direction="row-reverse"] .PD {
  margin-bottom: 0;
}

/*顯示*/
.PD_layout[data-pd-btn][data-pd-btn-intopdgo] .PD_into .PD_into_PDgo {
  display: block;
}

/*樣式:  無4=純文字(搶購時段) */
.PD_layout[data-pd-btn*="box-4"][data-pd-btn-intopdgo] .PD .PD_btn {
  background-color: #000;
  background-image: none;
}

.PD_layout[data-pd-btn*="box-4"][data-pd-btn-intopdgo] .PD .PD_btn i,
.PD_layout[data-pd-btn*="box-4"][data-pd-btn-intopdgo] .PD .PD_btn b::before {
  display: none;
}

.PD_layout[data-pd-btn*="box-4"][data-pd-btn-intopdgo] .PD .PD_btn b::after {
  content: "08:00開搶";
}

/* --------------------------------------
     *【版型】特殊
     * -------------------------------------- */
/*PD_layout-add2cart*/
.PD_layout-add2cart[data-pd-btn][data-pd-btn-more] .PD_btn.more b::after {
  content: "加入購物車";
}

/*PD_layout-PD_layout-coupon*/
.PD_layout-coupon[data-pd-btn][data-pd-btn-more] .PD_btn.more b::after {
  content: "領折價券";
}

/*領折價券(BN翻牌)*/
.PD_layout-BNcoupon .more {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.PD_layout-BNcoupon .more a {
  width: 100%;
  height: 100%;
}

.PD_layout-BNcoupon .PD_img::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: 100%;
}

.PD_layout-BNcoupon .PD_img::after {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: center 85%;
  transform-origin: center 85%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.PD_layout-BNcoupon .cate-hover .PD_img::after {
  background-image: url(Area_coupon_on.png?t=1753171594598);
}

.PD_layout-BNcoupon .cate-hover .PD_img::after {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.PD_layout-BNcoupon .cate-hover .more {
  display: none;
}

/* --------------------------------------
     *【版型】一課
     * -------------------------------------- */
/*PD_layout-D1_01*/
.PD_layout-D1_01 .PD_slide {
  background-color: #d5b08b;
}

.PD_layout-D1_01[data-pd-pdlogo="4"] .PD .PD_logo {
  margin-bottom: 0.25em;
}

.PD_layout-D1_01 .PD h4 {
  color: #260e02;
  font-weight: 900;
}

.PD_layout-D1_01 .PD h4 b {
  color: #fff;
}

@media screen and (min-width: 768px) {
  .PD_layout-D1_01 .PD_into {
    padding-bottom: 1em;
  }
  .PD_layout-D1_01 .PD h4 {
    font-size: 1.25em;
  }
  .PD_layout-D1_01 .PD h4 b {
    font-size: 1em;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout-D1_01 .PD_into {
    padding-bottom: 0.5em;
  }
}

/*PD_layout-D1_02*/
.PD_layout-D1_02[data-pd-h3="2"] .PD h3 {
  padding: 0;
}

.PD_layout-D1_02 .PD h4 b {
  display: none;
}

@media screen and (min-width: 768px) {
  .PD_layout-D1_02 .PD h4 {
    font-weight: 900;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout-D1_02[data-pd-h3="2"] .PD h3 {
    margin-bottom: 0em;
  }
  /*.PD_layout-D1_02 .PD h4 { font-size: 1em;}*/
  .PD_layout-D1_02 .PD h4 span {
    max-height: none;
    line-height: 2em;
  }
}

/*PD_layout-D1_02B*/
.PD_layout-D1_02B .PD h4 {
  font-weight: 900;
}

/*PD_layout-D1_03*/
.PD_layout-D1_03 ul::before {
  content: "熱門推薦：";
  font-weight: 900;
  position: relative;
}

.PD_layout-D1_03 .PD_slide {
  margin-left: 0.2em;
  margin-bottom: 0.2em;
  border-radius: 10em;
  background-color: #e13550;
}

.PD_layout-D1_03 .PD h3 {
  color: #fff;
}

.PD_layout-D1_03 .PD h3 span::before {
  content: "#";
}

@media screen and (min-width: 768px) {
  .PD_layout-D1_03 ul {
    padding-left: 35px;
    padding-right: 35px;
  }
  .PD_layout-D1_03 ul::before {
    top: 0.2em;
  }
  .PD_layout-D1_03 .PD_into {
    padding: 0 1em;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout-D1_03 ul {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .PD_layout-D1_03 ul::before {
    top: 0.2em;
  }
  .PD_layout-D1_03 .PD_into {
    padding: 0 0.5em;
  }
}

/* --------------------------------------
     *【版型】二課
     * -------------------------------------- */
/*PD_layout-D2_01*/
.PD_layout-D2_01 .PD_slide {
  padding-top: 1.5em;
  -webkit-box-shadow: 0 0 0 6px #FFFFFF, 0 0 0 8px #bba489;
          box-shadow: 0 0 0 6px #FFFFFF, 0 0 0 8px #bba489;
  background-color: #bba489;
}

.PD_layout-D2_01 .PD_slide::before {
  color: #fff;
}

.PD_layout-D2_01 .PD_slide .PD_img {
  /*margin-bottom: 0;*/
  padding-top: 0;
  padding-bottom: 0;
}

.PD_layout-D2_01 .PD h3,
.PD_layout-D2_01 .PD h4,
.PD_layout-D2_01 .PD p,
.PD_layout-D2_01 .PD:hover h4 {
  color: #fff;
}

.PD_layout-D2_01 .PD h3 {
  margin-bottom: 0;
}

.PD_layout-D2_01[data-pd-btn-intopdgo] .PD_into_PDgo b::before {
  display: none;
}

.PD_layout-D2_01[data-pd-btn*="0"] .PD_btn b {
  color: #585858;
}

.PD_layout-D2_01[data-pd-btn*="0"] .PD_btn i {
  border-color: #585858;
}

@media screen and (min-width: 768px) {
  .PD_layout-D2_01 .PD_slide {
    border-radius: 20em 20em 0 0;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_01 .PD_slide {
    border-radius: 20em 20em 0 0;
  }
  .PD_layout-D2_01 .PD_slide {
    padding: 1em 0 0 0;
    -webkit-box-shadow: 0 0 0 0.3125em #FFFFFF,0 0 0 0.375em #bba489;
            box-shadow: 0 0 0 0.3125em #FFFFFF,0 0 0 0.375em #bba489;
  }
}

/*寬鬆版*/
@media screen and (max-width: 767px) {
  .PD_layout-D2_01[data-pd-col-phone*="2 wide"] ul,
  .PD_layout-D2_01[data-pd-col-phone*="3 wide"] ul {
    padding-left: 1em;
    padding-right: 1em;
  }
  .PD_layout-D2_01[data-pd-col-phone*="2 wide"] li {
    margin: 0 0 2em 1em;
    width: calc(48.75% - 0.5em * 0.5);
  }
  .PD_layout-D2_01[data-pd-col-phone*="3 wide"] li {
    margin: 0 0 2em 0.775em;
    width: calc(32% - 0.5em * 0.535);
  }
}

/*PD_layout-D2_02*/
.PD_layout-D2_02 .PD_slide {
  background-color: #bba489;
}

.PD_layout-D2_02 .PD h3,
.PD_layout-D2_02 .PD h4,
.PD_layout-D2_02 .PD p,
.PD_layout-D2_02 .PD p del,
.PD_layout-D2_02 .PD:hover h4 {
  color: #fff;
}

.PD_layout-D2_02 .PD h3 {
  margin-bottom: 0;
}

.PD_layout-D2_02[data-pd-btn-intopdgo] .PD_into_PDgo b::before {
  display: none;
}

.PD_layout-D2_02[data-pd-btn*="line-1"] .PD_btn {
  margin-left: 0;
  padding: 0 0.625em;
  border-color: #fff;
  width: auto;
  font-size: 0.8125em;
}

.PD_layout-D2_02[data-pd-btn*="line-1"] .PD_btn b {
  color: #fff;
}

.PD_layout-D2_02[data-pd-btn*="line-1"] .PD_btn i {
  border-color: #fff;
}

@media screen and (min-width: 768px) {
  .PD_layout-D2_02 .PD_into {
    padding: 1em;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_02 .PD_into {
    padding: 0.75em;
  }
}

@media screen and (min-width: 768px) {
  .PD_layout-D2_02[data-pd-col-pc*="1"] li {
    margin-left: 0;
    width: calc(66.66% - 10px * 0.5);
  }
  .PD_layout-D2_02[data-pd-col-pc*="1"] li:nth-of-type(2n+2) {
    margin-left: 33.33%;
  }
  .PD_layout-D2_02[data-pd-col-pc*="2"] li {
    width: calc(40% - 10px * 0.5);
  }
  .PD_layout-D2_02[data-pd-col-pc*="2"] li:nth-child(2n+1) {
    margin-left: 0;
  }
  .PD_layout-D2_02[data-pd-col-pc*="2"] li:nth-of-type(4n+3) {
    margin-left: 20%;
  }
}

/*PD_layout-D2_03*/
.PD_layout-D2_03 .PD_slide {
  border-radius: 20em;
  background-color: #e9e9e9;
}

.PD_layout-D2_03 .PD_img img {
  border-radius: 20em 20em 0 0;
}

.PD_layout-D2_03 .PD h3,
.PD_layout-D2_03 .PD h4,
.PD_layout-D2_03 .PD:hover h4 {
  color: #10245a;
}

.PD_layout-D2_03 .PD h3 {
  margin-bottom: 0;
}

.PD_layout-D2_03[data-pd-pdlogo="3"]:not([data-pd-direction*="row"]) .PD .PD_logo {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  height: 4.375em;
}

.PD_layout-D2_03[data-pd-pdlogo="3"]:not([data-pd-direction*="row"]) .PD .PD_logo img {
  -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_03[data-pd-pdlogo="3"]:not([data-pd-direction*="row"]) .PD .PD_logo {
    height: 4.25em;
  }
}

@media screen and (min-width: 768px) {
  .PD_layout-D2_03[data-pd-col-pc*="4 wide"] ul {
    padding-bottom: 60px;
  }
  .PD_layout-D2_03[data-pd-col-pc*="4 wide"] li:nth-of-type(even) {
    top: 60px;
  }
  .PD_layout-D2_03[data-pd-col-pc*="5 wide"] ul {
    padding-bottom: 60px;
  }
  .PD_layout-D2_03[data-pd-col-pc*="5 wide"] li:nth-of-type(5n+2),
  .PD_layout-D2_03[data-pd-col-pc*="5 wide"] li:nth-of-type(5n+4) {
    top: 60px;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_03[data-pd-col-phone*="2 wide"] ul {
    padding-bottom: 2.5em;
  }
  .PD_layout-D2_03[data-pd-col-phone*="2 wide"] li:nth-of-type(even) {
    top: 2.5em;
  }
  .PD_layout-D2_03[data-pd-col-phone*="3 wide"] ul {
    padding-bottom: 2.5em;
  }
  .PD_layout-D2_03[data-pd-col-phone*="3 wide"] li:nth-of-type(3n+2) {
    top: 2.5em;
  }
}

/*PD_layout-D2_04*/
.PD_layout-D2_04 .PD_slide::before {
  font-size: 3em;
  font-size: 48px\0;
  color: #fff;
}

.PD_layout-D2_04[data-pd-number*="left"] .PD_slide::before {
  left: 47%;
}

.PD_layout-D2_04[data-pd-number*="top"] .PD_slide::before {
  top: 0.5em;
}

.PD_layout-D2_04 .PD_slide {
  background-color: transparent;
}

.PD_layout-D2_04 .PD_slide:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.PD_layout-D2_04 .PD:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 8.5em;
  display: block;
  width: 100%;
  height: calc(100% - 8.5em);
  background-image: linear-gradient(120deg, #94b8c3 0%, #94b8c3 50%, rgba(148, 184, 195, 0) 80%);
}

.PD_layout-D2_04 .PD h3,
.PD_layout-D2_04 .PD h4,
.PD_layout-D2_04 .PD:hover h4 {
  color: #000;
}

.PD_layout-D2_04[data-pd-direction="row"] .PD_img,
.PD_layout-D2_04[data-pd-direction="row-reverse"] .PD_img {
  width: 42%;
}

.PD_layout-D2_04[data-pd-direction="row"] .PD_into,
.PD_layout-D2_04[data-pd-direction="row-reverse"] .PD_into {
  padding-top: 5em;
  width: 58%;
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_04 .PD_slide::before {
    font-size: 2.666em;
    font-size: 42px\0;
  }
  .PD_layout-D2_04[data-pd-number*="left"] .PD_slide:nth-of-type(odd)::before {
    left: 55%;
  }
  .PD_layout-D2_04[data-pd-number*="left"] .PD_slide:nth-of-type(even)::before {
    left: 7%;
  }
  .PD_layout-D2_04[data-pd-number*="top"] .PD_slide:nth-of-type(odd)::before {
    top: 0;
  }
  .PD_layout-D2_04[data-pd-number*="top"] .PD_slide:nth-of-type(even)::before {
    top: 0.1em;
  }
  .PD_layout-D2_04[data-pd-direction="row"] .PD:before,
  .PD_layout-D2_04[data-pd-direction="row-reverse"] .PD:before {
    top: 6em;
    height: calc(100% - 6em);
  }
  .PD_layout-D2_04[data-pd-direction="row"] .PD_slide:nth-of-type(even) .PD:before,
  .PD_layout-D2_04[data-pd-direction="row-reverse"] .PD_slide:nth-of-type(even) .PD:before {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
  .PD_layout-D2_04[data-pd-direction="row"] .PD_slide .PD_img,
  .PD_layout-D2_04[data-pd-direction="row-reverse"] .PD_slide .PD_img {
    padding: 0.5em;
  }
  .PD_layout-D2_04[data-pd-direction="row"] .PD_into,
  .PD_layout-D2_04[data-pd-direction="row-reverse"] .PD_into {
    padding-top: 3em;
  }
  .PD_layout-D2_04[data-pd-direction="row"] .PD_slide:nth-of-type(even) .PD a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .PD_layout-D2_04[data-pd-direction="row-reverse"] .PD_slide:nth-of-type(even) .PD a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .PD_layout-D2_04[data-pd-direction="row"] .PD_slide:nth-of-type(odd) .PD_img {
    padding-right: 0;
  }
  .PD_layout-D2_04[data-pd-direction="row-reverse"] .PD_slide:nth-of-type(odd) .PD_img {
    padding-left: 0;
  }
  .PD_layout-D2_04[data-pd-direction="row"] .PD_slide:nth-of-type(even) .PD_img {
    padding-left: 0;
  }
  .PD_layout-D2_04[data-pd-direction="row-reverse"] .PD_slide:nth-of-type(even) .PD_img {
    padding-right: 0;
  }
  .PD_layout-D2_04[data-pd-direction="row"] .PD_slide:nth-of-type(odd) .PD_into {
    padding-right: 1.5em;
  }
  .PD_layout-D2_04[data-pd-direction="row-reverse"] .PD_slide:nth-of-type(odd) .PD_into {
    padding-left: 1.5em;
  }
  .PD_layout-D2_04[data-pd-direction="row"] .PD_slide:nth-of-type(even) .PD_into {
    padding-left: 1.5em;
  }
  .PD_layout-D2_04[data-pd-direction="row-reverse"] .PD_slide:nth-of-type(even) .PD_into {
    padding-right: 1.5em;
  }
}

/*交叉調整--佈局*/
@media screen and (min-width: 768px) {
  .PD_layout-D2_04[data-pd-col-pc*="2"] ul {
    padding-bottom: 100px;
  }
  .PD_layout-D2_04[data-pd-col-pc*="2"] li {
    margin-bottom: 45px;
  }
  .PD_layout-D2_04[data-pd-col-pc*="2"] li:nth-of-type(odd) {
    left: 100px;
  }
  .PD_layout-D2_04[data-pd-col-pc*="2"] li:nth-of-type(even) {
    top: 100px;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_04[data-pd-col-phone*="1"] ul {
    padding: 0;
  }
  .PD_layout-D2_04[data-pd-col-phone*="1"] li {
    margin-bottom: 1em;
  }
}

/*PD_layout-D2_06*/
.PD_layout-D2_06 .PD_slide {
  border-radius: 20em;
  background-color: transparent;
}

.PD_layout-D2_06 .PD_slide:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.PD_layout-D2_06[data-pd-img="0"]:not([data-pd-direction*="row"]) .PD_img img {
  border-radius: 20em;
}

.PD_layout-D2_06 .PD h3,
.PD_layout-D2_06 .PD h4,
.PD_layout-D2_06 .PD p,
.PD_layout-D2_06 .PD p del,
.PD_layout-D2_06 .PD:hover h4 {
  color: #fff;
}

.PD_layout-D2_06[data-pd-btn] .PD_btn {
  width: 84%;
  background: #3a3e49;
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_06 .PD_img:after {
    height: 2.25em;
  }
}

@media screen and (min-width: 768px) {
  .PD_layout-D2_06[data-pd-col-pc*="4 wide"] ul {
    padding-bottom: 60px;
  }
  .PD_layout-D2_06[data-pd-col-pc*="4 wide"] li:nth-of-type(even) {
    top: 60px;
  }
  .PD_layout-D2_06[data-pd-col-pc*="5 wide"] li:nth-of-type(5n+2),
  .PD_layout-D2_06[data-pd-col-pc*="5 wide"] li:nth-of-type(5n+4) {
    top: 60px;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_06[data-pd-col-phone*="2 wide"] ul {
    padding-bottom: 2.5em;
  }
  .PD_layout-D2_06[data-pd-col-phone*="2 wide"] li:nth-of-type(even) {
    top: 2.5em;
  }
  .PD_layout-D2_06[data-pd-col-phone*="3 wide"] ul {
    padding-bottom: 2.5em;
  }
  .PD_layout-D2_06[data-pd-col-phone*="3 wide"] li:nth-of-type(3n+2) {
    top: 2.5em;
  }
}

/*PD_layout-D2_07A*/
.PD_layout-D2_07A .PD_slide {
  position: relative;
  background-color: transparent;
}

.PD_layout-D2_07A .PD_slide::before {
  font-size: 4em;
  font-size: 64px\0;
  color: #dad8d9;
}

.PD_layout-D2_07A[data-pd-number*="col-center"] .PD_slide::before {
  top: 50%;
  -webkit-transform: none;
          transform: none;
}

.PD_layout-D2_07A[data-pd-number*="left"] .PD_slide::before {
  left: 0.2em;
}

.PD_layout-D2_07A .PD_slide::after {
  content: "";
  pointer-events: none;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: block;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-bottom: 2px dotted #dcdcdc;
  border-right: 2px dotted #dcdcdc;
}

.PD_layout-D2_07A .PD_slide:hover {
  -webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 30px rgba(0, 0, 0, 0.2);
  -webkit-transform: none;
          transform: none;
}

.PD_layout-D2_07A .PD_slide:hover::after {
  opacity: 0;
}

.PD_layout-D2_07A .PD h3,
.PD_layout-D2_07A .PD h4,
.PD_layout-D2_07A .PD p,
.PD_layout-D2_07A .PD p del,
.PD_layout-D2_07A .PD:hover h4 {
  color: #10245a;
}

.PD_layout-D2_07A[data-pd-btn] .PD_btn {
  margin-left: 0;
  width: 8em;
  background: #10245a;
}

@media screen and (min-width: 768px) {
  .PD_layout-D2_07A .PD_slide:nth-of-type(4n+4)::after {
    border-right: none;
  }
  .PD_layout-D2_07A .PD_slide:nth-last-child(-n+4)::after {
    border-bottom: none;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_07A[data-pd-number*="col-center"] .PD_slide::before {
    top: 46%;
    font-size: 2.5em;
    font-size: 40px\0;
  }
  .PD_layout-D2_07A .PD_slide:nth-of-type(2n+2)::after {
    border-right: none;
  }
  .PD_layout-D2_07A .PD_slide:nth-last-child(-n+2)::after {
    border-bottom: none;
  }
  .PD_layout-D2_07A[data-pd-btn] .PD_btn {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .PD_layout-D2_07A[data-pd-col-pc*="4"] ul {
    padding: 35px;
  }
  .PD_layout-D2_07A[data-pd-col-pc*="4"] li {
    margin: 0;
    padding: 0.5em;
    width: 25%;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_07A[data-pd-col-phone*="2"] ul {
    padding: 0.5em;
  }
  .PD_layout-D2_07A[data-pd-col-phone*="2"] li {
    margin: 0;
    padding: 0.5em;
    width: 50%;
  }
}

/*PD_layout-D2_07B*/
.PD_layout-D2_07B .PD_slide {
  position: relative;
  background-color: transparent;
}

.PD_layout-D2_07B .PD_slide::before {
  font-size: 4em;
  font-size: 64px\0;
  color: #dad8d9;
}

.PD_layout-D2_07B[data-pd-number*="top"] .PD_slide::before {
  top: 0.3em;
}

.PD_layout-D2_07B[data-pd-number*="left"] .PD_slide::before {
  left: 44%;
}

.PD_layout-D2_07B .PD_slide::after {
  content: "";
  pointer-events: none;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-bottom: 2px dotted #dcdcdc;
  border-right: 2px dotted #dcdcdc;
}

.PD_layout-D2_07B .PD_slide:hover {
  -webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 30px rgba(0, 0, 0, 0.2);
  -webkit-transform: none;
          transform: none;
}

.PD_layout-D2_07B .PD_slide:hover::after {
  opacity: 0;
}

.PD_layout-D2_07B .PD h3,
.PD_layout-D2_07B .PD h4,
.PD_layout-D2_07B .PD p,
.PD_layout-D2_07B .PD p del,
.PD_layout-D2_07B .PD:hover h4 {
  color: #10245a;
}

.PD_layout-D2_07B[data-pd-btn] .PD_into_PDgo {
  margin-left: 0;
  width: 8em;
  background: #10245a;
}

.PD_layout-D2_07B[data-pd-direction="row"] .PD_img,
.PD_layout-D2_07B[data-pd-direction="row-reverse"] .PD_img {
  padding: 1em;
  width: 42%;
}

.PD_layout-D2_07B[data-pd-direction="row"] .PD_into,
.PD_layout-D2_07B[data-pd-direction="row-reverse"] .PD_into {
  padding-top: 5em;
  width: 58%;
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_07B .PD_slide::before {
    font-size: 2.5em;
    font-size: 40px\0;
  }
  .PD_layout-D2_07B[data-pd-number*="top"] .PD_slide::before {
    top: 0.2em;
  }
  .PD_layout-D2_07B[data-pd-number*="left"] .PD_slide::before {
    left: 44%;
  }
  .PD_layout-D2_07B[data-pd-direction="row"] .PD_img,
  .PD_layout-D2_07B[data-pd-direction="row-reverse"] .PD_img {
    padding: 0.5em;
  }
  .PD_layout-D2_07B[data-pd-direction="row"] .PD_into,
  .PD_layout-D2_07B[data-pd-direction="row-reverse"] .PD_into {
    padding-top: 2.1em;
  }
}

@media screen and (min-width: 768px) {
  .PD_layout-D2_07B[data-pd-col-pc*="2"] ul {
    padding: 35px;
  }
  .PD_layout-D2_07B[data-pd-col-pc*="2"] li {
    margin: 0;
    padding: 0.5em;
    width: 50%;
  }
  .PD_layout-D2_07B[data-pd-col-pc*="2"] .PD_slide:nth-of-type(2n+2)::after {
    border-right: none;
  }
  .PD_layout-D2_07B[data-pd-col-pc*="2"] .PD_slide:nth-last-child(-n+2)::after {
    border-bottom: none;
  }
  .PD_layout-D2_07B[data-pd-col-pc*="2"] .PD_slide:nth-of-type(4n+1),
  .PD_layout-D2_07B[data-pd-col-pc*="2"] .PD_slide:nth-of-type(4n+4) {
    text-align: right;
  }
  .PD_layout-D2_07B[data-pd-col-pc*="2"] .PD_slide:nth-of-type(4n+1) .PD a,
  .PD_layout-D2_07B[data-pd-col-pc*="2"] .PD_slide:nth-of-type(4n+4) .PD a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .PD_layout-D2_07B[data-pd-col-pc*="2"] .PD_slide:nth-of-type(4n+1) .PD_img,
  .PD_layout-D2_07B[data-pd-col-pc*="2"] .PD_slide:nth-of-type(4n+4) .PD_img {
    padding-left: 0;
  }
  .PD_layout-D2_07B[data-pd-col-pc*="2"] .PD_slide:nth-of-type(4n+2) .PD_img,
  .PD_layout-D2_07B[data-pd-col-pc*="2"] .PD_slide:nth-of-type(4n+3) .PD_img {
    padding-right: 0;
  }
  .PD_layout-D2_07B[data-pd-col-pc*="2"] .PD_slide:nth-of-type(4n+1) .PD_into_PDgo,
  .PD_layout-D2_07B[data-pd-col-pc*="2"] .PD_slide:nth-of-type(4n+4) .PD_into_PDgo {
    margin-right: 0;
    margin-left: auto;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_07B[data-pd-col-phone*="1"] ul {
    padding: 0.5em;
  }
  .PD_layout-D2_07B[data-pd-col-phone*="1"] li {
    margin: 0;
    padding: 0.5em;
    width: 100%;
  }
  .PD_layout-D2_07B[data-pd-col-phone*="1"] .PD_slide::after {
    border-right: none;
  }
  .PD_layout-D2_07B[data-pd-col-phone*="1"] .PD_slide:nth-last-child(-n+1)::after {
    border-bottom: none;
  }
  .PD_layout-D2_07B[data-pd-col-phone*="1"] .PD_slide:nth-of-type(2n+1) {
    text-align: right;
  }
  .PD_layout-D2_07B[data-pd-col-phone*="1"] .PD_slide:nth-of-type(2n+1) .PD a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .PD_layout-D2_07B[data-pd-col-phone*="1"] .PD_slide:nth-of-type(2n+1) .PD_img {
    padding-left: 0;
  }
  .PD_layout-D2_07B[data-pd-col-phone*="1"] .PD_slide:nth-of-type(2n+2) .PD_img {
    padding-right: 0;
  }
  .PD_layout-D2_07B[data-pd-col-phone*="1"] .PD_slide:nth-of-type(2n+1) .PD_into_PDgo {
    margin-right: 0;
    margin-left: auto;
  }
}

/*PD_layout-D2_07C*/
.PD_layout-D2_07C .PD_slide {
  position: relative;
  background-color: transparent;
}

.PD_layout-D2_07C .PD_slide::before {
  z-index: 10;
  font-size: 4em;
  font-size: 64px\0;
  color: #dad8d9;
}

.PD_layout-D2_07C[data-pd-number*="top"] .PD_slide::before {
  top: 0.1em;
}

.PD_layout-D2_07C[data-pd-number*="left"] .PD_slide::before {
  left: 0.1em;
}

.PD_layout-D2_07C .PD_slide:hover::after {
  opacity: 0;
}

.PD_layout-D2_07C .PD h3,
.PD_layout-D2_07C .PD h4,
.PD_layout-D2_07C .PD p,
.PD_layout-D2_07C .PD p del,
.PD_layout-D2_07C .PD:hover h4 {
  color: #10245a;
}

.PD_layout-D2_07C .PD_slide .PD_into {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 1em;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}

.PD_layout-D2_07C .PD_slide .PD_into {
  -webkit-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  -ms-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.PD_layout-D2_07C[data-pd-btn] .PD_into_PDgo {
  margin-left: 0;
  width: 8em;
  background: #10245a;
}

.PD_layout-D2_07C[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn {
  bottom: 0.5em;
  right: 1em;
}

.PD_layout-D2_07C[data-pd-btn*="icon-3"] .PD_btn {
  background: #10245a;
}

.PD_layout-D2_07C[data-pd-btn*="icon-3"] .PD_btn span {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.PD_layout-D2_07C[data-pd-btn*="icon-3"] .PD_btn b {
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 0.9em;
}

.PD_layout-D2_07C[data-pd-btn*="icon-3"] .PD_btn i {
  display: inline-block;
  top: 0;
  left: -0.15em;
  border-bottom: none;
  border-top: 0.0625em solid #fff;
  border-right: 0.0625em solid #fff;
}

@media screen and (min-width: 768px) {
  .PD_layout-D2_07C[data-pd-col-pc*="1"] ul,
  .PD_layout-D2_07C[data-pd-col-pc*="2"] ul,
  .PD_layout-D2_07C[data-pd-col-pc*="3"] ul,
  .PD_layout-D2_07C[data-pd-col-pc*="4"] ul,
  .PD_layout-D2_07C[data-pd-col-pc*="5"] ul,
  .PD_layout-D2_07C[data-pd-col-pc*="6"] ul {
    padding: 35px;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_07C[data-pd-col-phone*="1"] ul,
  .PD_layout-D2_07C[data-pd-col-phone*="2"] ul,
  .PD_layout-D2_07C[data-pd-col-phone*="3"] ul {
    padding: 1em;
  }
  .PD_layout-D2_07C[data-pd-col-phone*="1"] li {
    margin-bottom: 1em;
    width: 100%;
  }
}

/*PD_layout-D2_07*/
.PD_layout-D2_07 ul {
  font-size: 0;
}

.PD_layout-D2_07 li {
  font-size: 16px;
}

.PD_layout-D2_07[data-pd-col-pc*="1"] li {
  margin-bottom: 0;
}

.PD_layout-D2_07 .PD_slide {
  position: relative;
  background-color: transparent;
}

.PD_layout-D2_07 .PD_slide::before {
  position: absolute;
  font-size: 3.5em;
  font-size: 56px\0;
  color: #dad8d9;
}

.PD_layout-D2_07 .PD_slide::after {
  content: "";
  pointer-events: none;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-style: dotted;
  border-width: 2px;
  border-color: transparent;
}

.PD_layout-D2_07 .PD_slide:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: none;
          transform: none;
}

.PD_layout-D2_07 .PD_into {
  padding: 0.5em 1em;
}

.PD_layout-D2_07 .PD h3,
.PD_layout-D2_07 .PD h4,
.PD_layout-D2_07 .PD p,
.PD_layout-D2_07 .PD p del,
.PD_layout-D2_07 .PD:hover h4 {
  color: #10245a;
}

.PD_layout-D2_07[data-pd-btn] .PD_btn {
  margin-left: 0;
  padding: 0 0.5em;
  width: auto;
  background: #10245a;
}

@media screen and (min-width: 768px) {
  .PD_layout-D2_07 ul {
    display: block;
    padding: 85px;
  }
  .PD_layout-D2_07 ul {
    -webkit-column-gap: 50px;
    -ms-column-gap: 50px;
    -o-column-gap: 50px;
    column-gap: 50px;
    -webkit-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_07 .PD_slide::before {
    font-size: 2.45em;
    font-size: 36px\0;
  }
  .PD_layout-D2_07 .PD_into {
    padding: 0.5em;
  }
  .PD_layout-D2_07[data-pd-btn] .PD_btn {
    width: auto;
  }
}

/*橫*/
.PD_layout-D2_07 .PD_slide:nth-of-type(5n+1) .PD_img,
.PD_layout-D2_07 .PD_slide:nth-of-type(5n+2) .PD_img {
  padding: 10px;
  width: 50%;
}

.PD_layout-D2_07 .PD_slide:nth-of-type(5n+1) .PD_into,
.PD_layout-D2_07 .PD_slide:nth-of-type(5n+2) .PD_into {
  width: 50%;
}

.PD_layout-D2_07 .PD_slide:nth-of-type(5n+1)::after,
.PD_layout-D2_07 .PD_slide:nth-of-type(5n+2)::after {
  border-bottom-color: #dcdcdc;
}

/*橫左*/
.PD_layout-D2_07 .PD_slide:nth-of-type(5n+1) .PD a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  text-align: right;
}

.PD_layout-D2_07 .PD_slide:nth-of-type(5n+1) .PD_into {
  padding-right: 0;
  padding-top: 1.5em;
}

.PD_layout-D2_07 .PD_slide:nth-of-type(5n+1) .PD_into_PDgo {
  margin-right: 0;
  margin-left: auto;
}

.PD_layout-D2_07 .PD_slide:nth-of-type(5n+1)::before {
  top: 0.2em;
  left: 52%;
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_07 .PD_slide:nth-of-type(5n+1) .PD_into {
    padding-top: 1em;
  }
}

/*橫右*/
.PD_layout-D2_07 .PD_slide:nth-of-type(5n+2) {
  margin-bottom: 10px;
}

.PD_layout-D2_07 .PD_slide:nth-of-type(5n+2) .PD a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.PD_layout-D2_07 .PD_slide:nth-of-type(5n+2) .PD_into {
  padding-left: 0;
  padding-top: 2.5em;
}

.PD_layout-D2_07 .PD_slide:nth-of-type(5n+2)::before {
  bottom: 0;
  right: 2%;
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_07 .PD_slide:nth-of-type(5n+2) .PD_into {
    padding-top: 1em;
  }
}

/*直*/
.PD_layout-D2_07 .PD_slide:nth-of-type(5n+3),
.PD_layout-D2_07 .PD_slide:nth-of-type(5n+4) {
  display: inline-block;
  padding-bottom: 4em;
  width: 50%;
}

.PD_layout-D2_07 .PD_slide:nth-of-type(5n+3) .PD_img,
.PD_layout-D2_07 .PD_slide:nth-of-type(5n+4) .PD_img,
.PD_layout-D2_07 .PD_slide:nth-of-type(5n+3) .PD_into,
.PD_layout-D2_07 .PD_slide:nth-of-type(5n+4) .PD_into {
  width: auto;
}

.PD_layout-D2_07 .PD_slide:nth-of-type(5n+3)::before,
.PD_layout-D2_07 .PD_slide:nth-of-type(5n+4)::before {
  top: 40%;
  left: 0;
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_07 .PD_slide:nth-of-type(5n+3),
  .PD_layout-D2_07 .PD_slide:nth-of-type(5n+4) {
    padding-bottom: 0;
  }
  .PD_layout-D2_07 .PD_slide:nth-of-type(5n+3)::before,
  .PD_layout-D2_07 .PD_slide:nth-of-type(5n+4)::before {
    top: 42%;
  }
}

/*直左*/
.PD_layout-D2_07 .PD_slide:nth-of-type(5n+3) {
  padding-right: 10px;
  padding-left: 10px;
}

.PD_layout-D2_07 .PD_slide:nth-of-type(5n+3)::after {
  border-right-color: #dcdcdc;
}

/*直右*/
.PD_layout-D2_07 .PD_slide:nth-of-type(5n+4) {
  position: relative;
  top: 4em;
  padding-left: 10px;
  padding-right: 10px;
}

.PD_layout-D2_07 .PD_slide:nth-of-type(5n+4)::before {
  left: 10px;
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_07 .PD_slide:nth-of-type(5n+4) {
    top: auto;
  }
}

/*方*/
.PD_layout-D2_07 .PD_slide:nth-of-type(5n+5) {
  position: relative;
  top: -1em;
  margin-bottom: 50%;
  padding-top: 50%;
}

.PD_layout-D2_07 .PD_slide:nth-of-type(5n+5) .PD_img {
  background-color: #fff;
}

.PD_layout-D2_07 .PD_slide:nth-of-type(5n+5) .PD_into {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0.5em;
  padding-left: 2.5em;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}

.PD_layout-D2_07 .PD_slide:nth-of-type(5n+5) .PD_into_PDgo {
  position: absolute;
  bottom: 0.7em;
  right: 1em;
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_07 .PD_slide:nth-of-type(5n+5) {
    position: relative;
    top: 0;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 0;
  }
  .PD_layout-D2_07 .PD_slide:nth-of-type(5n+5) .PD_into {
    padding-left: 1em;
  }
  .PD_layout-D2_07 .PD_slide:nth-of-type(5n+5) .PD_into_PDgo {
    right: 0.7em;
  }
}

/*PD_layout-D2_08*/
.PD_layout-D2_08 ul {
  display: block;
  font-size: 0;
}

.PD_layout-D2_08 li {
  font-size: 1rem;
}

.PD_layout-D2_08 .PD_slide,
.PD_layout-D2_08 .PD_img img {
  position: relative;
  background-color: #e5e5e5;
}

.PD_layout-D2_08 .PD_slide::before {
  z-index: 1;
  position: absolute;
  font-size: 4em;
  font-size: 64px\0;
  color: #fff;
}

.PD_layout-D2_08 .PD_slide:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: none;
          transform: none;
}

.PD_layout-D2_08 .PD_into {
  padding: 0.5em 1em;
}

.PD_layout-D2_08 .PD h3,
.PD_layout-D2_08 .PD h4,
.PD_layout-D2_08 .PD p,
.PD_layout-D2_08 .PD p del,
.PD_layout-D2_08 .PD:hover h4 {
  color: #10245a;
}

.PD_layout-D2_08[data-pd-btn] .PD_btn {
  margin-left: 0;
  padding: 0 0.5em;
  width: auto;
  background: #10245a;
}

@media screen and (min-width: 768px) {
  .PD_layout-D2_08 ul {
    padding: 35px;
  }
  .PD_layout-D2_08 ul {
    -webkit-column-gap: 20px;
    -ms-column-gap: 20px;
    -o-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
  }
  .PD_layout-D2_08[data-pd-col-pc*="1"] li {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_08 ul {
    padding: 1rem !important;
  }
  .PD_layout-D2_08 .PD_slide::before {
    display: none !important;
    font-size: 2.45em;
    font-size: 36px\0;
  }
  .PD_layout-D2_08 .PD_into {
    padding: 0.5em;
  }
  .PD_layout-D2_08 .PD_into p del {
    display: none;
  }
  .PD_layout-D2_08[data-pd-btn] .PD_btn {
    width: auto;
  }
}

/*方*/
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+1)::before,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+3)::before,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+4)::before,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+6)::before,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+9)::before,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+10)::before {
  bottom: 0.55em;
  left: 0.1em;
}

.PD_layout-D2_08 .PD_slide:nth-of-type(10n+1) .PD_img,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+3) .PD_img,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+4) .PD_img,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+6) .PD_img,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+9) .PD_img,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+10) .PD_img {
  background-color: #fff;
}

.PD_layout-D2_08 .PD_slide:nth-of-type(10n+1) .PD_into,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+3) .PD_into,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+4) .PD_into,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+6) .PD_into,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+9) .PD_into,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+10) .PD_into {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0.5em;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}

@media screen and (min-width: 768px) {
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+1) .PD_into,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+3) .PD_into,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+4) .PD_into,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+6) .PD_into,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+9) .PD_into,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+10) .PD_into {
    padding-left: 5.5em;
  }
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+1) .PD_into_PDgo,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+3) .PD_into_PDgo,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+4) .PD_into_PDgo,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+6) .PD_into_PDgo,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+9) .PD_into_PDgo,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+10) .PD_into_PDgo {
    position: absolute;
    bottom: 0.7em;
    right: 1em;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+1) .PD_into,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+3) .PD_into,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+4) .PD_into,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+6) .PD_into,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+9) .PD_into,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+10) .PD_into {
    padding: 0.5em 1em;
  }
}

/*小方*/
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+3),
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+4),
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+6),
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+9) {
  display: inline-block;
}

.PD_layout-D2_08 .PD_slide:nth-of-type(10n+3) .PD_img,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+4) .PD_img,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+6) .PD_img,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+9) .PD_img {
  background-color: #fff;
}

.PD_layout-D2_08 .PD_slide:nth-of-type(10n+3) .PD_into,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+4) .PD_into,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+6) .PD_into,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+9) .PD_into {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0.5em;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}

.PD_layout-D2_08 .PD_slide:nth-of-type(10n+3) .PD_into_PDgo,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+4) .PD_into_PDgo,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+6) .PD_into_PDgo,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+9) .PD_into_PDgo {
  display: none !important;
}

.PD_layout-D2_08 .PD_slide:nth-of-type(10n+3),
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+6) {
  float: left;
}

@media screen and (min-width: 768px) {
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+3),
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+4),
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+6),
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+9) {
    width: calc(50% - 10px);
  }
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+3),
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+6) {
    margin-right: 20px;
  }
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+10) {
    -webkit-box-shadow: 0 10px 0 0 #E5E5E5;
            box-shadow: 0 10px 0 0 #E5E5E5;
  }
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+3) .PD_into,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+4) .PD_into,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+6) .PD_into,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+9) .PD_into {
    padding-left: 5.5em;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+3),
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+4),
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+6),
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+9) {
    width: calc(50% - 5px);
  }
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+3),
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+6) {
    margin-right: 10px;
  }
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+3) .PD_into,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+4) .PD_into,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+6) .PD_into,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+9) .PD_into {
    padding: 0.25em 0.5em;
  }
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+3) .PD_into h4,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+4) .PD_into h4,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+6) .PD_into h4,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+9) .PD_into h4 {
    display: none;
  }
}

/*橫*/
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+2) .PD_img,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+5) .PD_img {
  width: 50%;
}

.PD_layout-D2_08 .PD_slide:nth-of-type(10n+2) .PD_into,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+5) .PD_into {
  width: 50%;
}

/*橫右*/
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+2)::before,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+5)::before {
  top: 0.8em;
  left: 50%;
}

.PD_layout-D2_08 .PD_slide:nth-of-type(10n+2) .PD a,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+5) .PD a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: left;
}

.PD_layout-D2_08 .PD_slide:nth-of-type(10n+2) .PD_into_PDgo,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+5) .PD_into_PDgo {
  margin-left: 0;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+2) .PD_into,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+5) .PD_into {
    padding-left: 2em;
    padding-top: 6.8em;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+2) .PD_into,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+5) .PD_into {
    padding-top: 1.5em;
  }
}

/*直*/
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+7),
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+8) {
  display: inline-block;
  width: calc(50% - 10px);
}

.PD_layout-D2_08 .PD_slide:nth-of-type(10n+7)::before,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+8)::before {
  top: 0.8em;
  left: 0;
}

.PD_layout-D2_08 .PD_slide:nth-of-type(10n+7) a,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+8) a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.PD_layout-D2_08 .PD_slide:nth-of-type(10n+7) .PD_into,
.PD_layout-D2_08 .PD_slide:nth-of-type(10n+8) .PD_into {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 7em;
  padding-left: 2em;
  width: 100%;
}

.PD_layout-D2_08 .PD_slide:nth-of-type(10n+7) .PD_img {
  padding-bottom: 100%;
}

.PD_layout-D2_08 .PD_slide:nth-of-type(10n+7) .PD_img img {
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 768px) {
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+7),
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+8) {
    width: calc(50% - 10px);
  }
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+8) {
    margin-right: 20px;
  }
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+7) .PD_img img,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+8) .PD_img {
    padding-top: 111%;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+7),
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+8) {
    width: calc(50% - 5px);
  }
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+7) .PD_into h4,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+8) .PD_into h4 {
    display: none;
  }
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+7) .PD_into,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+8) .PD_into {
    padding-top: 2em;
    padding-left: 0.5em;
    width: 100%;
  }
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+8) {
    margin-right: 10px;
  }
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+7) .PD_img img,
  .PD_layout-D2_08 .PD_slide:nth-of-type(10n+8) .PD_img {
    padding-top: 100%;
  }
}

/*PD_layout-PDBN_01*/
.PD_layout-PDBN_01 {
  text-align: left;
}

.PD_layout-PDBN_01 .PD h3,
.PD_layout-PDBN_01 .PD h4,
.PD_layout-PDBN_01 .PD p {
  position: absolute;
  width: 100%;
}

.PD_layout-PDBN_01 a,
.PD_layout-PDBN_01 .PD:hover h4 {
  color: #fff;
}

.PD_layout-PDBN_01 .PD h3 {
  color: #ffe29c;
}

.PD_layout-PDBN_01 .PD p del {
  color: #949494;
}

.PD_layout-PDBN_01 .PD p .money,
.PD_layout-PDBN_01 .PD p .Price,
.PD_layout-PDBN_01 .PD p b,
.PD_layout-PDBN_01 .PD p small {
  color: #fff;
  background: -webkit-linear-gradient(90deg, #DFC08F 20%, #fff 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (min-width: 768px) {
  .PD_layout-PDBN_01 .PD h3,
  .PD_layout-PDBN_01 .PD h4,
  .PD_layout-PDBN_01 .PD p {
    padding: 0 50px;
  }
  .PD_layout-PDBN_01 .PD h3 {
    top: 36px;
    font-size: 32px;
  }
  .PD_layout-PDBN_01 .PD h4 {
    top: 86px;
    font-size: 24px;
  }
  .PD_layout-PDBN_01 .PD p {
    top: 120px;
    font-size: 24px;
  }
  .PD_layout-PDBN_01 .PD p del {
    font-size: 18px;
  }
  .PD_layout-PDBN_01 .PD p .Price {
    font-size: 46px;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout-PDBN_01 .PD h3,
  .PD_layout-PDBN_01 .PD h4,
  .PD_layout-PDBN_01 .PD p {
    padding: 0 8%;
  }
  .PD_layout-PDBN_01 .PD h3 {
    top: 6.5vw;
    font-size: 5.2vw;
  }
  .PD_layout-PDBN_01 .PD h4 {
    top: 14.5vw;
    font-size: 4vw;
  }
  .PD_layout-PDBN_01 .PD p {
    top: 21vw;
    font-size: 4.2vw;
  }
  .PD_layout-PDBN_01 .PD p del {
    font-size: 3.4vw;
  }
  .PD_layout-PDBN_01 .PD p .Price {
    font-size: 7.8vw;
  }
}

/*PD_layout-PDBN-AWD_01**/
.PD_layout-PDBN-AWD_01 {
  text-align: left;
}

.PD_layout-PDBN-AWD_01 .PD h3,
.PD_layout-PDBN-AWD_01 .PD h4,
.PD_layout-PDBN-AWD_01 .PD p {
  position: absolute;
  width: 100%;
}

.PD_layout-PDBN-AWD_01 a,
.PD_layout-PDBN-AWD_01 .PD:hover h4 {
  color: #fff;
}

.PD_layout-PDBN-AWD_01 .PD h3 {
  color: #ffe29c;
}

.PD_layout-PDBN-AWD_01 .PD p del {
  color: #949494;
}

.PD_layout-PDBN-AWD_01 .PD p .money,
.PD_layout-PDBN-AWD_01 .PD p .Price,
.PD_layout-PDBN-AWD_01 .PD p b,
.PD_layout-PDBN-AWD_01 .PD p small {
  color: #fff;
  background: -webkit-linear-gradient(90deg, #DFC08F 20%, #fff 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (min-width: 768px) {
  .PD_layout-PDBN-AWD_01 .PD h3,
  .PD_layout-PDBN-AWD_01 .PD h4,
  .PD_layout-PDBN-AWD_01 .PD p {
    padding: 0 50px;
  }
  .PD_layout-PDBN-AWD_01 .PD h3 {
    top: 50px;
    font-size: 36px;
  }
  .PD_layout-PDBN-AWD_01 .PD h4 {
    top: 112px;
    font-size: 26px;
  }
  .PD_layout-PDBN-AWD_01 .PD p {
    top: 156px;
    font-size: 26px;
  }
  .PD_layout-PDBN-AWD_01 .PD p del {
    font-size: 24px;
  }
  .PD_layout-PDBN-AWD_01 .PD p .Price {
    font-size: 54px;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout-PDBN-AWD_01 .PD h3,
  .PD_layout-PDBN-AWD_01 .PD h4,
  .PD_layout-PDBN-AWD_01 .PD p {
    padding: 0 8%;
  }
  .PD_layout-PDBN-AWD_01 .PD h3 {
    top: 6.5vw;
    font-size: 5.2vw;
  }
  .PD_layout-PDBN-AWD_01 .PD h4 {
    top: 14.5vw;
    font-size: 4vw;
  }
  .PD_layout-PDBN-AWD_01 .PD p {
    top: 21vw;
    font-size: 4.2vw;
  }
  .PD_layout-PDBN-AWD_01 .PD p del {
    font-size: 3.4vw;
  }
  .PD_layout-PDBN-AWD_01 .PD p .Price {
    font-size: 7.8vw;
  }
}

/*PD_layout-CSSBG_01*/
.PD_layout-CSSBG_01 li {
  background-color: transparent;
}

.PD_layout-CSSBG_01 li::after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 181%;
  background-image: url(PD_layout-CSSBG_01.png?t=1753171594598);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top;
}

.PD_layout-CSSBG_01 .PD_slide:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.PD_layout-CSSBG_01 .PD {
  position: absolute;
  top: 0%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

.PD_layout-CSSBG_01 .PD a {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .PD_layout-CSSBG_01 .PD .PD_img {
    padding-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .PD_layout-CSSBG_01 .PD .PD_img {
    padding-top: 9vw;
  }
}
/*# sourceMappingURL=PD_Layout.css.map */