@charset "utf-8";
/* CSS Document */
*{font-family:  "Arial", "微軟正黑體", "Noto Sans TC", "Arial Narrow", Rubik, "Noto Sans TC", sans-serif;}
a{text-decoration: none;}

/*共用區*/

.WISE2200 {
    max-width: 1200px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 20px;
    font-family: Arial, 'Open Sans', '微軟正黑體', "新細明體", sans-serif;
    font-weight: 400;
    color: #636161;
        color: #6a6f72;
}

.WISE2200 br.desktop {
    display: block;
}

.WISE2200 br.mobile {
    display: none;
}

.WISE2200 div {
    box-sizing: border-box;
}

.WISE2200 img {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.WISE2200 img.my20 {
    margin: 20px 0 !important;
}

.WISE2200 img.my30 {
    margin: 30px 0 !important;
}

.WISE2200 img.my40 {
    margin: 40px 0 !important;
}

.WISE2200 img.my50 {
    margin: 50px 0 !important;
}

.WISE2200 .clearfix,
.WISE2200 .clear {
    clear: both;
}

.WISE2200 .hide {
    display: none;
}

.WISE2200 .show {
    display: block;
}

.WISE2200 ul,
.WISE2200 ol {
    margin: 0 !important;
    padding: 0 0 0 25px !important;
}

.WISE2200 li {
    margin: 0 !important;
    padding: 0 !important;
}

.WISE2200 ul li {
    list-style-type: disc !important;
}

.WISE2200 ol li {
    list-style-type: decimal !important;
}

.WISE2200 .text-center {
    text-align: center;
}

/*正式開始*/

.WISE2200{
	    background-color: #fefefe;
}

.WISE2200 .mi-wise22-kv{
	margin-right: auto;
    margin-left: auto;
    width: 100%;
    height: 562px;
    background-image: url(../images/mi-wise22-kv-bg.jpg);
    max-width: 1200px;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #90cc28;*/
    background-size: cover;
    padding-top: 4%;
        flex-wrap: wrap;
}

.WISE2200 .mi-wise22-kv-left{
	    width: 33%;
}

.WISE2200 .mi-wise22-kv-right{
    width: 58%;
        margin-bottom: 5%;
}


.WISE2200 .mi-wise22-main{
	margin-right: auto;
    margin-left: auto;
    width: 100%;
    height: 2500px;
    background-image: url(../images/mi-wise22-all-bg.jpg);
    max-width: 1200px;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
        align-items: flex-start;
    justify-content: center;
    justify-content: space-evenly;
        justify-content: space-around;
        justify-content: center;
    /*background-color: #90cc28;*/
    background-size: cover;
        padding-top: 10%;
    padding-bottom: 0%;
        flex-wrap: wrap;
}


.WISE2200 .mi-wise22-atten{
	margin-right: auto;
    margin-left: auto;
    width: 100%;
    height: 386px;
    background-image: url(../images/mi-wise22-call-bg.jpg);
    max-width: 1200px;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-between;

    justify-content: space-around;

    /*background-color: #90cc28;*/
    background-size: cover;
    padding-top: 3%;
    padding-bottom: 3%;
    flex-wrap: wrap;
}


.WISE2200 .mi-wise22-case{
	margin-right: auto;
    margin-left: auto;
    width: 100%;
    /*height: 500px;*/
    background-image: url(../images/);
    max-width: 1200px;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    padding-top: 3%;
    padding-bottom: 0%;
    flex-wrap: wrap;
}


.WISE2200 .mi-wise22-pd{
	margin-right: auto;
    margin-left: auto;
    width: 100%;
    height: 915px;
    background-image: url(../images/mi-wise22-end-bg.png);
    max-width: 1200px;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    padding-top: 2%;
    padding-bottom: 2%;
    flex-wrap: wrap;
}


.WISE2200 .mi-wise22-kv-man{
    width: 100%;
}

.WISE2200 .mi-wise22-kv-title{
	width: 100%;
}

.WISE2200 .mi-wise22-main-who{
    margin-left: 5%;
}

.WISE2200 .mi-wise22-main-who-img{
	width: 100%;
}

.WISE2200 .mi-wise22-main-list{
    width: 50%;
        margin-left: 9%;
    line-height: 2rem;
}

.WISE2200 .mi-wise22-main-list-con{
color: #11a725;
    color: #008d30;
    font-size: 1.4rem;
    /*border-bottom: 1px solid #c7e5df;*/
    padding-bottom: 2%;
}

.WISE2200 .mi-wise22-main-list-line{
	    border-bottom: 1px solid #c7e5df;
    margin-top: 3%;
    margin-bottom: 3%;
}

.WISE2200 .mi-wise22-main-list-line-01{
    width: 85%;
}

.WISE2200 .mi-wise22-main-list-line-02{
    width: 85%;
}

.WISE2200 .mi-wise22-main-list-line-03{
    width: 65%;
}

.WISE2200 .mi-wise22-main-list-line-04{
    width: 40%;
}

.WISE2200 .mi-wise22-main-list-con-01{
    margin-left: 20%;
}

.WISE2200 .mi-wise22-main-list-con-02{
    margin-left: 15%;
}

.WISE2200 .mi-wise22-main-list-con-03{
    margin-left: 10%;
}

.WISE2200 .mi-wise22-main-list-con-04{
    margin-left: 5%;
}

.WISE2200 .mi-wise22-main-list-dot{
    color: #193919;
    color: #1f6243;
}

.WISE2200 .mi-wise22-main-list-sp{
	    font-weight: bold;
}


.WISE2200 .mi-wise22-main-space{
	margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1200px;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    flex-wrap: wrap;

        margin-top: 56.5%;
}

.WISE2200 .mi-wise22-kv-title-mb{
	    display: none;
}

.WISE2200 .mi-wise22-main-space-box{
	    width: 35%;
    /*margin-right: 5%;
    margin-left: 10%;*/
}

.WISE2200 .mi-wise22-main-space-box-img{
width: 100%;
}

.WISE2200 .mi-wise22-main-lesson{
	     width: 45%;
    margin-right: 5%;
    margin-left: 5%;
    background-color: #fefefead;
    background-color: #fefefed1;
    padding: 2%;
        font-size: 1.2rem;
    line-height: 1.5rem;
}

.WISE2200 .mi-wise22-main-les-tit{
	    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 10%;
    color: #002715;
    text-align: center;
}

.WISE2200 .mi-wise22-main-les-con{
	display: flex;
	flex-wrap: wrap;
	    margin-bottom: 4%;
}

.WISE2200 .mi-wise22-main-les-time{
width: 35%;
}

.WISE2200 .mi-wise22-main-les-stit{
color: #008d30;
    font-weight: bold;
}

.WISE2200 .mi-wise22-main-les-les{
	width: 60%;
	    line-height: 1.8rem;
}

.WISE2200 .mi-wise22-main-les-con-btn{
	width: 40%;
	    /*margin: 0 2%;*/
	        text-align: center;
	color: #fefefe;
    padding: 1.3% 0%;
        background-color: #206344;
            background-color: #ff9e1c;
            font-size: 1.1rem;
        transition: all 0.3s;
}

.WISE2200 .mi-wise22-main-les-con-btn-right{
    margin-right: 10%;
}

.WISE2200 .mi-wise22-main-les-con-btn:hover{
	    background-color: #ff5f00;
}

.WISE2200 .mi-wise22-main-call{
	margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1200px;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    flex-wrap: wrap;
margin-top: 5%;
        margin-bottom: 5%;
}

.WISE2200 .mi-wise-time{
	margin-right: auto;
    margin-left: auto;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
        justify-content: left;
    background-size: cover;
    flex-wrap: wrap;
	margin-top: 2%;
    margin-bottom: 0%;
}

.WISE2200 .mi-wise-timebox{
 /*background-image: url(../images/mi-wise-timebox.png);*/
    background-repeat: no-repeat;
    background-position: center;

	/*background-color: #ff4b00;
	    background-color: #0ca540;
	        background-color: #047c2d;
	            background-color: #22632f;
	                background-color: #ffb400;

    border: 3px solid #fefefe;
        border: 3px solid #2c845c;
border: 3px solid #3f946f;*/
    text-shadow: 0px 0px 15px #052718;
    width: 80%;
    text-align: center;
    padding: 3%;
    color: #fefefe;
    font-size: 2rem;
}

.WISE2200 .mi-wise22-main-les-scon{
	 font-size: 1.1rem;
}

.WISE2200 .mi-wise-timebox-title{
	    display: inline-block;
	        line-height: 1.5rem;
	 margin-bottom: 7%;

	 color: #9f2400;
	     color: #711a00;
	     color: #fefefe;

	         font-size: 2rem;
}

.WISE2200 .mi-wise-timebox-time{
	display: inline-block;
	    line-height: 1.5rem;
	        font-size: 2.5rem;
	     font-weight: bold;
	     color: #000;
	     color: #9f2400;
	         color: #711a00;
	         color: #fefefe;
	        width: 100%;
}

.WISE2200 .clockdiv-box{
	  display: inline-flex;
}

.WISE2200 .m-smalltext{
	font-size: 1.5rem;
	    margin-left: 10%;
}

.WISE2200 .color-01{
	width:20%;
}

.WISE2200 .color-02{
	width:20%;
}

.WISE2200 .color-03{
	width:20%;
}

.WISE2200 .color-04{
	width:20%;
}

.WISE2200 .mi-wise22-main-les-con-btn-box{
	    margin-top: 5%;
	    justify-content: space-around;
	        justify-content: space-between;
	        margin-bottom: 0;
}

.WISE2200 .mi-wise22-main-call-loc{
	    width: 40%;
    margin-left: 0%;
        font-size: 1.2rem;
       line-height: 1.7rem;
           /*margin-right: 5%;*/
}

.WISE2200 .mi-wise22-main-ad-img{
	    width: 80%;
}

.WISE2200 .mi-wise22-main-call-map{
	width: 40%;
	    /*width: 45%;
    margin-left: 5%;*/
        border: 3px solid #fefefe;
}

.WISE2200 .mi-wise22-main-call-map-go{
	width: 100%;
	min-height: 200px;
}

.mi-wise22-main-call-map-img{
	    width: 100%;
    display: block;
}

.WISE2200 .mi-wise22-main-call-data-ss{
	color: #008d30;
    font-weight: bold;
}


.WISE2200 .mi-wise22-main-ad{
	margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1200px;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    flex-wrap: wrap;
}

.WISE2200 .mi-wise22-main-box{
	width: 100%;
	    text-align: center;
}

.WISE2200 .mi-wise22-atten-tit{
	    font-size: 2rem;
	 margin-bottom: 5%;
	     font-weight: bold;
}


.WISE2200 .mi-wise22-atten-box{
	    width: 39%;
    color: #fefefe;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-left: 10.5%;
    display: block;
}

.WISE2200 .mi-wise22-atten-box-right{
width: 50%;
}


.WISE2200 .mi-wise22-case-go{
	cursor: pointer;
}

.WISE2200 .mi-wise22-case-go-img{
	width: 100%;
}

.WISE2200 .mi-wise22-case-use{
	    width: 65%;
    margin: auto;
    text-align: center;
    padding-top: 0%;
    padding-bottom: 0%;
    margin-bottom: 0%;
}

.mi-wise22-case-use-box{
	display: flex;
    align-items: center;
    justify-content: center;
        justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
	margin: auto;
}

.mi-wise22-case-use-box-con{
	width: 30%;
    font-size: 1.4rem;
    color: #fefefe;
    line-height: 2rem;
    margin-top: 1%;
}

.mi-wise22-case-use-box-con-01{

}

.mi-wise22-case-use-box-con-02{

}

.WISE2200 .mi-wise22-case-use-img{
	width: 100%;
}

.WISE2200 .mi-wise22-case-pd{
	display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
	width: 100%;
	margin: auto;
}


.WISE2200 .mi-wise22-case-pd-title{
	width: 100%;
	    margin: auto;
    text-align: center;
}

.WISE2200 .mi-wise22-case-pd-box{
	width: 30%;
    text-align: center;
    margin: 0 8%;
}

.WISE2200 .mi-wise22-case-pd-box-img{
	margin-bottom: 5%;
}

.WISE2200 .mi-wise22-case-pd-box-img-img{
	width: 80%;
}

.WISE2200 .mi-wise22-case-pd-box-con{
	    margin: auto;
    margin-bottom: 7%;
    background-color: #fefefecf;
    width: 80%;
    padding: 3% 0;
    border-radius: 10px;
    color: #123322;
    font-size: 1rem;
    line-height: 1.5rem;
}


.WISE2200 .mi-wise22-case-pd-box-go{
	     margin: auto;
    width: 40%;
    /* margin: 0 2%; */
    text-align: center;
    color: #007729;
        color: #004819;
    padding: 1.5% 0%;
    background-color: #7ce482;
        background-color: #79d799;
    display: block;
        display: block;
    font-size: 1rem;
        transition: all 0.3s;
            cursor: pointer;
}

.WISE2200 .mi-wise22-case-pd-box-go:hover{
	    background-color: #60c482;
}


.WISE2200 .mi-wise22-main-mb-only{
		    display: none;
	}


@media screen and (max-width: 1000px)
{
	.WISE2200 .mi-wise22-main-space{
		margin-top: 76%;
	}

	.WISE2200 .mi-wise22-main{
		    height: 2300px;
	}

	.WISE2200 .mi-wise22-main-call-loc{
		font-size: 1rem;
	}

	.WISE2200 .mi-wise22-atten-box{
		    margin-right: 0%;
	}

	.WISE2200 .mi-wise22-case-use{
		    margin-top: 10%;
		        width: 90%;
	}

	.WISE2200 .mi-wise22-case-pd-box{
	    width: 35%;
    	text-align: center;
    	margin: 0 3%;
	}

	.WISE2200 .mi-wise22-case-pd{
		margin-top: 5%;
	}

	.WISE2200 .mi-wise22-case-pd-title{
		    margin-bottom: 5%;
	}

	.WISE2200 .mi-wise-timebox-time{
		    font-size: 2rem;
	}

}


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

	.WISE2200 .mi-wise22-kv{
		height: auto;
	}

	.mi-wise22-case-use-box-con{
		    font-size: 1.2rem;
    color: #fefefe;
    line-height: 1.5rem;
	}

	.WISE2200 .mi-wise22-main-les-tit{
		    font-size: 1.8rem;
	}

	.WISE2200 .mi-wise22-kv-left{
		    width: 30%;
    margin-bottom: 5%;
    margin-top: 5%;
	}

	.WISE2200 .mi-wise22-kv-right{
		width: 86%;
    margin-bottom: 8%;
	}

	.WISE2200 .mi-wise22-main{
	    height: auto;
	        background-image: url(../images/mi-wise22-all-bg-mb.jpg);
	}

	.WISE2200 .mi-wise22-main-list{
		    width: 90%;
		        margin-top: 10%;
		    margin-left: 0%;
	}

	.WISE2200 .mi-wise22-main-who{
		    margin-right: 45%;
	}

	.WISE2200 .mi-wise22-main-space{
    margin-top: 5%;

	}

	.WISE2200 .mi-wise22-main-mb-only{
		    display: block;
	}

	.WISE2200 .mi-wise22-main-mb-only-box{
		width: 80%;
		margin: auto;
		    text-align: center;

	}

	.WISE2200 .mi-wise22-main-mb-only-box-img-01{
		width: 50%;
		margin: auto;
	}

	.WISE2200 .mi-wise22-atten-box-right{
		width: 90%;
		margin-top: 5%;
	}

	.WISE2200 .mi-wise22-main-mb-only-box-img{
		width: 100%;
	}

	.WISE2200 .mi-wise22-main-space-box{
		    width: 70%;
		    margin-bottom: 6%;
	}

	.WISE2200 .mi-wise22-main-lesson{
		width: 90%;
    margin-bottom: 8%;
	}
	
	.WISE2200 .mi-wise22-main-call-loc{
		width: 90%;
		margin-bottom: 10%;
	}

	.WISE2200 .mi-wise22-main-call-map{
		width: 90%;
		margin-bottom: 5%;
	}

	.WISE2200 .mi-wise22-main-ad-img{
		width: 100%;
	}

	.WISE2200 .mi-wise22-main-who-img{
		width: 70%;
	}

	.WISE2200 .mi-wise22-main-list-con{
		    font-size: 1.2rem;
		        line-height: 1.5rem;
	}

	.WISE2200 .mi-wise22-atten{
		    padding-top: 6%;
    padding-bottom: 6%;
        height: auto;
	}

	.WISE2200 .mi-wise22-atten-box{
		width: 90%;
		    margin: auto;
	}

	.WISE2200 .mi-wise22-atten-tit{
		    font-size: 1.5rem;
	}

	.WISE2200 .mi-wise22-atten-con-one{
		    font-size: 0.9rem;
	}

	.WISE2200 .mi-wise22-case{
		    padding-top: 6%;
	}

	.WISE2200 .mi-wise22-pd{
		        padding-top: 23%;
		        height: auto;
	}

	.WISE2200 .mi-wise22-case-use{
		    margin-top: 0%;
		    width: 90%;
		        margin-bottom: 10%;
	}

	.WISE2200 .mi-wise22-case-pd-title{

	}

	.WISE2200 .mi-wise22-case-pd-title img{
		width: 20%;
	}

	.WISE2200 .mi-wise22-case-pd-box{
		 width: 90%;
		 margin-bottom: 10%;
	}

	.WISE2200 .mi-wise22-case-pd-box-img-img{
		width: 50%;

	}

	.WISE2200 .mi-wise22-case-pd-box-con{
		width: 90%;
	}

	.WISE2200 .mi-wise22-case-go{
		width: 25%;
	}

	.WISE2200 .mi-wise22-main-les-time{
		font-size: 0.9rem;
	}

	.WISE2200 .mi-wise22-main-les-les{
		font-size: 1.1rem;
	}

	.WISE2200 .mi-wise22-main-les-con-btn{
		    font-size: 1rem;
	}

	.WISE2200 .mi-wise22-kv-title{
		display: none;
	}

	.WISE2200 .mi-wise22-kv-title-mb{
		width: 100%;
		display: block;
	}

	.WISE2200 .mi-wise-timebox{
		    font-size: 1.5rem;
		    width: 100%;
	}

	.WISE2200 .mi-wise-timebox-title{
    margin-bottom: 3%;
        font-size: 1.3rem;
	}
}