@import url("../../../icon_new_6.2/css/all.min.css");
@import url(./font_all.css);
/*DIY*/
.bg0{background-color: #e02323;background: linear-gradient(40deg,#c90d0d 10%,#e62828 50%, #c90d0d 90%);}
.bg1{background: url(../images/Invitation_05.png) repeat-y left #e02323;}

body *{font-family: 'Noto Sans TC', sans-serif;font-weight: ;}
#event_master *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
#Master_title{ width:1200px;margin: 0 auto;}
#Master_title img {text-align: center;
}
.list_title,h2,h1{font-family:MStiffHeiHK, Meiryo, "Meiryo UI";}
.master_des,.list_title,.note_text{margin: 1rem 0;}
.master_des{font-size: 1.5rem;}
.list_inv{text-align: left;font-size: 1.4rem;}
.list_inv li{list-style-type: disc;list-style-position: inside;}
.areaA li{text-indent: -6.2rem;margin-left: 6.2rem;}
.areaB li{text-indent: -2.2rem;margin-left: 2.2rem;}
.list_title{font-size: 2rem;text-align: center;}
.note_text{text-align: center;font-size: 1.4rem;font-family: 'cwTeXKai';}


/*DIV END*/


:root{
	--bgcolor1:#EEE8E0;
	--bgcolor2:#FFFCE9;
	--join1:#de523f;
	--join2:#00BCD4;
}
.bg_padding{padding:1%;}
/*所有元素漸變0.5秒*/*{transition: all .5s;}

#vue_banner {padding: 1% 0;position: relative;}
.hooper-slide {/*background-color: #a59db5;*/padding: 0.5rem;display: flex;justify-content: center;align-items: center; margin: 0 0.5rem;position: relative;}
.list_item,.gift_group{position: relative;}
.hooper-navigation{position: relative;top: -50%;}
.hooper-prev {left: 1.7% !important;}
.hooper-next {left: 93% !important;}
.hooper-next, .hooper-prev {
    background-color: #607d8b !important;
    border: none;
    padding: 0em !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #ffffff;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    /* border: 2px #000 solid; */
}

/*各大相容檢視*/
@media screen and (-webkit-min-device-pixel-ratio:0) { /*Webkit*/
}
@-moz-document url-prefix(){/*Firefox*/
}

@media \0screen\,screen\9 {/*IE 6 7 8*/
}

@media screen\0 {/*IE 8 9 10 11*/
}

@media print {
}

/*Back to top button */
#back-top{position:fixed;bottom:30px;margin-left:-150px;right:1%;z-index:99}#back-top a{width:50px;height:50px;border-radius:50%;display:block;text-align:center;font:11px/100% Arial,Helvetica,sans-serif;text-transform:uppercase;text-decoration:none;color:#bbb;transition:1s}#back-top a:hover{color:#000}#back-top span{width:50px;height:50px;display:block;margin-bottom:7px;background:rgba(99,99,99,0.74) url(../images/up-arrow.png) no-repeat center center;border-radius:50%;transition:1s}#back-top a:hover span{background-color:#777}

/*ask*/
#askarea SELECT {color: black;background-color: white;}
#askarea_out{background-color: #eb543f;}
#askarea{width: 1200px;margin: 0 auto;padding: 1rem 5rem;text-align: left;}
#askarea .asktitle {color: white;text-align: center;font-size: 2.0rem;margin: 17px;}
#formlist SELECT,#formlist input{border-radius: 0.3rem;background-color: #FFF;border: #FFF;padding: 0.25rem;}
#askarea SELECT{background-color: #FFF;border: #FFF;padding: 0.5%;margin:auto 1% 1% auto;}
#formlist label{display: block;margin: 1rem 0;color: white;font-size: 1.2rem;}
#formlist img{display: inline-block;}
#formlist input{color: #585858;}
#askarea input[type="submit"],#askarea input[type="reset"]{padding: 0.5em;width: 88px;margin-top: 2%;border: 2px #fff solid;color: #ffffff !important;}
#askarea input[type="submit"]{background-color: #094d6d;}
#askarea input[type="reset"]{background-color: #8d9297}
label > select {margin: 0 1rem;}
#formlist{justify-content: space-around;}
#askarea textarea[name="sContent"]{width:98%;height:300px;font-size: 1.15em;border: 7px #ffcac3 solid;padding: 10px}
#askarea input[type="text"]{width:32%;}
#askcontent{color:white;line-height: 2.5rem;}
.sepecial_item label {
    color: #f3cb66 !important;
    font-size: 1.7rem !important;
    border-bottom: dotted;
    text-align: center;
}
.sepecial_item input {
    transform: scale(2);
    margin: 1rem;
}
@media all and (min-width: 1px) and (max-width: 1200px){
    @media (max-width: 768px) {
    .sepecial_item label {
        font-size: 1.1rem !important;
        text-align: left;
    }
    .sepecial_item input {
        transform: scale(1);
    }
    .sepecial_item {
        text-indent: -1.3rem;
        margin-left: 1.3rem;
    }
}
    #Master_title{width:100%;}
    .list_inv{font-size: 1.15rem;padding: 0 0.5rem;}
    
    .areaA li{text-indent: -5.2rem;margin-left: 5.2rem;}
    .areaB li{text-indent: -2.0rem;margin-left: 2.0rem;}
        

/*ask*/
#askarea{width: 100%;padding: 0.8rem;}
#askarea .asktitle{font-size: 1.1rem;}
#askarea .asktitle > p{line-height: 2.2rem;}
#formlist{margin: 0 auto;}
#askarea input[type="text"],#askarea select{width:100%;}
#askarea input[type="checkbox"]{width: initial;}
#formlist label{font-size: 1.0rem;}
#formlist input[name="sContent"],#formlist label,#formlist SELECT,#formlist input{margin: 0.25rem 0;}
#formlist input[type="submit"],#formlist input[type="reset"]{width: calc(100%/4.5);}
	}