@charset "utf-8";
/* CSS Document */
/*
 * Ghvzon
 * 共用元件v2.0
 *
 */
 
/*基本*/
html, body{ margin:0; padding:0;}
	
/*區塊_all*/
.Area { z-index:1; position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { position:relative; display:block;} 
.Area .go_bt {
				  -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;}
.Area .go_bt:hover { filter: brightness(110%);
				  -webkit-transform:none;
					 -moz-transform:none;
					  -ms-transform:none;
					   -o-transform:none;
						  transform:none;}
.Area1220 { margin:0 auto; width:100%;}
.Area960 { margin:0 auto; width:100%;}
	@media screen and (min-width:768px){
		.Area .go_bt:hover {
		  -webkit-transform:translateY(-6px);
			 -moz-transform:translateY(-6px);
			  -ms-transform:translateY(-6px);
			   -o-transform:translateY(-6px);
				  transform:translateY(-6px);}		
		.Area1220 { width:1220px;}
		.Area960 { width:960px;}
	}

/*區塊_切割PC*/
.Area_gird { margin: 0 auto; padding:0;}
.Area_gird:after  { content: ""; display:block; clear:both;}
	@media screen and (min-width:768px){
		.Area_1bn_PC a { float:left; margin:0 0 2% 0; padding:0; width:100%; list-style: none;}
		.Area_2bn_PC a { float:left; margin:0 1% 2%; padding:0; width:48%; list-style: none;}
		.Area_3bn_PC a { float:left; margin:0 1% 2% ; padding:0; width:31.3%; list-style: none;}
		.Area_4bn_PC a { float:left; margin:0 0.5% 2% ; padding:0; width:24%; list-style: none;}
		.Area_1bn_nopadding_PC a { float:left; margin:0; padding:0; width:100%; list-style: none;}
		.Area_2bn_nopadding_PC a { float:left; margin:0; padding:0; width:50%; list-style: none;}
		.Area_3bn_nopadding_PC a { float:left; margin:0; padding:0; width:33.3%; list-style: none;}
		.Area_6bn_nopadding_PC a { float:left; margin:0; padding:0; width:16.6%; list-style: none;}
	}
	
/*區塊_切割Phone*/
	@media screen and (max-width:767px){
		.Area_1bn_Phone a { float:left; margin:0 0 2% 0; padding:0; width:100%; list-style: none;}
		.Area_2bn_Phone a { float:left; margin:0 1% 2%; padding:0; width:48%; list-style: none;}
		.Area_3bn_Phone a { float:left; margin:0 1% 2% ; padding:0; width:31.3%; list-style: none;}
		.Area_1bn_nopadding_Phone a { float:left; margin:0; padding:0; width:100%; list-style: none;}
		.Area_2bn_nopadding_Phone a { float:left; margin:0; padding:0; width:50%; list-style: none;}
		.Area_3bn_nopadding_Phone a { float:left; margin:0; padding:0; width:33.3%; list-style: none;}
	}	
		
		
		
		
		
		
/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: inherit !important;}
	}