/* CSS Document */
/** Ghvzon__layout_1220__20150817 **/

/** 基本 **/
body { margin:0px; padding:0px;}
img { border:0px; vertical-align:top;}

/*全BOX版面*/
.WRAPPER {position:relative; display:inline-block; margin:0; padding:0; width:100%;}
.WRAPPER .mainArea {position:relative; display:block; margin:0 auto; width:1220px;z-index:999; }
.bgtop1{
	position: absolute;top: 0;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;height:1500px;background: url(bg_01.jpg?t=1522759786882) no-repeat center;z-index:3;}
.bgtop2 {
	position: absolute;top: 0;
	margin:1500px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;height:2000px;background: url(bg_02.jpg?t=1522759786882) no-repeat  center top;z-index:2;}

.bgtop3 {
	position: absolute;top: 0;
	margin: 3400px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;height:14200px;background:#fff repeat  center top;z-index:1;}		
	



/** 入稿區基本 **/
.topItem {position: absolute; top:0px; left:0; width:1220px; height:200px;  z-index:10;}
.h2Bg {position: absolute; top:100px; left:0; width:1220px; height:100px; }

/** 公版模組layout_1220_4x2_03 **/
.layout_1220_4x2_03  { width:1220px; height:980px; margin:0 auto; padding:100px 0 20px 0; background:#} 
.layout_1220_4x2_03 h2 { margin:0 0 10px 0; padding:0;width:1220px; height:100px;font: bold 75px/90px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align:center; letter-spacing:-5px; color:#fff; overflow:hidden;border-radius:60px;}
.layout_1220_4x2_03 h2 {background:-moz-linear-gradient(left,#c30080,#e527a4);background:-webkit-linear-gradient(left,#c30080,#e527a4);background:-o-linear-gradient(left,#c30080,#e527a4);background:-ms-linear-gradient(left,#c30080,#e527a4);background:linear-gradient(left,#c30080,#e527a4); }

.layout_1220_4x2_03 h2 .buttonAera_more { position: absolute; top:135px; right:10px; padding-left:10; padding-right:10px;  border-radius:60px; width:75px; height:30px; background-color: #fff; text-align:center; z-index:99;}
.layout_1220_4x2_03 h2 .buttonAera_more a { display:block; padding-top:5px; font: bold 24px/18px Century Gothic; color:#e527a4; text-decoration: none; letter-spacing:-0.05em;}
.layout_1220_4x2_03 h2 .buttonAera_more:hover { -ms-background-color: #000; -webkit-background-color: #000; -moz-background-color: #000; -o-background-color: #000; background-color: #000; }

.layout_1220_4x2_03 ul {margin:0px 0px 0px 0px;  padding:0px 0px 0px 13px;}
.layout_1220_4x2_03 ul li { float:left; background: #FFFFFF;display:inline-block; position:relative;  margin:0 5px 10px 0 ; padding:0px 0px 0px 0px; width: 293px; height:420px; list-style: none outside none;background:rgba(255,255,255,1);overflow:hidden; }
.layout_1220_4x2_03 ul li:hover { box-shadow:0px 0px 5px #000;}

.layout_1220_4x2_03 ul li a {text-decoration:none; }
.layout_1220_4x2_03 ul li a img { display:block; margin:0px; padding:0px 0 0 0px; width:293px; height:293px;}

.layout_1220_4x2_03 ul li a h3 { margin:0 0 0 0; padding:0 0 0 0; width:293px;height: 30px;font: bold 18px/30px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #fff200; background:#c30080;}
.layout_1220_4x2_03 ul li a h4 { margin:0 0 0 0; padding:10px 0 0 0;width:293px;height: 38px;font: 14px/17px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000;background:#eee}
.layout_1220_4x2_03 ul li:hover a h4 {color:#db2471}
.layout_1220_4x2_03 ul li a p { margin:0 0 0 0; padding:0 0 28px 0;;width:293px;height: 33px;text-align: center; color:#db2471; background:#eee}
.layout_1220_4x2_03 ul li a p del { padding-right:5px; font: 14px/20px Century Gothic; color:#5e5e5e;}
.layout_1220_4x2_03 ul li a p b { font: bold 14px/20px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#db2471; letter-spacing:-1px;}
.layout_1220_4x2_03 ul li a p .money { font: bold 14px/36px Century Gothic; color:#db2471;}
.layout_1220_4x2_03 ul li a p .Price { font: 40px/40px Century Gothic; letter-spacing:-1px; color:#db2471;}
.layout_1220_4x2_03 ul li a .otherButton1 { margin:-8px auto; padding:0; width:120px; height:30px;font: bold 16px/30px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #fff; background:#000;}
.layout_1220_4x2_03 ul li:hover a .otherButton1 {color: #fff200;}

/** 公版模組layout_1220_4x2_05 **/
.layout_1220_4x2_05  {height:970px; background: url(layout_1220_4x2_05_bg.jpg?t=1522759786882) no-repeat scroll  center top;} 
.layout_1220_4x2_05 h2 { position:relative; top:0px; margin:0px; padding:0px; width:1220px; height:100px; font: 56px/100px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center; color:#000; letter-spacing:-3px; overflow:hidden;}
.layout_1220_4x2_05 h2 b {font: bold 56px/100px "微軟正黑體","Microsoft JhengHei",Helvetica; color:#fd3e86; letter-spacing:-3px;}
.layout_1220_4x2_05 h2 .buttonAera_more { top:35px; right:25px; background-color: #3B3B3B; background-color:rgba(0,0,0,0.6);}
.layout_1220_4x2_05 h2 .buttonAera_more:hover {background-color: #000;}
.layout_1220_4x2_05 ul {margin:0px 0px 0px 34px; padding:0px;}
.layout_1220_4x2_05 ul li { float:left; display:inline-block; position:relative; margin:0px 4px 4px 0px; padding:0px 0px 0px 0px; width: 285px; height:415px; list-style: none outside none; background:#FFF;}
.layout_1220_4x2_05 ul li a {text-decoration:none;}
.layout_1220_4x2_05 ul li a img { display:block; margin:0px; padding:10px; width:265px; height:265px;}
.layout_1220_4x2_05 ul li a h3 { margin:0px; padding:0px; height: 38px;font: bold 20px/38px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #FFF; background:#000;}
.layout_1220_4x2_05 ul li a h4 { margin:5px 0 2px; padding:0 10px; height: 40px; overflow:hidden; font: 15px/20px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color:#000}
.layout_1220_4x2_05 ul li:hover a h4 {color:#d92670;}
.layout_1220_4x2_05 ul li a p { margin:0; padding:0 10px; height: 38px;text-align: center; color:#d92670;}
.layout_1220_4x2_05 ul li a p del { padding-right:5px; font: 16px/38px Century Gothic; color:#5e5e5e;}
.layout_1220_4x2_05 ul li a p b { font: bold 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}
.layout_1220_4x2_05 ul li a p .money { font: bold 14px/38px Century Gothic;}
.layout_1220_4x2_05 ul li a p .Price { font: 38px/38px Century Gothic; letter-spacing:-1px;}
.layout_1220_4x2_05 ul li a p small { font: 16px/38px "微軟正黑體","Microsoft JhengHei",Helvetica; letter-spacing:-1px;}




.topItem {position: absolute; top:0px; left:0; width:1220px; height:200px;  z-index:10;}
.h2Bg {position: absolute; top:100px; left:0; width:1220px; height:200px; }
.topItem2 {position: absolute; top:1100px; left:0; width:1220px; height:200px;  z-index:10;}
.h2Bg2 {position: absolute; top:1200px; left:0; width:1220px; height:200px; }
.topItem3 {
	position: absolute;
	top: 2202px;
	left: 2px;
	width: 1220px;
	height: 200px;
	z-index: 10;
}
.h2Bg3 {position: absolute; top:2300px; left:0; width:1220px; height:200px; }