@charset "utf-8";

/*----------------------------------------
  Yoursite Style
----------------------------------------*/

.srp-main-box p {
    line-height: 150%;
}

.srp-content-bannerbox {
	background-color: #bae3f9;
	background-image:url(css-img/main-bannerBG.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

.srp-main-box .main-box-img{
	border:1px solid #ccc;
}

.hover-link {
	margin-top:2.5%;
	margin-bottom:0%;
	display:block;
	clear:both;
}

h4.btn {
	text-align: center;
    line-height: 1em;
}

h4.srp-banner-btn {	
	bottom: 5%;
    left: 5.5%;
	line-height: 1.5em;
	*font-size:13px;
}

.srp-banner-infobox {
	margin-top:2.5%;
}
.srp-banner-infobox iframe {
	width: 100%;
	height: auto;
}

.main-box-2col .list-2col .main-box-img {
	border:1px solid #ccc;
}

table.srp-table  {
	margin-bottom:1%; 
}

h4.srp-content-btn {
	width:auto;
}

.main-box-4col .srp-box-inner {
    float: left;
    width: 23%;
    padding: 0 0 0 0;
    margin-right: 2%;
	margin-bottom:2%;
    border:0;
}

.main-box-4col .list-desc {
    margin-top: 5%;
}

.solution-resources .list-2col {
	margin-bottom:0;
}

.solution-resources h4.srp-content-btn {
	margin-top:0;
}

.photo-gallery .srp-box-inner {	
	text-align:center;
}
	
.photo-gallery .main-box-img {
	border:0;
	vertical-align:bottom;
}

.photo-link {
	padding:0;
	margin-bottom:2%;
}

.photo-link li {
	margin-left:2%;
	font-size:16px;
	color:#004280;
}

.photo-link li a:hover {
	text-decoration:underline!important;
}

.resource li {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 13px;
	list-style: none;	
	line-height: 140%;
	vertical-align:middle;
	border-top:1px solid #ebebeb;
	display:block;	
}

.resource li a {
	display: block;
	padding-top:3%;
	padding-left:33%;
	padding-right:0;
	padding-bottom:3%;
	margin:5% 1% 5% 1%;
}

ul.resource li.resource-title {
	margin: 0 0 1% 0;
	font-weight: bold;
	background: #f3f3f3;
	text-align: center;
	line-height: 130%;
	padding: 1.5% 0 1% 0;
}

ul.resource {
	margin-bottom:0;
	border-top: 2px solid #ccc;
	background-repeat: no-repeat;
	background-position: right bottom;
}

li.resource-link-a {
	background: url(css-img/icon-faq.png) no-repeat;
	border-top:0;		
	background-position:left center;
}

li.resource-link-b {
	background: url(css-img/icon-vip.png) no-repeat;		
	background-position:left center;
}

li.resource-link-c {
	background: url(css-img/icon-partner.png) no-repeat;		
	background-position:left center;
}

/* Fancy Box */

.fancybox-caption-wrap {
	bottom: auto;
	top:0;
	text-align:center;
}

.fancybox-caption {
	font-size: 16px;
	font-family:Arial,"Microsoft JhengHei", sans-serif;
}

/* Pad, Mobile */

@media screen and (max-width:880px) {

.main-box-4col .srp-box-inner {	
	width: 40%;
	margin-right:5%;
	margin-bottom:0;
	min-height: 230px;
}

.photo-gallery .srp-box-inner {
	margin-bottom:5%;
	min-height:auto;
}

.main-box-4col .main-box-img img {
	max-width:260px;
}

.srp-banner-infobox {
	margin-top:0;
}

h4.srp-banner-btn {
    left: 1.3%;
}
	
.photo-link li {
	margin-left:3%;
}
}

@media screen and (max-width:480px) {

.main-box-2col .list-2col .main-box-img img {
	max-width:390px;
}

.hover-link {
	text-align:right;
}
	
.main-box-4col .srp-box-inner {	
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:0 0 0 0;
	min-height:auto;
}
	
.photo-gallery .srp-box-inner {	
	text-align:center;
}
	
.photo-gallery .main-box-img {
		border:0;
	}
	
.photo-gallery .main-box-img img{	
	width:auto!important;
	text-align:center;
}	

.solution-resources .list-2col {
	margin-bottom:3%;
}
.photo-link li {
	margin-left:5%;
}
}