@media only screen and (max-width : 761px ){
    .kv{
        width: 100vw;
        height: 195vw;
        background: url('../images/kv_m.jpg') no-repeat;
        background-size: contain;
		}
	.content1{
        width: 100vw;
		height: 247vw;
        background: url('../images/content_1_m.jpg') no-repeat;
        background-size: cover;	
	}
	.content2{
        width: 100vw;
		height: 295vw;
        background: url('../images/content_2_m.jpg') no-repeat;
        background-size: cover;	
	}
	.content3{
        width: 100vw;
		height: 278vw;
        background: url('../images/content_3_m.jpg') no-repeat;
        background-size: cover;
		}
	.content4{
        width: 100vw;
		height: 373vw;
        background: url('../images/content_4_m.jpg') no-repeat;
        background-size: cover;
    }
    .content{
        padding: 18px;
		padding-block-end: 0vw;
    }
    .content-event{
        padding: 24px;
		padding-block-end: 0vw;
    }
    .content h1{
		display: inline-block;
        color: #595757;
        font-size: 5vw;
        line-height: 1.6;
	}
	.content p{
		display: inline-block;
        line-height: 1.6;
        color: #595757;
        font-size: 4.5vw;
		}
    .content h4{
        color: #d80012;
        font-size: 5.5vw;
        line-height: 1;
    }
	.content h2{
        color: #595757;
        font-size: 5vw;
        line-height: 1.6;
		padding-top: 10vw;
    }
	.content h5{
        color: #595757;
        font-size: 5vw;
        line-height: 1.6;
		padding-top: 8vw;
    }
    .content h2 span{
        display: none;
    }
	.event-1 images{
        width: 20px;
		padding-bottom: 2vw;
    }
	.event-1a images{
        width: 45px;
    }
	.event-2 images{
        width: 20px;
		padding-bottom: 2vw;
    }
	.event-2a images{
        width: 100px;
    }
	.event-1, .event-1a, .event-2, .event-2a p{
	    display: inline-block;
        line-height: 1.6;
        color: #595757;
        font-size: 4.5vw;
		}
    .head1{
        background: url('../images/a1.svg') no-repeat;
        background-size: contain;
    }
    .head2{
        background: url('../images/a2.svg') no-repeat;
        background-size: contain;
    }
    .head3{
        background: url('../images/a3.svg') no-repeat;
        background-size: contain;
    }
	
    .content pm,.content ol,.content li,.content ul,.content h3.content {
        line-height: 1.6;
        color: #595757;
        font-size: 4vw;
    }
    .content ol{
        list-style-type: decimal;
        margin-left: 1.3em;
    }
    .content ul{
        list-style-image: url("../images/ul.png");
        list-style-type: disc;
        margin-left: 1.3em;
    }
	.click-1{
		padding-top: 12vw;
        text-align: center;
    }
	.click-2{
        margin-top: 6vw;
        text-align: center;
    }
	.click-3{
        margin-top: -20vw;
        text-align: center;
	}
	.click-4{
        margin-top: -30vw;
        text-align: center;
    }
    .click a{
        display: block;
    }
	.click-2 a{
        display: block;
    }
	.click-3 a{
        display: block;
	}
	.click-4 a{
        display: block;
    }
    .date{
        display: none;
    }
	.button-1{
        display: none;
    }
	.button-2{
        display: none;
    }
	.button-3{
        display: none;
	}
	.button-4{
        display: none;
    }
	
	/*頁籤*/
    .tabs-container {
        position: relative;
        width: auto;
        margin: 0px auto 0px;
		margin-top: 12vw;
        margin-bottom: 12vw;
        height: 216vw;
        border-radius: 10px 10px 0 0;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.225), 0 0 1.5px rgba(0, 0, 0, 0.125);
    }
 
    .tabs-pages {
        width: 100%;
        display: flex;
        flex-direction: row;
        border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    }
 
    .tabs-pages:focus,
    .tabs-pages:hover {
        cursor: pointer;
    }
 
    .tab {
        width: 50%;
        padding: 0.5em 1.2em;
        color: white;
        background-color: #595757;
		font-size: 4.5vw;
		padding: 22px;
		text-align: center;
    }
 
    .tab:hover {
        background-color: #de1e14;
    }
 
    .tab:nth-child(1) {
        border-radius: 0 0 0 0;
    }
 
    .tab:nth-last-child(1) {
        border-radius: 0 0 0 0;
    }
 
    .tab.active {
        background-color: #b60d04;
		font-size: 4.5vw;
		padding: 22px;
		text-align: center;
    }
 
    .tabs-contents {
        width: 100%;
        height: auto;
        position: relative;
    }
 
    .tab-c {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 100%;
        height: auto;
        color: black;
        transition: opacity 1s;
    }
 
    .tab-c.active {
        opacity: 1;
    }
	
	.tab-image-1 {
        width: 100vw;
		height: 211vw;
        background: url('../images/tab-1_m.jpg') no-repeat;
        background-size: contain;
	}
	.tab-image-2 {
        width: 100vw;
		height: 211vw;
        background: url('../images/tab-2_m.jpg') no-repeat;
        background-size: contain;
	}
 
    .inner-content {
        padding: 0em;
    }
	
	/*視窗*/
    .wrap {
        text-align: center;
        padding-top: 135%;
    }
    .btn {
        text-decoration: none;
		margin-left: -8vw;
		margin-bottom: 8vw;
		letter-spacing: 4vw;
    }
    .btn images{
        width: 220px;
		height: 55px;
		padding-bottom: 17px;
    }
    .btn-22 {
        text-decoration: none;
		margin-top: 3vw;
        margin-left: -8vw;
    }
    .btn-22 images{
        width: 220px;
		height: 55px;
    }
    .popup-wrap {
        width: 100%;
        height: 100%;
        display: none;
        position: fixed;
        z-index: 9999;
        top: 0px;
        left: 0px;
        content: '';
        background: rgba(0, 0, 0, 0.85);
    }

    .popup-box {
        width: 50%;
        padding: 15vw 15vw;
		padding-bottom: 15vw;
        transform: translate(-50%, -50%) scale(0.5);
        position: absolute;
        top: 50%;
        left: 50%;
        box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);
        border-radius: 3px;
        background: #b41113;
        text-align: center;
    }
    .popup-box p {
        font-size: 32px;
        color: #fff;
    }
    .close-btn {
        width: 50px;
        height: 50px;
        display: inline-block;
        position: absolute;
        top: 10px;
        right: 10px;
        border-radius: 100%;
        background: #000;
        font-weight: bold;
        text-decoration: none;
        line-height: 40px;
    }
    .close-btn p {
		font-size: 32px;
		color: #fff;
		margin-top: -4px;
		margin-right: 1px;
	}
    .close-btn-ok {
        display: inline-block;
		padding-top: 7vw;
        border-radius: 100%;
        font-weight: bold;
        text-decoration: none;
        color: #fff;
        line-height: 40px;
    }
    .transform-in, .transform-out {
         display: block;
          -webkit-transition: all ease 0.5s;
          transition: all ease 0.5s;
    }

    .transform-in {
          -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
    }

    .transform-out {
          -webkit-transform: translate(-50%, -50%) scale(0.5);
          transform: translate(-50%, -50%) scale(0.5);
    }
	
	.tip_pc{
        display: none;
    }
	.btn_note{
        background: url('../images/note.png') no-repeat center center;
        height: 50px;
        text-align: center;
    }
    .btn_note h3{
        color: #fff;
        font-size: 5vw;
        padding: 20px;
    }
    .note_content p,.note_content ol,.note_content li,.note_content ul,.note_content h3{
        line-height: 1.6;
        color: #595757;
        font-size: 8vw;
    }
    .note_content{
        display: none;
        position: relative;
        margin: auto 0px;
        padding: 24px;
    }
    .note_content images{
        width: 40px;
    }
    .note_content h4{
        font-size: 5vw;
        padding-bottom: 20px;
    }
    .note_content ol li{
        list-style-type: disc;
        line-height: 1.6;
        color: #595757;
        font-size: 4vw;
    }
    .note_content ol li a{
        color: #595757;
        font-size: 4vw;
    }
	.tip{
        width: 100vw;
        height: auto;
        background: url('../images/bg_2.png') no-repeat;
    }
    .tip table { 
        border:1px solid #595757;  
        font-size:16px; 
        width:100%;
        border:1px solid #595757;
        text-align:center;
        border-collapse:collapse;
        margin-top:5px;
        margin-bottom: 14px;
        font-size: 4vw;
    } 
    .tip th { 
        background-color: #595757;
        padding:5px;
        border:1px solid #727171;
        color:#fff;
    } 
    .tip td { 
        border:1px solid #595757;
        padding:5px;
    } 
	
}

@media only screen
and (min-width : 761px) {
    .kv{
        width: 100%;
        height: 470px;
        background: url('../images/kv.jpg') no-repeat center center;
		 }
    .content1{
        width: 100%;
        height: 9200px;
        background: url('../images/content.jpg') no-repeat center center;
		margin-top:
		background-size: contain;
    }
    .content2{
        width: 78%;
        height: 2949px;
        background: url('../images/content_2_m.jpg') no-repeat top center;
		background-size: cover;
	}
	.content3{
        width: 78%;
        height: 78%;
        background: url('../images/content_3_m.jpg') no-repeat;
		background-size: contain;
		 }
    .content4{
        width: 78%;
        height: 3721px;
        background: url('../images/content_4_m.jpg') no-repeat;
		background-size: contain;
    }
	.click-1{
		display: none;
	}
	.click-2{
		display: none;
	}
	.click-3{
		display: none;
	}
	.click-4{
		display: none;
	}
    .content{
        position: relative;
        width: 909px;
        margin: 35px auto 0px;
		padding-left: 0px;
    }
    .content-event{
        position: relative;
        width: 909px;
        margin: 0px auto 0px;
		padding-left: 0px;
    }
    .content h1{
		display: inline-block;
        color: #595757;
        font-size: 24px;
        line-height: 1;
		padding-top: 30px;
		padding-bottom: 5px
    }
	.content p{
		display: inline-block;
        line-height: 1.7;
        color: #595757;
        font-size: 20px;
        padding-left: 2px;
    }
	.content images{
        margin-top: -8px;
    }
	.content h4{
        color: #d80012;
        font-size: 32px;
        line-height: 1;
    }
    .content h2{
        color: #595757;
        font-size: 24px;
        line-height: 1;
		padding-top: 48px;
		padding-bottom: 5px
    }
    .content h2 span{
        display: none;
    }
	.event-1 images{
        width: 25px;
    }
	.event-1a images{
        width: 55px;
    }
	.event-2 images{
        width: 25px;
    }
	.event-2a images{
        width: 116px;
    }
	.event-1, .event-1a, .event-2, .event-2a p{
		display: inline-block;
        line-height: 1.7;
        color: #595757;
        font-size: 20px;
		padding-left: 2px;
	}
	.hhhh{
		font-size: 24px;
	}
    .head1{
        background: url('../images/a1.svg') no-repeat;
        background-size: contain;
    }
    .head2{
        background: url('../images/a2.svg') no-repeat;
        background-size: contain;
    }
    .head3{
        background: url('../images/a3.svg') no-repeat;
        background-size: contain;
    }
    .content ol,.content li,.content ul,.content h3{
        line-height: 1.6;
        color: #595757;
        font-size: 20px;
        padding-left: 2px;
    }
	.content li,.content ul,.content h3{
        line-height: 1.6;
        color: #595757;
        font-size: 15px;
        padding-left: 2px;
		padding-top: 6px;
    }
    .content ol{
        list-style-type: decimal;
        margin-left: 1.3em;
    }
    .content ol,.content ul{
        margin-bottom: 14px;
    }
    .content ul{
        list-style-image: url("../images/ul.png");
        list-style-type: disc;
        margin-left: 1.3em;
    }

	/*頁籤*/
    .tabs-container {
        position: relative;
        width: 898px;
        margin: 0px auto 0px;
		margin-top: 50px;
        margin-bottom: 20px;
		padding-bottom: 50px;
        height: 650px;
        border-radius: 0 0 0 0;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.225), 0 0 1.5px rgba(0, 0, 0, 0.125);
    }
 
    .tabs-pages {
        width: 100%;
        display: flex;
        flex-direction: row;
        border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    }
 
    .tabs-pages:focus,
    .tabs-pages:hover {
        cursor: pointer;
    }
 
    .tab {
        width: 50%;
        padding: 0.5em 1.2em;
        color: white;
        background-color: #595757;
		font-size: 22px;
		padding: 22px;
		text-align: center;
    }
 
    .tab:hover {
        background-color: #de1e14;
    }
 
    .tab:nth-child(1) {
        border-radius: 0 0 0 0;
    }
 
    .tab:nth-last-child(1) {
        border-radius: 0 0 0 0;
    }
 
    .tab.active {
        background-color: #b60d04;
		font-size: 22px;
		padding: 22px;
		text-align: center;
    }
 
    .tabs-contents {
        width: 100%;
        height: auto;
        position: relative;
    }
 
    .tab-c {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 100%;
        height: auto;
        color: black;
        transition: opacity 1s;
    }
 
    .tab-c.active {
        opacity: 1;
    }
	
	.tab-image-1 {
		width: 898px;
        height: 650px;
        background: url('../images/tab-1.jpg') no-repeat center center;
	}
	.tab-image-2 {
		width: 898px;
        height: 650px;
        background: url('../images/tab-2.jpg') no-repeat center center;
	}
 
    .inner-content {
        padding: 0em;
    }

	/*視窗*/
    .wrap {
        text-align: center;
        padding-top: 40%;
    }
    .btn {
        text-decoration: none;
		margin-left: -100px;
		margin-right: 390px;
        border-radius: 5px;
		position: absolute;
	    top: 610px;
		right: 277px;
    }
	.btn images{
		width: 165px;
        height: 41px;
	}
    .btn-22 {
        text-decoration: none;
        margin-left: 250px;
        border-radius: 5px;
		position: absolute;
	    top: 610px;
		right: 475px;
    }
	.btn-22 images{
		width: 165px;
        height: 41px;
	}
    .popup-wrap {
        width: 100%;
        height: 100%;
        display: none;
        position: fixed;
        z-index: 9999;
        top: 0px;
        left: 0px;
        content: '';
        background: rgba(0, 0, 0, 0.85);
    }

    .popup-box {
        width: 50%;
        padding: 50px 75px;
		padding-bottom: 60px;
        transform: translate(-50%, -50%) scale(0.5);
        position: absolute;
        top: 50%;
        left: 50%;
        box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);
        border-radius: 3px;
        background: #b41113;
        text-align: center;
    }
    .popup-box p {
        font-size: 32px;
        color: #fff;
    }
    .close-btn {
        width: 50px;
        height: 50px;
        display: inline-block;
        position: absolute;
        top: 10px;
        right: 10px;
        border-radius: 100%;
        background: #000;
        font-weight: bold;
        text-decoration: none;
        line-height: 40px;
    }
    .close-btn p {
		font-size: 32px;
		color: #fff;
		margin-top: -4px;
		margin-right: 1px;
	}
    .close-btn-ok {
        display: inline-block;
		padding-top: 35px; 
        border-radius: 100%;
        font-weight: bold;
        text-decoration: none;
        color: #fff;
        line-height: 40px;
    }
    .transform-in, .transform-out {
         display: block;
          -webkit-transition: all ease 0.5s;
          transition: all ease 0.5s;
    }

    .transform-in {
          -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
    }

    .transform-out {
          -webkit-transform: translate(-50%, -50%) scale(0.5);
          transform: translate(-50%, -50%) scale(0.5);
    }


    .date{
        position: absolute;
        top: 0px;
        left:0px;
    }
	.button-1{
		position: absolute;
	    top: -35px;
		right: 327px;
	}
	.button-2{
		position: absolute;
		top:680px;
		right: 327px;
	}
	.button-3{
		position: absolute;
	    top: 420px;
		right: 327px;
	}
	.button-4{
		position: absolute;
	    top: -99px;
		right: 327px;
	}
	.button-5{
		position: absolute;
		right: 327px;
	}
    .tip_pc{
        padding-bottom: 10px;
		padding-top: 20px;
    }
	.p-1{
		padding-top:5.5vw
	}
	.tip_pc table { 
		border:1px solid #595757;  
		font-size:16px; 
		width:700px;
		border:1px solid #595757;
		text-align:center;
		border-collapse:collapse;
		margin-top:5px;
		margin-bottom: 5px;
		font-size: 15px;
    } 
	.tip_pc th { 
		background-color: #595757;
		padding:2px;
		border:1px solid #727171;
		color:#fff;
    } 
	.tip_pc td { 
		border:1px solid #595757;
		padding:5px;
    } 
	.tip_pc images { 
		width: 55px;
    } 
	.content h5{
        display: none;
    }
	.content pm{
        display: none;
    }
	.btn_note{
       display: none;
    }
    .btn_note h3{
        display: none;
    }
    .note_content p,.note_content ol,.note_content li,.note_content ul,.note_content h3{
        display: none;
    }
    .note_content{
        display: none;
    }
    .note_content ol li{
       display: none;
    }
    .note_content ol li a{
        display: none;
    }
    .tip{
        display: none;
    }
	.t-1{
		display: none;
	}
	.t-2{
		display: none;
	}
    footer .main {
        max-width: 880px;
    }

}