@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
@import url(https://fonts.googleapis.com/css?family=Baloo+Bhai&display=swap);
@import url(https://fonts.googleapis.com/css?family=Carter+One&display=swap);


html,
body {
	background-color:#7bb57b;
    background-repeat: repeat-y;
    font-size: 19px;
	line-height: 180%;
    color: #393939;
    width: 100%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    font-weight: 500;
    width:100%;
  font-family:'Century Gothic',Arial,'微軟正黑體','新細明體',sans-serif;
  font-weight:bold;
}

/*------------------------------------------------------------------*/
/*   IE10 in Windows 8 and Windows Phone 8 Bug fix
/*-----------------------------------------------------------------*/

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

/*
    Page Content
------------------------------------------*/

.page-content, 
section { overflow: hidden; }

/*
    On Scroll Animations 
------------------------------------------*/

/*.animated { visibility: hidden; }
.visible { visibility: visible; }*/

/*
    Spacing & Alignment 
------------------------------------------*/
.pt20{ padding-top:80px;}
.pt30{ padding-top:200px;}
.pt{ padding-top:15px;line-height: 1.4;}
.roomy-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.roomy-80 {
    padding-top: 100px;
    padding-bottom: 80px;
}

.roomy-70 {
    padding-top: 100px;
    padding-bottom: 70px;
}

.roomy-60 {
    padding-top: 100px;
    padding-bottom: 60px;
}

.roomy-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.roomy-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}


/*text color*/

.text-muted{}

.text-primary{color: #fc6a42 !important;;}
.text-finence{color:#13A0B2 !important;;}
.text-mega{color:#fc6a42 !important;;}
.text-white{color:#fff !important;;}
.text-black{color:#000 !important;}

.text-warning{}
.text-danger{}

.disabled{
    cursor: not-allowed;
}

/*bacground color*/
.lightbg {
    background-color: #f2f2f2;
}
.bg-primary{background-color: #1E8BC3;}
.bg-finence{background-color:#13A0B2;}
.bg-mega{ background-image:url(../images/BG_03.jpg);}
.bg-grey{background-color: #f5f5f5;}
.bg-black{background-color: #fc5022;}
.bg-white{background-color: #fff;}

img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -user-select: none;
    -webkit-user-drag: none;
    -user-drag: none;
}
a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
}
a,
button,
a span {
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
a {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.btn:focus,
.btn:active {
    outline: inherit;
    background-color: transparent;
}

p {
    margin: 0 0 15px;
}
.letter{
    margin-top: 40px!important;
	background-color:#ffffff;
	border-radius:20px 20px 0 0 ;
padding: 50px 40px 0 40px;
margin-top:50px;
	}
	.letter2{
		margin: -2px 0 0 0;
	background-color:#ffffff;
	border-radius:0 0 20px 20px;
	text-align:right;
	padding-bottom:50px;
	}
.letter p{

font-size:26px;
display:block;
line-height:1.83;
text-align:left;
background-image:url(../images/note.jpg);
background-repeat:no-repeat;

	}
.clear {
    clear: both;
}

img {
    max-width: 100%;
    margin: 0 auto;
   
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}


h2 {
     font-size: 1.2rem;
    line-height: 1.3rem;
	font-weight: bold;
    padding: 10px 0 20px 0;
    margin: 0;
     color:#b36c3f;text-align: center;
}
h1 {
     font-size: 2rem;
    line-height: 1.8rem;
	font-weight: bold;
    padding: 0px 0 0 0;
    color:#25995a;
}

h3 {
     font-size: 2rem;
    line-height: 1.8rem;
	font-weight: bold;
    padding: 200px 0 0 0;
    color:#25995a;
	text-align: center;
}
h4 {
    font-size: 1.25rem;
    line-height: 1.8rem;
	font-weight: bold;
    padding: 10px 0;
}
h5 {
    font-size: 1.1rem;
    line-height: 2rem;
	font-weight: bold;
    padding: 10px 0;
}
h6 {
    font-size: 1rem;
    line-height: 1.5rem;
	font-weight: bold;
    padding: 10px 0;
}
.red{color:#eb2a30;
font-size: 3rem;
    line-height: 1.3;letter-spacing: -2px;}

.red_s{color:#eb2a30;
font-size: 2rem;
   }
.blue_s{
	color: #00a7df;
	font-size: 2rem;
}
.green_s{
	color: #90C322;
	font-size: 2rem;
}
h1 span,
h2 span,
h3 span,
h5 span,
p span{
    color:#ffffff;
	background-color:#00a7df;
	border-radius:50px;
}
h4 span
{
    color:#ffffff;
	border-radius:50px;
	padding:0;
}
h5 span
{
    color:#ffffff;
	background-color:#90c31f;
	border-radius:50px;
	padding: 5px 10px;
}
p {
    line-height: 1.5rem;
}
p:last-child {
    margin-bottom: 0px;
}
/*colors*/
.w100 {
    font-weight: 100;
}

.w200 {
    font-weight: 200;
}

.w300 {
    font-weight: 300;
}

.w400 {
    font-weight: 400;
}

.w500 {
    font-weight: 500;
}

.w600 {
    font-weight: 600;
}

.w700 {
    font-weight: 700;
}

.w800 {
    font-weight: 800;
}


/*
Section
*/

.parallax-section {
    max-width: 100%;
    color: #ffffff;
}

ul{
    margin:0;
    padding:0;
    list-style:none;
}

/*all overlay*/
.overlay_dot{
    background: url(../images/overlay-img.png) no-repeat top center;
    background-color: rgba(51,51,51,0.75);
    background-size: cover;
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height: 100%;
	width: 250px !important;
    font-size: 1.5rem;

}
.home-overlay {
    background-color: rgba(41, 39, 34, 0.90);
    width: 100%;
    height:100%;
    position: absolute;
    left:0;
    top: 0;
}

.video_overlay {
    background-color: rgba(41, 39, 34, 0.80);
    width: 100%;
    height:100%;
    position: absolute;
    left:0;
    top: 0;
}
.magazine_overlay{
    width:100%;
    height: 100%;
    position: absolute;
    left:0;
    top:0;
}

.no-padding {
    padding: 0 !important;
    margin:0 !important;
}
.left-no-padding {
    padding-left: 0 !important;
}
.right-no-padding {
    padding-right: 0 !important;
}
.fluid-blocks-col {
    padding: 70px 40px 0 80px;
}
.fluid-blocks-col-right {
    padding: 70px 80px 0 40px;
}


/*
Separator
*/
.separator_left{
    width:85px;
    height:2px;
    margin:20px 0px;
    background: #fc6a42;
}
.separator_auto{
    width:85px;
    height:2px;
    margin:20px auto;
    background: #fc6a42;
}
.separator_small{
    width:30px;
    height:2px;
    margin:20px 0px;
    background: #fc6a42;
}

/*
Button
*/
.btn{
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    font-size:28px;
    font-weight: 600;
   
}
.btn i{ margin-right: 5px;
}
.btn-primary{
	margin: 5px;
	border-radius: 10px;
    color: #fff;
   background-image: linear-gradient(to top, #ff1517, #ff5e04);
    padding: 0.5rem 2rem;
	border:0;
	
}
.btn-primary:hover{
   background-image: linear-gradient(to top, #ff5e04, #ff1517);
    color:#ffffff;
	border:0;
	
}

.btn-danger{
	border: 0;
	border-radius: 10px;
    color: #ffffff;
    background-color: #ff7526;
    padding: 0.5rem 2rem;
	margin-bottom: 0px;
    
}

.btn-danger:hover{
    color:#ffffff;
    background-color: #ff7526;
  
}



/*
socail icon
--------------------------------*/
/*
Extra height css
*/
.m-0{
    margin:0 !important;
}
.m-top-0{
    margin-top:0;
}
.m-r-0{
    margin-right: 0;
}
.m-l-0{
    margin-left: 0;
}
.m-b-0{
    margin-bottom: 0;
}

.m-r-15{
    margin-right: 15px;
}
.m-l-15{
    margin-left: 15px; 
}
.m-top-10 {
    margin-top: 10px;
}
.m-top-20 {
    margin-top: 20px;
}
.m-top-30 {
    margin-top: 30px;
}
.m-top-40 {
    margin-top: 40px;
}
.m-top-50 {
    margin-top: 50px;
}
.m-top-60 {
    margin-top: 60px;
}
.m-top-70 {
    margin-top: 70px;
}
.m-top-80 {
    margin-top: 80px;
}
.m-top-90 {
    margin-top: 90px;
}
.m-top-100 {
    margin-top: 100px;
}
.m-top-110 {
    margin-top: 110px;
}
.m-top-120 {
    margin-top: 120px;
}

.m-t-b-80 {
    margin-top: 80px;
    margin-bottom: 80px;
}
.m-t-b-120 {
    margin-top: 120px;
    margin-bottom: 120px;
}

.m-bottom-10 {
    margin-top: 10px;
}

.m-bottom-20 {
    margin-bottom: 20px;
}
.m-bottom-30 {
    margin-bottom: 0px;
}

.m-bottom-40 {
    margin-bottom: 40px;
}

.m-bottom-60 {
    margin-bottom: 60px;
}

.m-bottom-70 {
    margin-bottom: 70px;
}

.m-bottom-80 {
    margin-bottom: 80px;
}

.m-bottom-90 {
    margin-bottom: 90px;
}

.m-bottom-100 {
    margin-bottom: 30px;
}

.m-bottom-110 {
    margin-bottom: 110px;
}

.m-bottom-120 {
    margin-bottom: 120px;
}

.m_t__b{
    margin: 14rem 0;
}
.p_t__b{
    padding: 6rem 0;
}

p-0{
    padding:0 !important;
}

.p-l-15{
    padding-left: 15px;
}

.p-r-15{
    padding-right: 15px;
}

.p-top-10 {
    padding-top: 10px;
}
.p-top-20 {
    padding-top: 1.33rem;
}

.p-bottom-20 {
    padding-bottom: 1.33rem;
}

.p-top-30 {
    padding-top: 1.875rem;
}

.p-bottom-30 {
    padding-bottom: 1.875rem;
}

.p-top-40 {
    padding-top: 2.66rem;
}

.p-bottom-40 {
    padding-bottom: 2.66rem;
}

.p-top-60 {
    padding-top: 5rem;
}

.p-bottom-60 {
    padding-bottom: 5rem;
}

.p-top-80 {
    padding-top: 5.714rem;
}

.p-bottom-80 {
    padding-bottom: 5.714rem;
}

.p-top-90 {
    padding-top: 6.429rem;
}

.p-bottom-90 {
    padding-bottom: 6.429rem;
}
.p-top-100 {
    padding-top: 100px;
}

.p-bottom-100 {
    padding-bottom: 100px;
}
.p-top-110 {
    padding-top: 110px;
}

.p-bottom-110 {
    padding-bottom: 110px;
}

.p-bottom-0 {
    padding-bottom: 0;
}

.p_l_r{
    padding-left: 5.714rem;
    padding-right: 5.714rem;
}

/*padding*/
.padding-twenty {
    padding: 10px 0;
}
.padding-fourty {
    padding: 20px 0;
}
.padding-sixty {
    padding: 30px 0;
}
.padding-eighty {
    padding: 40px 0;
}

/*border*/
.no-border-top{
    border-top:0px solid transparent !important;
}
.no-border-rigth{
    border-right:0px solid transparent !important;
}




.transform_scal_rotate:hover img{ 
    -webkit-transform: scale(1.1) rotate(4deg); 
    transform: scale(1.1) rotate(4deg); 
}

.culmn{
    width:100%;
    overflow: hidden;
}
/*heading title all area*/
.head_title{
    padding-bottom: 3rem;
    overflow: hidden;
}
.head_title h2{
    font-weight: 700;
    font-size:2.5rem;
    color:#6445ac;
}
.head_title h3{ background: #B04648; width: 300px; height: 5px; border-radius: 30px; margin: 0 auto;}
.head_title h5{
    font-weight: 400;
    font-size:1.125rem;
    color:#999999;
}
.head-title{ margin: 0 auto; text-align: center;}

/*End off pridifain css*/

.title h4{
	font-size: 2.6rem;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 600;
	color: black;
}

/*Preloader*/
#loading{
    background-color: #705dc0;
    height: 100%;
    width: 100%;
    position: absolute;
    margin-top: 0px;
    top: 0px;
    left:0;
}
#loading-center{
    width: 100%;
    height: 100%;
    position: relative;
}
#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    width: 50px;
    margin-top: -25px;
    margin-left: -25px;
    -ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); 
    -webkit-animation: loading-center-absolute 1.5s infinite;
    animation: loading-center-absolute 1.5s infinite;

}
.object{
    width: 25px;
    height: 25px;
    background-color: #FFF;
    float: left;

}


#object_one {
    -webkit-animation: object_one 1.5s infinite;
    animation: object_one 1.5s infinite;
}
#object_two {
    -webkit-animation: object_two 1.5s infinite;
    animation: object_two 1.5s infinite;
}
#object_three {
    -webkit-animation: object_three 1.5s infinite;
    animation: object_three 1.5s infinite;
}
#object_four {
    -webkit-animation: object_four 1.5s infinite;
    animation: object_four 1.5s infinite;
}


@-webkit-keyframes loading-center-absolute {
    100% { -webkit-transform: rotate(-45deg); }

}

@keyframes loading-center-absolute {
    100% { 
        transform:  rotate(-45deg);
        -webkit-transform:  rotate(-45deg);
    }
}



@-webkit-keyframes object_one {
    25% { -webkit-transform: translate(0,-50px) rotate(-180deg); }
    100% { -webkit-transform: translate(0,0) rotate(-180deg); }

}

@keyframes object_one {
    25% { 
        transform: translate(0,-50px) rotate(-180deg);
        -webkit-transform: translate(0,-50px) rotate(-180deg);
    } 
    100% { 
        transform: translate(0,0) rotate(-180deg);
        -webkit-transform: translate(0,0) rotate(-180deg);
    }
}


@-webkit-keyframes object_two {
    25% { -webkit-transform: translate(50px,0) rotate(-180deg); }
    100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}

@keyframes object_two {
    25% { 
        transform: translate(50px,0) rotate(-180deg);
        -webkit-transform: translate(50px,0) rotate(-180deg);
    } 
    100% { 
        transform: translate(0,0) rotate(-180deg);
        -webkit-transform: translate(0,0) rotate(-180deg);
    }
}

@-webkit-keyframes object_three {
    25% { -webkit-transform: translate(-50px,0) rotate(-180deg); }
    100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}

@keyframes object_three {
    25% { 
        transform:  translate(-50px,0) rotate(-180deg);
        -webkit-transform:  translate(-50px,0) rotate(-180deg);
    } 
    100% { 
        transform: translate(0,0) rotate(-180deg);
        -webkit-transform: rtranslate(0,0) rotate(-180deg);
    }
}


@-webkit-keyframes object_four {
    25% { -webkit-transform: translate(0,50px) rotate(-180deg); }
    100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}
.m-30{ margin: 0 auto ; width:100%;}

@keyframes object_four {
    25% { 
        transform: translate(0,50px) rotate(-180deg); 
        -webkit-transform: translate(0,50px) rotate(-180deg);  
    } 
    100% { 
        transform: translate(0,0) rotate(-180deg);
        -webkit-transform: translate(0,0) rotate(-180deg);
    }
}
/*End off Preloader*/

.responsive{max-width: 100%; height:auto;}

/*
Home Section style
==================*/

.home{
    background: url(../images/homebg_01.jpg) no-repeat top center;
    position: relative;
	text-align: center;
	overflow: hidden;
	height:2195px;
}
.home2{
    background: url(../images/homebg_02.jpg) no-repeat top center;
    position: relative;
	text-align: center;
	overflow: hidden;

}
.p20{padding:20px 0; }
.home3{
    background: url(../images/homebg_03.jpg) no-repeat top center;
    position: relative;
	text-align: center;
	overflow: hidden;
	height:2650px;
}
.home .kv1{ position: relative; top: -50px; margin-bottom: -30px;}
.home .kv2{ margin-top: 0px;}
.home p img{ width: 70%;}
.btnkv{ margin: 0 20px 90px 20px; font-size: 1.5em; border-radius: 10px; background: #ff7526; border: none;}
.btnkv:hover{ color: #ff7526;}
.home .kv-logo{ margin-top: 10px;}

.home-sslo{ font-size: 1.5em; line-height: 140%; margin-bottom: 80px;}

.home_text{ margin-top: 110px;}
.home_text h1{
    font-size:4.5rem;
    line-height: 5.2rem;
	font-family: 'Carter One', cursive;
	color: #003c8a;
}
.home_text h4{
    font-size:1.5rem;
    font-weight: 100;
    line-height: 2.5rem;
	font-family: 'Baloo Bhai', cursive;
	color: #00809c;
}


.scrooldown{
    position: absolute;
    left: 48.5%;
    bottom: 10%;
    width: 40px;
    height: 40px;
    line-height: 37px;
    background: #f4f5f9;
    border-radius: 50%;
    text-align: center;
    z-index: 3;
}
.scrooldown a i{
    font-size:0.775rem;
    color:#e74c3c;
}

.box3{
	background-image: url("../images/LEFT_4.png");
	background-repeat: no-repeat;
    height: 711px;
    display: inline-block;
    background-size: contain;
    padding-top: 0px;
    margin-top: 0px;
}
.box3 img{
	padding-top: 100px;
}
.box4{
	background-image: url("../images/RIGHT_4.png");
	background-repeat: no-repeat;
    height: 711px;
    display: inline-block;
    background-size: contain;
    padding-top: 0px;
    margin-top: 0px;
}


/*
photo section style
========================*/
.photo{ padding: 0;background-color: #fcf7b3;}
.main_photo{}
.photo_item{}
.photo_item .f_item_icon{
    float: left;
    width:20%;
    display: inline-block;
    margin-right: 15px;
}
.photo_item .f_item_icon i{
    font-size:4rem;
    color:#fc6a42;
}
.photo_item .f_item_text{
    display: inline-block;
    width:70%;
}


/*
Testimonial Section style
=====================*/
.main_drag{
    overflow: hidden;
}

.swiper-container {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    margin: 20px auto;
}
.swiper-slide {
    text-align: center;
    background-position: center;
    background-size: cover;
    width: 340px;
    height: 600px;


    /* 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;
    box-shadow: 0px 0px 15px 0px #ddd;
}



/*
magazine Section style
=====================*/
.magazine{ text-align: center;background-color: #ffd46b;padding-bottom: 50px;}
.magazine h4{
	line-height: 2.2rem;
	color: #333;
	font-size: 30px;
}
.magazine h4 strong{ color: #dd283d;}
.magazine h4 .red{ color: #cc0000; font-size: 2.4rem; line-height:1.3;}

.magazine h5{ line-height: 2.2rem; color: #333; font-size:30px; }
.magazine h5 strong{ color: #dd283d;}
.magazine h5 .red{ color: #cc0000; font-size: 2.5rem; line-height:1.3;}
.magazine_text{ font-size: 15px; color: #999;}
.magazine .maz-book{max-width: 100%; margin: 0 auto 10px auto;}




/*Scroll Up*/
.scrollup {
  z-index: 9999;
    position: fixed;
    bottom: 20px;
    right: 25px;
}



/*book**/
.booklist{ padding: 20px 0 0 0;background-color: #fcf7b3;}


.book h4{ font-size: 22px; font-weight: 400; padding: 0px; margin: 0 0 10px 0; line-height: 120%; color: #d77b22;}

#footer{ background-color:#fc5022; font-size: 16px;}


.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.youtube-title{ margin-top: 0px;}
.gift{     background: #00a7df;
    color: #FFFFFF;
    padding: 10px;
    display: block;
    margin: 5px auto 0;
    border-radius: 50px;
    width: 300px;
	font-size:2rem;
}

.gift2{ background: #90c31f;  color: #FFFFFF;font-size:2rem;
    padding: 10px;
    display: block;
    margin: 5px auto 0;
    border-radius: 50px;
    width: 300px;}
	.pc_none{ display:none;}
	.m_none{ display:block ;    margin: 0 auto;}
	.pv{width:100%;}
@media only screen and (max-width: 1024px) {	
.box2 {
    width: 450px!important;
}
.bbox3 {
    background-image: url(../images/ORANGE.png);
    background-repeat: no-repeat;
    height: 1050px;
    /* margin: 80px auto 0; */
    padding: 200px 0 0 0;
}
	
.bbox2 { width: 100%!important;
}

	.pt20 {
    padding-top: 0px;
}}
		@media only screen and (max-width: 768px) {
	
			.red {
    font-size: 2rem!important;
}
			.bbox2{ background-image: url(../images/YELLOW_2.png)!important;
    background-size: contain;  height: 900px!important;margin-top: 0px; background-position: top!important;
	}
           .bbox5{ background-image: url(../images/YELLOW_5.png)!important;padding: 100px 15px!important;
    background-size: contain;  height: 1204px!important;margin-top: 0px; background-position: top!important;    margin-top: 20px!important;
	} 	
	.bbox3{ background-image: url(../images/ORANGE_2.png)!important;
    background-size: contain;  height:900px!important; padding-top:100px!important;
	}
	.bar{background-color:#FFF;
	background-image:none!important;
			border:5px solid #3FF;
			border-radius:20px;
			    height: auto!important;
}

.box1{ height: 1050px!important;background-image: url(../images/RIGHT_2.png)!important;
    background-size: contain;width: auto!important;    margin-top: 30px!important;  padding-top:0px!important;  
   }
.box2{background-image: url(../images/LEFT_2.png)!important;
    background-size: contain;
    }
	
.pd0{ padding:0;}
.home{ background: url(../images/homebg-s.jpg) no-repeat top center!important; height:auto!important;}
			
.t_none {
    display: none!important;
}
		.m_none {
    display: none!important;
}

}	.browb_bg{ border-right:5px dotted #e5bb82;    margin-top: 0px;
}
	
		@media only screen and (max-width: 480px) {
			.title h4{
				font-size: 2rem!important;
			}
			.p20 {
    padding: 7px 0;
}
             .browb_bg {
    border-right: 0!important;
    margin-top: 0px!important;
}
            .box1{height: 1177px!important;
   }
             
              .bbox3 {
margin-top:-40px!important;
			        height: 1150px!important;  
}
        .bbox2 {
    padding: 0 15px!important;
}
        h1 {
                margin-top: 30px;
    font-size: 1.2rem!important;
    line-height: 1.6rem;
    font-weight: bold;
    padding: 50px 0 0 0;
    color: #25995a;
}

               h3 {
                margin-top: 30px;
    font-size: 1.1rem!important;
    line-height: 1.8rem;
    font-weight: bold;
    padding: 10px 0 0 0;
    color: #25995a;
}
            .mt-100{ margin-top: 40px;}
h2 {
    font-size: 0.9rem!important;
    line-height: 1.3rem;
    font-weight: bold;
    padding: 0 0 20px 0;
    margin: 0;
    color: #b36c3f;
}
		.circle {
   
    font-size: .9rem!important;
    padding: 2px 8px!important;
}
		.red_s {

    font-size: 2rem!important; 
}
		.video {
    display: block;
    margin: 65px 5% 20px!important; 
    text-align: center;
}


		.letter {
    padding: 40px 20px 0 20px!important; 
            margin: 10px -15px 0 !important; 
}
        
        .letter2 {
    margin: 0 -15px;
}
				.mobile_none{ display:none;}
		.line {
    padding: 5px 0!important; 
}
		.magazine_text {
    font-size: 14px!important; 
}
		.gift {width: 300px!important;
    font-size: 1.5rem;
    padding: 0px 5px!important; 
   
}	.gift2 {width: 300px!important;
    font-size: 1.5rem;
    padding: 0px 5px!important; 
   
}
		.home2 {height: 730px!important;
            background-color:#7bb57b!important;}
			.home5 {height: 1050px!important;
			background-color:#7bb57b!important;
			


}	.home3 {background-color:#7bb57b!important;
background-image:none;
	height: 3055px;
   
}
		.book {
    border-right: dotted 4px #ffffff!important;
}
		
		.pt30 {
    padding-top:50px!important;}
		.v20{ padding-top:0!important;}
		.pt {
    font-size: 15px!important;
}

		.btn-primary {
    border-radius: 5px!important;
    padding: 0.2rem 1rem!important;
}
		.magazine h4 .red {
    font-size: 2.2rem!important;
}
		.magazine {
    padding: 0!important;
}
		.magazine h4 {
    line-height: 1.6rem!important;
    color: #333;
}
h5 {
    font-size: 1.4rem!important;

}
h4 {
    font-size: 1.2rem!important;
	line-height:1.5;
	padding: 5px 0;

}
		.booklist {
    padding: 30px 0 0 0;
}
		.mtop50 {
    margin-top: 50px;
}
		.m_none{ display:none;}
		.pc_none{ display:block;}
		.btn-danger {
    padding: 0.2rem 1rem!important;
}

.btn {
  font-size: 1.1rem!important;
}
		.letter p {
			background-image:none;

}
		.sign{ width:300px;}
		.pt20 {
    padding-top: 0px!important;
}
		.scrollup {
max-width: 80px;
    z-index: 999999;
}

		.app_right{ max-width:70%!important;}
		.box2 {
    width: auto!important;
	margin-top: 0px!important;
	\height: 1177px!important;
	padding-top:0px!important;
}


	.home{ background: url(../images/homebg-ss.jpg) no-repeat top center!important;}
	.letter p {
   font-size: 1rem;
    display: block;
    text-align: left;
    text-align: justify;

}
}
	@media only screen and (max-width: 413px) {
		.title h4{
				font-size: 2rem!important;
			}
		.box4{
    margin-top: -160px;
    height: 548px;		
}

		.p20 {
    padding: 2px;
}
        
        .bbox3 {
margin-top:0!important;
}
        .bbox2 {
    padding: 0 15px!important;
}
        h1 {
                margin-top: 30px;
    font-size: 1rem!important;
    line-height: 1.3rem;
    font-weight: bold;
    padding: 50px 0 0 0;
    color: #25995a;
}

               h3 {
                margin-top: 30px;
    font-size: 1rem!important;
    line-height: 1.3rem;
    font-weight: bold;
    padding: 10px 0 0 0;
    color: #25995a;
}
h2 {
    font-size: .9rem!important;
    line-height: 1.3rem;
    font-weight: bold;
    padding: 0 0 20px 0;
    margin: 0;
    color: #b36c3f;
}
		.circle {
   
    font-size: .9rem!important;
    padding: 2px 8px!important;
}
		.red_s {

    font-size: 2rem!important; 
}
		.video {
    display: block;
    margin: 20px 5% 20px!important; 
    text-align: center;
}


		.letter {
    padding: 40px 20px 0 20px!important; 
            margin: 0 -15px;
}
        
        .letter2 {
    margin: 0 -15px;
}
				.mobile_none{ display:none;}
		.line {
    padding: 0px!important; 
}
		.magazine_text {
    font-size: 14px!important; 
}
		.gift {
    padding: 0px 5px!important; 
    width: 250px !important;
    font-size: 1.5rem;
}
		
			.gift2{
    padding: 0px 5px!important; 
    width: 250px !important;
    font-size: 1.5rem;
}
		.home2 {height: 700px!important;
			background-color:#7bb57b!important;
			


}	.home5 {height: 950px!important;
			background-color:#7bb57b!important;
			


}.home3 {background-color:#7bb57b!important;
	background-image:none;
	height: 2536px;
   
}
		.book {
    border-right: dotted 4px #ffffff!important;
}
		
		.pt30 {
    padding-top:50px!important;}
		.v20{ padding-top:0!important;}
		.pt {
    font-size: 15px!important;
}

		.btn-primary {
    border-radius: 5px!important;
    padding: 0.2rem 1rem!important;
}
		.magazine h4 .red {
    font-size: 2.2rem!important;
}
		.magazine {
    padding: 0!important;
}
		.magazine h4 {
    line-height: 1.6rem!important;
    color: #333;
}
h5 {
    font-size: 1.4rem!important;

}
h4 {
    font-size: 1rem!important;
	line-height:1.5;
	padding:2px;

}
		.booklist {
    padding: 30px 0 0 0;
}
		.mtop50 {
    margin-top: 50px;
}
		.m_none{ display:none;}
		.pc_none{ display:block;}
		.btn-danger {
    padding: 0.2rem 1rem!important;
}

.btn {
    font-size: 16px!important;
}
		.letter p {
			background-image:none;

}
		.sign{ width:300px;}
		.pt20 {
    padding-top: 0px!important;
}
		.scrollup {
max-width: 80px;
    z-index: 999999;
}

		.app_right{ max-width:70%!important;}
		.box1 {
	background-image: url("../images/RIGHT_3.png")!important;		
    width: auto!important;
	margin-top: 0px!important;
	height: 1147px!important;
	padding-top:0px!important;
	margin-bottom: -180px;		
}
		.box2 {
	background-image: url("../images/LEFT_3.png")!important;			
    width: auto!important;
	margin-top: 0px!important;
	height: 1147px!important;
	padding-top:0px!important;
	margin-bottom: -180px;		
}


	.home{ background: url(../images/homebg-ss.jpg) no-repeat top center!important;}
	.letter p {
   font-size: 17px;
    display: block;
    text-align: left;
    text-align: justify;

}

	}
	@media only screen and (max-width: 1024px) {
.icon2{
    width: 100%!important;
}
.icon3{ 
     width: 100%!important; 
}}
@media only screen and (max-width: 768px) {
	.home{ background: url(../images/homebg-s.jpg) no-repeat top center;}
	.home .kv-logo{ margin-top: 20px; width: 50%; margin: 10px auto;}
	.home .kv2{ margin-top: 0px; margin-bottom: 300px; width: 90%;}
	.home_text{ margin-top: 0px;}
	.home_text h1{font-size:3.8rem; line-height: 4.5rem;}
	.home_text h4{font-size:1.5rem;}
	.kv-future{ width: 100%; margin: 0 auto;}
	.btnkv{ margin: 0 5px 80px 5px; font-size: 1.1em; display: inline-block; padding: 5px 25px;}
	.home-sslo{ font-size: 1.0em;margin-bottom: 30px;}
	.youtube-title{ margin-top: 70px;}
	.magazine h4{ line-height: 2.5rem; font-size: 1.4em;}
	
	
	.notice{color:#fff;font-size: 14px;
    line-height: 1.6;}
}
.box1{  background-image:url(../images/RIGHT.png);background-repeat: no-repeat;
    display: inline-block;height: 1588px;background-size:contain;
	padding-top: 0px;margin-top: 100px;

   }
.box2{ background-image:url(../images/LEFT.png);background-repeat: no-repeat;height: 1588px;
    display: inline-block;
	background-size:contain;	padding-top:0px;margin-top: 100px; 

    }
.bbox1{ display: block; max-width:100%; padding: 0 40px;}
.bbox2{height: 732px;    background-position: center;
    background-image:url(../images/YELLOW.png);
	background-repeat: no-repeat;
    display: inline-block;
    padding: 0 40px;
	}
	.bbox5{height: 1230px;    background-position: center;
    background-image:url(../images/YELLOW5.png);
	background-repeat: no-repeat;
    display: inline-block;
    padding: 0 40px;
        margin-top: 50px;
	}
	.video{ display: block;
    margin: 0 15%;
    text-align: center;}
	.bbox3{ background-image:url(../images/ORANGE.png);
    background-repeat: no-repeat;
    height: 1050px;
    margin: 80px auto 0;
	padding: 200px 0 0 0;
	}
	.bar{background-image: url(../images/YELLOW2.png);
    height: 125px;
    padding-top: 20px;
}
.order{ background-color:#111111;
color:#ffffff;
border-radius:100px;
padding: 2px 10px;
width:150px;}	
.send{ 
    display: inline-block;
color:#111111;
text-align:left;}	
		
	.notice{color:#fff;font-size: 16px;
    line-height: 1.6;}
.copyright{ color:#fff;font-size: 14px;
    line-height: 1.6;}
.line{text-align: center;
    display: block;
    margin: 0 auto;
 padding: 20px 0;
}

.pb50{ margin-bottom:50px;}
.img-responsive{ max-width:100%;
height:auto;}
.v20{ padding-top:80px; padding-bottom:80px;}

.word{color:#333;font-size: 20px;
    line-height: 1.5;
	text-align:left;
	height:100px;}
	
.book{ border-right:dotted 4px #ffd46b;}
.icon{ background-image: url(../images/icon.jpg);
    background-repeat: repeat-x;
    height: 50px;max-width: 100%;
}
	
.icon2{     background-image: url(../images/icon2.jpg);
    background-repeat: repeat-x;
    height: 50px;
    max-width: 100%;
    margin: 0 auto;width: 1100px;
    text-align: center;
}

.icon3{     background-image: url(../images/icon2.jpg);
    background-repeat: repeat-x;
    height: 50px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;}

.videobox {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.videobox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.circle{    background-color: #00a7df;
    color: #FFF;
    font-size: 1.3rem;
    padding: 3px 10px;}