html{height: 100%;}
body {
	padding: 0;
	margin: 0;
	background: #fff;	
	color: #383842;
	line-height: 1.4;
	font-size: 15px;
	font-family: "Noto Sans TC","Microsoft JhengHei","微軟正黑體","Arial", sans-serif!important;
   height: 100%;
}
body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-decoration: none;
}
body a:focus,
body a:hover {
	text-decoration: none;
}
input[type="button"], input[type="submit"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight:normal;
   line-height: 1.2;
}
h1, h2, h3{
	font-weight: 700;
}
p {
	margin: 0;
	letter-spacing:1px;
	line-height:1.4;
}

.row{
	margin:0px;
	padding:0px;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
label {
	margin: 0;
}
a{
	color:#000;
}
a:focus, a:hover {
	text-decoration: none;
	outline: none;
}
.hide{display: none;}
img{
   width: 100%;}
section{
   padding-bottom: 5em;
   padding-top: 5em;
   overflow: hidden;
}

.scroll-to-top {
  z-index: 1029;
  right: 1rem;
  bottom: 4rem;
  display: none;
}

.scroll-to-top a {
  width: 3.1rem;
  height: 3.1rem;
  background-color: rgba(33, 37, 41, 0.5);
  line-height: 3.1rem;
}
/*-- //Reset-Code --*/
.fixed-bottom {
    z-index: 1999;
}
/*BTNN*/
.hoverbig img{
	filter:drop-shadow(2px 2px 2px #303030);
}
.hoverbig:hover img{
	transform: scale(1.1, 1.1);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
filter:drop-shadow(0px 0px 0px #303030);
}

.btngo{
	font-size: 1.4em;
    line-height: 1.2;
    /* font-weight: 700; */
    color: #fff;
    background-color: #ECB64C;
    padding: 10px 5%;
    margin-top: 50px;
   border-radius: 10px;
    display: inline-block;
}
.btngo:hover{
	color: #fff;
   transform: scale(1.1, 1.1);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

/*#BTNN*/

.bg-blue{background-color: #54dbed!important;}
.bg-white2{	background-color: #FAF1E8!important;}
.bg-blk{	background-color: #383838!important;}
.bg-blk2{background-color: rgba(0,0,0,.8)!important;}
.bg-yellow2{	background-color: #ECB64C!important;}
.bg-yellow3{	background-color: #FEE3B4!important;}
.bg-yellow4{	background-color: #FFE2AE!important;}
.bg-or{	background-color: #E66700!important;}

.f-or{color: #E66700!important;}
.f-blk{color: #383838!important;}



.f-blue{color: #617D91;}
.f-pink{color: #e05c6f;}
.f-white{color: #FFFFFF;}
.f-green{color: #C4F486!important;}
.f-yellow{color: #FFC152!important;}

.bg_banner{
	background-image: url("../images/bn-bg.png");
	background-position:center!important;
	background-size: cover!important;
}
.bg_th1{
	background-image: url("../images/bg_th1.png");
	background-position:center top;	
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}
.bg_th2{
	background-image: linear-gradient(rgba(249, 193, 95, 0.6), rgba(249, 193, 95, 0.6)),
                  url("../images/bg_th2.png");   
   background-position:center top;	
	background-repeat: no-repeat;
	background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;   
}
.bg_th3{
	background-image: url("../images/bg_th3.png");
	background-position:center top;	
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}

.bg_th4{
	background-image: linear-gradient(rgba(249, 193, 95, 0.6), rgba(249, 193, 95, 0.6)),
                  url("../images/bg_th4.png");   

   background-position:center top;	
	background-repeat: no-repeat;
	background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;   
}

.bg_th5{

background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
                  url("../images/bg_th5.png");   

   background-position:center bottom;	
	background-repeat: no-repeat;
	background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;   
}


/*click*/
.click_box{
    position: relative;
}
.click_box:hover img.click_hand{
   display: none;
}
.click_hand{
    position: absolute;
    filter:drop-shadow(2px 2px 2px #303030);
    width: 60px;
    z-index: 2;
}
/*##click*/
header{
   margin-top: 1.6em;
   position: relative;
}
/*Menu*/
.menu{
   width: 100%;
   -webkit-transition: padding-top .3s, padding-bottom .3s;
   transition: padding-top .3s, padding-bottom .3s;
}
.heart_icon{
   width: 22px;
   display: inline-block;
}


.menu li{
   width: calc( calc(100%/8) - 2%);
    text-align: center;
    font-size: 1.4em;
    line-height: 1.2;
    margin-left: 0;
    margin-right: 0;
    vertical-align: middle;
    font-family: "cwTeXYen", sans-serif!important;
}
.st0{fill:#E66700;}
.menu li:hover .st0{
  fill:#fff;
}
.menu li a.nav-link{
   color: #fff;
   padding: .8em 0 .8em 0;
}
.hvr-sweep-to-bottom:before {
   background: #E66700;}


@media screen and (max-width:1600px) {
.menu li{
   width: calc( calc(100%/8) - 1%);
    font-size: 1.3em;
}


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

.menu{
      padding: 1em 0 .4em 0;
   }  
.menu li{
   font-size: 1.2em;
   letter-spacing: 1;
   width: calc( calc(100%/4) - 2%);
   margin-bottom: 2%;
   }
.menu li a.nav-link {
    color: #fff;
    padding: .4em 0 .4em 0;
}
.heart_icon{
  display: none;
}      
}/*#Menu*/

@media screen and (min-width: 1601px) {

}/*1600以上*/

@media screen and (max-width:575px) {
 header {
    margin-top: 7.3em;}  

.menu.navbar-shrink{
   padding: 1em 0 .4em 0;
}   
}/*1199*/


/*
.bn{
   position: absolute;
   left: 1em;
   bottom: 10em;
   width: 100%;   
}
.bn img{ 
   width: 48%;   
}
*/
/**********************marquee****************************/

.marquee {
    width: 46%;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    bottom: 9em;
    /* background-color: #fff; */
    height: 12em;
}

.marquee .board {
 padding-top: 10em;
  display: inline-block;
 -webkit-animation: marquee 20s linear infinite;
    -moz-animation: marquee 20s linear infinite;
     -ms-animation: marquee 20s linear infinite;
      -o-animation: marquee 20s linear infinite;
         animation: marquee 20s linear infinite;
}
.marquee .board p{
line-height: 2;
font-size: 1.2em;
   color: #1E1E1E;
}

@media screen and (max-width: 1600px) {
.marquee {
    bottom: 8em;
}
   
}@media screen and (max-width: 1400px) {
 .marquee {
    bottom: 5em;
}  
.marquee .board p {
     font-size: 1.2vw;} 
   
}@media screen and (max-width: 575px) {
.marquee {
    width: 100%;   
    right: 0;
    bottom: 3em;
    text-align: center;
    height: 10em;
}
.marquee .board p {
    font-size: 4vw;
}   
}/*##media_marquee*/


@-webkit-keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(0, -100%); }
}

@-moz-keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(0, -100%); }
}


@-o-keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(0, -100%); }
}

/* Standard syntax */

@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(0, -100%); }
}



/**********************##marquee****************************/

/**********************part1****************************/
h2.title{
   padding: 1.5em 0 1.5em 0em;
   text-align: center;
   font-size: 3.6em;
   background-image: url("../images/pt1-man.png");
	background-position:left 3% bottom;	
	background-repeat: no-repeat;
	background-size: contain;
	-ms-background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
   position: relative;
}
.line{
   width: 75px;
    height: 6px;
    background-color: #383838;
    position: absolute;
    bottom: .6em;
    left: 46%;
}

#part1 .con{
   background-color: #FAF1E8;
   border-radius: 30px;
   padding: 4em 2em;
   box-shadow: 5px 5px 10px rgba(0,0,0,0.6);
}

#part1 .con h4{
   letter-spacing: 5px;
}
.sec-p{
   background-color: #E66700;
   color: #fff;
   font-weight: 500;
   font-size: 1.4em;
   display: inline-block;
   padding: .2em .6em;
   margin-top: .5em;
}
@media screen and (max-width: 575px) {
 #part1 .con {
      padding: 3em 2em;}

h2.title{
   padding: 1em 0 .7em 4.2em;
   text-align: left;
   font-size: 2.5em;
   background-image: url("../images/pt1-man.png");
	background-position:left 7% bottom;	
	background-repeat: no-repeat;
   position: relative;
}
.line{
   display: none;
}   
   
}/*##media*/


/****swiper*****/


.swiper-button-next, 
.swiper-button-prev {
   top: 65%;}

.swiper-container-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-custom, 
.swiper-pagination-fraction {
    bottom: unset;
    top: 1em;
    left: 0;
    width: 100%;
}
 .swiper-container {
      width: 100%;
      height: 100%;
    padding-top: 4.5em;
    }

.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .4em;
}
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
     .swiper-pagination-bullet {
      width: 2.2em;
      height: 2.2em;
      text-align: center;
      line-height: 2.2em;
      font-size: 1em;
      color: #fff;
      opacity: 1;
      background: rgba(56, 56, 56, 0.8);
    }

    .swiper-pagination-bullet-active {
      color: #fff;
      background: #EF8200;
    } 

.swiper-button-next, .swiper-button-prev {
    color: #EF8200;
}

/****##swiper*****/


/**********************##part1****************************/

/**********************part2****************************/ 
#part2 h2{letter-spacing: 3px;}

.bg_study{
   position: relative;
   left: -8em;
   margin-top: 3em;
   margin-bottom: 1em;
}
.qabox{
   position: absolute;
   width: 100%;
   right:-5em;
   top:13em;;
}

.qa{
   background-color: #FFC050;
   border-radius: 20px;
   position: relative;
   padding: .7em;
   box-shadow: 3px 3px 6px rgba(0,0,0,.3);
}

.qa h5,
.qa .que::before{
    font-size: 1.2em;
    font-weight: 500;
   
}

.qa .que::before{
   content: 'Q';
   position: absolute;
   left: 1em;
   top: .4em;
   color: #E66700;
}
.qa .que i{
   position: absolute;
   right: 1em;
   top: .2em;
   font-size: 1.5em;
   line-height: 1.6;
   color: #E66700;
}
.qa h5{
   color: #383838!important;
   letter-spacing: 1px; 
   text-align: left;
   margin-left: 2em;
}
.qa .ans{
   text-align: left;
   font-size: 1em;
   font-weight: 400;
   padding: 0em 1em  .5em 1em;
}


@media screen and (max-width: 670px) and (min-width: 576px) {
   #part10 h2{font-size: 3em;}   
   
}

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

   
}@media screen and (max-width: 575px) {
#part2 h2 {
    letter-spacing: 2px;
}   
.qa h5 {
   margin-left: 1.4em;}  
.qa .ans {
    font-size: 1.2em;
   line-height: 1.5;}
.bg_study {
    position: relative;
    left: 0;
    margin-top: 3em;
    margin-bottom: 2em;
}
.qabox{
   position: relative;
   width: 100%;
   right:0;
   top:0;
}   
   
   
}/*#END_classbox*/

/**********************##part2****************************/
/**********************part3****************************/

#part3 h2{
   letter-spacing: 5px;
   font-weight: 700;
   margin-bottom: 1.4em;
}



#part3 .btngo{
   background-color: #383842;
   color: #fff;
   line-height: 1.5;
   border-radius: 10px;
   font-size: 1.2em;
   letter-spacing: 2px;
   box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
}

/*classbox*/
.classbox{
   padding: 2em;
   
}
/*navbox*/   
.navbox{
   overflow: auto;
}
.navbox ul{
   width: 100%;
}
.navbox ul li{
   width: 18%;
   background-color: #3E3F57;
   display: inline-block!important;
}
.navbox ul li a{
  color: #fff!important;
  font-size: 1.4em; 
   letter-spacing: 2px;
  background-color:  #383842; 
  border-radius: 0!important;
}
.navbox ul li a.active,
.navbox ul li a:hover{
  background-color:  #E66700!important;  
}



/*課程內容*/
.classbox .tab-content{
   padding: 1em;
}
.classbox .tab-content ul{
   width: 100%; 
   background-color: #FAF1E8;
}
.classbox .tab-content ul li{
   width: 80%;
   display: inline-block;
   text-align: center;
   border: 2px solid #d5d5d5;
   padding: .7em 1.6em;
   margin: .5em;
}
.classbox h4{
   margin-bottom: .2em; 
   font-weight: 700;
   color: #5F5F5F;
}

.classbox p{
   font-size: 1.2em;
   color: #969696;
}

@media screen and (max-width: 575px) {
/*navbox*/   

.navbox ul{
   width: 560px;
}
.navbox ul li{
   width: 100px;
   margin-right: 10px;
}
   
.classbox .tab-content {
    padding: 1em 0;
}   
.classbox .tab-content ul li{
   width: 80%;}   
/* 滾動槽 */
.navbox ::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}
.navbox ::-webkit-scrollbar-track {
    border-radius: 3px;
    background: rgba(0,0,0,0.06);
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.08);
}
/* 滾動條滑塊 */
.navbox ::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: rgba(0,0,0,0.12);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
}
/* ##滾動槽 */
}/**********************##part3****************************/ 
/**********************part4****************************/ 

.video_box{
   margin-top: 9.4em;
}
.title_box{
   position: absolute;
   left: 1em;
   top: 29em;
}
h5.title_bg2{
  color: #FAF1E8;
  letter-spacing: 5px;
  background-image: url("../images/title_bg2.png");
	background-position:left bottom;	
	background-repeat: no-repeat;
	background-size: contain;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;   
   padding: .4em .0 .5em .6em;
   margin-bottom: .7em;
}
#part4 h2,
#part4 p{
   letter-spacing: 3px;
}

@media screen and (max-width: 575px) {	
#part4 img{
   top: -4em;
    position: relative;
}
.title_box {
    top: 21.6em;
}   
.video_box {
    margin-top: 0;
}  
}/**/

/*選項卡*/    
#part4 .carousel-inner{
   margin-bottom: .7em;
}
#part4 .carousel-caption{
    bottom: unset;
    top:20px;}
#part4 .carousel-indicators {
    position:relative;
    right: unset;
    bottom:  unset;
    left:  unset;
    display: unset;
    -ms-flex-pack:unset;
    justify-content: unset;
    padding-left:unset;
    margin-right: unset;
    margin-left: unset;
    list-style: none;
   
}    
#part4 .carousel-indicators li{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    text-indent:unset;
    height:unset;
    background-color:#383838;
    color: #fff;
   padding: .3em 0;
   border: 0;
   margin-bottom: .4em;
   font-size: 1.2em;
   letter-spacing: 3px;
    }      
 

/*##_選項卡*/   

/**********************##part4****************************/ 
/**********************part5****************************/

.experiens{
   padding: 5em 3em 0 4em;
    background-image: url("../images/pt5-bg.png");
	background-position:center top;	
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
}
.experiens p{
  line-height: 1.8;
}
.bm{
   border-bottom: 2px solid #E66700;
}
.talk{
    position: absolute;
    width: 7em;
    right: 4em;
    top: 2em;
}



h5.title_bg{
  color: #FAF1E8;
  letter-spacing: 5px;
  background-image: url("../images/title_bg.png");
	background-position:center bottom;	
	background-repeat: no-repeat;
	background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;   
   padding: .4em .4em .5em .4em;
   margin-bottom: 1em;
}

@media screen and (max-width: 575px) {	
.experiens {
    padding: 2em 1em 2em 1em;
   margin-bottom: 2em;}
.talk {
    position: absolute;
    width: 6em;
    right: 2em;
    top: 1em;
}  
   
}/**/
/*經驗分享modal*/
.modal .close{
    position: absolute;
    right: -.7em;
    top: -.7em;
    background: #383838;
    border-radius: 50%;
    padding: .3em;
    opacity: 1;
    color: #fff;
    text-shadow: none;
   z-index: 999;
}
.modal .close span{
    width: 100%;
}

.exp_con{
   padding:4em;
   letter-spacing: 3px;   
   background-image: url("../images/bg-win.png");
	background-position:center bottom;	
	background-repeat: no-repeat;
	background-size: contain;
	-ms-background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;  
}
.exp_con h3{
   font-size: 2.2em;
   font-weight: 700;
   margin-bottom: .6em;
}
.exp_con h5{
   font-size: 1.4em;
}
.exp_con li{
   background-color: #E66700;
   color: #fff;
   display: inline-block;
   padding: .2em .5em;
   font-size: 1.2em;
   margin-bottom: 10px;
}
.exp_con p{
   font-size: 1.1em;
   line-height: 1.8;
}

@media screen and (max-width: 575px) {	
.exp_con{
   padding:2.4em 1.4em;
   }
.exp_con h3 {
   font-size: 2em;}   
   
}/*#經驗分享modal*/

/*選項卡*/    
/*mycarousel*/   
.mycarousel .carousel-caption{
    bottom: unset;
    top:20px;}
.mycarousel .carousel-indicators {
    position:relative;
    right: unset;
    bottom:  unset;
    left:  unset;
    display: unset;
    -ms-flex-pack:unset;
    justify-content: unset;
    padding-left:unset;
    margin-right: unset;
    margin-left: unset;
    list-style: none;
}    
.mycarousel .carousel-indicators li{
    width: 31%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 1.3em;
    letter-spacing: 3px;
    line-height: 2.3;
    display: inline-block;
    text-indent:unset;
    height:unset;
    background-color: #E66700;
    color: #FFFFFF;
    border: none;
    margin-bottom: .8em;
   font-weight: 500;
    }      
 
@media screen and (max-width: 575px) {	
.mycarousel .carousel-indicators li {
   width: 48%;
   letter-spacing: 2px;
   }
}

   

/*##_mycarousel*/   

/**********************##part5****************************/ 
/**********************part6****************************/ 
#part6{
   letter-spacing: 4px;}
#part6 h2{   
   background-image: url("../images/111.png");
	background-position:left center;	
	background-repeat: no-repeat;
	background-size: contain;
	-ms-background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;   
   padding: .2em .4em .3em 2.4em;
   margin-bottom: 1em;
   display: inline-block;
}
.border-white .col-sm-6:nth-child(2){
   margin-top: 4em;
}
#part6 .btngo{
   border-radius: 30px;
}
.class_ticket{
   display: block;
   text-align: center;
   color: #ECB64C;
   margin-top: 0;
   font-size: 1em;
}
@media screen and (max-width: 575px) {
#part6 .btngo {
    width: 80%;
    margin-top: 1.5em;
}
.border-white {
    margin-top: 5em;
}
   
#part6 h2 {
    background-size: auto 80%;
    -ms-background-size: auto 80%;
    -moz-background-size: auto 80%;
    -webkit-background-size: auto 80%;
}   
 .border-white .col-sm-6:nth-child(2) {
    margin-top: 2em;
}  
   
}/**/
/**********************##part6****************************/ 
/**********************part7****************************/
#part7 .btngo{
   background-color: #F77B28;
   color: #fff!important;
   border-radius: 30px;
   font-size: 1.2em;
}
#part7 .col-sm-6:nth-child(1){
   border-right: 2px solid #ECB64C;
}
.border-white{
   border: 1px solid #fff;
   margin-top: 7em;
}
.sale{
   color: #fff;
   background-image: url("../images/sale_bg.png");
	background-position:center;	
	background-repeat: no-repeat;
	background-size: contain;
	-ms-background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain; 
   margin-bottom: 1.2em;
   padding: .5em 1.5em;
}
.sale_con{
   padding:4em;
   letter-spacing: 3px;   
   background-image: url("../images/bg-win.png");
	background-position:center bottom;	
	background-repeat: no-repeat;
	background-size: contain;
	-ms-background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;  
}
.sale_con h3{
   font-size: 2.4em;
   font-weight: 700;
   margin-bottom: .2em;
}
.sale_con h5{
   font-size: 1.6em;
}
.sale_con h5 strong{
   font-size: 2.4em;
   color: #E66700;
}
.sale_con li{
   display: inline-block;
   padding: .2em .5em;
   font-size: 1.2em;
   margin-bottom: 10px;
}
.sale_con li strong{
   font-weight: 700;
   font-size: 110%;
   color: #E66700;
}

.sale_con_footer{
   border: 2px solid #E66700;
   padding: 2em 3em 1em 3em;
   position: relative;   
   margin-top: 3em;
}
.sale_con_footer .sale{
   position: absolute;
   top: -1.3em;
   left: 34%;   
}

.list_title{
   background-color: #E66700;
   color: #fff;
   padding: .3em 1em;
   border-radius: 20px;
   display: inline-block;   
}

@media screen and (max-width: 575px) {
#part7 .col-sm-6:nth-child(1) {
    border-right: none;
    border-bottom: 2px solid #ECB64C;
   margin-bottom: 3em;
   padding-bottom: 1em;
}
#part7 .btngo{
    width: 80%;
}
.sale_con {
   padding: 3em 2em;}  
   
.sale_con_footer{
   padding: 2em 1em 1em 1em;
}   
.sale_con_footer .sale{
   left: 22%;   
} 
 
}/**/
/**********************##part7****************************/ 


.sh-box{
   padding: 0 1.6em 1.6em;
}
.award{
   width: 30%;   
}

.sh-p{
   width: 60%;
   position: relative;
   top: -3em;   
}

.n-or{
   background-color: #E66700;
   color: #FFFFFF;
   padding: .4em 1em;
}
.sh-up h3,
.sh-up ul{
   text-align: left;
}
.sh-up h3{
   margin: .8em 0 .5em .1em;
   font-size: 2.2em;
}
.sh-up ul{
   list-style: disc;
   font-size: 1.1em;
   margin-bottom: 2em;
   margin-left: 1.6em;
   line-height: 1.6;
}

.sh-down ul{
   margin-bottom: .5em;   
}
.sh-down ul li{
   line-height: 1.2;
}
.sh-down p{
   line-height: 1.8;
}
@media screen and (max-width: 575px) {
h5.title_bg { 
    font-size: 1.4em;
}
.sh-up ul {
   font-size: 1.2em;}  
.sh-down ul li{
   margin-bottom: .6em;
}   
.sh-down ul{
   width: 100%;
    position: relative;
    right: 0;
    padding-left: 40%;
   }   
.sh-p {
    width: 42%;
    position: absolute;
    top: -3em;
    display: inline-block;
    margin-right: 4%;
    left: 1em;
}
   
}/**/
.slick-dots li button:before
{
   content: '❤';
}
.slick-dots li.slick-active button:before
{
   opacity: .75;
	color: #E66700;
	content: '❤';
}
.slick-dots {
    bottom: -40px;
}
/*footerstyle*/

.hvr-sweep-to-right:before {
   color: #000!important;
   background: #fff;}

#footerstyle{
   padding: 3em 0;
}
#footbox{
   padding: 2rem 0;
}
#footbox li{
   width: 30%;
   text-align: center;
}
#footbox li a{
   border: 1px solid #fff;
   padding: .5em 2em;
   color: #fff!important;
   display: block;
   font-size: 1.4em;
   letter-spacing: 5px;
}
#footbox li a:hover,
#footbox li a:focus,
#footbox li a:active{
   color: #1E1E1E!important;
}
.linebox a {
   width: 20%; 
   padding: 15px 5px;
   background-color: white;
   display: inline-block;
   text-align: center;
   margin-right: 2%;
   margin-bottom: 10px;
   font-size: 1.8em;
   color:#E66700;   
   line-height: 1.4;
   font-weight: bolder; }

.linebox a span{
   font-size: .55em;
   color:#636363;
   font-weight: 400;
   display: block;
   line-height: 1.2;
   letter-spacing: 3px;}

.linebox a:hover {
   background-color: #E66700;
   color:white;}
.linebox a:hover span{
   color:#FFDE55;}

@media screen and (max-width: 576px) {
   
#footerstyle h4{
      font-size: 32px;
      line-height: 40px;}
   
#footbox li {
    width: 80%;    
    margin: 2em auto;}   
   
#footerstyle ul li a{
      font-size:1rem; 
      line-height:2rem;}
.linebox a {
   width: 47%;}
   
   
}/*end_footerstyle*/

/*---------------------------media------------------------------*/
@media screen and (max-width: 1400px) {
   
}@media screen and (max-width: 1199px) {
body {font-size: 1.35vw!important;}  
	
}/*576以上*/
@media screen and (min-width: 576px) {
.type_ph{display: none!important;}
	
}/*手機板575*/
@media screen and (max-width: 575px) {
body {font-size: 2.6vw!important;}    
section{padding-bottom: 4em;padding-top: 4em;}	
.type_pc{display: none!important;}
.nolr{
    padding-left: 0!important;
    padding-right: 0!important;}	
	
	
}@media screen and (max-width: 472px) {	
body {font-size: 3.3vw!important;}

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


}