﻿.bgcolor0 {
	background-color: #FCFCFC;
	background: #ffe516; /* Old browsers */
	background: url(../../images/0811028_6_bg0.png) center, -moz-linear-gradient(top,  #ffe516 0%, #fff6c1 48%, #ffffff 80%, #ffffff 100%); /* FF3.6-15 */
	background: url(../../images/0811028_6_bg0.png) center, -webkit-linear-gradient(top,  #ffe516 0%,#fff6c1 48%,#ffffff 80%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../../images/0811028_6_bg0.png) center, linear-gradient(to bottom,  #ffe516 0%,#fff6c1 48%,#ffffff 80%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe516', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
}
.bgcolor1 {background-color: #F6F6F6;}
.bgcolor2 {background-color: #F3F3F3;}
.bgcolor3 {background-color: #ffea48; background: url(../../images/0811028_bg.jpg) fixed;}
.bgcolor4 {background-color: #495fa3;}
.bgcolor5 {background: url(../../images/0811028_6_bg0.png) center, linear-gradient(to bottom,  #ffe516 0%,#fff6c1 48%,#ffffff 80%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.bgcolor6 {background-color: #DFDFDF;}
.color_w {color: #fff;}
.color_y {color: #ffea48;}
.color_org {color: #ef7c00;}
.color_purple {color: #9c27b0;}
.justify-center {justify-content: center;}
.mr-2 {margin-right: 0.25rem;}
/*標題大小*/
#benefit,#benefit a {color:#fff}
#benefit h1,#benefit h2 {font-size: 1em;font-family: "Microsoft YaHei";display:inline }
h3 {font-size: 2.2em;font-family: "Microsoft YaHei"; }
#Master_title2 {font-size: 2.25em}
.icon_size {font-size: 2em;vertical-align: sub;padding-right: 1%;}
.icon_size2 {font-size: 1.1em;vertical-align: sub;padding: 0 0.3%;color: #0076c0;}
/*主圖*/
#Master_title>div {font-size: 3em;}
#Master_title .map_left {position: relative;z-index: 2;left: 14%;margin-top: 0;/* background-color: #fff7cb; */width: 41%;float: left;}
#Master_title .map_right {position: relative;z-index: 3;/* background-color: #d8cd86; */margin: -3% 0 -2% 15%;display: inline-flex;}
/*實戰解題*/
[class*="flex"] {display:flex;flex-wrap: wrap;}
.lecture_list {width: calc(100%/2);padding: 0 1rem;box-sizing: border-box;margin: 2rem auto;}
.location .date {font-size: 1.3em;color: #000;font-family: Verdana,"Microsoft YaHei";font-weight: bold;vertical-align: initial;}
.location .classadd {font-size: 1.25em;color: #000;font-family: Verdana,"Microsoft YaHei";}
.location .classname {font-size: 2.3em;line-height: 1.2em;color: #ff586d;font-family: Verdana,"Microsoft YaHei";font-weight: bold;}
#event_master header,#event_sec header {font-size: 3em;font-weight: bold;font-family: "Microsoft YaHei";text-align: center;}
.lecture_list li {font-size: 1.5em}
.location li:nth-child(3) {border-bottom: 4px dotted #ea5e5d;}
.thumb_circle i {background: #495FA3;border-radius: 99em;font-size: 2.7em;padding: 22%;color: #fff;}
.reservation a {background-color: #fff;border-radius: 50%;width: 120px;height: 120px;display: flex;align-items: center;justify-content: center;margin: auto;font-size: 1.2em;text-decoration: none;color: #000;font-weight: bold;}
.reservation a:hover {transform: scale(1.1);border-radius: 99px;background-color: #000; color:#fff}
/*粉絲團首播*/
.fb_list {font-size: 2em;width: 60%;margin: 2% auto 0;}
.fb_list a {color:#fff5b8;}
.fb_list a:hover {color:#fff;}
.fb_list li {color:#fff;margin: -0.5% 0 0;}
.fb_list .date {font-size: 2.25em;color: #fff;font-family: Verdana,"Microsoft YaHei";font-weight: bold;border-bottom: 6px dotted #92b54c;border-top: 6px dotted #92b54c;}
.fb_list .name {font-size: 1.25em;color: #fff;font-family: Verdana,"Microsoft YaHei";font-weight: bold;}
.fb_list .classname {font-size: 1.3em;color: #fff;font-family: Verdana,"Microsoft YaHei";font-weight: bold;}
.fb_good {background: #1d3b77;border-radius: 99em;font-size: 1.5em;padding: 0.7% 2.2%;color: #fff;margin-top: 1%;display: inline-block;}
.fb_good a {color: #fff5b8;}
.fb_good:hover {transform: scale(1.1);}
.bonus {display:inline-block;background:#ea5e5d;border-radius:3em;padding: 1.7% 2.8%;margin:2%;font-size: 1.3em;width: 30%;}
.bonus:hover {transform: scale(1.1);}
.bonus a {color:#fff;font-size:1.2em;text-decoration:none;}
.guide-btn {width: 100%;bottom: 0;left: 0;position: fixed;z-index: 3;margin: auto;}
.guide-btn > div {width: 100%;background: #eb4944;padding: 0.85rem 0;}
.guide-btn a {color: white;margin: auto 1.5rem;font-size: 1.25rem;text-decoration: none;}
.guide-btn:before {display: block;width: 0;height: 100%;position: absolute;right: 0;bottom: 0;background: linear-gradient(90deg,#fffffd00 0%,#eb4944 45%,#f77e63 100%);content: '';z-index: -1;animation: infobe 10s infinite;}
@-webkit-keyframes infobe {
    0%{right:0;left:auto;width:0}
    10%{right:auto;left:0;width:0}
    48%{right:auto;left:0;width:100%}
    52%{right:0;left:auto;width:100%}
    90%{right:0;left:auto;width:0}
    100%{right:0;left:auto;width:0}
}
@keyframes infobe {
    0%{right:0;left:auto;width:0}
    10%{right:auto;left:0;width:0}
    48%{right:auto;left:0;width:100%}
    52%{right:0;left:auto;width:100%}
    90%{right:0;left:auto;width:0}
    100%{right:0;left:auto;width:0}
}

@media (min-width: 1201px) {  
    /*滿百100%區域*/
    .row100 {width:100%;}
    /*資料集中1200px寬外框*/
    #event_master {margin: auto;width:1180px;padding: 3% 10px;}
    #event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth {margin:2% auto;width:1180px;padding:10px;}
    #Master_title {width:1180px;padding:5% 10px 10px;}
    #Master_title2 {margin: 0 auto;width: 1180px;padding: 0 0 1%;text-align: center;}
    /*div section標籤段落*/
    section p,div p {font-size:1.3em;line-height:1.9em;text-align:left;}
    /*標題大小*/
    #benefit {margin-top:-2%}
    #event_sixth nav a {font-size: 1.3em;}   
}

@media (max-width: 1200px) { 
    /*body*/
    #Master_title {width:100%;padding: 7% 0;}/*主圖位置ID*/
    /*滿百100%區域*/
    .row100 {width:100%;}
    /*資料集中寬外框*/
    #event_master {margin: 2% auto;width: 100%;padding: 3% 0;}
    #event_sec {margin:2% auto;width:98%;padding:5% 1%;}
    #event_third {margin:2% auto;width:98%;padding: 6% 1%;}
    @media screen and (orientation:landscape) {#event_third {margin: 2% auto;display: inline-block;width: 98%;padding: 1%;text-align: center;}}
    #event_fourth,#event_fifth,#event_sixth {margin:2% auto;display:inline-block;width:98%;padding:1%;}    
    /*div section標籤段落*/
    section p,div p {font-size:1.3em;text-align:left;}    
    /*bg*/
    .bgcolor0 {background-size: contain;}
    .bgcolor3 {background-color: #ffea48;background: url(../../images/0811028_bg.jpg) fixed;background-size: cover;}
    .bgcolor5 {background: url(../../images/0811028_6_bg0.png) center top , linear-gradient(to bottom, #ffe516 0%,#fff6c1 48%,#ffffff 80%,#ffffff 100%);background-size: cover;background-size: cover;background-position-x: left;}    
    /*標題大小*/
    #benefit {margin-top:-5%}
    .br {display:block}
    #Master_title2 {font-size: 1.3em;line-height: 1.15em;text-align: center;padding: 0 0 2%;}
    @media screen and (orientation:landscape) {#Master_title2 {font-size: 1.3em;line-height: 1.15em;text-align: center;}}
    #event_master header, #event_sec header {font-size: 2em;}
    #event_sixth nav a {font-size: 1.2em;}
    [class*="flex"] {flex-wrap:wrap}
    .reservation {width:100%;margin-top:3%}    
    /*主圖*/
    #Master_title>div {font-size: 3em;}
    #Master_title .map_left {position: relative;z-index: 2;left: initial;margin-top: 0;/* background-color: #fff7cb; */width: auto;float: left;text-align: center;}
    #Master_title .map_left img {width:68%;margin: auto;}
    #Master_title .map_right {position: relative;z-index: 3;/* background-color: #d8cd86; */margin: auto;display: initial;}
    #Master_title .map_right img {width:256px;height:218px;margin: auto;}
    @media screen and  (orientation:landscape) {
        #Master_title .map_left {position: absolute;z-index: 2;left: initial;margin-top: 0;margin-left: 10%;/* background-color: #fff7cb; */width: 45%;float: left;text-align: center;}
        #Master_title .map_left img {width:100%}
        #Master_title .map_right {position: relative;z-index: 3;/* background-color: #d8cd86; */margin: -2% 0 -2% 56%;display: inline-flex;width: 50%;}
        #Master_title .map_right img {width:334px;height:273px;}
    }    
    /*實戰解題*/
    .thumb_circle i {display: none;}
    .location {width: 80%;margin: 0 10%;}
    .location .date {font-size: 1em;color: #000;font-family: Verdana,"Microsoft YaHei";font-weight: bold;vertical-align: initial;}
    .location .classname {font-size: 1.35em;line-height: 1.2em;color: #ff586d;font-family: Verdana,"Microsoft YaHei";font-weight: bold;}
    .location .classadd {font-size: 1em;color: #000;font-family: Verdana,"Microsoft YaHei";padding: 1% 1%;}   
    @media screen and (orientation:landscape) {
        /*實戰解題*/
        .thumb_circle {width:10%;justify-content:center;align-items:center}
        .location {width: 56%;margin: 0 4%;}
        .location .date {font-size: 1.3em;color: #000;font-family: Verdana,"Microsoft YaHei";font-weight: bold;vertical-align: initial;}
        .location .classadd {font-size: 1em;color: #000;font-family: Verdana,"Microsoft YaHei";}
        .location .classname {font-size: 1.5em;line-height: 1.2em;color: #ff586d;font-family: Verdana,"Microsoft YaHei";font-weight: bold;}
        #event_master header,#event_sec header {font-size: 3em;font-weight: bold;font-family: "Microsoft YaHei";text-align: center;}
        .location li:nth-child(3) {border-bottom: 4px dotted #ea5e5d;}
        .thumb_circle i {background: #495FA3;border-radius: 99em;font-size: 2.7em;padding: 22%;color: #fff;display:inherit;}
        .reservation {width:17%;justify-content:center;align-items:center}
        .reservation a {background: #000;border-radius: 99px;font-size: 1em;line-height: 1em;text-decoration: none;color: #fff;padding: 30.5% 10%;font-weight: bold;}
        .reservation a:hover {transform: scale(1.1);border-radius: 99px;background-color: #000; color:#fff}
    }    
    /*粉絲團首播*/
    .fb_list {font-size: 1.25em;width: 72%;margin: 2% auto 0;}
    @media screen and (orientation:landscape) {.fb_list {font-size: 1.25em;width: max-content;margin: 2% auto 0;}}
    .fb_list .date {font-size: 1.5em;color: #fff;font-family: Verdana,"Microsoft YaHei";font-weight: bold;border-bottom: 4px dotted #92b54c;border-top: 4px dotted #92b54c;padding: 0;margin-bottom: 2%;display: inline-block;}
    .fb_list .classname {font-size: 1.3em;color: #fff;font-family: Verdana,"Microsoft YaHei";font-weight: bold;}
    @media screen and (orientation:landscape) {.fb_list .classname {font-size: 1.3em;color: #fff;font-family: Verdana,"Microsoft YaHei";font-weight: bold;}}
    .fb_good {background: #1d3b77;border-radius: 99em;font-size: 0.95em;padding: 0.7% 0;color: #fff;display: inline-block;width: 90%;margin: 2% 5% 1%;text-align: center;}
    @media screen and (orientation:landscape) {.fb_good {background: #1d3b77;border-radius: 99em;font-size: 0.95em;padding: 0.7% 0;color: #fff;display: inline-block;width: 54%;margin: 2% 23% 1%;text-align: center;}}
    .bonus {display: inline-block;background: #ea5e5d;border-radius: 3em;padding: 1.7% 4%;margin: 2% 8%;font-size: 1em;width: 74%;text-align: center;}
    .bonus a {color: #fff;font-size: 1.1em;text-decoration: none;}
    @media screen and (orientation:landscape) {.bonus {display: inline-block;background: #ea5e5d;border-radius: 3em;padding: 1.7% 2.8%;margin: 2%;font-size: 0.9em;width: 38%;text-align: center;}}    
}    

@media (max-width: 767px) {
    .lecture_list {width: 100%;margin: 1rem auto;}
    .reservation a {font-size: 1rem;width: 80px;height: 80px;}
}

/*各大相容檢視*/
@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 {
}
