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

/** 基本 **/

.Area.auto{margin:45px auto; overflow:hidden;z-index:3;}
.Area.auto .mainArea{ width:1220px; padding:15px 0px;}

/***************1列4品************************************/

.Area.auto .t1p4{width:100%;overflow:hidden; background:;}

.Area.auto .t1p4 .listTitle{display:block;width:622px;height:100px;overflow:hidden;z-index:1;position:relative;margin:0% auto -39px auto;background:url(auto_title.png?t=1775111570980) top center no-repeat; background-size:100%;z-index:3; } 
.Area.auto .t1p4 .listTitle h2{display:block;width:100%;height:auto;margin:35px auto 0vw 0px;text-align:center;font-size:34px;vertical-align:baseline; font-family: "微軟正黑體","Microsoft JhengHei",Arial;letter-spacing:1px;font-weight:bold;color:#424242; /*text-shadow:1px 1px 0px #ca1037;*/}


/***入稿商品****/
.Area.auto .t1p4 .content_Area{width:1185px;position:relative;display:block;margin:0px auto 50px auto;overflow:hidden;padding:60px 0px 40px 0px;border-radius:50px;
background:rgb(247 255 191);border:4px solid #fff; box-shadow:0px 0px 0px 7px #ca904c , 0px 0px 0px 0px #ffa8c3 , inset 0px 0px 0px 0px #940a7d;}

.Area.auto .t1p4 .content_Area .ulOut{width:95.5%;margin:0px auto 0px auto; overflow:hidden;}
.Area.auto .t1p4 .content_Area ul {width:100%;display:inline-block;width:auto;margin:0px auto;padding:0px;padding-bottom:0vw;position:relative;display:block;padding-top:10px; margin:0px auto 0 auto;overflow:hidden; padding-right:0.8%;}
.Area.auto .t1p4 .content_Area ul li {float:left;display:inline-block; box-sizing:border-box;margin-left:0.7%;margin-bottom:0.7%;padding:0px;width:24.3%;overflow:hidden;position:relative;border-radius:10px;border:1px solid #fbde98; background:#fff;}
.Area.auto .t1p4 .content_Area ul li a {width:100%;display:block;overflow:hidden; margin:0px auto 0 auto;text-decoration:none;position:relative;padding-bottom:0px; background:#fff;padding-bottom:8px;}
.Area.auto .t1p4 .content_Area ul li a img { display:block; margin:0px;width:100%;height:auto; margin:0px auto 3px auto; border-radius:0px;}
.Area.auto .t1p4 .content_Area ul li a .text_box{width:90%;overflow:hidden;margin:0px auto 0px auto;}
.Area.auto .t1p4 .content_Area ul li a .text_box h3 { margin:5px auto -7px auto;max-height:32px;width:100%;overflow:hidden; background:#fff; }
.Area.auto .t1p4 .content_Area ul li a .text_box h3 p{display:block;width:96%;margin:0 auto;color:#ff005a;font-size:17px;line-height:33px;text-align:left;font-family: "微軟正黑體","Microsoft JhengHei",Helvetica;padding:0px; letter-spacing:0.5px; font-weight:bold;}
.Area.auto .t1p4 .content_Area ul li a .text_box h4 {display:block;margin:8px auto 3px auto;height:49px; font:18px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align:left;color:#000;overflow:hidden;padding: 0 5px;line-height:24px; font-weight:bold;letter-spacing:0.5px;}

.Area.auto .t1p4 .content_Area ul li a .priceBox { margin:0; padding:0 8px 0 2px;color:#ff005a;overflow:hidden;height:45px;text-align:left;}
.Area.auto .t1p4 .content_Area ul li a .priceBox .money { font: normal 22px Century Gothic;text-align:center;margin-right:0px;}
.Area.auto .t1p4 .content_Area ul li a .priceBox .Price { font: normal 34px Century Gothic; letter-spacing:-0.5px;text-align:center;}
.Area.auto .t1p4 .content_Area ul li a .priceBox  del{margin-right:5px;padding:0px;font-size:20px;font-family:Century Gothic,"微軟正黑體"; color:#818181;}
.Area.auto .t1p4 .content_Area ul li a .priceBox .slogan{font-size:17px;font-weight:bold;font-family:"微軟正黑體"; padding-right:3px;}
.Area.auto .t1p4 .content_Area ul li a .priceBox  small{font-size:18px; letter-spacing:-1px; margin-left:0px;font-weight:bold;font-family:"微軟正黑體";}


/***看更多****/
.Area.auto .t1p4 .more{width:110px;height:50px;position:absolute;right:84px;top:69px;z-index:3;text-align:center;color:#97652b;padding:0px 15px 0px 10px; line-height:50px; font-size:22px; border-radius:0px 0px 15px 15px; border:0px solid #fff;font-weight:bold;background:#fff;}
.Area.auto .t1p4 .more span{display:block;transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); float:right; margin-left:-12px; font-size:18px;}



@media screen and (max-width:767px){
	
	.Area.auto{ padding:0px 0px;  margin:1vw 0px;}
	.Area.auto .mainArea{ width:100%;padding:2vw 0px 2vw 0px;}
	.Area.auto .t1p4{ width:100%;margin-top:0vw; padding-top:0vw;}
		
	/***標題文字****/
	.Area.auto .t1p4  .listTitle{width:82%;height:16.3vw;margin:0% auto -10.5vw auto;}
	.Area.auto .t1p4  .listTitle h2{width:60%; margin:2.5vw auto 0vw auto;font-size:7vw;letter-spacing:0.5px;}
		
	/***入稿商品****/
	.Area.auto .t1p4 .content_Area{width:94%;margin:0px auto 4vw auto;padding:8vw 0px 3vw 0px;border-radius:20px;
	background:rgba(255,249,173,1.00);border:2px solid #fff; box-shadow:0px 0px 0px 4px #C89A45 , 0px 0px 0px 0px #ffa8c3 , inset 0px 0px 0px 0px #940a7d;*/}
	
	.Area.auto .t1p4 .content_Area .ulOut{width:95.5%;margin:4vw auto 0px auto; padding:0vw 0px 1vw 0px; }
	.Area.auto .t1p4 .content_Area ul {width:99%;margin:0px auto;padding-bottom:2vw;padding-top:1vw; padding-right:1vw; background:;}
	.Area.auto .t1p4 .content_Area ul li {float:left;display:inline-block; box-sizing:border-box;width:47.5%;padding:0vw;padding-bottom:2.5vw;margin-bottom:1.9vw;margin-left:1.9vw;border-width:0vw;border-radius:5px;}
	.Area.auto .t1p4 .content_Area ul li a {margin: 0vw auto 0 auto; padding-bottom:0px;}
	.Area.auto .t1p4 .content_Area ul li a img { display:block; margin:0px;width:100%;height:auto; margin:0px auto 6px auto; border-radius:0px;}
	.Area.auto .t1p4 .content_Area ul li a .text_box{width:94%;overflow:hidden;margin:0px auto 0px auto;}
	.Area.auto .t1p4 .content_Area ul li a .text_box h3 {margin:0px auto 0px auto;max-height:20px;}
	.Area.auto .t1p4 .content_Area ul li a .text_box h3 p{width:96%;font-size:14px;max-height:21px;line-height:20px;letter-spacing:0.5px;font-weight:400; }
	.Area.auto .t1p4 .content_Area ul li a .text_box h4{margin:1vw auto 0.5vw auto;height:9.5vw;font-size:3.6vw;padding:0 0.5vw;line-height:4.7vw;text-align:left;}
	.Area.auto .t1p4 .content_Area ul li a .priceBox { margin:0; padding:0px 2px ;height:8vw;text-align:left;letter-spacing:-0.3px;}
	.Area.auto .t1p4 .content_Area ul li a .priceBox .money { font: normal 4vw Century Gothic;text-align:left;margin-right:0px;}
	.Area.auto .t1p4 .content_Area ul li a .priceBox .Price { font: normal 6.1vw Century Gothic; letter-spacing:-0.5px;text-align:left;}
	.Area.auto .t1p4 .content_Area ul li a .priceBox  del{margin-right:2px;font-size:3.6vw; margin-left:-0.5px;}
	.Area.auto .t1p4 .content_Area ul li a .priceBox .slogan{font-size:3.6vw;padding-right:0px;}
	.Area.auto .t1p4 .content_Area ul li a .priceBox  small{font-size:3vw; letter-spacing:-0.2px; margin-left:0px;}
	
	.Area.auto .t1p4 .more{width:23vw;height:9.5vw;right:-2vw;top:15vw;font-size:4.3vw;padding:0px 2vw 0px 2vw;line-height:9.8vw;border:none;border-radius:50px 0px 0px 50px;/*border:1px solid #ff92b6;*/}
	.Area.auto .t1p4 .more span{display:block;float:right;font-size:12px; margin-right:3.1vw;margin-top:0vw;}
	

}


/***************************************************************************/


.content_Area li:hover{transform:translateY(-8px);}
/**.t1p4 .content_Area ul li:hover a h3 {background:#d61b30; }**/

.content_Area li {
    -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;
}
.content_Area li  a h3{
    -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;
}
@media screen and (max-width:767px){
	
	.content_Area li:hover{transform:translateY(0px); }

}