@media all and (min-width: 1px) and (max-width: 1200px){
/* 隱藏區塊 */
#BodyHeader, #event_news, #event_menu{display:none;}
/* 隱藏區塊 */
.anglelist{display:inline-block;padding:2% 10%}
.anglelist li{font-size:1.05rem}
.brand{font-size:1.6rem;color: #bf2412;line-height: 3.5rem;}
/*body*/
body {margin: 0;padding:0;font-family: "微軟正黑體";background-image:url(../images/0610023_bg.gif);}
#BodyContainer {width: 100%;margin-right: auto;margin-left: auto;}
#BodyContentEvent {width: 100%;float: left;}

/* Event_heaader */
#BodyHeader_m {width:100%;height:auto;text-align: center;margin: 3% auto;}
#BodyHeader_m img {clear:both;height:auto;max-width: 100%;}

#event {width: 100%;float: left;margin: 0;padding: 0;background: #ffffcc;}
#event_buy {border-top: 5px dotted #78b964;}

.discount {padding: 2.5rem 2rem 1rem;}
.discount_content dl {padding: 0.3rem 1rem 0 1rem;}
.discount, #event_student .title {font-size: 1.5rem;line-height: 2.2rem;padding: 0.5rem 0 .5rem;margin: 0 auto;word-break:break-all;}
.discount_title {font-size: 2.1rem;line-height: 3.5rem;}
.discount_title span {line-height: 3rem;}
.discount_content {font-size: 1.3rem;padding: 0;line-height: 1.9rem;}
.discount_content .number {font-size: 1.5rem;}
.discount_content dl {font-size: 1.4rem;line-height: 2.2rem;}
.discount_title .yellow {font-size: unset;}

.red {color: #d53725;text-align: center;font-size: 1em;font-weight:bold;}
.line {text-decoration:line-through;}
.line2 {text-decoration:line-through;color: #999;font-size: 0.9em;line-height: 1em;}
.buy{width: 100%;color: #000;text-align: center;margin-top: 2.5%;margin-bottom: 6%;}
.buy img{width: auto;margin-right: 0.5%;}
.buy span{display: block;color:#FFFFCC;}
.buy a{color: #900;font-size: 1.25rem;line-height: 2.5em;font-weight: bold;text-align: center;border-radius: 10px;background-color: #FFFFCC;padding-top: 0.6%;padding-right: 3%;padding-bottom: 0.8%;padding-left: 3%;text-decoration: none;}
.buy2 a{color: #BF2412;font-size: 0.7em;font-weight: bold;text-align: center;border-radius: 10px;background-color: #FFF;padding-right: 3%;padding-left: 3%;text-decoration: none;padding-top: 0.5%;padding-bottom: 0.5%;}
.morebuy {font-size: 1.3rem;}

.discount{display: block;}
#event_business h2.topspace{padding-top:5%;float: left;width: 100%;}
#event_business table, #event_law table, #event_technical table{width: 100%;margin: 0;padding: 0;font-size: 1.1em;line-height: 1.8em;color:#000;}
#event_business table td, #event_technical table td{background-color:#FFFFFF;text-align:center;}
#event_law table td{background-color:#FFFFFF;}
#event_business table p, #event_law table p, #event_technical table p{color: #000;margin-left: 1%;text-align: left;padding: 0;margin-top: 0;margin-right: 0;margin-bottom: 0;}
#event_business table a, #event_law table a, #event_technical table a{color: #000;text-decoration: none;}
#event_business table .title,#event_law table .title,#event_technical table .title{font-weight: bold;text-align: left;font-size: 1em;line-height:1.5em;padding-left: 1%;}
#event_business h1, #event_law h1, #event_technical h1{color: #FFFFCC;font-size: 1.9em;font-family: "Microsoft YaHei";text-shadow: 0px 1px 12px #000;padding: .5rem 0 .5rem 3rem;}
#event_business h1 img,#event_law h1 img,#event_technical h1 img{width:7%;float:left;margin-right:1%;}
#event_business h2,#event_law h2{width: 100%;color: #fff100;font-size: 1.9em;margin: 0 0 .5rem;padding: 0;line-height: 1.3em;text-shadow: 1px 1px 5px #0000006f;}
#event_business h3,#event_law h3,#event_technical h3{font-size: 1.2rem;margin: 0;font-weight: normal;width: fit-content;color: #fffd7b;line-height: 1.5em;background:#925b0b;padding: .25rem 1rem .25rem;border-radius: 1rem 1rem 0 0;}
#event_business h3 b,#event_law h3 b,#event_technical h3 b{font-size: 1.3em;}
#event_business h2 b,#event_law h2 b,#event_technical h2 b{font-size: 1.15em;}
.h1_s{font-size:0.65em;}
#event_business h1 ,#event_law h1{position: relative;padding: 0 0 .5rem 3.8rem;}
#event_business h1::before ,#event_law h1::before{content: '';position: absolute;top: 0;left: 0;width: 50px;height: 40px;background: conic-gradient( at center 25px ,#fee300 0% ,#e94532 26%, #7d73bc 39%,#2ea29c 54%,#fee300 92%);clip-path: polygon(50% 0%, 0% 100%, 100% 100%);}


/* 主圖 */
#event_master{width: 100%;float: left;margin:0;padding:0;}
#event_master img{width:100%;display:block;}

/*商管人*/
#event_business{width: 88%;float: left;margin:0;background: linear-gradient(0deg, #fc6f6f, #f04a5f);padding: 3% 6%;}
#event_business table th {font-weight: bold;color: #FFFFFF;background:#925b0b;text-align: center;}
#event_business table .title{background-color:#fccec9;}
#event_business table a:hover {color: #e94532;}
.coursera{width: 85%;float: left;padding-left: 10%;}
.coursera li{font-size:1rem;}
.bookset span{padding: 0 1rem;font-weight: bold;font-size: 1.1em;line-height: 1.5em;}
.bookset span small{color:#fbe60d;padding: 0 .25rem;}
/*#event_business ul{width: 94.5%;margin-left: 5.5%;margin-top: 1%;margin-bottom: 1%;padding: 0px;float: left;margin-right: 0px;}
#event_business ul li{color:#FFF;font-size:1em;line-height:1.5em;}
#event_business ul.applist li{font-size:1.05rem;margin-bottom:1%}
#event_business ul.applist li:last-child{margin-bottom:0}
#event_business ul.applist li a{font-size:1rem;color: #a30000;background-color: #FFFFCC;padding: 1px 7px;display: inline-block;margin: 0 0 4px 8px;border-radius: 4px;text-decoration: none;}*/

/*法律人*/
#event_law,#event_buy{width: 88%;float: left;margin:0;background:#fff07f;border-top: 5px dotted #fb6e6e;padding: 3% 6%;}
#event_law table th {font-weight: bold;color: #FFFFFF;background-color: #4a5383;text-align: center;}
#event_law table .title{background-color:#D3EDE1;}
.title_hidden1,.title_hidden2,.title_hidden3,.title_hidden4,.title_hidden5,.title_hidden6,.title_hidden7,.title_hidden8,.title_hidden9,.title_hidden10,.title_hidden11,.title_hidden12{cursor: pointer;}
.table_hidden1,.table_hidden2,.table_hidden3,.table_hidden4,.table_hidden5,.table_hidden6,.table_hidden7,.table_hidden8,.table_hidden9,.table_hidden10,.table_hidden11,.table_hidden12{display:none;}
#event_law table .more,#event_business table .more,#event_technical table .more{font-size: 0.85em;color: #666;text-decoration: underline;margin-left: 1%;}
#event_law table a:hover,#event_business table  a:hover,#event_technical table  a:hover {color: #0fbf1a;}
#event_law .note{font-size:0.95em;line-height:1.5em;color:#FFF;margin-top: 0.5%;padding: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}
#event_law ol{width: 96%;float: left;margin-left: 4%;margin-bottom: 2%;padding: 0px;margin-top: 0px;margin-right: 0px;}
#event_law ol li{font-size:0.9em;line-height:1.45em;color:#FFF;}

/*理工人*/
#event_technical{width: 88%;float: left;margin:0;background: linear-gradient(45deg, #fdee67 0%, #fdf46e 100%);background: #ffd93f; padding: 3% 6%;}
#event_technical table th {font-weight: bold;color: #FFFFFF;background:#ea4b4f;text-align: center;}
#event_technical table .title{background-color: #ffffcc;color:#ea4b4f;}
#event_technical table a:hover {color: #484EB0;}
.morebuy span {border: 0px solid #FFFFCC;display: block;margin: 2% 0.5%;padding: 0.4% 0;border-radius: 5px;text-align: left;color: #FFFFCC;text-shadow: 0px 1px 12px #666;box-shadow: 0px 21px 19px -25px rgb(58 58 58 / 80%), 0px 29px 24px -27px rgb(58 58 58 / 80%);}

/*推薦*/
#event_recommend{width: 86%;float: left;padding: 3%;margin: 3% 3.5%;border: #fb6d5dcc 5px solid;text-align: left;background: #fff5f5;}
#event_recommend h2 {font-size: 1.6em;line-height:1.5em;color: #e94532;text-align: center;margin: 0;padding: 0;float: left;width: 100%;}
#event_recommend ul {width:100%;float:left;list-style-type: none;margin-top:3%;padding: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}
#event_recommend ul li{margin-bottom: 3%;padding-bottom:3%;border-bottom: 3px dotted #fff;font-size: 1em;line-height: 1.5em;color: #000;}
#event_recommend ul li a{font-weight: bold;color:#e94532;}
#event_recommend .stu{font-weight: bold;color: #4F43B2;font-size: 1.05em;}
#event_recommend .more{font-size: 0.95em;line-height: 1.2em;color: #000;text-align:right;}
#event_recommend .more a {color: #000;}

/*課程連結*/
#event_class {float: left;width: 90%;margin-top: 2%;margin-right: 5%;margin-bottom: 4%;margin-left: 5%;text-align: left;padding: 0;}
#event_class h2 {font-size: 1.8em;color: #e94532;font-weight: bold;line-height: 1.6em;margin: 0;padding: 0;}
#event_class ul {width: 100%;list-style-type: none;margin: 0px;padding: 0px;float: left;}
#event_class ul li {font-size: 1.1em;line-height: 1.8em;color: #231815;}
#event_class a {color: #231815;}

/*注意事項*/
#event_note {width: 88%;float: left;text-align: center;background-color: #FFFFFF;margin: 0;padding: 6%;} 
#event_note p {font-size: 0.8em;line-height: 1.5em;color: #000000;text-align: left;margin: 0;padding: 0;}

/* Footer */
#BodyFooter_rwd{float: left;width: 100%;margin-right: auto;margin-left: auto;padding: 0%;color: #000;background-color: #F3F3F3;}
#BodyFooter_rwd #footer_line {width: 90%;margin-bottom: 2%;margin-top: 2%;margin-left: 5%;margin-right: auto;display: block;float: left;height: auto;text-align: center;border-top-width: thin;border-top-style: solid;border-top-color: #000;}
#BodyFooter_rwd #footer_inline a {color: #000;}
#BodyFooter_rwd #footer_inline ul{float: left;padding: 0%;width: 100%;margin-bottom: 1%;text-align:center;}
#BodyFooter_rwd #footer_inline ul li{float: left;display: inline-block;line-height: 2em;font-size: 1.2em;clear: both;width: 100%;margin-right: auto;margin-bottom: 0%;}
#BodyFooter_rwd #footer_inline ul li img{width: 50%;height: auto;vertical-align: middle;margin-bottom: 2%;}
#footer_address li:nth-of-type(1) img:first-child{display:block;text-align:center;margin:0 auto 2%}
#BodyFooter_rwd #footer_address{margin-top: 0%;float: left;width: 100%;text-align: center;margin-right: auto;margin-left: auto;}
#BodyFooter_rwd #footer_address a {color: #000;}
#BodyFooter_rwd #footer_address ul{float: left;padding: 0%;text-align: center;margin-bottom: 1%;width: 100%;clear: both;}
#BodyFooter_rwd #footer_address ul li{float: left;display: block;width: 100%;line-height: 2em;text-align: center;font-size: 0.8em;}

/* Footer end */
#topbutton{width:50px;height:50px;color: #FFFFFF;border-radius: 9999em;background-color:#000;opacity:0.4;right:1%;bottom:4%;position:fixed;text-align:center;line-height:50px;	font-size: 15px;}
#topbutton a{color: #FFFFFF;font-size: 15px;}

}


@media (max-width: 767px){
    /* #event_business h1 img, #event_law h1 img, #event_technical h1 img {width: 13%;} */

    .discount_title {font-size: 1.4rem;line-height: 2rem;}
    #event_business h2, #event_law h2 {font-size: 1.4em;padding: .5rem 0;margin: .5rem auto .5rem;text-align: center;border-bottom: 1px dotted;width: 98%;}
    #event_business h3, #event_law h3, #event_technical h3 {font-size: 1.05rem;}
    #event_business table, #event_law table, #event_technical table {font-size: .95rem;}
    #event_business  {width: 96%;padding: 4% 2% 6%;}
    #event_technical {width: 96%;padding: 4% 2% 0;}
    nav a {font-size: 1rem;}
    .bookset span {padding: 0 .2rem;font-size: 1em;}
    .buy a , .morebuy {font-size: 1rem;line-height: 2.5em;}
    .brand {font-size: 1.25rem;line-height: 2.5rem;}
    #event_recommend h2 , #event_class h2 {font-size: 1.3em;}
    #event_recommend{border: #fb6d5dcc 3px solid;}
    #event_recommend .stu {font-size: 1em;}
    #event_class ul li {font-size: .95em;line-height: 1.6em;}
}