@charset "utf-8";
/* CSS Document */

/*------------共用區------------*/



*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
    -webkit-box-sizing:border-box;
	list-style:none;
}



body {
	-webkit-text-size-adjust:100%;/*避免ios用戶字體自動放大*/
	font-family:'微軟正黑體', Arial, Helvetica, sans-serif;
width:100%;
	height:100%;
    background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#F6C152;
}


ul{list-style:none;}
td{ padding:5px;}
.Stay{ width:100%; height:auto; background-color:#FBE4DB; text-align:center; margin:3px auto; font-size:1.5em; color:#003399; max-width:1200px; }


.supbig_text{ font-size:44px;}
.left_ali{ text-align:left;}
.center_ali{ text-align:center;}
.w_bg{ background-color:#EEEEEF;}

.fbg{
    	width:100%;
	max-width:1000px;
background-color:;

}

.small{
	font-size:30px;
color: #000;
	font-weight: bold;
  text-align:center;
    margin: 1% 0 1% 0;
}

.vid{ width:980px; height:570px; text-align:center; margin:0 auto;}

.bg-video{
	background-position:center!important;
	background-size: cover!important;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
    padding:0 2% ;
}

img{ border: 0;}

.wrapper{width: 1000px; margin: 20px auto 40px;}
.slideA{ padding: 10px; }
.slideA img{width: 100%;}


/*------------桌機板------------*/

/*課程下拉*/
.header-con{
	width:100%;
	background-color:#F6C152;
	}
.header-con-img{
	max-width:1200px;
	margin:0 auto;}
	
.con-spay1{
	width:100%;
	background-color:#F6C152;
	padding:10px 0;
	}
.con-spay1-img{
	max-width:1200px;
	margin:0 auto;}





/*nav*/
nav{padding: 1% 0;
	display: flex;justify-content: center;
	background-color:#F6C152;
	z-index:1;
	width:100%;
	position:fixed;
}
nav ul{display:flex;justify-content: space-between;
	text-decoration: none;
	max-width:1000px;
	margin:0 auto;
	padding:0;
}
nav li {position: relative;
	transition:0.5s;
	padding:0 5%;
}

nav li:hover {
	transform:scale(0.95,0.95);
}

/*考取經驗談*/
.experience{ display: block; background: #F6C152; }
.experience .wrap{ padding:80px calc((100% - 1300px)/2) 100px;  text-align: center;}
.experience .wrap .title{ display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; }
.experience .wrap .title h2{ font-size: 60px; color: #fff;}
.experience .wrap .title img{ width: 180px;}

.experience .wrap .btn{ margin: 40px auto 0; }
.experience .wrap .btn a{ margin: 0 auto; display: block; padding: 15px 0; width: 320px; font-size: 1.8rem; text-align: center; background-color: #34344a; 
      border-radius: 50px; text-decoration: none; font-weight: 700; color: #fff; transition: .2s;}
.experience .wrap .btn a:hover{ background-color: #34344a;}
.experience .wrap .btn i{ color: #f0b200;}
.experience-m{ display: none;}


@keyframes slideR{
 0%{transform: translateX(0);}
 50%{transform: translateX(10px);}
 100%{transform: translateX(0);}
}



.bnn3{ width:1200px; margin:0 auto; padding:0.5%;}
.bnn3 ul{list-style:none; text-align:center}
.bnn3 li{ width:50%; margin:1%;padding:1%; font-size:35px; font-weight:bold;color:#FFF;display:inline-block; background-color:#000;border-radius:30px;}
.bnn3 li a{display:block;color:#FFF;text-decoration:none;}

.bnn3 li a:hover{ 
    color:#AE92FF;
transform:scale(0.95,0.95);
	}

.bn02{ width:100%; margin:0 auto; padding:0.5%;}
.bn02 ul{list-style:none; text-align:center}
.bn02 li{width:22%; margin:1%;padding:1%; font-size:35px;font-weight:bold;color:#FFF;display:inline-block; background-color:#000;}
.bn02 li a{display:block;color:#FFF;text-decoration:none;border-radius:30px;}

.t03{ font-size:50px; font-weight:bold; color: #FFF; text-align:center;}

.v{ width:980px; margin:0 auto; text-align:center;overflow:hidden;}

/* 各班連結 */

.fram{ width:100%; margin:0 auto; text-align:center;overflow:hidden;}
.fram img{ max-width:1200px;}
.t01{ font-size:50px; font-weight:bold; color:#000; text-align:center;}
.t02{width:980px; margin:0 auto; padding:1%; font-size:24px; color:#000; text-align:center; }

.bn3{ width:1100px; margin:0% auto;}

.bn3 li{display:inline-block; width:20%;border:2px solid  #000; font-size:28px; font-weight:bold; text-align:center; color:#000; padding:1%;margin:1% 1% 2% 1%;}
.box1{ width:100%;overflow:hidden;}
.box2{ width:48%;float:left; font-size:24px; color: #000; background-color:#7E308D;
}
.box3{ width:48%;float:right;  font-size:24px; color: #000; background-color:#39B54A; }
.box2 a{display:block;color:#FFF;
	text-decoration: none;
}
.box3 a{display:block;color: #FFF;text-decoration: none;}



/* ------- */
.footbox {
    width: var(--box-width);
    margin: 2em auto;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.footT-1 {
    width: -webkit-calc((100% - 4em)/4);
    width: -moz-calc((100% - 4em)/4);
    width: calc((100% - 4em)/4);
    margin: .5em;
}

@media all and (max-width:768px) {}

@media all and (max-width:575px) {
    .footT-1 {
        width: -webkit-calc((100% - 2em)/2);
        width: -moz-calc((100% - 2em)/2);
        width: calc((100% - 2em)/2);
        margin: .5em;
    }
}

/* ---------------------- */
.footul {
    width: var(--box-width);
    margin: 2em auto;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	text-decoration:none;
		text-decoration:none;
}

.footul li {
    width: -webkit-calc((100% - 4em)/4);
    width: -moz-calc((100% - 4em)/4);
    width: calc((100% - 4em)/4);
    margin: .5em;
}

.foota {
    position: relative;
    display: block;
    padding: .2em;
    text-align: center;
    background: #fff;
    border-radius: 40px;
    color: #3E3A39;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 50%);
    overflow: hidden;
		text-decoration:none;
		text-decoration:none;
}

.footul li:hover .foota {
    color: #fff;
    -webkit-transform: scale(.9);
       -moz-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.foota:before {
    /*     content: "";
    position: absolute;
    top: 0;
    right: 100%;
    width: calc(100% + 1.2rem);
    height: 105%;
    background: #3E3A39;
    clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
    transform: translateX(var(--progress, 0));
    transition: all 0.5s ease;
    z-index: -1; */

    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0%;
    background: #3E3A39;
    z-index: -1;
    top: 0;
    border-radius: 0 0 50% 50%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.footul li:hover .foota::before {
    height: 120%;
    border-radius: 0 0 30% 30%;
}

/* .footul li:hover .foota:before {
    --progress: 100%;
} */


.foota i {
    margin-left: .2em;
}

@media all and (max-width:768px) {}

@media all and (max-width:575px) {
    .footul li {
        width: -webkit-calc((100% - 2em)/2);
        width: -moz-calc((100% - 2em)/2);
        width: calc((100% - 2em)/2);
        margin: .5em;
    }
}




/*-----------TOP按鈕------------------*/
.topbut {
    position: fixed;
    bottom: 1em;
    right: 1em;
    z-index: 999;
}

.topbut.wow {
    -webkit-animation-delay: 0s;
       -moz-animation-delay: 0s;
            animation-delay: 0s;
}

#goTop {
    width: 3em;
    height: 3em;
    color: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #3E3A39;
}

.topbut i {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.topbut .Up i {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

#goTop .fas {
    font-family: "Font Awesome 5 Free" !important;
}

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

/*-----------TOP按鈕------------------*/

/*---------------- BAR-social_address_浮動社群連結 --------------*/

/*---------一個 浮動式按鈕 LINE 手機版-----------*/
@media all and (max-width:768px) {}

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

    .social-icon a {
        width: 100% !important;
    }

    .social_btn {
        background-image: -webkit-linear-gradient(bottom, #22ac38 0%, #92fb4b 100%) !important;
        background-image: -moz-linear-gradient(bottom, #22ac38 0%, #92fb4b 100%) !important;
        background-image: linear-gradient(to top, #22ac38 0%, #92fb4b 100%) !important;
    }
}

/*--------#-一個浮動式按鈕 LINE 手機版----------*/

/*---------------- BAR-social_address_浮動社群連結 --------------*/



/*浮動連結*/
  div#social-address{
        position:fixed; bottom:50%; left:0; z-index:1000!important;box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.3);
        font-family: '微軟正黑體'; font-size: 16px!important;text-align: center;
    }
    div#social-address .social-btn{color:white;padding: 16px 8px;cursor: pointer; display: block;}
    div#social-address a{color: inherit;text-decoration:none;}
    div#social-address p{margin:0;}
    div#social-address a:hover,div#social-address .social-btn:hover{-webkit-filter:brightness(60%) contrast(150%);    -o-filter:brightness(60%) contrast(150%);    filter:brightness(60%) contrast(150%);}
    div#social-address img {    width: 1em;    padding: 0 0 0.25em 0;}
    div#social-address .mlu{ background-color:#304E8E;}
    div#social-address .mline{ background-color:#29A339; }
    div#social-address .social-btn.mline{position: relative;}
    div#social-address #social-address-lines{
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        color: #29A339;
        top: 0%;
        left: 100%;
        margin: 0.5em 0.25em;
        border: 2px solid;
        border-radius: 0.25em;
        box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.5);
        width: 7em;
        display: inline-table;
    }
    div#social-address #social-address-lines a{display: block;padding: 0 0.5em;}
    div#social-address #social-address-lines a:hover{background: #ededed;}
    div#social-address #social-address-lines p{line-height: 1;border-bottom: 1px solid #ededed;margin: 0;padding: 0.5em 0;}
    div#social-address #social-address-lines a:last-child p{border-bottom: none;}
	



div#social-address .mline2{ background-color:#304E8E; }
    div#social-address .social-btn.mline2{position: relative;}
    div#social-address #social-address-lines2{
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        color:#304E8E;
        top: 0%;
        left: 100%;
        margin: 0.5em 0.25em;
        border: 2px solid;
        border-radius: 0.25em;
        box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.5);
        width: 7em;
        display: inline-table;
    }
    div#social-address #social-address-lines2 a{display: block;padding: 0 0.5em;}
    div#social-address #social-address-lines2 a:hover{background: #ededed;}
    div#social-address #social-address-lines2 p{line-height: 1;border-bottom: 1px solid #ededed;margin: 0;padding: 0.5em 0;}
    div#social-address #social-address-lines2 a:last-child p{border-bottom: none;}	



.car2{
	width:100%;
    padding:2% 1%;
	margin:2% auto;}
.car2 li{
	background-color:#179017;
     margin:2% 1%;
	width:30%;
	height:45px;
	line-height:45px;
	font-size:25px;
	font-weight:bolder;
	text-align:center;
	display:inline-block;
	margin-bottom:1%;
	border-radius:60px;
	transition:0.5s;}
.car2 li a{
	color:#fff;
	display:block;
	text-decoration:none;}
.car2 li:hover{
	background-color:#042209;
	transform:scale(0.95,0.95);}

.car5{
	width:100%;
    padding:2% 1%;
	margin:2% auto;}
.car5 li{
	background-color:#4687C1;
     margin:2% 1%;
	width:30%;
	height:45px;
	line-height:45px;
	font-size:25px;
	font-weight:bolder;
	text-align:center;
	display:inline-block;
	margin-bottom:1%;
	border-radius:60px;
	transition:0.5s;}
.car5 li a{
	color:#fff;
	display:block;
	text-decoration:none;}
.car5 li:hover{
	background-color:#25547F;
	transform:scale(0.95,0.95);}


/*桌機刊頭*/
.header{
	
	margin:0 auto;}
/*手機刊頭*/
.header-m{
	width:0;
	height:0;
	overflow:hidden;}

.headeroutside{width:100%;
	background-image: url("../images/.png");
	background-color: #A5CBE4;
	background-attachment: fixed;
	background-size: cover;
		
}

/*手機刊頭*/
#header-m{
	width:0;
	height:0;
	overflow:hidden;}

/*內容滿版背景*/
.contentoutside{width:100%;
	background-color:#F6C152;text-align:center;
}
.contentoutside2{width:100%;
	background-color:#F6C152;
}
.contentoutside3{width:100%;
	background-color:#256F7C;
}
/*桌機內容*/
.content{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:0;
	text-align:center;}

/*圖片切換*/
.pic{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;}
.pic img{
	max-width:1200px;}
.pic-m{
	width:0;
	height:0;
	overflow:hidden;}
.bn{
	width:100%;
    padding:0 1% 2% 1%;
	color:#fff;
	margin:0 auto;}
.bn li{
	background-color:#FD6758;
     margin:0% 1% 1% 1%;
	width:60%;
	height:60px;
	line-height:60px;
	font-size:30px;
	font-weight:bolder;
	text-align:center;
	display:inline-block;
	margin-bottom:1%;
	border-radius:60px;
	transition:0.5s;}
.bn li a{
	color:#fff;
	display:block;
	text-decoration:none;}
.bn li:hover{
	background-color:#0D7A8C;
	color:rgba(255,255,255,1.00);
	transform:scale(0.95,0.95);}
	
/* 完整上榜規劃 */
.course{background:#EEEEEF ;padding:15px calc((90% - 1200px)/2) 15px calc((100% - 1200px)/2);text-align: center;}
.course h2{font-family:'Noto Sans TC',sans-serif;font-weight: bold;font-size: 40px;color: #003343;display: inline-block;}
.course .forword{margin: 5px 0 5px 0;color: #003343; font-size:50px; font-weight:bold;}
.course>span{font-size: 30px;font-family:'Noto Sans TC',sans-serif;padding:10px 30px;box-sizing: border-box;box-sizing: border-box;display: inline-block;background: #bdce2c;border:2px dashed #fff;border-radius: 50px;color: #003343;}
.course ul{display: flex;justify-content: space-between;}
.course ul li{width:32%;box-sizing: border-box;padding: 40px 30px;background: #fff;border-radius: 10px;margin: 20px 0;}
.course ul img{width:45%;transform: translateY(5px);}
.course ul li:nth-child(1) .head{background: #29bbca;}
.course ul li:nth-child(2) .head{background: #fea82b;}
.course ul li:nth-child(3) .head{background: #d38ac1;}
.course ul .head{color: #fff;font-size: 28px;padding: 10px 20px;box-sizing: border-box;border-radius: 10px;margin-bottom: 20px;}
.course ul p{width: 100%;font-size: 24px;color: #003343;font-family:'Noto Sans TC',sans-serif;text-align: left;line-height:1.6; text-align: center;}
.course ul span{color:#ff6996;}
.course>p{font-size:24px;margin:30px 0;}
.course>a{font-size: 24px;color: #fff;background: #ff5f8f;text-decoration: none;box-sizing: border-box;padding:8px 50px;font-family: 'Noto Sans TC', sans-serif;}
.course>a::before{content:'\f0a4';display: inline-block;font-family: "Font Awesome 5 Free";line-height: 1;font-weight: 400;margin-right: 5px;}
/* 完整上榜規劃 */

/* 優質服務 */
.plane{background:#fff;padding:10px calc((100% - 1200px)/2);text-align: center;}
.plane h2{font-family:'Noto Sans TC',sans-serif;font-size:40px;color: #ec6941;background: #fff;border: 1px solid #ec6941;display: inline-block;margin: 30px 0;border-radius:50px;padding:10px 30px;}
.plane .forword{line-height: 1.3;width: 80%;font-size: 22px;margin:10px auto 20px auto;color: #333333;}
.plane ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top:10px;}
.plane ul li{width: 17%;margin-bottom:10px;}
.plane ul .tit{font-size:23px;color: #29bbca;font-weight: bold;line-height: 2;}
.plane ul p{text-align: left;line-height: 1.6;font-size: 18px;}
.plane>p{font-size:20px;margin:10px auto 20px auto;line-height: 1.3;width: 80%;}
.plane>a{font-size:22px;color: #fff;background: #29bbca;text-decoration: none;box-sizing: border-box;padding:5px 40px;font-family: 'Noto Sans TC', sans-serif;}
.plane>a::before{content:'\f0a4';display: inline-block;font-family: "Font Awesome 5 Free";line-height: 1;font-weight: 400;margin-right: 5px;}
/* 優質服務 */



/*------------手機板---------------*/
@media screen and (max-width:767px){
	.slideC{ width: 100%; }
/*nav*/
nav{padding: 1% 0; display: flex;justify-content: center;rgba(13,122,140,0.8)
	z-index:1;
	width:100%;
	position:fixed;
	text-align: center;
}
nav ul{display:flex;justify-content: space-between;
	width: 98%;
	padding:0 ;
	margin: 2% 1%;
}	
	

nav li {position: relative;
	transition:0.5s;
	padding: 1%;
}

nav li:hover {
	transform:scale(0.95,0.95);
}

/*課程下拉*/
.header-con{
	width:100%;
	background-color:#F6C152;
	}
.header-con-img{
	max-width:1000px;
	margin:0 auto;}
	
.con-spay1{
	width:100%;
	background-color:#F6C152;
	}
.con-spay1-img{
	max-width:1000px;
	margin:0 auto;}
    
    
/*桌機刊頭*/
.header{
	width:0;
	height:0;
	overflow:hidden;}
	
/*手機刊頭*/
.header-m{
	display:block;
	width:100%;
	height:auto;
	margin:0;}

	
.bn02 li{width:22%; margin:1%;padding:1%; font-size:16px;font-weight:bold;color:#FFF;display:inline-block; background-color:#000;}


.t03{ font-size:20px; font-weight:bold; color: #FFF; text-align:center;}	
 
 .v{ width:100%; margin:0 auto; text-align:center;overflow:hidden;}
   
/*圖片切換*/
.pic{
	width:0;
	height:0;
	overflow:hidden;}
.pic-m{
	overflow:visible;
	display:block;
	width:100%;
	height:auto;
	margin:0;}



.luie2{ margin:0% auto; 
    padding:1%; 
	width:100%;
	text-align:center; 
	}

.luie2 ul{
	margin:0 auto; 
	padding:0; 
	list-style:none;
	}
.luie2 li{ 
    display:inline-block; 
	margin:1% 0 5% 0; 
	padding:1%; 
width:100%; 
	height:20px;
	font-weight: bold
	}
.luie2 li a{
	display:block; 
	border-radius:10px; 
		background-color:#050F12;
    font-size:30px;  
	text-decoration:none;	
color:#FFFFFF;
	transition:0.5s;
	}
.luie2 li a:hover{ 
	transform:translate(0,5px);
	}
/*line*/
.line{ 
    padding: 0 0 5% 0; 
	width:100%;
	text-align:center;  
	}
.line h2{
    font-size:1.4em; 
	line-height:1.6;
	color:#E0552B;
	font-weight: bold;
	}
.line ul{
	margin:0 auto; 
	width:100%; 
	list-style:none;
	}
.line li{ 
    display:inline-block; 
	margin:4px; 
	padding:0; 
	width:40%; 
	}
.line li a{
	display:block; 
	border-radius:6px; -webkit-border-radius:50px; 
	background:#E0552B;
    font-size:1.2em; 
	line-height:40px; 
	text-decoration:none; 
	color:#FFFFFF;
	transition:0.5s;
	}
.line li a:hover{ 
    transform:translate(0,5px);
    box-shadow:1px 1px 15px rgba(20%,20%,40%,0.5);
	}       

/*考取經驗談*/
.experience{ display: none; }
.experience-m{ overflow:hidden; display:block; width:100%; height:auto; margin:0; padding:40px 2%; background: #F6C152; text-align: center;}
.experience-m  h2{ font-size: 38px; color: #fff; }
    
    
	
/* 完整上榜規劃 */
.course{padding:10px 1%;}
.course h2{font-size: 11vw;}
.course .forword{text-align: center;font-size:20px;}
.course>span{font-size: 7vw;padding:2px 20px;}
.course ul{flex-wrap: wrap;}
.course ul li:last-child{margin-bottom: 0;}
.course ul li{width:90%;margin-bottom: 10px;padding: 10px; }
.course ul .head{font-size:4vw;}
.course ul p {font-size:3.5vw;text-align: center;}
/* 完整上榜規劃 */

/* 優質服務 */
.plane h2{font-size:4vw;padding:7px 9px;margin: 8px 0;}
.plane ul li{width:29%;}
.plane ul .tit{font-size:3.5vw;}
.plane>p{margin-top: 0;}
/* 優質服務 */



    	
/* 各班連結 */
.bn3{ width:100%; margin:1% auto; }
.bn3 li{display:inline-block; width:30%;border:2px solid  #000; font-size:14px; font-weight:bold; text-align:center; color:#000; padding:1%;margin:1%;}
.box1{ width:100%;overflow:hidden; text-align:center;}
.box2{ width:48%;float:left; font-size:14px; color: #000; background-color:#7E308D; text-align:center; }
.box3{ width:48%;float:right;  font-size:14px; color: #000; background-color:#49B140;  text-align:center; }
.box2 a{display:block;color:#FFF;}
.box3 a{display:block;color:#FFF;}
.t01{ font-size:24px; font-weight:bold; color:#000;}
.t02{width:100%; margin:0 auto; padding:1%; font-size:12px; color:#000; text-align:center; }
	
.bnn3{ width:100%; margin:0 auto; padding:1%;}
.bnn3 ul{list-style:none; text-align:center}
.bnn3 li{ width:65%; margin:1%;padding:1%; font-size:16px; font-weight:bold; color:#FFFFFF;display:inline-block; background-color:#000;border-radius:15px;}
.bnn3 li a{display:block;color:#FFFFFF;text-decoration:none;}


	
.car2{
	width:100%;
    padding:2% 1%;
	margin:2% auto;}
.car2 li{
	background-color:#179017;
 
	width:48%;
	height:45px;
	line-height:45px;
	font-size:20px;
	font-weight:bolder;
	text-align:center;
	display:inline-block;
	margin-bottom:1%;
	border-radius:60px;
	transition:0.5s;}
.car2 li a{
	color:#fff;
	display:block;
	text-decoration:none;}
.car2 li:hover{
	background-color:#042209;
	transform:scale(0.95,0.95);}	
.car5{
	width:100%;
    padding:2% 1%;
	margin:2% auto;}
.car5 li{
	background-color:#4687C1;
	width:48%;
	height:45px;
	line-height:45px;
	font-size:20px;
	font-weight:bolder;
	text-align:center;
	display:inline-block;
	margin-bottom:1%;
	border-radius:60px;
	transition:0.5s;}
.car5 li a{
	color:#fff;
	display:block;
	text-decoration:none;}
.car5 li:hover{
	background-color:#25547F;
	transform:scale(0.95,0.95);}	

.vid{ width:100%; height:auto;}
	
/*浮動連結*/
div#social-address{ width: 100%;bottom: 0;content: "";display: inline-block;clear: both; }
    div#social-address .social-btn{ display: block;float: left;width: 49.99%;padding: 8px 0;}
    div#social-address img {    width: 1em;    padding:0.25em 0.25em 0 0;}
    div#social-address br{display: none;}
    div#social-address .mlu{display: inline-block; }
    div#social-address #social-address-lines{width: 100%;top:initial;bottom:100%;left: 0;}
 
     div#social-address #social-address-lines2{width: 100%;top:initial;bottom:100%;left: 0;}   
   
    }