@import url("https://fonts.googleapis.com/css?family=Catamaran:400,500,600,700,700|Source+Sans+Pro:400,600");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+TC&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC|Noto+Serif+TC&display=swap");

body {
	padding: 0;
	margin: 0;
	background: #fff;	
	color: #8b8e94;
	line-height: 28px;
	font-size: 15px;
	font-family: "Microsoft JhengHei","·L³n¥¿¶ÂÅé","Arial", sans-serif!important;
}
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:hover {
	text-decoration: none;

}
body a:focus, 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;
		
}
ul{
	padding: 0;
}
p {
	margin: 0;
	color:#3F3F3F;
	letter-spacing:1px;
	line-height:1.8em;
	font-size:15px;
	
}
.row{
	margin:0px;
	padding:0px;
}
ul {
	margin: 0;
}
label {
	margin: 0;
}
a{
	color:#000;
}
a:focus, a:hover {
	text-decoration: none;
	outline: none;
}
a:focus, a:hover {
    
    text-decoration:none;
}
img{width: 100%;}
/*-- //Reset-Code --*/

.f_bold{font-weight: bold;}
.f_bolder{font-weight: bolder;}

.t_brown{color: #42210b;}
.t_red{color: #b23033;}
.t_blue{color: #2e385e;}

.bg-o{background-color: #F39C6B !important;}
.bg-clr1{background-color: #FFFCDB !important;}
.bg-clr2{background-color: #FBDAC8 !important;}

.bg-g{background-color: #efefef !important;}
.bg-bk{background-color: #000 !important;}
.bg-yellow{background-color: #FFF9B1 !important;}
.bg-yellow2{background-color: #fbb03b !important;}
.bg-pink{background-color: #FADAC9 !important;}
.bg-pink2{background-color: #f8cfd1 !important;}
.bg-purple{background-color: #a13b90 !important;}
.bg-purple2{background-color: #cacafc !important;}
.bg-blue{background-color: #313663 !important;}
.bg-blue2{background-color: #0B377E !important;}
.bg-wo{background-color: #fff !important;}
/*BTNN*/
.hoverbig:hover img{
    width: 104%;
    margin-left: -2%;
    transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.btngo{
	font-size: 2.2rem;
	line-height: 2.4rem;
	font-weight: bolder;
	color: #fff;
	background-color: #6e5433;
	padding: 10px 0;
    margin-top: 25px;
    border-radius: 8px;
	box-shadow: -8px 8px 0 rgba(100,100,100,.8);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.btngo:hover{
	font-size: 2.5rem;
	color: #ffe05f;
	box-shadow: -2px 2px 0 rgba(100,100,100,.8);
}
.allbtn{
	box-shadow: 4px 4px 2px rgba(0,0,0,.2);
	border-radius: 50px;display: block;
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-size: 3.8vmin;
	font-weight: bolder;
    text-align: center;
    
}
.allbtn:hover{box-shadow: 1px 1px 0px rgba(0,0,0,.5);}
.allbtn strong{font-size: 120%;}
.allbtn small{font-size: 60%;}
/*.btn-blue*/
.btn-blue{color:#fff;background-color:#ED7269;border-color:#C1C1C1}
.btn-blue:hover{color:#ffddaf;background-color:#E23348;border-color:#E23348}
.btn-blue.disabled,.btn-blue:disabled{color:#ffddaf;background-color:#0f334f;border-color:#0f334f}
.btn-blue:not(:disabled):not(.disabled).active,
.btn-blue:not(:disabled):not(.disabled):active,
.show>.btn-blue.dropdown-toggle{color:#ffddaf;background-color:#132432;border-color:#132432}
/*#BTNN*/

.br-gray{
border-radius: 30px;
padding: 2%;
background-color: #FFFCDE;
}
.bg_ad{
	background-image: url("../images/ptad_bg.png");
	background-position:center top;
	background-size: cover;
	background-repeat: repeat;
	background-attachment: scroll;
}
.bg_banner{background-image: url("../images/bn-bg.png");
	background-position:center top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;}
.bg_th1{
	background-image: url("../images/pt1-bg.png");
	background-position:center top;
	background-size: auto;
	background-repeat: repeat;
	background-attachment: fixed;
}

.bg_th2{
	background-image: url("../images/pt2-bg.png");
	background-position:center top;
	background-size: auto;
	background-repeat: repeat;
	background-attachment: fixed;
}


.bg_th3{
	background-image: url("../images/pt3-bg.png");
	background-position:center top;
	background-size: auto;
	background-repeat: repeat;
	background-attachment: fixed;
}


.bg_th3 a.line_btn{
	display: block;
	text-align: center;
	width: 20vw;
	margin: 3vh auto 0;
	font-size: 1.7em;
	font-weight: 600;
	background: #009C4D;
	border-radius: 50px;
	color:#FFF;
	padding: 0.7% 0.7%;
	transform: scale(1);
	animation: shake 1.1s linear infinite;
}
@keyframes shake{
	0%{
		transform: scale(1);
	}
	50%{
		transform: scale(1.05);
	}
	100%{
		transform: scale(1);
	}
}


.btnclick img{
	width: 5%;
}


.bg_ad a.line_btn{
	display: block;
	text-align: center;
	width: 30vw;
	margin: 5vh auto 0;
	font-size: 1.7em;
	font-weight: 600;
	background: #FFF;
	border-radius: 50px;
	color:#0AB5B4;
	padding: 1.5% 1.5%;
	transform: scale(1);
	animation: shake 1.1s linear infinite;
}


.bg_footer{
	background-image: url("../images/bg-footer.png");
	background-position:center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.btn-pur{color:#f8f9fa;background-color:#AA181B;border-color:#AA181B}
.btn-pur:hover{color:#fbc841;background-color:#330608;border-color:#330608}
.btn-pur.focus,.btn-pur:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}
.btn-pur.disabled,.btn-pur:disabled{color:#f8f9fa;background-color:#AA181B;border-color:#AA181B}
.btn-pur:not(:disabled):not(.disabled)
.active,.btn-pur:not(:disabled):not(.disabled):active,.show>.btn-pur.dropdown-toggle{color:#f8f9fa;background-color:#330608;border-color:#330608}.btn-pur:not(:disabled):not(.disabled)
.active:focus,.btn-pur:not(:disabled):not(.disabled):active:focus,.show>.btn-pur.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}

a.h_big:hover img{width: 102%!important;}
a.h_op:hover img{opacity: 0.8!important;}
a.h_shadow:hover img{
-webkit-box-shadow: 0px  4px 8px #875409;
-moz-box-shadow: 0px 4px 8px #875409;
box-shadow: 0px  4px 8px #875409;
}
section:not(.nopb){padding-bottom: 4rem;padding-top: 4rem;}
a.section_btn:hover img.btnclick{display: none; }
.section_btn_box {position: relative;margin-top: 2em;}
.section_btn_box img.btnman{width: 110px;position: absolute;left: 0;bottom: -2.4em;}
img.btnclick{
width: 45px;position: absolute;
    right: -0.5em;
    bottom: 1em;
}
.section_btn{
	border-radius:3rem;  
    padding: 0.5em 1em!important;
}
.small{font-size: 80%;}
strong{font-size: 110%;}
.section_btn h4,.section_btn h3{display: inline-block;font-weight: bolder;}

.container.op-box{position: relative;}
.op-0{
	color: rgba(255,255,255,0)!important;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	text-align: center;
}
.op-0 h2,.op-0 h3,.op-0 h4,.op-0 h5,.op-0 p{color: rgba(255,255,255,0)!important;display: inline-block;}

/*header*/
header{	padding-bottom: 2rem;
}
/*banner*/
.topbtn{position: absolute;right: 18%;top: 40%;width: 10%;z-index: 99;}
.alwaysthere{position: fixed;right: 15px;bottom: 16vh;width:110px;z-index: 99;border-radius: 50%;}

#banner_ph img{width: 100%;}
img.mainkpk{position: absolute;
bottom: -4%;
left: 24%;
width: 48%;}


header{position: relative;}
.menut li:nth-child(odd){background-color: #DC5F62;color: #FFFABC;}
.menut li:nth-child(even){background-color: #FFFABC;color: #DC5F62;}

.menut h4.menu-li{font-size: 3vmin;line-height: 3.5vmin;font-weight: bold;padding: 10px 0;}
.menut li:nth-child(odd) h4.menu-li{color: #FFF;}
.menut li:nth-child(even) h4.menu-li{color: #DC5F62;}


header ul li{display: inline-block;text-align: center;width: calc( calc( 100% / 6) - 5px);position: relative;}
header ul li span{position: absolute; right: 3px; bottom: -15px; }
header ul li h5 span{position: relative;right: 0;right: unset; bottom: unset;}
header ul li span i{transform:rotate(-20deg);color: #3E3A39;font-size: 1.3rem;}
.menut ul li:hover .tag_clr{background-color: #313663;}
.menut ul li:hover span i{display: none;}
.tag_con{font-weight: bolder;}
h5.tag_con{font-size:20px;letter-spacing: 2px;text-shadow: black 0.1em 0.1em 0.2em;}
.line_right{border-right: 1px solid #ABABAB;}

.menut .tag_clr{padding: 0.1rem 1rem; background-color: #3E3A39;color: #fff;border-radius:2rem!important;margin-bottom: 0.5em;display: inline-block;}
.topmenu{padding-top:0.3em;padding-bottom: 0.3em; }	
.topmenu .tag_clr{padding: 3px; background-color: #fff;color: #313663;border-radius:1rem!important;margin-bottom: 0.5em;display: inline-block;}
.topmenu ul{display: inline-block;width: 100%; }
.topmenu ul li{display: inline-block;text-align: center;width: calc( calc( 100% / 3) - 5px);position: relative;}
.topmenu ul li:hover .tag_clr{background-color: #3E3A39;color: #FFFF00;}
.topmenu ul li:hover h5{color: #FFFABC;}



@media all and (min-width:455px){
	.brhid455{
		display: none;
	}
}
/****MEDIA******/
@media screen and (max-width: 991px) {
.menut h4.menu-li {
    font-size: 2.5vmin;}
    
.topmenu a { 
    font-size: 1rem;
    line-height: 1.4rem;
    display: inline-block;
	text-align: left;}
.ttittle span{display: block;}
.topmenu br{display: none;}	

}@media screen and (max-width: 767px) {
header ul li{width: calc( calc( 100% / 3) - 5px);margin-bottom: 0.4rem;}
	
	
.bg_th3 a.line_btn{
 width: 90%;
 padding: 1% 1%;
 font-size: 1.3em;
 font-weight: 500;
}
	
.bg_ad a.line_btn{
 width: 90%;
 padding: 1% 1%;
 font-size: 1.2em;
 font-weight: 500;
}

	
}@media screen and (max-width: 575px) {
header {padding-bottom: 0;}
header ul li {
     margin-bottom: 0!important; 
}
.menut{position: absolute;bottom:7%;width: 98%;left: 2%;}
.menut h4.menu-li {
    font-size: 4.5vmin;
    line-height: 5.2vmin;  
    padding: 6px 0;
}
.topmenu{padding-top:0.5em;padding-bottom: 0.5em; }	
.topmenu a {display: inline-block;}
.topmenu ul li p{display: none!important;}
.topmenu ul li h5,topmenu ul li p{display: inline-block;}
.topmenu {padding-left: -15px;padding-right: -15px!important;}
.topmenu .container{padding-left: -15px;padding-right: -15px;}
	
	
}@media screen and (max-width: 400px) {

}
/****#MEDIA******/

img.loveshare{width: 18%;}
img.sociallogo{width: 39%;}
/*PART1*/
.area_title{text-align: center;}
.area_title h2{
    font-size: 5.5vmin;
    font-weight: bold;
    color: #E23348;
    vertical-align:  middle;
    display: block;
}
.area_title h3{
    font-size: 3.5vmin;
    font-weight: bold;
    color: #b23033;
    vertical-align:  middle;
    display: block;
}
.area_title h5{
    font-size: 2.5vmin;
    line-height: 3.5vmin;
    font-weight: bold;
    color: #474542;
    display: inline-block;}
.titleword .w1{font-size: 128%;line-height: 6vmin;}
.allbtn h3 {
    display: block;
    vertical-align: middle;
    line-height: 1;
/*    font-size: 3.6vmin;*/
	margin-top: 1vh;
}
.pt1-video{padding: 1rem;
background-color: #fff;
border-radius: 10px;
margin: 10px 30px;}



/*PART3*/
a.exp:hover img{-webkit-box-shadow: 0px  4px 8px #999;
-moz-box-shadow: 0px 4px 8px #999;
box-shadow: 0px  4px 8px #999;}

article#part3 {
padding-top: 20px;
padding-bottom: 20px;

}

#part3 .section_btn{

}

/*part4*/
#part4 {text-align: center;}
#part4 .pt4{width: 49%;display: inline-block;}
#part4 .pt4-word{width: 49%;display: inline-block;font-family: "Noto Serif TC","Source Sans Pro", sans-serif;	}
h2.pt4-word{
    font-size: 4.5vmin;
    line-height: 7vmin;
    font-weight: 400;
    vertical-align:  middle;
    display: inline-block;
    text-align: center;
}
.pt4-word p{
    font-size: 2.6vmin;    
    line-height: 3.6vmin;
    vertical-align:  middle;
    display: block;
    text-align: center;
}
#part4 img.btnclick {
    right: -52px;
    bottom: -15px;
}
#part4 .btnbtn{background-color: #222;color: #fff;padding: 5px;font-weight: bolder;}
#part4 a:hover .btnbtn{background-color: #9C0002;}
#part4 a:hover h3{font-weight: bolder;}
#part4 a:hover {color: #222; }
#part4 h3,#part6 h3{
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 3vmin;
    font-weight: bold;
    color: #222;

}
#part4-2{
	text-align: center;
	margin-top: 60px;
	

}



/*part6*/
#part6 .pt6-btn{
position: absolute;
width: 17%;
right: 1em;
bottom: 2em;
}

article#part6 {
padding-left: 0!important;
padding-right: 0!important;
padding-top: 20px;
padding-bottom: 20px;

}

/*part7*/
#part7 img{margin-bottom: 15px;}



/*ENU*/
.top,.bottom{position:fixed;width:100%;z-index:9999}
.top{top:0;left: 0;}.bottom{bottom:0;left: 0;}
.hide{display:none!important}

.topmenu{width:100%!important;}
.topmenu table{text-align:center;}
.topmenu a{color:#FFF;font-size:1rem; line-height:2rem;text-align:center;}
.topmenu a p{color:#000;border-radius: 20px;padding: 5px 10px; font-size:0.8rem;background: #fff; line-height:1.1rem;text-align:center;display: table;margin:0 auto;}
.topmenu a:hover div{color:#FFF;background-color: #EB7624;}
.ttittle,.ttittle2 {
-webkit-box-shadow: 0px  2px 4px #2D2D2D;
-moz-box-shadow: 0px 2px 4px #2D2D2D;
box-shadow: 0px  2px 4px #2D2D2D;
}

.ttittle th img{
    display:block; margin:auto;
}
.ttittle2 th img{
    display:block; margin:auto;
}

/*#ENU*/


/*footerstyle*/
footer{padding:5em 0 5em 0;}
footer h4{color: #fff;font-size: 2em;margin-bottom: 0;text-align: center;line-height: 2.6rem;font-weight: bolder;}
footer .row{
	margin:0px;
	padding:0px;
}
#footerstyle h6{font-size: 3vmin;color: #fff;line-height: 30px;margin-bottom: 0.5em;font-weight: bolder;}

.footerbt{
padding-top: 1em ;
padding-bottom: 1em;
border: 2px solid #fff; 
border-radius: 20px;   
margin: .5%;
width: 19%;
text-align: center;}

.footerbt a{color: #fff;font-size: 1vmin;}
.footerbt a:hover{color: #fff;}

.btact{
background-color: #EB7300; 
color: #fff;
display: inline-block; 
width: 42%;}

.btline{
background-color: #39847A; 
color: #fff;
display: inline-block; 
width: 50%;}

.btact:hover{background-color: #A64501; }
.btline:hover{background-color: #00564A; }
#footerstyle .col-6{
	padding-right: 10px;
    padding-left: 10px;
}

/*end_footerstyle*/

  /* video post */
  .video-wrapper {
    float: left;
    clear: both;
    width: 100%;
    height: 400px;
    overflow: hidden;
    border-radius: 4px;
    webkit-border-radius: 4px;
  }

  .video-wrapper iframe {
    float: left;
    clear: both;
    width: 100%;
    height: 100%;
  }

/*listpartº]³æ­¶*/
.morebg_th1{
background-image: url("../images/more-bg-1.png");
	background-position:center top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;	
}
.morebg_th2{
background-image: url("../images/more-bg-2.png");
	background-position:center top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;	
}
.morebg_th3{
background-image: url("../images/more-bg-3.png");
	background-position:center top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;	
}
.morebg_th4{
background-image: url("../images/more-bg-4.png");
	background-position:center top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;	
}
.listpart{padding: 2em;text-align: center;
}
.listpart li {width: calc( calc( 100% / 5) - 10px );display: inline-block!important;letter-spacing: -1px; text-align: left;}
.listpart li h2{font-size: 2.4rem;color: #FF1892;font-weight: bolder;display: inline-block!important;margin-right: 5px;}
.listpart li h6{font-size: 1rem;color: #2d2d2d;display: inline-block!important;}
.listpart li p{font-size: 0.9rem;color: #2d2d2d;display: block!important;text-align: left;line-height: 1.1rem;letter-spacing: -1px;}
.listpart li p.sm{font-size: 0.8rem;}
@media screen and (max-width: 1199px) {
	.listpart li {width: calc( calc( 100% / 4) - 10px );	}
	.listpart li h2{font-size: 2rem;}
	.listpart li p{font-size: 0.85rem;}
.listpart li p.sm{font-size: 0.75rem;}	
}
@media screen and (max-width: 991px) {
	.listpart li {width: calc( calc( 100% / 3) - 10px );	}
	.listpart li h2{font-size: 2.1rem;}
}@media screen and (max-width: 767px) {
	.listpart {  padding: 1em;}
	.listpart li h2{font-size: 1.8rem;}
	.listpart li p{font-size: 0.8rem;}
.listpart li p.sm{font-size: 0.7rem;}	
.listpart li p.sm2{font-size: 0.6rem;letter-spacing: -3px;}	
}@media screen and (max-width: 576px) {
	.listpart li h2{font-size: 1.4rem;}
	.listpart li p{font-size: 0.5rem;}
.listpart li p.sm{font-size: 0.4rem;}	
}@media screen and (max-width: 480px) {
	.listpart li {width: calc( calc( 100% / 2) - 10px );	}
	.listpart li h2{font-size: 2rem;}
	.listpart li p{font-size: 0.9rem;}
.listpart li p.sm{font-size: 0.83rem;}	
}@media screen and (max-width: 420px) {
	.listpart li h2{font-size: 1.8rem;}
	.listpart li p{font-size: 0.7rem;}
	.listpart li p.sm{font-size: 0.6rem;}
}


#listpart-p1 ul{display: inline-block;margin-left: 6%;float: left;width: 42%;}
#listpart-p1 li p{font-size: 0.9rem;color: #2d2d2d;display: block!important;text-align: left;line-height: 1.3rem;letter-spacing: -1px;}
@media screen and (min-width: 991px) {
.fotorama{width: 100%;}
}

.p1-1,.p1-2,.p1-3{text-align: center;
	padding: 2em 1em 1em 1em;
}
#listpart-p1 .p1-1 li p{letter-spacing: -1px;font-size: 0.9em;line-height: 1.5em;}
#listpart-p1 .p1-2 li p{letter-spacing: 0px;font-size: 1.1em;line-height: 1.1em;}
#listpart-p1 .p1-3 li p{letter-spacing: -1px;font-size: 0.83em;line-height: 1.5em;}
#listpart-p1 .p1-2 ul{width: 100%;}
@media screen and (max-width: 410px) {
#listpart-p1 ul{margin-left: 4%;width: 45%;}	
#listpart-p1 .p1-1 li p{font-size: 0.8em;}
#listpart-p1 .p1-2 li p{font-size: 1.em;}
#listpart-p1 .p1-3 li p{font-size: 0.8em;}	

}
.fotorama li{list-style-type: none;}
/*#listpartº]³æ­¶*/	


/*---------------------------media------------------------------*/
/*0~1200*/
@media screen and (max-width: 1199px) {
.footerbt{padding-top: 0.8em ;padding-bottom: 0.8em;margin: 1%; width: 31%;}
.footerbt a {font-size: 1.8vmin;}
.topbtn{right: 12%;top: 40%;width: 12%;}	
#part3 .section_btn {
    width: 140px;}

}
/*0~991*/
@media screen and (max-width: 991px) {
.footerbt{padding-top: 0.8em ;padding-bottom: 0.8em;margin: 1%; width: 48%;}
#part3 .section_btn {
    width: 120px;
    right: 41%;
}


}/*576*/
@media screen and (min-width: 576px) {
.type_ph{display: none!important;}
	
}
/**/
@media screen and (max-width: 767px) {
#footerstyle h4{font-size: 32px;line-height: 40px;}
#part3 .section_btn {
    width:90px;}	
img.btnclick {
    width: 35px;
    right: -20px!important;
}    
#part6 .pt6-btn {
    bottom: 8vh;
}    
.pt4-word p {
    font-size: 2.2vmin;}
.section_btn{
    padding: 0.6em 0.5em!important;
}
.section_btn_box img.btnman {
    width: 85px;left: -7%;
    bottom: -1.4em;
}
.section_btn_box img.btnclick{right: 1em;}	
.section_btn_box {
    margin-top: 2.5em;
	}

		
p.leveltag {
    width: 80px;
    height: 80px;
    font-size: 1.6rem;
    line-height: 80px;
    margin-top: 11px;
}	
h2.part_sec {
    font-size: 1.8rem;}

.topmenu a p{display:none;}
#footerstyle ul li a{font-size:1rem; line-height:2rem;}
.lr{border-right:none;}
.section_btn h4,.section_btn h3{display: block;}	
}/**/
@media screen and (max-width: 575px) {


.pt1-video {
    margin: 10px 15px;}
.br-gray{padding: 2%;}
.alwaysthere{right: unset;left: 10px; bottom: 5vh;width:80px;z-index: 99;border-radius: 50%;}	
	
section:not(.nopb){padding-bottom: 2vh;padding-top: 1.5rem;}	
.type_pc{display: none!important;}
.nolr{padding-left: -15px;padding-right: -15px;}
.witness{
	bottom: -5%;
    right: 2%;
    width: 19%;}	
#footerstyle h6 {
    font-size: 6vmin;}
.btact{font-size: 12px;padding: 2px 5px;margin-right: 2px;margin-left: 1px; }
.btline{font-size: 12px;padding: 2px 5px;margin-left: 1px;}
.container:not(.lr) {
     padding-right: 0!important; 
     padding-left: 0!important; 
}	
h4.tag_con {
    font-size: 18px;
    letter-spacing: 2px;
}
.topbtn{right: 9%;
    top: 56%;
    width: 45%;}		
#part3 .section_btn {
    right: 10%;bottom: 1%;    
}	
img.btnclick {
    width: 30px;
    right: -38px!important;
}
#part4 h3.pt4-h3{
    font-size: 4.4vmin;
}



}/*END(max-width: 575px)*/
@media screen and (max-width: 552px) {
#footerstyle h4{font-size: 1.8em;line-height: 2rem;}
	.youtubebox{margin-top: 10px;margin-bottom: 10px;}	
.footerbt a {font-size: 3.2vmin;}  
 
}@media screen and (max-width: 480px) {
.btact{font-size: 10px;padding: 2px 3px;margin-right: 0!important;margin-left: 0!important; }
.btline{font-size: 10px;padding: 2px 3px;margin-left: 0!important;}
.youtubebox iframe{height: 170px;bottom: 5px;}
.topbtn{top: 54%;}		
}/*END(max-width: 480px)*/
@media screen and (max-width: 410px){
.youtubebox iframe{height: 150px;width: 65%;}
.topbtn{top: 50%;}	
}
@media screen and (max-width: 400px) {
#footerstyle h4{font-size: 1.5em;line-height: 1.7rem;}
.youtubebox iframe{height: 130px;width: 65%;}	
.man{width: 90px;	}	
.topmenu a {
    font-size: 0.8rem;
    line-height: 1.2rem;
}
}