@charset "utf-8";
/* CSS Document */
.cantantBase1 {display: none!important;}
.cantantBase2 {display: block!important;}
	@media screen and (max-width:767px){
		.cantantBase1 {display: none!important;}
		.cantantBase2 {display: none!important;}
	}

/*特製系列XX*/
    .blackBox .special_ .box h3 span.close{ top: 2%; right: 5%; width: 2em; height: 2em; border-radius:50%; border: none; background: #000; } 
    .blackBox .special_ .box h3 span.close a {  position: relative; display: inline-block; color:#FFF;}
    .blackBox .special_ .box h3 span.close a:before,
    .blackBox .special_ .box h3 span.close a:after{ content: ''; z-index: 0; position: absolute; top:14px; width: 22px; height: 3px; background: #FFF; border-radius: 2px; cursor: pointer;}
    .blackBox .special_ .box h3 span.close a:before{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform: rotate(45deg); right:5px;}
    .blackBox .special_ .box h3 span.close a:after{ -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform: rotate(-45deg); right:5px;}


/*特製系列*/
    .agreeArea.special_ .box { padding-bottom: 2%; }
    .agreeArea.special_ .box ul { list-style-type: cjk-ideographic; }
    .agreeArea.special_ .box ul > li { font-weight: 800;}
    .agreeArea.special_ .box ol { margin-top: .5em; }
    .agreeArea.special_ .box ol > li { font-weight: 500;}

    .agreeArea.special_ .box li {  margin: 0 auto; font-size:20px; line-height: 1.8;}
    .agreeArea.special_ .box .txtArea { margin: 0 auto; width: 96%; border-radius:  10px; overflow:auto; overflow-y:auto; -webkit-overflow-scrolling:touch; padding: 10px; background: #FFF;}
    .agreeArea.special_ .box h3{ height:140px; line-height: 140px; font-size: 55px; text-align:right; color:#FFF; background-repeat: no-repeat; }
    .agreeArea.special_ .box h4{ margin: 10px 0 30px 20px; height: auto; font-size:40px; font-weight: 800; }

        @media screen and (max-width:767px){
            .agreeArea.special_ .box h3{ height:5rem; line-height:5rem; font-size: 7vw;  line-height: 5rem; }
            .agreeArea.special_ .box h4{ margin: 1% 0 3% 2%; font-size:7vw; line-height: 9vw; }
            .agreeArea.special_ .box li { font-size:4vw; line-height: 1.5;}
            .agreeArea.special_ .box ol { margin-left: -1.5em; }
        }

    /*eztable*/
    .agreeArea.special_.eztable .box { background-color:#e24e31;}
    .agreeArea.special_.eztable .box h3{ background-color:#e24e31; background-image: url('logo_eztable.jpg?t=1748417368596');  background-size: 55%;  background-position: 3% 55%;padding-right: 12%; }
    .agreeArea.special_.eztable .box h4{  color:#e24e31;text-align: left;}

        @media screen and (max-width:767px){
            .agreeArea.special_.eztable .box h3{ background-color: #e24e31; color:#FFF;padding-right: 15vw; }
        }
