@charset "utf-8";

/* CSS Document */
.right_sub-nav01 li ul ul li a{
    padding: 5px 0px 5px 35px!important;
}
@media (min-width:480px) {
.c-ex {
	background-image: url(/image/sol/golf/ic/c0.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	max-width: 744px;
	min-height: 160px;
}
.c-ex-title p {
	color: #FFF;
	padding: 15px 0 0 180px;
	font-weight: bold;
	font-size: 1.4rem;
}
.c-ex-font p {
	color: #FFF;
	padding: 15px 25px 20px 80px;
	font-size: 1.4rem;
	line-height: 1.6em;
}
}

@media (max-width:479px) {
.c-ex { background-color: #BCC0DD; }
.c-ex-font p, .c-ex-title p { padding: 7px; }
.c-ex-title p {
	font-size: 1.4rem;
	font-weight: 600
}
}
/*-----------------------------------------

   card 

-----------------------------------------*/
.match p{
	padding-left: .8em;
	padding-right: .8em;
	margin-top: 2px!important;
	font-size: 90%;
	padding-bottom: 15px!important;
	line-height: 1.4em!important;
}
@media (min-width: 768px) {
.card {
	height: 350px;
	background: url("/image/sol/golf/card/head.jpg") center 0 no-repeat;
	background-size: cover;
}
.jumbotron{padding-left: 0!important}
h1.jumbotron-h1 {
	font-size: 36px;
	color: #333;
	padding-left: 0px;
	background-color: transparent !important;
}
}

@media (max-width: 767px) {
.card {
	height: 410px;
	background: url("/image/sol/golf/card/head.jpg") center no-repeat;
	background-size: cover;
}
h1.jumbotron-h1 { font-size: 24px !important }
}
/*-----------------------------------------

   showcase

-----------------------------------------*/
.showcase table th{background-color: #dff0d8;}



/*-----------------------------------------

   iOrder

-----------------------------------------*/
.service_nav{
margin: 20px 0 0;
/*background-color:#aeb4bb;*/
}
.service_nav li{padding: 10px!important;}
.service_nav li a {
display: block;
width: 215px;
height: 268px;
text-indent: -9999px;
background-image: url(/image/sol/golf/iorder/top_step.png);
background-repeat: no-repeat;
	opacity: .9;}

.service_nav .service_nav01 a {
background-position: 0 0;
}
.service_nav .service_nav02 a {
background-position: -215px 0;
}
.service_nav .service_nav03 a {
background-position: -430px 0;
}
.service_nav li a:hover 
{
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px);
	transition: ease-out 0.2s;
	box-shadow:5px 5px 10px #ccc;
	opacity: 1;
}


.label-black {
background-color: #000;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe[style] { width: 100% !important; }
h2.blue-back {
	visibility: visible;
	display: block;
	background-color: #01A7DF!important;
	background-image: none;
	padding: 3px 0;
	margin-bottom: 30px!important;
	color: #fff;
	border-radius: 4px;
	font-size: 1.5em;
}
/*  */
.color-1 { background: #769D0C; }
.color-2 { background: #89B41C; }
.color-3 { background: #50972F; }
.color-4 { background: #356B13; }
.color-5 { background: #466100; }
.color-6 { background: #787C00; }
/*----------------------*/
.card-nav {
	position: relative;
	width: 100%;
	height: 250px;
	overflow: hidden;
	background-color: #FFF;
}
.effect .about-card {
	display: block;
	width: 100%;
	height: 250px;
	border-top: 5px solid #C50003;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: -165px;
	cursor: pointer;
	-webkit-transition: bottom .2s ease-in-out;
	-moz-transition: bottom .2s ease-in-out;
	-o-transition: bottom .2s ease-in-out;
	transition: bottom .2s ease-in-out
}
.effect a img:hover{opacity: 1}
.effect a h3,.effect a p{color: #333;}
.effect a .label,.effect a:hover .label {font-size:1.4rem ;color: #fff;}
.effect .top:hover > .about-card {
	bottom: -250px;
	padding-top: 100px
}
.top figcaption{
opacity: 0;
position:absolute;
	bottom: -160px;
left:40%;
-webkit-transition: bottom .2s ease-in-out;
	-moz-transition: bottom .2s ease-in-out;
	-o-transition: bottom .2s ease-in-out;
	transition: bottom .2s ease-in-out
}
.top:hover > figcaption{
opacity: 1;
	bottom: 40%;
}
.about-card h3,.about-card p {margin:0;    padding:0}
.dl-horizontal dt { text-align: left!important }
.subtitle {
	font-weight: 600;
	margin-bottom: 40px;
	line-height: 1.8em
}

/*app sotre banner*/
#ibb-widget img{
display: inline-block; border: 1px solid #7F7F7F; border-radius:8px;margin-bottom: 10px;
}

.case-block { margin-bottom: 40px }
.case-block h3 { margin-top: 10px }
.case-block table th { background-color: #CBD5ED }
.case-block img { padding-right: 20px!important }
#achieve h3.th {
background-color: #dff0d8;
padding: 5px;
margin-bottom: 0!important;
margin: 0;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
/*-----------------------------------------

   Locker 

-----------------------------------------*/
@media (min-width: 768px) {
#locker-header .locker {
	height: 350px;
	background: url("/image/sol/golf/ic/head_locker.jpg") center 0 no-repeat;
	background-size: cover;
	background-color: #FFF !important;
}
#locker-header .jumbotron{padding-left: 0!important}
#locker-header h1.jumbotron-h1 {
	font-size: 36px;
	color: #333;
	padding-left: 0px;
	background-color: transparent !important;
}
}

@media (max-width: 767px) {
#locker-header .eagle {
	height: 410px;
	background: url("/image/sol/golf/ic/head_locker.jpg") center no-repeat;
	background-size: cover;
}
#locker-header h1.jumbotron-h1 { font-size: 24px !important }
}

/*-----------------------------------------

   whiz 

-----------------------------------------*/

.benefit h2 {
    color: #0097D4;
    font-weight: 600;
    border-bottom: 3px solid;
    text-align: center;
    padding-bottom: 0.6em;
}

.bs-whiz-blue{
	color: #0097D4;
	font-weight: 600;
}

.whiz-box{
	border: 1px solid #000000;
	padding: 20px;
}

/*-----------------------------------------

   eagle 

-----------------------------------------*/
@media (min-width: 768px) {
#eagle-header .eagle {
	height: 350px;
	background: url("/image/sol/golf/eagle/title.jpg") center 0 no-repeat;
	background-size: cover;
	background-color: #FFF !important;
}
#eagle-header .jumbotron{padding-left: 0!important}
#eagle-header h1.jumbotron-h1 {
	font-size: 36px;
	color: #333;
	padding-left: 0px;
	background-color: transparent !important;
}
}

@media (max-width: 767px) {
#eagle-header .eagle {
	height: 410px;
	background: url("/image/sol/golf/eagle/title.jpg") center no-repeat;
	background-size: cover;
}
#eagle-header h1.jumbotron-h1 { font-size: 24px !important }
}