@import url("../../../icon_new_6.6/css/all.min.css");
/*DIY*/

body *{font-family: 'Noto Sans TC', sans-serif;font-weight: ;}
.wrap_all{
    word-break: keep-all;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -webkit-text-size-adjust: 100%;
    }

.nowrap{text-wrap: nowrap}

#event_master *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
#event_master h2 {font-size: 3.5rem;font-family: 華康儷黑 Std w5;color: #0ea38f;font-style: italic;text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 16px #fff, 0 0 10px #fff;margin-bottom: 7px;font-weight: bold;}
#Master_title {background-color: #e4d3bc;}
#Master_title img {text-align: center;margin: 0 auto;}
.bg0 {background-color: #b99b70;background: #e5d5be url(../images/1403013_01_bg.png) no-repeat center 0px;background-size: 100% 100%}
.bg1 {background: #f7f2ec;background:#e5d5be url(../images/1403013_diamond_bg.jpg) no-repeat center 0px;background-size: 100%;}
.bg2{background: #e4d4bd;padding: 3% 0 .5%}
.bg3{background: #e4d4bd;}
.bg4{background: #fdf4ee;}
.date_list{background: linear-gradient(to right, #f3eaea 10%, #ffffff 50%, #f2ece3 100%);}
.date_list, .date_list th, .date_list td {border-bottom: 3px #dac7c0 dotted;border-collapse: collapse;padding: .3rem;font-size: 1.2rem;}
.date_list th{background: rgb(165 142 85);border-bottom: 4px solid #dec4be;font-size:1.3rem;font-weight: normal;color:#fff}
.date_list td a::before{cursor:pointer;margin-right:.3rem;color:#f05f57;font-size:1.5rem;font-family:"Font Awesome 5 Free";left:2rem;font-weight:bold;content:'\f025'}
.date_list td:nth-last-child(1) a::before {cursor:pointer;margin-right:.3rem;color:#f05f57;font-size:1.5rem;font-family:"Font Awesome 5 Free";left:2rem;font-weight:bold;content:'\f025';display: none;}
.date_list td:nth-last-child(1){text-align: }
.date_list td:nth-last-child(1) a{/*text-decoration: underline*/;}

.note {text-align: center;margin: 5px 0 2px;}
.click_open td:hover{cursor: pointer;}
.rotate-180{transform:rotate(180deg);transition:transform .3s ease}
.fa-caret-down{transition:transform .3s ease}

.list_tb, .list_tb th, .list_tb td {border-bottom: 2px #00BCD4 dotted;border-collapse: collapse;background-color: #486792;padding: 0.35em 0.8em;font-size: 1.4rem;font-family: Microsoft JhengHei;color: #fff;}
.list_tb th{white-space: nowrap}
.list_tb td{}
.price_list{margin-top: 0.5%}
.price_list dt {font-size: 2.4rem;font-family: 華康儷黑 Std w7;color: #c72a0d;}
.price_time {font-size: 1.5rem;margin: 15px 0 30px;background-color: #f6f1eb;border-bottom: 7px #486792 solid;padding: 15px 10px 10px;border-radius: 10px;}
.price_time b{}
.price_time .t-box {background-color: #ff3737;color: #fff;padding: 2px 12px;border-radius: 7px;margin-right: 6px;}
.price_time .t-red{color: #ff3737}
.price_time .title{color: #104f70}
.t1-y{color: #FFC107;font-family: Microsoft JhengHei;font-weight: bold;padding: 0 2px 0;}

.Vuetabs {margin: 3% 0 1%;}
.Vuetabs a:hover{cursor: pointer;}
.Vuetabs a {text-decoration: none;background-color: #b89f7c;color: #fff;width: max-content;padding: 0 1.5rem;border-radius: 5rem 5rem 5rem 0rem;margin: 0.5rem 2rem;font-size: 2rem;text-align: center;}

.Vuetabs a.active {background-color: #bb3f90;color: white;transform: scale(1.2);border: 3px #e4d4bd dotted;border-bottom: 0;font-size: 2.2rem;}
.student_bg{ margin: 2rem auto; }
.student_title {
    margin: 3rem 2% 0;
    font-size: 4rem;
    line-height: 4.7rem;
    font-weight: bold;
    background-image: linear-gradient(to bottom, #EA5427 20%, #ff9778 82%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: bold;
    padding: 0;
    font-family: 華康儷黑 Std w5;
}
.student_title .t123 {margin-top: -5rem;font-size: 5.2rem;font-family: Verdana, 'Noto Sans TC', sans-serif;vertical-align: bottom;}
.student_group {margin: 0.5rem 1rem;padding-bottom: .5rem;width: calc(100% - 2rem);border-top: 4px #bb3f9040 dotted;padding: 1rem 0rem 1rem 0rem;width: 95%;}
.student_name{font-size:1.5rem;font-weight: bold;color: var(--pink1);}
.student_tag {color: var(--blue1);font-size: 1.45rem;margin: 0.7rem 0 0 9rem;}
.student_tag li {display: flex;width: 40%;/* background-color: #ccc; */flex-direction: column;align-content: flex-start;flex-wrap: wrap;}

.student_content{line-height:2.0rem;text-indent: 0rem;font-size: 1.1rem;}
.student_content strong{font-size: 1.12rem}
.student_content,.student_name,.recommend{text-align: left;}
.recommend{margin: 1.5rem 1rem 1rem;font-size: 1.1rem;}
.recommend .t-good {color: #fff;font-size: 1.25rem;background-color: #f05f57;padding: 1px 12px;border-radius: 4px;font-weight: normal;margin-bottom: 3px;display: inline-block;
}
.recommend .t-name{color:#c98d41}
.recommend .t-winner{color: #f05f57}
.recommend i{color: #ba8841;font-size: 1.4rem}

.dia_out{height: ;}
.diamond {/*background: url(../images/1403013_diamond_blue.png) no-repeat center 26px;*/background-size: 50%;margin: 3% 0 0}
.diamond_map {width: inherit;}
.diamond-container {display: grid;grid-template-columns: repeat(5, 1fr);grid-template-rows: repeat(3, auto);gap: 5px;width: 520px;text-align: center;}
.text-box {font-size: 1.6rem;line-height: 1.85rem;color: #fff;border-radius: 50px;padding: 20px 14px}
.text1,.text3,.text5{grid-row: 2;}
.text2,.text4{grid-row: 1;}
.text9,.text10,.text11{grid-row: 3;}
.text1 { grid-column: 1;  }
.text2,.text9 { grid-column: 2;}
.text3,.text10 { grid-column: 3;}
.text4,.text11{ grid-column: 4;}
.text5 { grid-column: 5;}

.text9:hover,.text11:hover{cursor: pointer;}
.text9,.text11{text-decoration: underline;}
.popup {display: none;position: absolute;background: #f3ede4;border: 1px solid #b7986d;border-left: 6px solid #d69c73;border-right: 1px solid #b7986d;border-bottom: 5px solid #486792;padding: 15px;box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);z-index: 999;border-radius: 7px;}
.popup-left{width: 86%;margin: -156px auto 0 10%;}
.popup-right {width: 70%;margin: -156px auto 0 26%;}
.pop-photo{float: right;margin-top: -4%;margin-bottom: 1.5%;margin-left: 1%;}
/* .popup-left {
	left: -220px;
	top: 50%;
	transform: translateY(-50%);
} 
.popup-right {
	 right: -220px;
	top: 50%;
	transform: translateY(-50%); 
}*/
.dia_list{text-align: left;}
.dia_list .no-disc{list-style: none;}
.dia_list dd{text-align: left;font-size: 1.1rem;}
.directions{}
.directions a i{}
.directions a {cursor: pointer;display: inline-block;background: #00BCD4;color: white;border-radius: 4px;padding: 1px .6rem;font-size: 1.1rem;margin-top: 3px;margin-left:1rem;
}
.act_out{ background: linear-gradient(to bottom,#DEDCCE 0%,#FBFBF9 60%,#DEDCCE 100%);padding: 2rem 6rem; }
.act_each{text-align: left;margin: 1rem 0;}
.act_title{font-size: 2rem;font-weight: 900;color: var(--blue1);background: linear-gradient(to right,white 60%,transparent 100%);padding-left: 1.5rem;margin-left: -1rem;}
.act_each dt{font-size: 1.4rem;color: var(--pink1);font-weight: bold;}
.act_each dd{font-size: 1.3rem;}
.dir_list li{list-style: disc;font-size: 1.2rem;line-height: 2.5rem;margin: 0.5rem 1rem 0.5rem 2rem;}
.dir_list li a{ text-decoration: underline;}
.dir_list li img{}
.dir_list li img.map_a{box-shadow: 0px 11px 6px 3px rgb(199 199 199 / 40%);border: 1px #977f60 solid;margin: 0 auto}
.limit_photo{display: flex;flex-direction: column;align-items: center;}
.limit_photo .title{background-color: #000;color: #fff;font-weight: normal;padding: 2px 17px;border-radius: 50px 50px 50px 50px;font-size: 1.6rem;margin: 1%;}
.dir_list .title {background-color: #000;color: #fff;font-weight: normal;padding: 2px 17px;border-radius: 50px;}
.limit_photo>div {gap: 1rem;display: flex;flex-wrap: wrap;width: 90%;}
:is(.limit_photo) img{margin-bottom: 1rem;width: 410px;height: 260px;}
:is(.limit_photo2) img{margin-bottom: 1rem;width: ;height: ;box-shadow: 0px 11px 6px 3px rgb(199 199 199 / 40%);
    border: 1px #977f60 solid;margin: 0 auto;margin: 2% auto;height: 330px}

.limit_photo img:nth-of-type(2) { /*margin: -27rem 0 0 34rem;*/ /*margin: 0rem 0 0 34rem;*/}
.limit_photo img:nth-of-type(4) { /*margin: -31rem 0 0 34rem;*/ margin: 0 0 0 0;}
.limit_photo_ibrain img{max-width: 50%;}
.limit_photo img,.limit_photo_ibrain img{ box-shadow: 0px 11px 6px 3px rgb(199 199 199 / 40%);border: 1px #977f60 solid;}
.limit_photo_ibrain img{margin-bottom: 2%}
.limit_photo3, .limit_photo_ibrain { position: relative; }
.limit_photo3 { z-index: 2;box-shadow: 0px 11px 6px 3px rgb(199 199 199 / 40%);border: 1px #977f60 solid;}
.limit_photo3::before {
    position: absolute;content: '';width: 4rem;height: 6rem;clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);
    background: #e75834;left: 14rem;bottom: -4rem;transform: rotate(-90deg);
}
.limit_photo_ibrain { z-index: 1; }
.limit_photo_ibrain::before {
    position: absolute;content: '';width: 4rem;height: 6rem;clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);
    background: #e75834;left: 0;right: 0;top: 0;bottom: 0; margin: auto;transform: rotate(-180deg);
}
.qrcode figure img {max-width: 74% !important;max-height: 143px !important;margin: 4% auto -4px;}
.qrcode_box { background: no-repeat top left #efe6d4 !important;}
.qrcode {width: calc(47% / 4)!important ;padding: 9px 0 0;color: white;margin: 0 auto 2% !important;border-radius: 25px !important;}
.qrcode a {color: #fff !important;}
.line-bg {background-color: #63a863 !important;}
.fb-bg {background-color: #707a9d !important;}
.ig-bg {background: #8c8499 !important;}
.yt-bg {background-color: #cd6969 !important;}

area:hover{cursor: pointer;}
/*DIV END*/


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



/*各大相容檢視*/
@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:40px;height:40px;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: #37c4b3;}
#askarea{width: 1200px;margin: 0 auto;padding: 1rem 5rem;text-align: left;}
#askarea .asktitle {color: white;text-align: center;font-size: 2rem;margin: 17px;}
#formlist SELECT,#formlist input{border-radius: 7px;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.3rem 0;width: 100px;margin-top: 2%;border: 2px #fff solid;color: #fff !important;}
#askarea input[type="submit"]{background-color: #0683bd;}
#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;}

@media all and (min-width: 1px) and (max-width: 1200px){
    @media (max-width: 768px) {
        .br_mb{ display: block}
		:is(.limit_photo, .limit_photo2) img { max-width: 100%; margin: 0!important;}
        .bg1 {background: #e5d5be url(../images/1403013_diamond_bg.jpg) no-repeat center 0px;background-size: 159%;}
        .text-box {font-size: 1.3rem;line-height: 1.5rem;padding: 11px;}
        /*.diamond {background-size: 80%;}*/
        .diamond {/*background: url(../images/1403013_diamond_blue.png) no-repeat center 26px;*/background-size: 80%;height: 350px;}
        .diamond-container {width: 360px;margin-top: -10%;}
        .pop-photo{margin-top: 0;float: none;}
        .popup-left {width: 86%;margin: -156px auto 0 3%;}
        .popup-right {width: 72%;margin: -156px auto 0 24%;}
        .dir_list .title {border-radius: 10px;font-size: 1.15rem;line-height: 1.5rem;}
        :is(.limit_photo) img {margin-bottom: 1rem;/* width: 443px; */height: 140px;}
        #event_master h2 {font-size: 2.2rem;line-height: 2.5rem;text-align: center;margin: 26px 0 15px;font-weight: bold;}
        :is(.limit_photo2) img {height: auto;}
        .limit_photo3::before {width: 1.5rem;height: 3rem;clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);left: 2.5rem;bottom: -2rem;transform: rotate(-90deg);}
        .limit_photo_ibrain::before {width: 2rem;height: 3rem;}
        .price_list dt {font-size: 1.75rem;text-align: center;}
        .price_time {font-size: 1.1rem;margin: 15px 7% 30px;text-indent: -22px;padding-left: 37px;}
        .student_title {margin: 2rem 0 0 19%;font-size: 2rem;line-height: 2.7rem;text-align: left;}
        .Vuetabs a.active {font-size: 1.8rem;}
        .Vuetabs a {padding: 0 0.5rem;border-radius: 5rem 5rem 5rem 0rem;margin: 0.5rem 1rem;font-size: 1.4rem;text-align: center;}
        .student_name {font-size: 1.15rem;}
        .qrcode {width: calc(90% / 2) !important;}
        .date_list th {font-size: 1rem;}
        .date_list, .date_list th, .date_list td {padding: .3rem;font-size: 1rem;line-height: 1.4rem;}
        .date_list th{white-space: nowrap;height: 46px;}
        .date_list td{width: ;}
        .date_list td a::before {display: block;width: 52px;text-align: center;}
        .note {margin: 5px 0 20px;}
        .list_tb th{font-size: 1.05rem}
        .list_tb td{font-size: 1.1rem;text-align: center;}
        .student_tag {font-size: 1.1rem;margin: 0.7rem 3rem 0 2rem;}
        .student_tag li {width: auto;margin-left: 0;}
        .date_list td:nth-child(2){text-align: center}
        .date_list td:nth-child(3){text-align: center}
        .date_list td:nth-last-child(1) a{text-decoration: underline;}
        .student_title .t123 {vertical-align: sub;}
        .student_group {padding: 1rem 0rem 1rem 1rem;width: 88%;}
        .student_content{text-align: justify;}
        
                
	}

/*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);}
	}