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

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

/*全BOX版面*/
.WRAPPER {	position: relative;	display: inline-block;	margin: 0;	padding: 0;	width: 100%; overflow:hidden; }
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER ul {margin:3px 0; padding:0px; list-style:none outside none}
.WRAPPER li {margin:0px; padding:0px; float:left}
.WRAPPER .mainArea {position:relative; display:block; margin:0 auto; padding: 0; width:1220px;  z-index:0; text-align:left;}

/** 入稿區基本 **/
.content_Area { display:inline-block; position:relative;margin:0px auto 10px auto;padding: 0px 0px 0px 0px;width:1220px;}

/*6品公版*/
.content_3B { margin:0 auto;  width:1220px; overflow: hidden; margin-bottom:10px; padding:0}
.content_3B ul {margin:0; padding:0}
.content_3B ul li { margin:0px 10px 10px 0px; float:left; display:inline-block; width:400px; height:265px; padding:0px ; background-image:url(content_3B.png?t=1513164178883)/*background:#00b7c2;*/;position:relative}
/*
.content_3B ul li:nth-child(6n+1),
.content_3B ul li:nth-child(6n+2),
.content_3B ul li:nth-child(6n+3) {background-image:url(table_bg2.png?t=1513164178883)}
*/
.content_3B ul li:nth-child(3n+3) {margin-right:0px}
.content_3B ul li:hover {/*background-color:#33c5ce; background-image:url(table_bg2.png?t=1513164178883)*/}
.content_3B ul li a {display:block; text-decoration:none; position:relative}
.content_3B ul li a img {display:inline-block; width:170px; height:170px; padding:5px; margin:0px 0px 15px 15px; background-color:#fff}
.content_3B ul li a:hover img {background-color:#ccc}
.content_3B ul li a h1 { margin:0; padding:0px; height:69px; font:bold 36px/2em "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-0.05em; text-align: center; color:#ff5;}
.content_3B ul li a h2 { display:block; position:absolute; margin:0; padding:0; top:69px; left:205px; width:185px; height:78px; overflow:hidden; font:bold 20px/26px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: left; color: #fff; /*background:#000;*/ float: left}
.content_3B ul li a h2 b { display:block;}
.content_3B ul li a:hover h2 {color:#FFC}
.content_3B ul li a p {position:absolute; margin:0; padding:0; top:190px; left:205px; width:205px; height:40px; }
.content_3B ul li a p del { position:absolute; top:-10px; left:3px; padding-right:5px; font: 18px/20px Century Gothic; color:#5e5e5e;}
.content_3B ul li a p b { font: bold 17px/20px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#db2471; letter-spacing:-1px;}
.content_3B ul li a p small { font: bold 17px/20px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#db2471; letter-spacing:-1px;}
.content_3B ul li a p .money { font: bold 19px/26px Century Gothic; color:#db2471;}
.content_3B ul li a p .Price { font: 56px/60px Century Gothic; letter-spacing:-1px; color:#db2471;letter-spacing:-0.05em;}

/*按鈕區域語法*/
.bnn  { display:block; position: relative; top:0px; left:0px; text-align:left}
.bnn ul li a img  { transition-duration: 0.3s;  backface-visibility: hidden;  transform: translateZ(0); display:block; margin:0; padding:0px;  width:100%; height:auto; text-align:left}
.bnn ul li:hover a img  {-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);}