/*---content.html---*/
.content-page h3{color: #393939;}
.content-page p{margin-bottom: 25px;}
.content-page .imgLink-block{
  -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
                max-width: 100%;
}
.content-page .imgLink-block > a:last-of-type{
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;   
}
.content-page .imgLink-block .img-wrapper,
.content-page .imgLink-block p,
.content-page .imgLink-block h3{ width: 100%; }

.content-page .imgLink-block button{float: right;}
.content-page .imgLink{
  border: 4px solid #82be0f;
  margin-bottom: 40px; 
}

/*---embed-content.html、essential-content.html、stylized-content.html---*/
.content-page h3{text-align: center;}
.embed-page h1, .embed-page .smalltitleTop,
.stylized-page h1, .stylized-page .smalltitleTop,
.essential-page h1, .essential-page .smalltitleTop,
.embed-page .text-lg,
.stylized-page .text-lg,
.essential-page .text-lg
{
  font-family: 'Crimson Text',serif;
  text-align: center;

  margin: 0;
}
.embed-page .smalltitleTop,
.stylized-page .smalltitleTop,
.essential-page .smalltitleTop{line-height: 1.3;}

.embed-page h1,
.stylized-page h1, 
.essential-page h1,
.embed-page .text-lg,
.stylized-page .text-lg, 
.essential-page .text-lg{
    color: #000; font-size: 6vw; font-weight: 600;
}

.embed-page .smalltitleTop,
.stylized-page .smalltitleTop,
.essential-page .smalltitleTop{color: #515551; font-size: 3vw; font-weight: 600;}


/*-----------------------------------------------*/
.row-1440 a { color:#82be0f; }
.row-1440 .title { 
    color:#82be0f;
    font-size:2em;
    line-height: 1.5;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600; 
    margin-top:4.5vw;
    margin-top:4.5vmax;
    
}

.row-1440 .description_white { 
    font-size:1.2em;
    line-height: 1.5;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400; 
  /*  color:#c8c8c8;
    text-align:justify; */
    margin-top:1vw;
    margin-bottom:3vw;
    margin-top:1vmax;
    margin-bottom:3vmax;
}

.row-1440 .description_black { 
    font-size:1.2em;
    line-height: 1.5;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400; 
    color:#333333;
   /* text-align:justify; */
    margin-top:1vw;
    margin-bottom:3vw;
    margin-top:1vmax;
    margin-bottom:3vmax;
}

.row-1440 .subtitle {
    color:#333333;
    font-size:1.5em;
	  font-style:italic;
    line-height: 1;
    font-family: 'Crimson Text', serif; font-weight: 600;
    font-weight: 600; 
}

.row-1440 .subtitleNO {
    color:#808080;
    font-size:1.8em;
	  font-style:italic;
    line-height: 1;
    /*font-family: 'Crimson Text', serif; font-weight: 600;*/
    font-weight: 600; 
}

.set_group {
    width: 100%;
    height: 165px; 
    display: table;
}

.set_group > .title span, .set_group > .title h1 {
  font-family: 'Archivo Narrow', sans-serif;    
  font-size:3em;
  font-weight: 700;
  color:#82be0f;
}

.set_group .title {
  display: table-cell;
  vertical-align: middle;
  text-transform: uppercase; 
  text-align: center;
}

.row-1440 table tr{ 
    line-height: 1.5;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400; 
    color:#333333;
    text-align:center; 
}

.row-1440 table tr td { padding:2px; text-align:center; border:1px solid #cccccc;}
.row-1440 table tr:nth-child(1) { color:#82be0f; }
.uptext { width: 80%; left: 10%; top: 3%; }
.wywg { display: table; height:110px; background-color:gray;width:100%;text-align:center;}
/*.wywg p { display: table-cell;vertical-align:middle;font-size:3.75em;font-family:'Crimson Text',serif;font-weight:600; color:#ffffff; }*/

/*for seo*/
.rl-style .contentGetTitle{text-align: left;}
.rl-style .contentGetTitle2{text-align: left;margin-bottom: 0;}

@media screen and (max-width:1200px) {
  .embed-page h1,
  .stylized-page h1, 
  .essential-page h1,
  .embed-page .text-lg,
  .stylized-page .text-lg, 
  .essential-page .text-lg{
      font-size: 8vw;
  }
  .embed-page .smalltitleTop, .stylized-page .smalltitleTop, .essential-page .smalltitleTop{font-size: 5vw;}
  .imgLink-block{text-align: center;}
  .content-page .imgLink-block button{float: none;}
}
@media screen and (max-width:991px) {
  .content-page .imgLink{
    margin-bottom: 25px; 
  }
  .content-page .imgLink-block{
    -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
  }
}
@media screen and (max-width:768px) {
    .tablecell { float:left !important; display:inline; }
    .row-1440 .bigtitle { font-size:1.8em; }
    .row-1440 .title { font-size:1.5em; }
    .row-1440 .subtitle { font-size:1.2em; }
    .row-1440 .smalltitle { font-size:1.2em !important; }
    .row-1440 .description_white {  font-size:1.0em; }
    .row-1440 .description_black { font-size:1.0em; }

    .buytable { display:block; }
    .set_group .title { height:75px; }
    .set_group > .title span, .set_group .title h1 { font-size:1.6em; }

    .uptext { top: 0; left:0px; width:90% !important; position:relative !important; }
    .wywg { display: table; height:60px; background-color:gray;width:100%;text-align:center;}
    .wywg p { display: table-cell;vertical-align:middle;font-size:2em;font-family:'Crimson Text',serif;font-weight:600; color:#ffffff; }
    
    .content-page .imgLink{
      margin-bottom: 20px; 
    }

    .embed-page h1,
    .stylized-page h1, 
    .essential-page h1,
    .embed-page .text-lg,
    .stylized-page .text-lg, 
    .essential-page .text-lg{font-size: 10vw;}
    .embed-page .smalltitleTop, .stylized-page .smalltitleTop, .essential-page .smalltitleTop{font-size: 7vw;}
}

@media screen and (min-width: 768px) {
  .vertical-align-middle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (max-width: 568px) {
  .embed-page h1,
  .stylized-page h1, 
  .essential-page h1,
  .embed-page .text-lg,
  .stylized-page .text-lg, 
  .essential-page .text-lg{font-size: 12vw;}
  .embed-page .smalltitleTop, .stylized-page .smalltitleTop, .essential-page .smalltitleTop{font-size: 7vw;}
}
@media screen and (max-width: 430px) {
  .embed-page h1,
  .stylized-page h1, 
  .essential-page h1,
  .embed-page .text-lg,
  .stylized-page .text-lg, 
  .essential-page .text-lg{font-size: 16vw;}
  .embed-page .smalltitleTop, .stylized-page .smalltitleTop, .essential-page .smalltitleTop{font-size: 9vw;}
}


@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}

.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}



