@charset "utf-8";
/* CSS Document */

/** RWD手機版型**/ 


/*第一區塊*/
.layout_1220_4x2_03 ul li:nth-child(4n+1) { margin:1%}
.layout_1220_4x2_03 ul li:nth-child(4n+2) { margin:1%}
.layout_1220_4x2_03 ul li:nth-child(4n+3) { margin:1%}
.layout_1220_4x2_03 ul li:nth-child(4n+1):before{ content:url(decoLi_01.png); position:absolute; top:-71px; left:124px; display:none;}
.layout_1220_4x2_03 ul li:nth-child(4n+2):before{ content:url(decoLi_02.png); position:absolute; top:-65px; left:135px; display:none;}
.layout_1220_4x2_03 ul li:nth-child(4n+3):before{ content:url(decoLi_03.png); position:absolute; top:-69px; left:107px; display:none;}
.layout_1220_4x2_03 ul li:nth-child(4n):before{ content:url(decoLi_04.png); position:absolute; top:-65px; left:109px; display:none;}


    /*版頭圖*/
.topbn { margin:0; padding:0;}
.topbn img { width:100%; height:auto;}

/** 入稿區基本 **/
.buttonAera_more { position: absolute;float: right; margin:0; padding:0; padding-left:10px; border-radius:1rem; width:auto; height: auto; background-color: transparent; text-align: right;}
.buttonAera_more a { display:block; padding-top:0px; font: 1.3rem/1.4rem Century Gothic; color:#fff; text-decoration: none; letter-spacing:-0.05em;}
.buttonAera_more:hover {background-color: #000;}
.buttonAera_more .btnGO { margin:5px; float:right; width:1rem ;height:1rem;}

/*1排2品*/
.content_Area  {box-sizing: border-box; margin:3vw auto; padding:0%; width: 100%; height:auto; background-image:none !important; background-color:#e4504f ; }
/*.content_Area:nth-child(even)  {background-color:#e4504f !important;}*/
.content_Area:first-child   {margin:5vw auto;width: 100%;}
.content_Area:first-child ul li a img { float:none; display:inline; margin: 0 0 0 0; padding: 0px;  width: 100%; height: auto;}
.content_Area * { font-size:17px; box-sizing: border-box; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.content_Area h2 {overflow: hidden;float: none;display: block;position: relative;box-sizing: border-box;margin: 0px;padding: 2%;width: 100%;height: auto;font-size: 1.5rem;font-family: "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight: inherit;line-height: 1.2;text-align: center; letter-spacing: 0px;}
.content_Area h2 { top:0; color: #81510e;background:#f0ca50;}
.content_Area h2 b { display: inline; font-size:1em; font-weight: inherit; line-height:1.2; letter-spacing:0px; text-align: left; color: #81510e;  font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.content_Area ul { overflow:hidden; display: block; margin: 0 auto 2vw; width: 100%; box-sizing: border-box; border:0px solid rgba(0,0,0,0.1);}
.content_Area ul li { float: left; display: inline-block; box-sizing: border-box; margin:1%; padding:1%; width:47%; height:auto; border: 0px; background-color:#FFF;}
.content_Area ul li { box-shadow:0 0 5px 0 rgba(0,0,0,0.1);}
.content_Area ul li:nth-child(odd) { margin-left:2%;}
.content_Area ul li:nth-child(even) { margin-right:0%;}
.content_Area ul li:hover,
.content_Area ul li:active { box-shadow:0 0 5px 0 rgba(0,0,0,0.3);}
.content_Area ul li a { display: inline-block; box-sizing: border-box; margin: 0px; padding: 0px; width: 100%; height: auto; text-decoration: none; }
.content_Area ul li a img { float:none; display:inline; margin: 0 0 0 0; padding: 0px;  width: 100%; height: auto;}
.content_Area ul li a h2 {background-color: #e66675;}
.content_Area ul li a h3 {font-size:1.2em; float: none; position: relative; margin:5px 0px; padding:0 5%; width: 95%; height: 25px; overflow:hidden; font-size:100%; line-height:23px; text-align: left; color:#fff; background-color:transparent; }
.content_Area ul li a h3 {background-color: #000;}
.content_Area ul li a h3:before { content:""; position:absolute; top:0; right:0; width: 0;  height: 0;  border: 10px solid red; border-width:12px 8px 12px 0px; border-color: transparent #fff transparent  transparent;}
.content_Area ul li a h4 { float: none; display:block; position: relative; margin:0px; padding:3% 5% 0; width: 100%; height: 48px; overflow:hidden; font-size:14px; line-height:20px; text-align: left; color: #666; background-color:transparent;}
.content_Area ul li a h4 b { float: none; display:inline; position: relative; top:0px; margin:0px; padding:0px; font-size:16px; line-height:20px;; text-align: left; color: #666; background-color:transparent;}
.content_Area ul li a h4 b { text-shadow:none; -webkit-text-shadow:none; -moz-text-shadow:none; }
.content_Area ul li a h4 br { display:none;}
.content_Area ul li:hover a h4,
.content_Area ul li:hover a h4 b {text-decoration: none; color:#000;}
.content_Area ul li a p { float: none; display:block; position: relative; margin:0px; padding:0 0 0 5%; width: 100%; height: auto; font-size:100%; line-height:1.4; text-align: left; color: #e66675; background-color:transparent;}
.content_Area ul li a p del { padding-right:5px; font: 12px/20px Century Gothic; color:#5e5e5e;}
.content_Area ul li a p b { font: bold 12px/20px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#e66675; letter-spacing:-1px;}
.content_Area ul li a p .money { font: bold 14px/26px Century Gothic; color:#e66675;}
.content_Area ul li a p .Price { font: 26px/36px Century Gothic; letter-spacing:-1px; color:#e66675;}

/*.content_Area ul li:first-child{ width:98%; margin:1%;}*/

.brandArea ul li:first-child{ width:49%; margin-left:0%;}

.layout_1220_3x2 { background:#fb834f;  }
.layout_1220_3x2 ul li a:before,
.layout_1220_3x2 ul li a:after { display:none;}
.layout_1220_3x2 ul li a:after { display:none;}
.layout_1220_3x2 h2 { display:block;  color:#FFF; background:#fb834f;}
/*.layout_1220_3x2 h2{ background:#fb834f; border:#000 solid 1vw;}*/
.layout_1220_3x2 h2 b { color: #fff;  }

.layout_1220_4x2_03 h2{display:none;}
.layout_1220_4x2_07 h2{ background:#ffdd57;}
.layout_1220_4x2_07:nth-child(even) h2{ background:#6c8fc9; color:#fff;}
.layout_1220_4x2_07:nth-child(even) h2 b{color:#fff;}

.layout_1220_4x4_05 h2 b { color: #000;  }
.layout_1220_4x4_05 h2{ top:0; color: #000; background:#e9ce7f; border:#fff solid 1vw; box-shadow:0 0 0 1vw #e9ce7f; border-radius:6vw 6vw 0 0; width: 94%; margin: 0 3% 1%;}

.layout_1220_5x1_05  { background:#bf3d23 !important; margin:5vw auto;}
.layout_1220_5x1_05:nth-child(even)  { background:#bf3d23 !important;}
.layout_1220_5x1_05 h2 { background:#bf3d23 !important; color:#fff;}
.layout_1220_5x1_05 h2 b { color:#fff;}
.layout_1220_5x1_05 ul li { width:47%;}
.layout_1220_5x1_05 ul li:nth-child(odd) { margin:0 0% 2%;}
.layout_1220_5x1_05 ul li:nth-child(even) { margin:0 2% 2%;}
.layout_1220_5x1_05 ul li:first-child {width:96%; height:auto; margin:2%;  padding:1%;}
.layout_1220_5x1_05 ul li:first-child a h4 { height: 35px; }
.layout_1220_5x1_05 ul li a h4 { float: none; display:block; position: relative; margin:0px; padding:3% 5% 0; width: 100%; height: 28px; overflow:hidden; font-size:14px; line-height:20px; text-align: left; color: #666; background-color:transparent;}
.h2-t h2{ height:20vw;}

.layout_1220_5x2_03:nth-child(odd)  { background:#ffa91e !important;}
.layout_1220_5x2_03:nth-child(odd) h2 { background:#ec1c24 !important; color:#fff;}
.layout_1220_5x2_03:nth-child(odd) h2 b { color:#fff;}
.layout_1220_5x2_03:nth-child(even)  { background:#ff9c9c !important;}
.layout_1220_5x2_03:nth-child(even) h2 { background:#614cd4 !important; color:#fff;}
.layout_1220_5x2_03:nth-child(even) h2 b { color:#fff;}


/*↓↓↓奇數品數時打開↓↓↓
.layout_1220_5x2_03 ul li:first-child { float: left; position:relative; display: inline-block; margin:2% 2% 1%; padding:1%; width:96%; height:auto; border: 0px; background-color:#FFF;}
.layout_1220_5x2_03 ul li { box-shadow:0 0 5px 0 rgba(0,0,0,0.1);}
.layout_1220_5x2_03 ul li:nth-child(odd) { margin-right:0%;}
.layout_1220_5x2_03 ul li:nth-child(even) {margin-left:2%; }
.layout_1220_5x2_03 ul li:first-child:hover,
.layout_1220_5x2_03 ul li:first-child:active { box-shadow:0 3px 5px 0 rgba(0,0,0,0.3);}
.layout_1220_5x2_03 ul li:first-child a { display: inline-block; margin:0; padding:0; width:100%; height:auto; text-decoration:none; }
.layout_1220_5x2_03 ul li:first-child a img { float:left; padding-right:2%; width:50%; margin:0; height:auto;}
.layout_1220_5x2_03 ul li:first-child a h3 { width:45%; 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;  }
.layout_1220_5x2_03 ul li:first-child 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_1220_5x2_03 ul li:first-child a h4 { position: relative; margin:0px; padding:0 2% 0 0; height: 22px; overflow:hidden; font-weight:normal;  width:50%;}
.layout_1220_5x2_03 ul li:first-child a h4 b { position: relative; top:0px; margin:0; padding:0; font-weight:bold; }
.layout_1220_5x2_03 ul li:first-child a h4 br { display:none;}
.layout_1220_5x2_03 ul li:first-child a p { margin:0; padding:0; height:28px; overflow:hidden; width:50%; }
.layout_1220_5x2_03 ul li:first-child a p del { padding-right:2px; ;}
.layout_1220_5x2_03 ul li:first-child a p b {  letter-spacing:-1px;}
.layout_1220_5x2_03 ul li:first-child a p small { }
.layout_1220_5x2_03 ul li:first-child a .BUY { display:none;}
*/

.layout_1220_5x2_03e  { background:#f0ca50 !important;}
.layout_1220_5x2_03e ul li:first-child { display:none;}
.layout_1220_5x2_03e ul li:nth-child(odd) {margin-right:0%;}
.layout_1220_5x2_03e ul li:nth-child(even) {  margin-left:2%;}
.layout_1220_5x2_03e h2 .buttonAera_more { top:2.5vw; right:1vw; position: absolute;float: right; margin:0; padding:0; padding-left:10px; border-radius:1rem; width:auto; height: auto; background-color:rgba(0,0,0,0.7); text-align: right;}


.layout_1220_1f8s_04  { background:none;margin:5vw auto;width: 100%;}
.layout_1220_1f8s_04 ul li:nth-child(odd) { margin-left:2%;}
.layout_1220_1f8s_04 ul li:nth-child(even) { margin-left:2%;margin-right:0%;}
.layout_1220_1f8s_04 ul li:first-child {width:96%; height:auto; margin:1% 2%;  padding:1%;}
.layout_1220_1f8s_04 ul li:first-child a img { float:none; display:inline; margin: 0 0 0 0; padding: 0px;  width: 100%; height: auto;}
.layout_1220_1f8s_04 h2 {color: #03023a; background-color: #f5d9a1; width:96%; margin:0 2% -4%;}
.layout_1220_1f8s_04 h2 b {color: #03023a; }
.layout_1220_1f8s_04 ul li:first-child  a h3 {font-size:1.2em; float: none; position: relative; margin:5px 0px; padding:0 5%; width: 95%; height: 25px; overflow:hidden; font-size:100%; line-height:23px; text-align: left; color:#fff; background-color:transparent; }
.layout_1220_1f8s_04 ul li:first-child  a h3 {background-color: #000;}
.layout_1220_1f8s_04 ul li:first-child  a h3:before { content:""; position:absolute; top:0; right:0; width: 0;  height: 0;  border: 10px solid red; border-width:12px 8px 12px 0px; border-color: transparent #fff transparent  transparent;}
.layout_1220_1f8s_04 ul li:first-child  a h4 { float: none; display:block; position: relative; margin:0px; padding:3% 5% 0; width: 100%; height: 48px; overflow:hidden; font-size:14px; line-height:20px; text-align: left; color: #666; background-color:transparent;}
.layout_1220_1f8s_04 ul li:first-child  a h4 b { float: none; display:inline; position: relative; top:0px; margin:0px; padding:0px; font-size:16px; line-height:20px;; text-align: left; color: #666; background-color:transparent;}
.layout_1220_1f8s_04 ul li:first-child  a h4 b { text-shadow:none; -webkit-text-shadow:none; -moz-text-shadow:none; }
.layout_1220_1f8s_04 ul li:first-child  a h4 br { display:none;}
.layout_1220_1f8s_04 ul li:first-child  a p { float: none; display:block; position: relative; margin:0px; padding:0 0 0 5%; width: 100%; height: auto; font-size:100%; line-height:1.4; text-align: left; color: #e66675; background-color:transparent;}
.layout_1220_1f8s_04 ul li:first-child  a p del { padding-right:5px; font: 12px/20px Century Gothic; color:#5e5e5e;}
.layout_1220_1f8s_04 ul li:first-child  a p b { font: bold 12px/20px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#e66675; letter-spacing:-1px;}
.layout_1220_1f8s_04 ul li:first-child  a p .money { font: bold 14px/26px Century Gothic; color:#e66675;}
.layout_1220_1f8s_04 ul li:first-child  a p .Price { font: 26px/36px Century Gothic; letter-spacing:-1px; color:#e66675;}

.layout_1220_1f6s_06  { background:none;margin:5vw auto;width: 100%;}
.layout_1220_1f6s_06 ul li:nth-child(odd) { margin-left:2%;}
.layout_1220_1f6s_06 ul li:nth-child(even) { margin-left:2%;margin-right:0%;}
.layout_1220_1f6s_06 ul li:first-child {width:96%; height:auto; margin:1% 2%; padding:1%;}
.layout_1220_1f6s_06 ul li:first-child a img { float:none; display:inline; margin: 0 0 0 0; padding: 0px;  width: 100%; height: auto;}
.layout_1220_1f6s_06 h2 { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;color: #000; background-color: #fe4000; width:96%; margin:0 2% 0%;}
.layout_1220_1f6s_06 h2 b {color: #03023a; }
.layout_1220_1f6s_06 ul li:first-child  a h3 {font-size:1.2em; float: none; position: relative; margin:5px 0px; padding:0 5%; width: 95%; height: 25px; overflow:hidden; font-size:100%; line-height:23px; text-align: left; color:#fff; background-color:transparent; }
.layout_1220_1f6s_06 ul li:first-child  a h3 {background-color: #000;}
.layout_1220_1f6s_06 ul li:first-child  a h3:before { content:""; position:absolute; top:0; right:0; width: 0;  height: 0;  border: 10px solid red; border-width:12px 8px 12px 0px; border-color: transparent #fff transparent  transparent;}
.layout_1220_1f6s_06 ul li:first-child  a h4 { float: none; display:block; position: relative; margin:0px; padding:3% 5% 0; width: 100%; height: 48px; overflow:hidden; font-size:14px; line-height:20px; text-align: left; color: #666; background-color:transparent;}
.layout_1220_1f6s_06 ul li:first-child  a h4 b { float: none; display:inline; position: relative; top:0px; margin:0px; padding:0px; font-size:16px; line-height:20px;; text-align: left; color: #666; background-color:transparent;}
.layout_1220_1f6s_06 ul li:first-child  a h4 b { text-shadow:none; -webkit-text-shadow:none; -moz-text-shadow:none; }
.layout_1220_1f6s_06 ul li:first-child  a h4 br { display:none;}
.layout_1220_1f6s_06 ul li:first-child  a p { float: none; display:block; position: relative; margin:0px; padding:0 0 0 5%; width: 100%; height: auto; font-size:100%; line-height:1.4; text-align: left; color: #e66675; background-color:transparent;}
.layout_1220_1f6s_06 ul li:first-child  a p del { padding-right:5px; font: 12px/20px Century Gothic; color:#5e5e5e;}
.layout_1220_1f6s_06 ul li:first-child  a p b { font: bold 12px/20px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#e66675; letter-spacing:-1px;}
.layout_1220_1f6s_06 ul li:first-child  a p .money { font: bold 14px/26px Century Gothic; color:#e66675;}
.layout_1220_1f6s_06 ul li:first-child  a p .Price { font: 26px/36px Century Gothic; letter-spacing:-1px; color:#e66675;}


/*抵用金*/
.layout_03 {width:100%; height:auto; margin-bottom:0px; padding: 0% 0 3% 0; background-color:#79beea; overflow:hidden; background-image:none;}
.layout_03 h2 {border:#000 solid 1vw; overflow: hidden;float: none;display: block;position: relative;box-sizing: border-box;margin: 0px;padding: 2%;width: 100%;height: auto;font-size: 1.5rem;font-family: "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight: inherit;line-height: 1.2;text-align: center; letter-spacing: 0px;color: #fff;background:#cc0033;}
.layout_03 h2 span {font: bold 14px/28px "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica; color:#fff;}
.layout_03 h2 b { display: inline; font-size:1em; font-weight: inherit; line-height:1.2; letter-spacing:0px; text-align: left; color: #fff;  font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.layout_03 ul {padding:0px 0px 0px 0px;margin:0px 0px 0px 0px; text-align:center; }
.layout_03 ul li{ float:left; display:inline-block; position:relative; margin:2%; padding:0px 0px 0px 0px; width: 96%; height:auto; list-style: none outside none;}
.layout_03 ul li a {text-decoration:none;}
.layout_03 ul li a img { float:left; display:inline-block; width:30%; height:auto;}
.layout_03 ul li a .coupon {/*background-color:#fff;*/ /*border:#be000a solid 1px;*/  overflow:hidden; width:70%; height:28.6vw; display:block;}
.layout_03 ul li a .coupon img { display:none;}
.layout_03 ul li a .coupon .text_03 {float:left; display:inline-block; text-align:center; width:100%; }
.layout_03 ul li a .coupon .text_03 h3 {margin:2vw 0 7%; padding:0px;     height: 43px;font: bold 68px/58px "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-2px;}
/*.layout_03 ul li a .coupon .text_03 h3:after { position:absolute; top:2vw; right:1vw; content:url(yen_mo.png); width:20px; height:20px; margin:0px 0 0 2px; padding:0px;}*/
.layout_03 ul li a .coupon .text_03 h4 {margin:0; padding:0px; height:30px; font: bold 16px/30px "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica; color: #4b4b4b; letter-spacing:-1px; overflow:hidden;}
.layout_03 ul li a .coupon .text_03 .btnGet {margin: 1% auto 14%;
    padding: 0px;
    /* width: 70%; */
    height: 28px;
    font: bold 22px/28px "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica;
    color: #fff;
    letter-spacing: -1px;
    background-color: #000;
    border-radius: 5px;}

/*@media screen and (max-width: 736px) {
.layout_03 ul li a .coupon .text_03 h3:after { position:relative; top:1vw; right:0vw; content:url(yen_mo.png);}
}*/

@media screen and (max-width: 425px){
.layout_03 ul li a .coupon .text_03 h3 {position:relative; height:5vw; font:bold 52px/38px "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica;}
.layout_03 ul li a .coupon .text_03 .btnGet {margin: 0px auto 7%;}
/*.layout_03 ul li a .coupon .text_03 h3:after {position:relative; top:1vw; right:0vw; content:url(yen_mo.png);}*/
}



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