/* - BASE HTML TEMPLATE
------------------------------------------------- 
	Description: Min width 1170px
	Author:Shane Prendergast
	Author URL:http://www.webknit.co.uk
	Template URL:http://base.webknit.co.uk/
/*


/* - CONTENTS
-------------------------------------------------
	- GRID LAYOUTS ......................... 1.0.
*/

/*********************************************
	- 1.0 -  GRID LAYOUTS
*********************************************/


.gridset {
position:absolute;
top:100%;
width:100%;
height:auto;
text-align:center;
margin-top: 20px;
}

.container {
margin: 0 auto;
max-width: 1170px;
text-align: center;
width: 90%;
clear: both;
}


.row {
margin: 0px 0;
padding: 20px 0;
}

.services {
clear: both;
margin-bottom: 6px;
position: relative;
}


.service-box {
border: 1px solid #CCCCCC;

border-radius: 3px;
min-height: 350px !important;
float:left;
}


.service-box p {
font-size: 1em;
color:#777777;
margin: 0;
padding: 1em 1em;
}


.service-box p {
font-family: '微軟正黑體','新細明體','Arial';
text-align:left;
font-size: 16px;
color: #000066;
color: #42454e;
text-decoration: none;
margin-bottom: 0;
line-height: 28px;
padding:10px;
}

.service-box a {
color: #000066;
color: #42454e;
text-decoration: none;
}

.service-box a:hover {
color: #c9151e;
}




.service.box img {
width:38px;
margin:0px;
padding:0px;
}

.title-box {
width:100%;
border-bottom:1px solid #ccc;

}



.wrap {
display:table;
height:63px;
width:43%;
float:left;
text-align:right;
padding-right: 5px;
}

.wrap2 {
display:table;
height:63px;
width:47.7%;
float:left;
text-align:right;
padding-right: 5px;
}

.cell {
display:table-cell;
vertical-align:middle;

}

.title-box h1{
font-family: 微軟正黑體,新細明體,Arial;
color: #42454e;
font-size: 1.5em;
text-align:left;
line-height:63px;
margin: 0px;
}


.services-container {

background: none repeat scroll 0 0 #F2F5F8;
min-height: 700px;
padding-bottom: 20px;
text-align: center;
}


	
	.one_four, .two_four, .three_four, .four_four,
	.one_three, .two_three, .three_three,
	.one_two, .two_two,
	.two_third, .one_third {
	    margin-bottom: 10px;
	    margin-left: 30px;

	}
	
	.one_four, .two_four, .three_four, .four_four {
	  	width: 270px; 
	}
	
	.one_four {
	  	margin-left: 0px; 
	}
	
        .one_one  {
         min-height: 150px !important; width: 98.5%;
	}

	.one_three, .two_three, .three_three {
         min-height: 370px;    width: 31%;
	}
	
	.one_three {
	  	margin-left: 0; 
	}
	
	.one_two, .two_two {
	  	width: 700px; 
	}
	
	.one_two {
	  	margin-left: 0; 
	}
	
	.two_third {
	  	margin-left: 30px;
	  	width: 770px; 
	  	
	}
	
	.one_third {
	  	width: 337px;
	}


.one_four.logo2 {
   
    width: auto;
    
}

.one_third {
    margin-left: 0;
    margin-right: 33px !important;
}