@import url("../../icon_new/css/all.min.css");
*{transition: all .5s}
small{font-size:.9em;}
/* bodyHeader */
#BodyHeader #header-share {
    line-height:16px;
    font-size:13px;
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: none;
}
#header-share .logo_pic{max-width:30%;height:auto;}	
#header-share a{margin:0 0.2%;}
#BodyHeader a {
    font-size: 13px;
    color: #333333;
    text-decoration: underline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 16px;
    font-weight: normal;
}
#BodyHeader a:hover {
    text-decoration: none;
    position: relative;
    left: 2px;
    top: 2px;
    bottom: 2px;
}
/* body */
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family: "Microsoft JhengHei";
    background-image: url(../images/0901049_bg.png);
    background-color:#fff7cf;
    background-attachment:fixed;
    transition: all .5s;
}

p{font-size: 1.2em;line-height: 1.6em;}
.fa,.fas{width: 1em;padding-right: 2%;}
h2{font-size: 1.2em;margin: 5% 0 2% 5%;}
h2 a {color: #f07c00;font-size: 1em;font-weight: bold;padding: 4px;}
.text_s1{
    margin:0 0 0 1%;
}
ul li {
    list-style-type: none;
    font-size: 1.09em;
}
.text_s11{
    font-size:0.62em;
	font-weight: normal;
    color: #000;
	letter-spacing: -1px;
}

a:hover {
    text-decoration: none;
    position: relative;
    left: 2px;
    top: 2px;
    bottom: 2px;
}
.br{ display:block;}

.event_master_title {
    font-size: 1.5em;
    line-height: 1.5em;
    color: #333;
    text-align: left;
    margin: 3% 6%;
}
.event_master_title_s {
    font-size: .7em;
}
.event_master_title a {
    color: #333;
}
.banner {
    margin: 0 auto;
    background-color: #cc0;
    width: 850px;
}
.bgcolor1{background-color:#cc0;}
.in_main {
    border-radius: 30px;
    font-weight: bold;
    float: left;
    width:90%;
    margin: 0% 2% 0%;
    background-color: #FFF;
    padding: 3%;
}
.in_main_titleB {
    font-family: Verdana, Geneva, sans-serif, "Microsoft YaHei";
    font-size: 1.71em;
    line-height: 1.5em;
    color: #777;
    font-weight: bold;
    margin-bottom: 3%;
    text-align: left;
}
.in_main_titleB a {
    font-family: Verdana, Geneva, sans-serif, "Microsoft YaHei";
    color: #fff;
    font-size: 0.7em;
    color: #a27411;
    font-size: 0.7em;
    font-weight: normal;
    border: 4px solid #cdaa5e;
    padding: 0.7% 1.8%;
    text-decoration: none;
    border-radius: 27px;
    background-color: #fdf4b9;
	vertical-align: text-top;
}
.full a{background: #959595;
    color: #fff;
    border: 4px solid #747474;
}
.in_nametitle {
    color: #d84e09;
    font-size: 1.2em;
    line-height: 1.4em;
	font-weight: bold;
}
.in_title {
    color: #000;
    font-weight: normal;
    padding: 0% 1.5%;
    /* background-color: #cc0; */
    display: contents;
    border-right: 3px #cdaa60 dotted;
    display: inline-block;
    margin: 0 0 1.4%;
    font-size: 0.9em;
    line-height: 1.1em;
    /* border-radius: 10px; */
}
.in_main_titleB ul{margin: 3% 0 3% -4%;}
.in_main_titleB_in {
    width: 84%;
    margin-right: auto;
    margin-left: 16%;
    float: left;
    margin-top: -7%;
}
.in_cube {
    font-size: 1.1em;
    line-height: 1.8em;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    padding:3%;
    float: left;
    width: 93%;
    border:2px #cdaa60 dotted;
    border-radius: 20px;
    background-color:#fffff3;
	margin-top: 1%;
}
.in_cube p{margin:2% 0 2% 40px;}
.in_cube ul li:nth-of-type(1){color: red;font-weight: bold;animation: move .7s linear alternate infinite;position: relative;}
@keyframes move{0%{left:0;}100%{left: 1%;}}
.in_cube li:nth-of-type(3) ul{display: flex;flex-wrap: wrap;margin:1% 0 3% -7%;} 
.in_cube li:nth-of-type(3) ul li{width:25%;text-align: center;} 
.in_cube li:nth-of-type(3) ul img{box-shadow: 2px 2px 2px #ccc;} 
.in_cube ol{font-size: 1.4em;line-height: 1.7em;}
.in_cube a {
    font-weight: normal;
    color:#d84e09;
    font-weight: bold;
}

.imtxt ol{font-size: 1.3em;font-weight: bold;display: inline-block;margin: 3% auto 4%;}
.imtxt ol li {
    font-size: 1.15em;
    line-height: 1.25em;
    border-radius: 0 25px 0 25px;
    text-align: left;
    height: 4em;
    float: left;
    width: 31%;
    margin: 0 2% 2% 0;
    padding: 3% 14% 1.5% 3%;
    list-style: none;
    position: relative;
    z-index: 2;
	filter: drop-shadow(1px 1px 1px #aaa);
    background: #f7d048; /* Old browsers */
    background: -moz-linear-gradient(top, #f7d048 36%, #ffdc92 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f7d048 36%,#ffdc92 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f7d048 36%,#ffdc92 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d048', endColorstr='#ffdc92',GradientType=0 ); /* IE6-9 */
}
.imtxt ol li {
	/*
    font-size: 1.1em;
    line-height: 1.25em;
    border-radius: 0 25px 0 25px;
    text-align: left;
    height: 4em;
    float: left;
    width: 20%;
    margin: 0 2% 2% 0;
    padding: 3% 0 5% 3%;
    list-style: none;
    position: relative;
    z-index: 2;
	*/
    filter: drop-shadow(1px 1px 1px #aaa);
    background: #f7d048; /* Old browsers */
    background: -moz-linear-gradient(top, #f7d048 36%, #ffdc92 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f7d048 36%,#ffdc92 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f7d048 36%,#ffdc92 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d048', endColorstr='#ffdc92',GradientType=0 ); /* IE6-9 */
}

.imtxt ol li span{display:inline-block;}
.imtxt ol li:nth-child(1):after,.imtxt ol li:nth-child(2):after,.imtxt ol li:nth-child(3):after,.imtxt ol li:nth-child(4):after,.imtxt ol li:nth-child(5):after,.imtxt ol li:nth-child(6):after,.imtxt ol li:nth-child(7):after,.imtxt ol li:nth-child(8):after,.imtxt ol li:nth-child(9):after,.imtxt ol li:nth-child(10):after{position: absolute;
    z-index: -1;margin: auto;top: 20%;/* left: 5%; */right: 5%;text-align: center;font-size: 3em;color: rgb(255, 255, 255);}
.imtxt ol li:nth-child(1):after{content: "1";}
.imtxt ol li:nth-child(2):after{content: "2";}
.imtxt ol li:nth-child(3):after{content: "3";}
.imtxt ol li:nth-child(4):after{content: "4";}
.imtxt ol li:nth-child(5):after{content: "5";}
.imtxt ol li:nth-child(6):after{content: "6";}
.imtxt ol li:nth-child(7):after{content: "7";}
.imtxt ol li:nth-child(8):after{content: "8";}
.imtxt ol li:nth-child(9):after{content: "9";}
.imtxt ol li:nth-child(10):after{content: "10";}

.in_cube_title {
    font-size: 18px;
    line-height: 1.8em;
    color: #428800;
    font-weight: bold;
}

.in_cube_joinBtn {
    font-size: 2.2em;
    line-height: 1.5em;
    text-align: center;
    margin-top: 3%;
}
.in_cube_joinBtn a {
    color: #660066;
}
.in_cube_tB {
    font-family: "Microsoft YaHei",Arial, Verdana;
    font-size: 1.4em;
    line-height: 1.8em;
    color: #fff;
    background-color:#d84e09;
    padding: .5% 3%;
    letter-spacing: 0.1em;
    border-bottom-width: medium;
    border-bottom-style: solid;
    border-bottom-color: #dedede;
    border-radius: 10px;
}
.in_cube_tB1 {
    font-size: 1em;
    line-height: 1.8em;
    color: #006B3E;
    background-color: #FFFFCC;
    border-radius:8px;
    font-weight: bold;
    display: inline-block;
    width: 96%;
    margin: 0 auto 0 1%;
    padding: 2% 1%;
}


.in_cube_tBsub{
    font-size: 1.4em;
    font-weight: bold;
    color: #cb292dde;
}
.teacher{
    font-weight: bolder;
    color:#e98819;
    font-size: 1.25em;
}
.form_title {
    font-family: "Microsoft YaHei",Arial, Verdana;
    text-align: center;
    font-size: 1.8em;
    color: #ffffff;
    padding: 2% 0 1.2%; */
}
#asktable {
    background-color:#49b4d0;
    padding: 0% 1.5% 2%;
    border-radius: 16px;
}

.bottom_news {
    background-image:linear-gradient(to right,#e07919,#f5c38e);
    font-size: 1.2em;
    line-height: 1.5em;
    text-align: center;
    color: #fff;
    float: left;
    width: 100%;
    padding-top: 1%;
    padding-bottom: 1%;
}
.bottom_news a {
    color: #000;
}

#asktable select{width:44%;padding:1%;}
/*line_qr*/
.line_qr {
    width: 215px;
    margin: 0 auto;
    background-color: #ffd800;
    text-align: center;
    padding: 2% 2% 2%;
    border-radius: 12px;
    font-family: Verdana,"Microsoft JhengHei",Arial;
    font-size: 1.1em;
}
.line_qr img {
    width: 100px;
    height: 100px;
    border: 4px #fff solid;
    margin: 2%;
}
/*line_qr end*/


/* Footer */
#BodyFooter {
    clear:both;
    text-align:center;
    color: #000000;

}
#BodyFooter td {
    font-size: 12px;
    line-height:1.5;
    color: #000000;
}
#BodyFooter a {
    color:#000000;
    font-size: 12px;
    text-decoration: none;
}
#BodyFooter a:hover {
    text-decoration: underline;
    left: 0px;
    top: 0px;
    position: relative;
    color: #000000;
}
#BodyFooter a.home {
    color:#000000;
    font-size:15px;
    font-weight:bold;
    text-decoration:none;
}
#BodyFooter a.home:hover {
    text-decoration:underline;
    color: #000000;
}
#BodyFooter .foottitle {
    font-size: 15px;
    font-weight: bold;
    color: #FF0000;
    border-top: 1px #333 dotted;
    border-bottom: 1px #333 dotted;
}
#BodyFooter .footsub {
    font-size:13px;
    font-weight:bold;
    color: #000000;
}

/* sale */
#NewsStyle {
    float: left;
    width: 80%;
    margin:2% 10% 4%;
}
#NewsStyle .style26 {
    color: #bd9535;
    font-size: 1.45em;
}
.NewsStyle {
    font-size: 0.95em;
    color: #333;
    text-align: left;
    line-height: 18px;
}
.NewsStyle a:link {
    color: #333;
    line-height: 18px;
}
.NewsStyle a:visited {
    color: #333;
    line-height: 18px;
}
.NewsStyle a:hover {
    color: #d2a442;
    line-height: 18px;
}
.NewsStyle a:active {
    color: #333;
    line-height: 18px;
}