/* CSS Document */

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

/*全BOX版面*/
.WRAPPER {position:relative; display:inline-block; margin:0; padding:0; width:100%;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER .mainArea {position:relative; display:block; margin:0 auto; width:1220px; z-index:1;}

/** 入稿區基本 **/
.content_Area { position:relative; display:inline-block; margin:0px auto 0px auto; padding: 0px 0px 0px 0px; width:1220px;}
.buttonAera_more { position: absolute; top:15px; right:15px; padding-left:17px; padding-right:10px;  border-radius:60px; width:90px; height:40px; background-color: #666; text-align:center;}
.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: #000;}
.buttonAera_more .btnGO { margin:5px; float:right; width:20px ;height:20px;}


/** 公版模組layout_1220_3x7  **/
.layout_1220_3x7 {height:1596px; margin-bottom:0px;  background: url(layout_1220_3x7_bg.jpg?t=1528699305914) no-repeat scroll  center top;} 
.layout_1220_3x7 h2 { display:none; position:relative; top:0px; margin:0px; padding:0px; width:1220px; height:100px; font: 56px/100px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#FFF; letter-spacing:-3px; overflow:hidden;}
.layout_1220_3x7 h2 b {font: bold 56px/100px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#FFF; letter-spacing:-3px;}
.layout_1220_3x7 h2 .buttonAera_more {  top:35px; right:25px; background-color: #3B3B3B; background-color:rgba(0,0,0,0.6);}
.layout_1220_3x7 h2 .buttonAera_more:hover {background-color: #000;}
.layout_1220_3x7 ul { margin:118px 0px 0px 13px; padding:0px;}
.layout_1220_3x7 ul li { float:left; display:inline-block; position:relative; margin:0px 11px 11px 0px; padding:0px 0px 0px 0px; width: 390px; height:200px; list-style: none outside none; background:#eaeaea;
				  -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_3x7 ul li:hover { z-index:5; -webkit-transform:translateY(-6px); transform:translateY(-6px); box-shadow:0 5px 20px rgba(0,0,0,0.1);}
.layout_1220_3x7 ul li a {text-decoration:none;}
.layout_1220_3x7 ul li img { float:left; display:block; margin:0px; padding:0px; width:200px; height:200px; }
.layout_1220_3x7 ul li h3 { margin:36px 28px 0 0px; padding:0 0 0 15px; height: 38px; overflow:hidden; font: bold 20px/38px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: left; color: #FFF; background:#FFAF35;}
.layout_1220_3x7 ul li h4 { margin:5px 0 2px; padding:0 10px; height: 40px; overflow:hidden; font: 15px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: left;color:#000;}
.layout_1220_3x7 ul li:hover h4 {color:#d92670;}
.layout_1220_3x7 ul li p { margin:0 0 0 200px; padding:0 10px; text-align: left; color:#d92670;}
.layout_1220_3x7 ul li p del { position:relative; top:15px; display:block; padding-right:0px; font: 12px/12px Century Gothic; color:#5e5e5e;}
.layout_1220_3x7 ul li p b { font: bold 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_1220_3x7 ul li p .money { font: bold 14px/38px Century Gothic;}
.layout_1220_3x7 ul li p .Price { font: 34px/38px Century Gothic; letter-spacing:-1.5px;}
.layout_1220_3x7 ul li p small { font: 14px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
	/*特標箭頭*/
	.layout_1220_3x7 ul li a:before,
	.layout_1220_3x7 ul li a:after { content: ""; z-index:1; position: absolute; top:36px; left:362px; width: 0; height: 0; border: 10px solid #FFAF35; border-width:10px 6px; border-color: #FFAF35 transparent transparent #FFAF35;}
	.layout_1220_3x7 ul li a:after { -webkit-transform:scaleY(-1) translateY(2px); transform:scaleY(-1) translateY(2px); -webkit-transform-origin:bottom; transform-origin:bottom;}
	/*GO*/
	.layout_1220_3x7 ul li p:before {content: "GO"; z-index:2; position: absolute; bottom:3px; right:1px; font: bold 16px/16px Century Gothic; color:#fff; }
	.layout_1220_3x7 ul li p:after {content: ""; z-index:1; position: absolute; bottom:0; right:0; width: 0; height: 0; border: 22px solid #000; border-color: transparent #000  #000 transparent;}