@charset "utf-8";
/* CSS Document */
.BusinessBlock{
	width:18.5%;/*5個18.5，4個23.5*/
	height:70px;/*高87低70*/
	float:left;
	min-width:100px;
	vertical-align:middle;
	text-align:right;
	padding-right:1%;	
	/*padding-top:2%;*/
	background-image:url(../Img/BlockLight.png);
	background-repeat:repeat-x;
	position: relative;
    	overflow: hidden;
    	display: inline-block;	
	margin:4px 0px 0px 4px;
	background-color:#999;
 }
.BusinessBlockBig{
	width:31.75%;/*5個18.5，4個23.5，3個31.75*/
	height:70px;/*高87低70*/
	float:left;
	min-width:100px;
	vertical-align:middle;
	text-align:right;
	padding-right:1%;	
	/*padding-top:2%;*/
	background-image:url(../Img/BlockLight.png);
	background-repeat:repeat-x;
	position: relative;
    	overflow: hidden;
    	display: inline-block;	
	margin:4px 0px 0px 4px;
	background-color:#999;
 }
.BusinessBlock_Light{
	background-image:url(../Img/BlockLightCurve.png);
	background-repeat:no-repeat;
	height:87px;
 }
.BusinessBlock_Light_Low{padding-top:8px;}/*高15低8*/
.BusinessBlock_Light_High{padding-top:23px;}/*高30低23*/
.BusinessBlock_Font{
	float:right;
	width:65%;/*5個65，4個50*/
	font-family:'cwTeXHei', 'Adobe 繁黑體 Std', '微軟正黑體';
	/*font-style:oblique;*/
	/*font-weight: bolder;*/
	color:#ffffff;
	font-size:1.4rem;
	font-style: italic;
	text-shadow:0px 0px 4px #222222;
	letter-spacing: 3pt;
	/*line-height:140%;*/
	margin-right:2%;
	vertical-align:middle;
	text-align:center;
	/*padding-top:6%;*/
	line-height:130%;	
 }
.BusinessBlock_FontBig{
	float:right;
	width:68%;/*5個65，4個50，3個68*/
	font-family:'cwTeXHei', 'Adobe 繁黑體 Std', '微軟正黑體';
	/*font-style:oblique;*/
	/*font-weight: bolder;*/
	color:#ffffff;
	font-size:170%;
	font-style: italic;
	text-shadow:0px 0px 4px #222222;
	letter-spacing: 3pt;
	/*line-height:140%;*/
	margin-right:2%;
	vertical-align:middle;
	text-align:center;
	padding-top:6.5%;
	line-height:130%;	
 }
.BusinessBlock_Font_Five{
	width:72%;/*5個72，4個60*/
 }
.BusinessBlock_Font:hover, .BusinessBlock_FontBig:hover{
	text-decoration:none;	
 }

/*滑過反光OP*/
.BusinessBlock:before, .BusinessBlockBig:before{
   content: "";
   width: 200%;
   height: 200%;
   position: absolute;
   top: -200%;
   left: -225%;

   background-image: -webkit-linear-gradient(135deg, rgba(255,255,255,0), rgba(255,255,255,0.3), rgba(255,255,255,0)); 
   background-image: -moz-linear-gradient(135deg, rgba(255,255,255,0), rgba(255,255,255,0.3), rgba(255,255,255,0));  
    
     -moz-transition: all 0.3s ease-out; 
       -o-transition: all 0.3s ease-out; 
  -webkit-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
}

.BusinessBlock:hover:before, .BusinessBlockBig:hover:before {
  top: 200%;
  left: 200%;  
}
/*滑過反光ED*/

/*滑過GO*/
.BusinessBlock_Light:before {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   top: 100%;
   left:10%;
   background: url(../Img/GO.png) no-repeat; 
    
     -moz-transition: all 0.3s ease-out; 
       -o-transition: all 0.3s ease-out; 
  -webkit-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
	}
.BusinessBlock:hover .BusinessBlock_Light:before, .BusinessBlockBig:hover .BusinessBlock_Light:before {
  top: 50%;
}

.BusinessBlock_Icon{
	height:100%;
}

/*相關連結*/
.LinkBlock{
	width:225px;
	height:80px;
	vertical-align:middle;
	text-align:center;	
	background-repeat:repeat-x;
	background-color:#ffffff;
	border:solid 1px #bbbbbb;	
	font-family:'cwTeXHei', 'Adobe 繁黑體 Std', '微軟正黑體';
	color:#333333;
	font-size:1.5rem;
	letter-spacing: 2pt;
	padding-right:10px;
	padding-left:5px;
	line-height:130%;
	background:url(../Img/LinkBG.png) left top repeat-x;
 }

.Black a:hover {
	text-decoration:none;	
 }