@charset "big5";
/* CSS Document */
/** layout_640__20170830 **/

/** 基本 **/
body { margin:0px; padding:0px;}

/*全BOX版面
.WRAPPER {position:relative; display:inline-block; margin:0; padding:0; width:100%; background-color:#f5f5f5; }
.WRAPPER .mmainArea { position:relative; margin:0px auto; padding:0px; width:100%; max-width:640px; z-index:1; font-family:"微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
.mmainArea ul { margin:0px; padding:0px; list-style:none outside none}
.mmainArea li { margin:0px; padding:0px; float:left}
.mmainArea img { border:0px; vertical-align:top;}
.mmainArea a { text-decoration:none;} 
*/
/*版頭*/
.mmainArea .hot-sale { margin:0px; padding:0px 0px 0px 0px; width:100%;}
.mmainArea .hot-sale img { width:100%; height:auto;}
.mmainArea .hot-sale2 { margin:0px; padding:0px 0px 0px 0px; width:100%;}
.mmainArea .hot-sale2 img { width:50%; height:auto;}


/** 入稿區基本 **/
.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:48px; 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:"▌"; 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;}

 
/*******************
 **
 ** 版型: 特殊版型
 **
 *******************/

/** 公版模組layout_640_1f7s_4b_B01 **/
.layout_640_1f7s_4b_B01 { background-color:#5da7ff}
.layout_640_1f7s_4b_B01 h2 { display:none;}
.layout_640_1f7s_4b_B01 ul { overflow:hidden; display: block; margin:0 0 5% 0; padding:5% 0; width:100%; }
.layout_640_1f7s_4b_B01 ul li { float: left; position:relative; display: inline-block; margin:0 0% 2.5% 2.5%; padding:0; width:48.7%; height:auto; border: 0px; background-color:#fff;}
.layout_640_1f7s_4b_B01 ul li:nth-child(odd) { margin-left:0%;}
.layout_640_1f7s_4b_B01 ul li:nth-child(even) { margin-right:0%;}
.layout_640_1f7s_4b_B01 ul li:nth-of-type(2) { margin-left:51.2%;}
.layout_640_1f7s_4b_B01 ul li a { display: inline-block; margin:0; padding:0; width:100%; height:auto; text-decoration:none; }
.layout_640_1f7s_4b_B01 ul li a .imgArea { }
.layout_640_1f7s_4b_B01 ul li a .imgArea img { margin:0; padding:0; width:100%; height:auto;}
.layout_640_1f7s_4b_B01 ul li a h3 { position: relative; margin:5% 0px; padding:0 7%; width: 94%; height: 24px; overflow:hidden; font-weight:normal; font-size:14px; line-height:24px; color:#fff; background-color:#00BEB6; }
.layout_640_1f7s_4b_B01 ul li a h3:before { content:""; position:absolute; top:0; left:0; width: 2%;  height: 100%; background-color:rgba(255,255,255,0.4);  }
.layout_640_1f7s_4b_B01 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_1f7s_4b_B01 ul li a h4 { position: relative; margin:5% 0 0 0; padding:0 5%; width: 100%; height: 40px; overflow:hidden; font-weight:normal; font-size:14px; line-height:20px;  color: #000;}
.layout_640_1f7s_4b_B01 ul li a h4 b { position: relative; margin:0px; padding:0px; font-weight:bold; font-size:14px; line-height:20px;;  color: #000;}
.layout_640_1f7s_4b_B01 ul li a h4 br { display:none;}
.layout_640_1f7s_4b_B01 ul li a p { margin:0 0 5% 0; padding:0 5%; height:28px; overflow:hidden; line-height:28px; color:#d92670;}
.layout_640_1f7s_4b_B01 ul li a p del { padding-right:2px; font-size:14px; font-family: Century Gothic; color:#5e5e5e;}
.layout_640_1f7s_4b_B01 ul li a p b { font-size:13px; letter-spacing:-1px;}
.layout_640_1f7s_4b_B01 ul li a p .money { font-size:14px; font-weight:bold; font-family: Century Gothic; }
.layout_640_1f7s_4b_B01 ul li a p .Price { font-size:24px; font-family: Century Gothic; letter-spacing:-1px; }
.layout_640_1f7s_4b_B01 ul li a p small { }
.layout_640_1f7s_4b_B01 ul li a .BUY { display:none;}
.layout_640_1f7s_4b_B01 ul li:first-child { display: block; position: absolute; top:-1%; left:0; width:100%; height:0; padding-bottom:100%; background-color:transparent;}
.layout_640_1f7s_4b_B01 ul li:first-child a { overflow:hidden; width:100%; height:0; padding-bottom:100%;}
.layout_640_1f7s_4b_B01 ul li:first-child a * { display:none;}
.layout_640_1f7s_4b_B01 ul li:first-child a .imgArea { display:block;}


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

/** 針對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; }
}