/* 使用HTTPS導入外部資源，並合併重複的Roboto字體導入 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&family=Roboto:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic&display=swap');
@import url(./fontawesome/fontawesome.css);
@import url(../css/bootstrap.min.css);
@import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');




body {font-family: 'Roboto', sans-serif;
    margin-top: 70px;
	font-size: 16px;background-color: #fff;}
	

main{position: relative;overflow: hidden;}
section{position: relative;overflow: hidden;padding: 70px 0;}


h3,.who-i h3 {font-family: '微軟正黑體','Roboto', sans-serif;font-size: 2.5em; color: #262626; margin-bottom: 5%; margin-top: 0; text-transform: uppercase;line-height: 1.5em;font-weight: bolder;text-align: center; /*letter-spacing: 1px;*/}
.who-i h3 span{display: inline-block;}

@media (max-width: 560px) {
	h3,.who-i h3{font-size: 1.8em;}
}


h3 span {
	color: #262626;
}

.who-i p {
    font-size: 1em;
    line-height: 1.5em;;
}


.f_boid,.jumbotron p.f_boid,.boldi{
	font-weight: bold;
}

.img_100w{width: 100%;}

.t_align{text-align: center;}
.t_align_l{text-align: left;}
.t_align_r{text-align: right;}

.float_l {float: left;}

.p_15{padding: 15px;}
.pt_0{padding-top: 0;}
.mt_1{margin-top: 1%;}
.mt_3{margin-top: 3%;}
.mt_5{margin-top: 5%;}
.mt_8{margin-top: 8%;}
.mt_15{margin-top: 15%;}
.mb_0{margin-bottom: 0;}
.mb_1{margin-bottom: 1%;}
.mb_3{margin-bottom: 3%;}
.mb_5{margin-bottom: 5%;}
.ml_5{margin-left: 10px;}
.mr_2{margin-right: 2%;}

.tt_up{text-transform: uppercase;}
.f_italic{font-style: italic;}


.f_12px{font-size: 12px;}
.f_09{font-size: .9em;}
.sub_color{color: #1fa2b4;}
.f_w{color: #fff;}
.f_r{color: red;}
.f_b {color: #1325ff;}
.f_lb{color: #24abeb;}
.up_y{background-color:yellow;}
.main_color{color: #262626;}
.main_color .order_ti{background-color:#262626;border-radius: 5px;border: 1px solid #262626;margin: 0;}
.main_color a,.main_color .order_ti{display: block;width: 100%;text-align: center;}
.main_color a:hover{text-decoration: none;}
.main_color a .order_ti:hover{color:#262626;background-color: transparent;}
.order_img_wrap{display: flex;justify-content: center;align-items: center;}
.order_img{max-width: 250px;}
.order_img img{width: 100%;}



.order_img_wrap p{width: 80%;text-align: left;}
.e_date_wrap{display: flex;align-items: center;}
.e_date_wrap p{text-align: left;}



/*news*/
#cover {
	z-index: 1050;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.7);
}
#cover .cover-box {
	z-index: 1000;
	width: 90%;
	max-width: 500px;
	margin: 15% auto 0;
	background-color: #fff;
	border: 3px solid #262626;
	border-radius: 10px;
	text-align: center;
	padding: 0 12px 40px;
	-webkit-box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.6);
	-ms-box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.6);
}

.cover_btn{color: rgba(255,255,255,1.0);padding: 7px 15px;border-radius: 5px;background: linear-gradient(#1fa2b4, #c1952a);display: inline-block;margin-top: 25px;box-shadow: 0 2px 7px rgba(199, 160, 65, 0.5);}
.cover_btn:hover{color: #fff;background: rgb(193, 149, 42);text-decoration: none;}




#cover .close-button {
	display: block;
	text-align: right;
	cursor: pointer;
}
#cover .close-button span {
	font-size: 2em;
	margin-right: 2%;
}
#cover .close-button .fa {
	color: #262626;
}

#cover .text-center {
	margin-top: 5px;margin-bottom: 5%;
	color: #fff;background-color: #262626;display: inline-block;padding: 5px;
}
.c_00{margin-bottom: 0;padding: 0 2%;margin-top: 5%;line-height: 1.7em;letter-spacing: .1em;text-align: justify;font-size: 1.1em;}
.cover_mind{color:red;text-decoration: underline;}


@media screen and (max-width: 768px) {
	#cover .cover-box{margin: 25% auto 0;}
}


.top_banner{position: relative;padding-top: 0;padding-bottom: 0;}


.h_t01{color: #1fa2b4;font-size: 3.5em;line-height: 1.5em;letter-spacing: .2em; font-family: 'Calistoga', cursive;}
.h_t02{color: #fff;font-size: 3.5em;}




@-webkit-keyframes scrollDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 0
    }
    15%,
    85% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
        opacity: 0
    }
}

@keyframes scrollDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 0
    }
    15%,
    85% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
        opacity: 0
    }
}




/*header*/
.navbar-brand {height: 69px;}
.navbar-brand img{width: 100%;max-width: 50px;}
.navbar-green {background-color: #f2f2f2; color: #fff;box-shadow: 0 5px 7px #42424230;}
.navbar-green .navbar-brand {color: #fff;display: flex;align-items: center;}
.navbar-right a{font-size: 1em;}
.navbar-green .navbar-nav>li>a {color: #262626; font-weight: 300; text-transform: uppercase;font-weight: 500;}
.navbar-green .navbar-nav>li>a:focus, .navbar-green .navbar-nav>li>a:hover {
	color: #1fa2b4;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
}
.navbar-green .btn-danger,.btn-review,.e_order .order_ti,.main_color .e_order_a .order_ti_online,.factsheet_btn .order_ti_online{color: #fff; font-weight: bold;background-color: #febe4e; border-color: #febe4e; }
.factsheet_btn .order_ti_online{background-color: #febe4e; border-color: #febe4e;width: 280px;}
.factsheet_btn{display: inline-block;margin-left: 3%;}


.factsheet_btn .order_ti_online,.factsheet_btn .order_ti_online:focus,.factsheet_btn .order_ti_online:hover{font-size: 16pt;line-height: 20pt;}
.photo_text{font-size: .7em;line-height: 12pt;margin-left: 2%;}

@media (max-width: 768px) {
	.h_t01,.h_t02{font-size: 2.5em;}
}

.order_ti_online{border-radius: 5px;display: block; width: 100%; text-align: center;padding: 10px;border: 1px solid #1fa2b4;}


.navbar-green .btn-danger:hover,.btn-review:hover,.e_order_a:hover .order_ti_online,.factsheet_btn .order_ti_online:hover{
	background-color: transparent;
	border-color: #febe4e;
	color: #262626;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
}
.factsheet_btn .order_ti_online:hover{border-color: #febe4e;text-decoration: none;}

.btn-review{display: block;margin: 5% 0;}
.embed-responsive {-webkit-overflow-scrolling:touch; overflow:auto;}

.navbar-default .navbar-toggle{margin-top: 20px;border-color: #e5e5e5;background-color: #1fa2b4;}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: #262626;}

.navbar-green .navbar-toggle .icon-bar {background-color: #fff;}

.navbar-brand {padding: 5px 15px;}

.container .jumbotron, .container-fluid .jumbotron {border-radius: 0; /*padding-top: 40px;*/}

.navbar {min-height: 70px;}

.navbar-green .navbar-nav>.active>a, .navbar-green .navbar-nav>.active>a:focus, .navbar-green .navbar-nav>.active>a:hover {background-color: #1fa2b4; color: #1c222b;}


/*header- right btn*/
.book-now-btn {padding: 14px 12px;margin-left: 15px;}


.social-media-btn {color: #fff;}
.social-media-btn:hover {color: #1fa2b4;}



/*video setting*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/*brochure*/
.brochure00{padding-bottom: 0;}
.bro_h3{position: relative;text-align: center;}
.bro_h3::after{position: absolute;top: calc(calc(100% - 2px)/2);left: 0;content: ''; height: 2px;width: 100%;background-color: #1fa2b4;}
.brochure00 h3{position: relative;color: #4cb5c3;display: inline-block;background-color: #fff;z-index: 99;padding: 0 12px;}

.brochure_intro{display: block;margin: 0 auto;}
.brochure_intro p{text-align: left;}
.brochure_sub{padding-bottom: 3%;margin-bottom: 3%;position: relative;font-weight: bolder;}
.brochure_sub::before{position: absolute;bottom: 0;left: calc(calc(100% - 100px)/2);content: ''; height: 2px;width: 100px;background-color: #1fa2b4;}


.motto{background-image: url(../img/bg_01.jpg);background-size: cover;background-attachment: fixed;}
.motto_wrap {background-color: rgba(255, 255, 255, 0.8);margin: 50px auto;padding-top: 20px; padding: 20px; position: relative;}
.motto_wrap h3,.brochure00 h3{margin-bottom: 0;}

@media (max-width: 996px) {
	.brochure_intro{display: block;}
}

/*R20*/
.about_wrap{display: flex;align-items: center;}
.ml_1{margin-left: 8px;}
.aboutr20,.agenda,.ticket02,.partner{background-color: #fff;}
.about_intro p{text-align: left;}
.about_intro{padding-left: 16px;}
.about_img,.about_img img{border-radius: 5%;width: 100%;}
.about_img{max-width: 350px;margin: 0 auto;}

.quote-text {text-align: center;}

.quote-byline {text-align: right; text-transform: uppercase; font-weight: bold; padding-right: 100px;}

.quote-container {width: 60%; background-color: rgba(255, 255, 255, 0.8);
background: rgba(255, 255, 255, 0.8);
margin: 50px auto; padding-top: 20px; padding: 20px;}

@media (max-width: 699px) {
	.ml_1{margin-left: 0px;}
}


@media (max-width: 768px) {
	.about_wrap{display: block;}
	.about_img{margin-bottom: 3%;}
	.about_intro{padding-left: 0;}
}


/*speaker*/
.speaker,.eventdetails{background-color: #e5e5e5;}
.speaker::before,.partner::before,.eventdetails::before,.factsheet::before{content: '';position: absolute;width: 100%;height: 10px;top: 0;left: 0;background-color: #1fa2b4;}
.speaker_001_wrap{text-align: center;}


.speaker_001_wrap img{width: 100%;border-radius: 5px;max-width: 250px;}
.speaker_001_text{text-align: center;}
.speaker_001_text h4{font-size: 1.2em;}
.speaker_001_text h4 span{display: inline-block;}
.speaker_001_text h4,.s01_detail p,.sp02_text h4{color: #262626;}
.title_span{display: inline-block;}
.s01_detail{position: relative;padding-top: 5%;}
.s01_detail::before{position: absolute;top: 0;left: calc(calc(100% - 100px)/2);content: '';height: 2px;width: 100px;background-color: #1fa2b4;}
.s01_detail p{text-align: left;}
.s01_title{color: #1fa2b4;}
.s01_title,.sp02_title{font-weight: bolder;}

.sp02 h3{text-align: left;}
.sp02 img{width: 100px;}
.sp02_img,.sp02 img{border-radius: 50%;max-width: 100px;}
.sp02_wrap.sp02_1_wrap{display: block;}
.sp02_wrap01_item{display: flex;align-items: center;}
.sp02_wrap{display: grid;grid-template-columns: repeat(3, 1fr);row-gap: 32px;grid-column-gap: 16px;}
@media (max-width: 992px) {
	.sp02_wrap{grid-template-columns: repeat(2, 1fr);}
}

@media (min-width: 561px) {
	.eventdetails h3{display: flex;}
}

@media (max-width: 560px) {
	.sp02_wrap{grid-template-columns: repeat(1, 1fr);}
}

.sp02_text{margin-left: 10px;}
.sp02_name span{font-size: 1.2em;font-weight: bolder;}
.sp02_title{text-align: left;letter-spacing: -1px;}
.sp02_name{font-size: .9em;}


@media (max-width: 768px) {
	.speaker_001{display: block;}
}


/*agenda*/
.table_wrap{/*overflow-x: auto;*/text-align:center;}
.table_wrap img{max-width: 1000px;}
.agenda table{border-collapse: collapse;width: 100%;min-width: 560px;}
.agenda table th{background-color: #1fa2b4;color: #fff;text-align: center;}
.agenda table tr td:first-child{text-align: center;}
.agenda table td,.agenda table th {border: 1px solid #bcbcbc;padding: 8px;}
.agenda table td,.agenda table td p{text-align: left;}
.agenda table tr:nth-child(2) td,.agenda table tr:nth-child(6) td{background-color: #e5e5e5;}


/*ticket*/
.who-i .ticket_terms{color: red;font-size: .5em;}
.ticket_terms a{text-decoration: underline;display: inline-block;margin-left: 5px;color: rgba(35, 82, 124, 0.75);}
.ticket_terms a:focus,.ticket_terms a:active,.ticket_terms a:hover{color: #23527c;}

.ticket_01row{display: flex;align-content: stretch;row-gap: 15px;grid-column-gap: 16px;}
.ticket_01row .col-md-6 {border: 1px solid #bcbcbc;padding: 0;}
.ticket_02row{text-align: center;margin-top: 5%;}
.ticket_02row .partner_h4{width: auto;}
.ticket_02row img{width: 100%;max-width: 650px;}

.vip-tix-header01 {background-image: url(../img/R20_pattern4.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.vip-tix-header {text-align: center; color: #fff; padding:10px 0;}
.vip-tix-header h3 {
	border: 0;
	color: #fff;
	font-size: 1.8em;
	margin-bottom: 0;
	text-transform: capitalize;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
}
.vip-tix-header h2 {
	font-size: 1.8em;
	font-weight: bold;
	margin-top: 0;
	text-transform: uppercase;
}
.vip-tix ul li {
	font-size: 18px; /*text-transform: uppercase;*/
	margin-bottom: 15px;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: center left;
	list-style-type: none;
	font-family: "微軟正黑體", Helvetica, sans-serif;
	color: #262626;
	font-weight: 600;
}
.vip-tix ul li a{text-decoration: underline;}
.vip-tix ul li a:hover{color: #24abeb;}

.vip-icon {background-image: url(../images/vip-icon.png);}
.priority-icon {background-image: url(../images/priority-icon.png);}
.workbook-icon {background-image: url(../images/workbook-icon.png);}
.dvd-icon {background-image: url(../images/dvd-icon.png);}
.book-icon {background-image: url(../images/book-icon.png);}
.tote-icon {background-image: url(../images/tote-icon.png);}
.general-icon {background-image: url(../images/general-icon.png);}

.vip-tix ul {padding: 10px 15px;}

.premium-tix-header {background-color: #1fa2b4;}
.general-tix-header01{background-image: url(../img/R20_pattern.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.general-tix-header {position: relative;overflow: hidden;}
.general-tix-header02{padding: 0;border-bottom: 1px solid #bcbcbc;}
.ori_l h2,.ori_l p,.ori_r h2,.ori_r p{color: #262626;}
.ori_l,.ori_r{width: 50%;float: left;padding: 10px 0;}
.ori_l{position: relative;}
.ori_l::after{content: '';position: absolute;right: 0;top: 0;width: 1px;height: 100%;background-color: #bcbcbc;}

.vip-tix ul li span {
	font-weight: 300;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
}
.vip-tix ul li .boldi{font-weight: bolder;}


.ticket02 iframe{height: 480px;}


@media (max-width: 992px) {
	.ticket_01row{display: block;max-width: 650px;margin: 0 auto;}
	.ticket_01row .col-md-6:not(:first-child){margin-top: 5%;}
}

@media (max-width: 580px) {
	.ticket02 iframe{height: 520px;}
}
@media (max-width: 565px) {
	.ticket02 iframe{height: 570px;}
}
@media (max-width: 510px) {
	.ori_l, .ori_r{float: none;width: 100%;}
	.ori_l::after {content: '';position: absolute;top: 100%;right: 5%; width: 90%;height: 1px;background-color: #e5e6e7;}
	.ori_l{padding-bottom: 5px;}
	.ori_r{margin-top: 15px;}
	.ticket02 iframe{height: 500px;}
}
@media (max-width: 450px) {
	.ticket02 iframe{height: 520px;}
}
@media (max-width: 420px) {
	.ticket02 iframe{height: 600px;}
}

@media (max-width: 380px) {
	.ticket02 iframe{height: 620px;}
}
@media (max-width: 350px) {
	.ticket02 iframe{height: 670px;}
}



/*partner*/
.partner_wrap{display: grid;grid-template-columns: repeat(4, 1fr);row-gap: 8px;margin-left: 130px;grid-column-gap: 8px;margin-top: -70px;margin-bottom: 50px;}
.partner_wrap.mb_0{margin-bottom: 0;}

.partner_item{display: flex;flex-direction: column;}
.partner_item h4{font-size: 1.2em;color: #1fa2b4;font-weight: bolder;width: 150px;position:relative;}

.partner_img{position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;height: 70px;}
.partner_img a{position: relative;height: 100%;width: 100%;}
.partner_h4{font-size: 1.2em;font-weight: bolder;margin-top: 24.5px;margin-bottom: 24.5px;position: relative;width:130px;}
.partner_img img{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;object-fit: contain;padding: 0 8px;}

@media (max-width: 1200px) {
	.partner_wrap{grid-template-columns: repeat(3, 1fr);}
}

@media (max-width: 992px) {

	.partner_wrap02{grid-template-columns: repeat(2, 1fr);}
	.partner_wrap02 .partner_img{justify-content: flex-start;}
}

@media (max-width: 768px) {
	.p_wrap_01{margin-top: 10%;}
	.partner_h4{margin-top: 14.5px;margin-bottom: 14.5px;}
	.partner_wrap{grid-template-columns: repeat(2, 1fr);margin-top: -50px;}
	.partner_img{height: 50px;}
}

@media (max-width: 560px) {
	.partner_h4{text-align: center;}
	.partner_wrap{grid-template-columns: repeat(1, 1fr);}
	.partner_wrap02 .partner_img{justify-content: center;}
}


/*event*/
.eventdetails h3{text-align: left;}
.eventdetails h4{color: #1fa2b4;font-size: 1.2em;font-weight: bolder;}
.eventdetails p{color: #262626;}
.table-striped>tbody>tr:nth-of-type(odd) {background-color: #fff7ee;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {border-top: 1px solid #ffdbab;}

.table {font-size: 18px; text-transform: uppercase; font-weight: 300;}

.tagline-position {padding-top: 36px;}

.mmi_time{margin-top: 3%;}

.btn-questions {color: #1c222b; background-color: #1fa2b4; border-radius: 0; margin-top: 18px; float: right;}

.modal-body h3 {font-size: 20px; border: 0; color: #fff; background-color: #262626; padding: 5px 10px;}

.modal-dialog {width: 80%; margin: 20px auto;}


.event-div {padding-top: 30px; padding-bottom: 30px;}
.event-h3 {
	border: 0;
	margin-bottom: 10px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
}

.course_name{text-align: left;margin-bottom: 3%;font-size: 1.2em;}
address {font-size: 18px; text-transform: uppercase;}

.btn-downloadnow {background-color: #262626; color: #fff; font-size: 28px; text-transform: uppercase; border-radius: 0;padding: 15px 50px;}

.main_color .e_order_a{ display: inline-block;max-width: 100px;margin-left: 2%;}
.main_color .e_order_a span{color: #fff;}


@media (max-width: 560px) {
	.eventdetails h3{text-align: center;}
	.main_color .e_order_a{display: block;margin-top: 3%;max-width: 100%;margin-left: 0;}
	.factsheet_btn{margin-top: 3%;display: block;margin-left: 0;}
}



/*BOOK_BTN*/
.book_btn{padding: 12px 50px;font-size: 1.5em;background-color: #1fa2b4;border: none;font-family: "微軟正黑體", Arial, Helvetica, sans-serif;position: relative;width: 60%;margin: 3% auto;}
.book_btn:hover{cursor: pointer;background-color: rgb(193, 149, 42);}
.book_btn a{font-size: 1.5em; display: block;text-align: center;position: relative;}

.date_inf{position: relative;overflow: hidden;text-align: center;}
.date_inf a{width: 50%;float: left;}
.date_inf button{width: 50%;float: none;}

.warn_text,.warn_text span a,.book_btn a{color: #ededed;}
.warn_text span{text-decoration: underline;}
.warn_text,.warn_text span a,.book_btn p a{color: #ededed;}
.warn_text span{text-decoration: underline;}
.warn_text span a:hover{color: #1fa2b4;}

.booknow-div {background-color: #262626;}

.lighter-green {background-color: #262626;}

.download-now-button {margin-bottom: 20px;}
.download-now-button img:hover {opacity: 0.8;
    filter: alpha(opacity=80);}
	
.copyright span {margin-left: 10px; margin-right: 10px;}
.copyright .f_copy{margin: 0;display: inline-block;}
@media (max-width: 560px) {.copyright .f_copy{width: 100%;}}

.price-cancel {background: url(../images/price-bg.png) no-repeat center center; font-weight: 300; font-size: 32px; padding-right: 20px; padding-left: 20px;}


.check_wrap{width: 90%;margin: 5% auto;position: relative;max-width: 640px;}

.remind_p{text-align: left;}

	

/*fixed*/
.s_div {
	display: none;
    position: fixed;
    bottom: 10%;
	right: 1em;}

@keyframes slide{
    10%,30%,90%{transform:rotate(-10deg);}
    20%,40%,100%{transform:rotate(10deg);}
	50%,60%,70%,80%{transform:rotate(0deg);}
}

@-webkit-keyframes slide{
    10%,30%,90%{transform:rotate(-10deg);}
    20%,40%,100%{transform:rotate(10deg);}
	50%,60%,70%,80%{transform:rotate(0deg);}
}
@-moz-keyframes slide{
    10%,30%,90%{transform:rotate(-10deg);}
    20%,40%,100%{transform:rotate(10deg);}
	50%,60%,70%,80%{transform:rotate(0deg);}
}
@-o-keyframes slide{
    10%,30%,90%{transform:rotate(-10deg);}
    20%,40%,100%{transform:rotate(10deg);}
	50%,60%,70%,80%{transform:rotate(0deg);}
}
.new_to,.order_ti {
    background-color: #F44336;
    font-size: 1em;
    color: #fff;
    display: inline-block;
    border-radius: 50px;
    padding: 10px;
	margin-left: 15px;
	margin-top: 15px;
}
.new_to.free_class{background-color: #fff100;color: #1c222b303;border: 1px solid #fff100;}
.new_to:hover{cursor: pointer;}
.free_class_wrap .free_class:hover{text-decoration: none;background-color: transparent;border-color: #1c222b303;color: #1c222b303;}
.free_class:hover{text-decoration: none;background-color: transparent;border-color: #fff100;color: #fff;}

.new_to:hover,.order_ti:hove,.free_class:hover{
	cursor: pointer;
    background-color: #fff;
    font-size: 1em;
    color: #F44336;
}

.new_newsslide {
    background-color: #F44336;
    font-size: 1em;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 45px;
    border-radius: 50px;
	margin: 20% auto 0;
   animation: slide 1s ease infinite;
    -webkit-animation: slide 1s ease infinite;
    -moz-animation: slide 1s ease infinite;
    -o-animation: slide 1s ease infinite;
    -ms-animation: slide 1s ease infinite;
	opacity: 0.8;
}
.s_span {
    opacity: 0;
    color: #F44336;
    border: 1px solid #F44336;
    padding: 2px 3px;
    background-color: #fff;
}
.s_div:hover .s_span{opacity: 1;transition: all .8s;}

.s_div:hover .new_newsslide{cursor: pointer;}
.s_up{display: none;
	background-color: #1fa2b4;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	padding:.6em 0.8em 0.8em 0.8em;
	position: fixed;
	right: 1.7em;
	bottom: 1em;
	opacity: 0.8;}
.s_up i{font-size: 1.5em;}
a.s_up:hover,.s_div:hover .new_newsslide{opacity: 1;}
a.s_up:hover i{color: #fff;}



/*other pages*/
.cl_text_wrap {max-width: 768px; margin: 0 auto;}
.cl_text_wrap ul {padding: 0;overflow: hidden;}
.cl_text_wrap ul li {list-style: none;position: relative;display: table;width: 100%;border: 2px solid #fff;}
.first_cl_fa {background-color: #1fa2b4;color: #fff;font-size: 1.2em;text-align: center;padding: 5px 0;font-weight: bold;}
.cl_title, .cl_text_wrap ul li p {padding: 12px 15px;}
.cl_title {background-color: #1fa2b4;color: #fff;display: table-cell;width: 25%;line-height: 1.5em;}
.cl_text_wrap ul li p {display: table-cell;background-color: rgba(31, 162, 180, 0.2);text-align: left;}

@media (max-width: 767px){
	.page_sec{padding: 50px 0;}
	.cl_text_wrap ul li, .cl_title,.cl_text_wrap ul li p {display: block;width: 100%;border: none;}
	.cl_title{margin-bottom: 0;}

}


.check_iframe {width: 100%;max-width: 640px; height: 750px;overflow-y: scroll;}



@media (min-width: 1199px) {
	.thirddiv ul li{margin: 35px 0;}
	.third_icons .col-md-3{min-height: 350px;}
}


@media (max-width: 1199px) {
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: none;}
	
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
	display: none!important;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
    }
    .navbar-nav {
	float: none!important;
	margin: 7.5px -15px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
	
	.google-maps {
        position: relative;
        padding-bottom: 75%;}
		
	.quote-container {width: 100%;}
	
	.green-intro2{margin-bottom: 40px;}
}
@media only screen and (min-width: 991px) and (max-width: 1199px) {
	.date_inf button{width: 40%;}
}
@media (min-width: 991px){
	.third_icons .col-md-3{min-height: 362px;}
}

@media (max-width: 991px) {
	.firstdiv h3 span{font-size: 1.1em;display: inline-block;}
	.intro-text{font-size: 1.5em;}
	
	.third_icons{overflow: hidden;}
	.third_icons .col-md-3{width: 50%;float:left;min-height: 310px;}
	.third_icons .col-md-3:nth-child(even){background: transparent;}
	.third_icons .col-md-3:nth-child(2){border-left: 2px dashed #cec84c;border-bottom: 2px dashed #cec84c;background:#cec84c2b;}
	.third_icons .col-md-3:nth-child(3){border-right: 2px dashed #cec84c;border-top: 2px dashed #cec84c;background:#cec84c2b;}
	
	.quote-byline {padding-right: 0;}
	
	.vip-tix, .btn-downloadnow {margin-bottom: 20px;}
	
	.intro-text, .intro-text-2 {
	text-align: center;
	font-family: "微軟正黑體", Helvetica, sans-serif;
}
	
	.header-background {background: url(../images/background-header-small.png) no-repeat; background-size: cover; }
	
	.jumbotron {background: none;}
	
	.event-h3{text-align: center;}
	.tnc_all{margin-top: 15%;}
	
	.third_icons h4{margin-bottom: 8%;margin-top: 6%;}
	
	.mmi_time{padding-top: 3%;/*border-top: 2px solid #262626;*/}
	.e_date_wrap{display: block;}
	.e_date_wrap p{text-align: center;}
	
	
	/*soi.html*/
	.cg_video1_wrap,.be_wrap2,.cg_video,.cg_video_text,.be_wrap2_img,.be_wrap2_text{display: block;width: 100%;}
	.be_wrap2:nth-child(even) .be_wrap2_img,.be_wrap2:nth-child(odd) .be_wrap2_text,.be_wrap2:nth-child(odd) .be_wrap2_img,.be_wrap2:nth-child(even) .be_wrap2_text{float: none;}
	.be_wrap2:nth-child(odd) .be_wrap2_text,.be_wrap2:nth-child(odd) .be_wrap2_text p{padding-right: 0;}
	.cg_video_text,.be_wrap2:nth-child(even) .be_wrap2_text{padding-left: 0;}
	.cg_video1_wrap p, .be_wrap2_text, .be_wrap2_text p, .disclaimer p,.be_wrap2:nth-child(odd) .be_wrap2_text, .be_wrap2:nth-child(odd) .be_wrap2_text p,.be_wrap2:nth-child(even) .be_wrap2_img,.be_wrap2 .be_wrap2_img{text-align: center;}
	.be_wrap2 .be_wrap2_img{margin-top: 5%;}
	.cg_video_text p{margin-top: 5%;}
	
	}

@media (max-width: 991px)and (min-width: 620px ){
	/*.mmi_time_row .col-md-6{width: 50%;float:left;}*/
	.e_date_col6{max-width: 520px;margin: 0 auto;}
}

@media (min-width: 768px)
{.navbar-nav>li>a {
    padding-top: 24px;
    padding-bottom: 25px;
}}

@media (max-width: 768px){
	.thirddiv h3 span,.fourthdiv h3 span{display: block;}.thirddiv h3,.fourthdiv h3,.ticket-cats h3,.event-div h3,.tnc_all h3{font-size: 2em;}.green-intro{font-size: 1.2em;}
	
/*Tnc > 2021MMO.html*/
.select_tnc ul li{float: none;width: 100%;}
.dig_platform,.mmo_sales{text-align: center;padding:10px 0;}
	
	
/*fixed*/
.s_div {
	display: none;
    position: fixed;
    bottom: 15%;
	right: 1em;}

}

@media (max-width: 620px) {
	.jumbotron-book-now .btn-learnmore {font-size: 20px;}.date_inf a{width: 100%;float: none;text-align: center;}.date_inf button{width: auto;float: none;display: block;margin: 18px auto 0;}.jumbotron h2{font-size: 33px;}

	.mmi_time_row .col-md-6{margin-bottom: 5%;}
	.mmi_time{margin-top: 0;}
	
	.order_img_wrap{display: block;text-align: center;}
	.order_img{margin: 0 auto;}
	.order_img_wrap p,.order_img{width: 100%;}
}

@media (max-width: 551px) {
	.jumbotron-book-now .btn-learnmore {font-size: 18px;}
	.third_icons .col-md-3{width: 100%;float:none;min-height: auto;}
	.third_icons .col-md-3:nth-child(even){background:#cec84c2b;}
	.third_icons .col-md-3:nth-child(2){border-left: none;}
	.third_icons .col-md-3:nth-child(3){border-right:none;background: transparent;}
	.third_icons .col-md-3:not(:first-child){border-top: 2px dashed #cec84c;}
	
	.free_class_wrap{display: block;}
	.course_name{margin-bottom: 7%;}
	
	/*soi.html*/
	.cg_wrap1 h1{font-size: 4em;}
}

@media (max-width: 510px) {
	.jumbotron h3 .yellowcolor{font-size: 25px;}
	
	.s_div{right: .6em;bottom: 12%;}
	.new_newsslide {
    font-size: .8em;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 35px;
    border-radius: 50px;
}
.s_up{
	width: 40px;
	height: 40px;
	border-radius: 50%;}
.s_up i{font-size: 1.2em;}
}

@media (max-width: 437px) {.jumbotron h3 {font-size: 29px;}.firstdiv h3 span{font-size: .8em;}.thirddiv h3,.fourthdiv h3,.ticket-cats h3,.event-div h3,.tnc_all h3{font-size: 1.8em;}.thirddiv h3 span,.fourthdiv h3 span{2em;}

}



@media (max-width: 400px) {}

@media (max-width: 352px) {}


@media (max-width: 360px) {.jumbotron h2 {font-size: 28px;}  .jumbotron h2 span {font-size: 48px;} .btn-downloadnow {font-size: 11px;}

/*soi.html*/
}
.text-24 {
	font-size: 24px;
}
.red {
	color: #F00;
	font-size: .8em;
    margin-left: 2%;
}