@charset "utf-8";

/* Colors */

.color-1 {
	color: #f306a0;
}

.color-2 {
	color: #d60bfb;
}

.color-3 {
	color: #d8be10;
}

.color-4 {
	color: #0fd28a;
}

.color-5 {
	color: #f97400;
}

.color-6 {
	color: #08a6f3;
}



/* Background Color */

.bg-color-1 {
	background-color: #f306a0;
}

.bg-color-2 {
	background-color: #d60bfb;
}

.bg-color-3 {
	background-color: #d8be10;
}

.bg-color-4 {
	background-color: #0fd28a;
}

.bg-color-5 {
	background-color: #f97400;
}

.bg-color-6 {
	background-color: #08a6f3;
}



/* UiPasta Credit */

.uipasta-credit {
}

.uipasta-credit a {
    color: #24b6a9;
    font-weight: 600;
}

.uipasta-credit a:hover {
    color: #ffffff;
}

.clubmedtxt{
  padding: 0 20px;
  text-align: left;
}
#TravelCharacteristics .clubmedtxt8 h3{ 
  font-weight: bold;
  font-size:24px;
  padding:10px 0;
}

/*20180423 圖片響應式 Stacy*/
.clubmedtxt8 img{
	width: 100%;
}

.clubmedtxt8 p{
  font-size: 13px;
  text-align: left;
  padding:0 10px 20px 10px ;
  line-height: 18px;
}

/*20180423 圖片響應式 Stacy*/
.clubmedtxt8-1 img{
	width: 100%;
	
}

.clubmedtxt8-1 h3{
  padding: 10px 0;
  font-weight: bolder;
}

.pointtitle{
position:absolute;
width: 90%;
left: 25px; 
/*bottom: 80px;*/
font-size: 26px;
}
.pointtitle2{
color: #82674f;
position:absolute;
width: 90%;
left: 25px; 
bottom: 20px;
font-size: 13px;
}
.pointtitle2 p{
  line-height: 5px;

}
.pointtitle2 p span.pointtitle2span3{
  font-size: 16px;
  color: #bf4e16;
}

.services-detail a h3{
padding-top:10px;
color: #333; 
font-weight: bolder;
}

.pointtitle span{
font-size: 14px;
padding-left: 10px;
color: #777;
}



.clubmedinfo div ul li{
  list-style:none;
}

.clubmedinfo1{
  background-color: #beddff;
  padding: 30px;
  box-shadow: 0px 1px 2px 0px rgba(90, 91, 95, 0.50);
}
.clubmedinfo1 i{
  color: #188db1;
}
.clubmedinfo1 h3{
  font-size: 36px;
  color: #188db1;
}
.clubmedinfo1 h4{
  font-size: 24px;
  color: #188db1;
}

.clubmedinfo2{
  background-color:#fff3c1;
  padding: 30px;
  box-shadow: 0px 1px 2px 0px rgba(90, 91, 95, 0.50);
}
.clubmedinfo2 i{
  color: #B17518;
}
.clubmedinfo2 h3{
  font-size: 36px;
  color: #B17518;
}
.clubmedinfo2 h4{
  font-size: 24px;
  color: #B17518;
}
.clubmedinfo3{
  background-color:#d0e6d7;
  padding: 30px;
  box-shadow: 0px 1px 2px 0px rgba(90, 91, 95, 0.50);
}
.clubmedinfo3 i{
  color: #58b15b;
}
.clubmedinfo3 h3{
  font-size: 36px;
  color: #58b15b;
}
.clubmedinfo3 h4{
  font-size: 24px;
  color: #58b15b;
}
.ehdiv{
/*margin-bottom: -10000px;*/
/*padding-bottom: 10000px;*/
}
#equalheight {
overflow: hidden;
}
.row .media {
  color: #FFF;
}
.row .media p{
    font-size: 15px;
    line-height: 22px;
    color: #FFF;
  }
.row .media h4{
font-size: 16px;
  line-height: 15px;
  font-weight: bold;
  }



.pdc-header-text img{
	padding-bottom: 15px;
}

.pdc-header-text h2{ 
  font-size: 60px;
  font-weight: bolder;
  letter-spacing: 10px;
  color: #FFF;
  opacity: 0.8;
  text-shadow: 1px 1px 2px #7b6f6f;
}

.pdc-header-text p{ 
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 2px;
  color: #FFF;
  opacity: 0.8;
  padding-top: 15px;
}
#TravelCharacteristics .pdc01{
  background-color: #fcf8e3;
  padding: 10px 0px 10px 30px;
  font-size: 16px;
  color: #b7a43f;
}
.pdc01 li{
  padding: 5px 5px 5px 15px;
}
.pdcbg{
  background-color: #000;
  opacity: 0.6;
  padding: 30px;
}
.tag .tagdiv{
  margin:0px auto;
  text-align:center;
/*  padding-top: 20px;*/
}
.tagdiv a{
  color: rgb(36, 182, 169);
}
.tagdiv a:hover{
  color: #FFF;
  background-color: #24b6a9;
  border-radius: 20px;
}
/*             //////////////////////////////////////        */
.guilin-section-background{
  position: relative;
  height: 100%;
  background: url(/eweb_ystravel/clubmed/images/1guilin/top.jpg);
  background-size: cover;
  z-index: 1;
}

.guilin-main{
    position: relative;
    background: url(/eweb_ystravel/clubmed/images/1guilin/main.jpg);
    background-size: cover;
    z-index: 1;
  }
/*-----------*/
.sanya-section-background{
  position: relative;
  height: 100%;
  background: url(/eweb_ystravel/clubmed/images/2Sanya/top.jpg);
  background-size: cover;
  z-index: 1;
}

.sanya-main{
    position: relative;
    background: url(/eweb_ystravel/clubmed/images/2Sanya/main.jpg);
    background-size: cover;
    z-index: 1;
  }
  /*-----------*/
.bali-section-background{
  position: relative;
  height: 100%;
  background: url(/eweb_ystravel/clubmed/images/3Bali/top.jpg);
  background-size: cover;
  z-index: 1;
}

.bali-main{
    position: relative;
    background: url(/eweb_ystravel/clubmed/images/3Bali/main.jpg);
    background-size: cover;
    z-index: 1;
  }
  /*-----------*/
.bintan-section-background{
  position: relative;
  height: 100%;
  background: url(/eweb_ystravel/clubmed/images/4Bintan/top.jpg);
  background-size: cover;
  z-index: 1;
}

.bintan-main{
    position: relative;
    background: url(/eweb_ystravel/clubmed/images/4Bintan/main.jpg);
    background-size: cover;
    z-index: 1;
  }
  /*-----------*/
.ishigaki-section-background{
  position: relative;
  height: 100%;
  background: url(/eweb_ystravel/clubmed/images/5Ishigaki/top.jpg);
  background-size: cover;
  z-index: 1;
}

.ishigaki-main{
    position: relative;
    background: url(/eweb_ystravel/clubmed/images/5Ishigaki/main.jpg);
    background-size: cover;
    z-index: 1;
  }
  /*-----------*/
.hokkaido-section-background{
  position: relative;
  height: 100%;
  background: url(/eweb_ystravel/clubmed/images/6Hokkaido/top.jpg);
  background-size: cover;
  z-index: 1;
}

.hokkaido-main{
    position: relative;
    background: url(/eweb_ystravel/clubmed/images/6Hokkaido/main.jpg);
    background-size: cover;
    z-index: 1;
  }
  /*-----------*/
.tomamu-section-background{
  position: relative;
  height: 100%;
  background: url(/eweb_ystravel/clubmed/images/7Tomamu/top.jpg);
  background-size: cover;
  z-index: 1;
}

.tomamu-main{
    position: relative;
    background: url(/eweb_ystravel/clubmed/images/7Tomamu/main.jpg);
    background-size: cover;
    z-index: 1;
  }
  /*-----------*/
.cherating-section-background{
  position: relative;
  height: 100%;
  background: url(/eweb_ystravel/clubmed/images//8cherating/top.jpg);
  background-size: cover;
  z-index: 1;
}

.cherating-main{
    position: relative;
    background: url(/eweb_ystravel/clubmed/images/8cherating/main.jpg);
    background-size: cover;
    z-index: 1;
  }
  /*-----------*/
.phuket-section-background{
  position: relative;
  height: 100%;
  background: url(/eweb_ystravel/clubmed/images/9Phuket/top.jpg);
  background-size: cover;
  z-index: 1;
}

.phuket-main{
    position: relative;
    background: url(/eweb_ystravel/clubmed/images/9Phuket/main.jpg);
    background-size: cover;
    z-index: 1;
  }
  /*-----------*/
.kani-section-background{
  position: relative;
  height: 100%;
  background: url(/eweb_ystravel/clubmed/images/10Kani/top.jpg);
  background-size: cover;
  z-index: 1;
}

.kani-main{
    position: relative;
    background: url(/eweb_ystravel/clubmed/images/10Kani/main.jpg);
    background-size: cover;
    z-index: 1;
  }
  /*-----------*/
.finolhu-section-background{
  position: relative;
  height: 100%;
  background: url(/eweb_ystravel/clubmed/images/11Finolhu/top.jpg);
  background-size: cover;
  z-index: 1;
}

.finolhu-main{
    position: relative;
    background: url(/eweb_ystravel/clubmed/images/11Finolhu/main.jpg);
    background-size: cover;
    z-index: 1;
  }
  /*-----------*/
.yabuli-section-background{
  position: relative;
  height: 100%;
  background: url(/eweb_ystravel/clubmed/images/12Yabuli/top.jpg);
  background-size: cover;
  z-index: 1;
}

.yabuli-main{
    position: relative;
    background: url(/eweb_ystravel/clubmed/images/12Yabuli/main.jpg);
    background-size: cover;
    z-index: 1;
  }
  /*-----------*/
.beidahu-section-background{
  position: relative;
  height: 100%;
  background: url(/eweb_ystravel/clubmed/images/13Beidahu/top.jpg);
  background-size: cover;
  z-index: 1;
}

.beidahu-main{
    position: relative;
    background: url(/eweb_ystravel/clubmed/images/13Beidahu/main.jpg);
    background-size: cover;
    z-index: 1;
  }
  /*-----------*/
.divcenter{
  margin: 0 auto;
  text-align: center;
  padding: 20px 0;
}



/*?�𠹺�𧢲��*/
.block-title a img {
/*  max-width: 170px;*/
max-width: 150px;
  min-width: 100px;
}

.footer_logo img {
  max-width: 124px;
}

.clubmedtxt2{
	font-size: 18px;
	line-height: 24px;

}
.clubmedtxt2 p{
  font-size: 18px;
  line-height: 1.8em;
}
.clubmedtxt3{
  font-size: 16px;
  line-height: 20px;

}
.clubmedtxt3 p{
  font-size: 16px;
  line-height: 2em;
}
.clubmedtxt3 h3{
    font-size: 24px; 
    line-height: 30px;
    font-weight: bold;
    color: #777;
    padding-bottom: 10px;
}
.clubmedtxt3 span{
    font-size: 14px; 
    color: #780f90;
}

.cmdownload{
  margin: 0 auto;
  text-align: center;
  padding: 40px 0;
}

.cmdownload a{
    color: #FFF;
    font-size: 36px;
    padding: 15px;
    line-height: 36px;
    box-shadow: 3px 2px 10px rgba(0, 0, 0, 0.3);
}
.cmdownload a i{
    width: 36px;
    height: 36px;
}
.colorcm1{
  background-color: #F7931E;
  color: #FFF;
}
.colorcm2{
  background-color: #52C64B;
  color: #FFF;
}
.colorcm3{
  background-color: #4593D8;
  color: #FFF;
}

.cmsales{
  padding: 20px;
  background-color: #f7efe3;
}
.cmsales h4{
  font-size: 18px;
  font-weight: bold;
  color: #82674f;
  text-align: left;
  padding: 10px 0;
}
.cmsales span{
  font-size: 16px;
  font-weight: bold;
  color: #96775c;
  padding-right: 5px;
}
.cmsales p{
  text-align: left;
  padding: 5px 0;
  font-size: 16px;
  color: #a98a5c;
}
  .media-body p span{
    font-size:16px;
    line-height:40px;
    padding-left:20px;
}

.contact_us i {
  font-size: 30px;
    margin-bottom: 10px;
    /*background-color: #fff;*/
    border-radius: 50%;
    box-shadow: 0px 1px 2px 0px rgba(90, 91, 95, 0.15);
  transition: all 0.3s ease-in-out;
    width: 88px;
    height: 88px;
    line-height: 88px;
}

.contact_us:hover i {
  box-shadow: 0px 8px 15px 0px rgba(90, 91, 95, 0.33);
    margin-top: -5px;
}

.contact_us a {
  color: #333;
}

.contact_us a:hover {
  color: #333;
}


.section-title h2 {
	width: 70%;
    margin-top: 0;
    font-weight: 600;
    border-bottom: 4px solid #24b6a9;
    font-size: 40px;
    margin: 0 auto;
    padding: 15px 0;
    margin-bottom: 30px;
    color: #24b6a9;
    text-align: center;
}

@media only screen and (max-width:1920px){
.clubmedtxt8 img {width: 100%;
	   			  padding-top:30px;}
div.product_content .container{width: 1100px;}	
}

@media (max-width:  992px){div.product_content .container{width: 70%;}}
@media (max-width:  768px){div.product_content .container{width: 100%;}}
@media (max-width:   45em){
	div.product_content .container{width: 100%;}
	.GroupList .breadcrumb, .Detail .breadcrumb, .Type .breadcrumb, .Order_Step_one .breadcrumb, .order_completion .breadcrumb, .payment .breadcrumb {margin-top: 120px;}
	
}

testimonial-section > .breadcrumb{
	    background-color: transparent;
}

div.features_content .section-title p {
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 40px; 
    text-align: center;
    font-size: 20px;
    color: #24b6a9;
}

/*20170928COWELL TABLE MIKE*/
.cmtable td{
  font-size: 16px;
  line-height: 20px;
  color: #333;
}
.cmtable th{
  background-color: #0070c0;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
}
.cmpushnote{
  color: #F00;
  font-size: 20px;
  letter-spacing: 2px;
  padding-bottom: 20px;
}

/*相簿外掛*/
.nGY2GThumbnailCustomLayer .nGY2GThumbnailLabel .nGY2 .nGY2GThumbnailAlbumTitle, .nGY2 .nGY2GThumbnailDescription, .nGY2 .nGY2GThumbnailImageTitle{
	text-shadow: none;
}

.cmalbum{
	padding-top: 50px;
}

.contact-us-detail a{
	font-size: 15px;
}

@media print{
	#home aside{display: none;}
/*	.pdc-header-text > h2{color: #000;}*/

}