@charset "utf-8";
/*
  danny 201803
  1. $Mobile
  2. $Pad
  3. $橫的版型
  4. $Pc
  5. $1025~1279
*/





/* $Mobile
--------------------------------------------------------------------------------------*/
/* 主視覺 */
.kv-container{ box-sizing: border-box; padding: 50px 0 0 0;  }
.kv{ width: 100%; height: 300px; background: url(../images/index__kv--mobile.jpg) #004982 no-repeat center top; background-size: cover; }

/* 大會簡介 */
.activity{ width: 100%; font-size: 1.4rem; line-height: 1.58; color: #2e2e2e; box-sizing: border-box; padding: 30px 5% 0px 5%; }
/* .activity p{ margin-bottom: 20px; } */
/* 活動日期 */
.date{ display: flex; justify-content: center; font-family: 'Microsoft JhengHei UI', Helvetica, sans-serif; }
.date>li{ width: 33%; height: 80px; line-height: 80px; font-size: 1.5rem; text-align: center; margin-right: 10px; transition:all 0.4s cubic-bezier(.23,1,.32,1);  }
.date>li>a{ text-decoration: none; color: #fff; display: block; width: 100%; height: 100%;  }
.date>li:first-child{ background: rgba(235,119,34,1); }
.date>li:nth-child(2){ background: rgba(255,192,0,1) }
.date>li:last-child{ background: rgba(0,178,169,1); margin-right: 0; }
.date>li:hover{ background: rgba(170,170,170,1); }
.slash{ font-size: 1rem; }
.activity h3{ font-weight: 400; font-size: 2rem; line-height: 1.8em; color: #004982; margin: 0 0 10px 0; font-weight: bold; text-align: center; }
.activity h4{ font-weight: 400; font-size: 1.7rem; line-height: 1.58; color: #004982; margin: 0 0 10px 0; letter-spacing: 1px; text-align: center; }
.activity .subtit{ font-size: 1.8rem; font-weight: bold; text-align: left; border-radius: 75px; height: 50px; color: #00A9DE; border: 1px solid #00A9DE; width: 100%; margin: 5px auto 10px; display: flex; justify-content: center; align-items: center; position: relative; }
.activitybg{ background: url(../images/bg01.jpg) no-repeat center center / cover; box-sizing: border-box; padding: 0 0 20px 0;  }
a{ color: #004982; text-decoration: none; }
.txt--italic{ font-style: italic; }
.step-box{ width: 100%; margin: 30px auto 0; }
.step-box h4{ margin: 0 0 10px 0; }

/* 講師介紹 */
.lecturer-container{ background: #e5e5e5; }
.lecturer-box{ width: 100%; box-sizing: border-box; padding: 30px 5% 20px 5%; }
.lecturer{ margin: 20px 0 0 0; }
.lecturer>li{ background: rgba(255,255,255,1); box-sizing: border-box; padding: 30px; margin-bottom: 30px; box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1); }
.lecturer__photo{ width: 100px; margin: 0 auto 20px auto; height: 100px; border-radius: 100%; overflow: hidden; }
.lecturer__identity{ font-size: 1.8rem; color: #2e2e2e; line-height: 25px; text-align: center; margin-bottom: 20px; }
.lecturer__identity .title{ margin-bottom: 5px; font-size: 1.8rem; }
.lecturer__identity>p:last-child{ margin-top: 10px; }
.eng{ font-size: 1.2rem; line-height: 20px; color: #888; }
.lecturer__introduce{ font-size: 1.3rem; line-height: 25px; color: #888; }
.lecturer__identity .logo-img{ margin: 0 0 10px 0; }
.lecturer__identity .logo-img img{ max-width: 100px;  max-height: 80px; }

/* 歷年活動花絮 */
.history-container{}
.history-box{ width: 100%; box-sizing: border-box; padding: 30px 5% 40px 5% }
.video-box{ width: 100%; /* max-width: 800px; */ margin: 0 auto; }
.video{ width: 100%; height: 0; padding-bottom: 56.25%; position: relative; }
.video iframe{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }


/* 直播活動 */
.live-container{ background: #e5e5e5; }
.live-box{ width: 100%; box-sizing: border-box; padding: 30px 5% 30px 5%; font-size: 1.4rem; line-height: 1.5rem;  }
.live__left{ font-size: 1.4rem; line-height: 1.5rem;  }
.live__right{ box-sizing: border-box; padding: 0px 0 0 0;   }
.hlight--red{ font-size: 0.75rem; color: #820000; line-height: 1rem; }
.live__qrcode{  font-size: 1.4rem; color: #004982; margin-top: 20px; }
.live__qrcode li{ display: flex; font-size: 1.5rem; align-items: center; margin: 0 0 20px 0; }
.live__qrcode li a{ color: #004982; font-weight: bold; text-decoration: none; }
.live__qrcode li>img{ width: 40px; height: 40px; margin-right: 10px; }
.live__qrcode li a:hover{ text-decoration: underline; }
.live-container h3{ font-size:1.4rem; line-height:30px; margin-bottom:.4em; font-weight: 600; /* color:#2e2e2e; */ color: #004982; }
.live-container h3:nth-of-type(n+2){ margin-top:.2em; }

/*.live__qrcode{ display: flex; flex-wrap: wrap; justify-content: center; font-size: 1.4rem; color: #004982; margin-top: 20px; }
.live__qrcode>li:first-child{ margin: 0 0 30px 0; }
.live__qrcode>li img{ display: block; border: 35px solid #fff; margin-top: 10px; }*/

/* 大會好禮 */
/* .gift-box{ display: flex; font-size: 1.4rem; line-height: 30px; color: #2e2e2e; }
.gift-box>li{ width: 170px; box-sizing: border-box;  margin-right: 10px; }
.gift__img>img{ width: 100%; display: block; margin: 0 auto; }
.gift__img{ width: 100%; height: 150px; background: #ecf1f7; margin: 0 0 10px 0; box-sizing: border-box; }
.gift__tit{ color: #eb7722; text-align: center;}
.gift02{ width: auto; margin: 20px 0 0 0; } */

/* 贊助廠商 */
.sponsors-container{ /* background: #e5e5e5;  */ background: url(../images/bg02.jpg) no-repeat center center / cover;}
.sponsors-block{ width: 100%; box-sizing: border-box; margin: 0 auto; padding: 30px 5% 20px 5%; }
.sponsors{  }
.sponsors-container .subtit{ font-size: 1.6rem; font-weight: bold;  line-height: 30px; margin-bottom: 0; color: #004982; text-align: center;	 }
.sponsors>li{ background: rgba(255,255,255,1); box-sizing: border-box; padding: 30px; margin-bottom: 30px; box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1); }
.sponsors__logo{ margin: 0 0 20px 0; }
.sponsors__logo img{ width: auto; display: block; margin: 0 auto; max-width: 40vw; max-height: 100px;  }
.sponsors__introduce{  font-size: 1.5rem; line-height: 1.58; color: #9a9a9a; }
/* .subtit{ font-size: 1.4rem; color: #2e2e2e; line-height: 1.5rem; margin-bottom: 5px; } */
.subtit-box{ height: 30px; margin: 30px 0 30px 0; position: relative;  }
.subtit-box .txt-box{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-sizing: border-box; padding: 0 20px 0 20px; background: #f4f4f4; }
.subtit-box .txt-box2{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-sizing: border-box; padding: 0 20px 0 20px; background: #c9c9c9; }
.subtit-box:before{ content: ''; display: block; width: 100%; height: 1px; background: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%);  }
.subtit-box.gold:before{ content: ''; background:  linear-gradient(90deg, rgba(180,121,28,1) 0%, rgba(227,191,103,1) 39%, rgba(215,172,78,1) 64%, rgba(204,157,65,1) 75%, rgba(240,208,119,1) 91%, rgba(200,144,53,1) 100%);   }
.subtit-box.copper:before{ content: ''; background:  linear-gradient(90deg, rgba(180,121,28,1) 0%, rgba(180,121,28,1) 39%, rgba(180,121,28,1) 64%, rgba(180,121,28,1) 75%, rgba(180,121,28,1) 91%, rgba(200,144,53,1) 100%);   }
.subtit-box.platinum:before{ content: '';  background:  linear-gradient(90deg, rgba(153,153,153,1) 0%, rgba(212,213,217,1) 39%, rgba(153,153,153,1) 73%, rgba(212,213,217,1) 91%);    }
.subtit-box.diamond:before{ content: '';  background: linear-gradient(90deg, rgba(0,106,255,1) 0%, rgba(0,255,241,1) 44%, rgba(0,54,255,0.8898153011204482) 100%);    }
.gold .subtit{ color: transparent; background:  linear-gradient(90deg, rgba(180,121,28,1) 0%, rgba(227,191,103,1) 39%, rgba(215,172,78,1) 64%, rgba(204,157,65,1) 75%, rgba(240,208,119,1) 91%, rgba(200,144,53,1) 100%);  -webkit-background-clip: text; }
.copper .subtit{ color: transparent; background:  linear-gradient(90deg, rgba(180,121,28,1) 0%,rgba(180,121,28,1) 39%, rgba(180,121,28,1) 64%, rgba(180,121,28,1) 75%, rgba(180,121,28,1) 91%, rgba(200,144,53,1) 100%);  -webkit-background-clip: text; }
.platinum .subtit{ color: transparent; background:  linear-gradient(90deg, rgba(153,153,153,1) 0%, rgba(212,213,217,1) 39%, rgba(153,153,153,1) 73%, rgba(212,213,217,1) 91%);  -webkit-background-clip: text; }
.diamond .subtit{ color: transparent; background: linear-gradient(90deg, rgba(0,106,255,1) 0%, rgba(0,255,241,1) 44%, rgba(0,54,255,0.8898153011204482) 100%);  -webkit-background-clip: text; }
.platinum .sponsors-info .col-2 ul a{ background: linear-gradient(90deg, rgba(153,153,153,1) 0%, rgba(212,213,217,1) 10%, rgba(153,153,153,1) 20%,rgba(153,153,153,1) 80%, rgba(212,213,217,1) 100%); color: #fff;  }
.subtit-box.gift:before{ content: '';  background: linear-gradient(90deg, rgba(0,106,255,1) 0%, rgba(0,255,241,1) 44%, rgba(0,54,255,0.8898153011204482) 100%);    }
.gold .sponsors-info .col-2 ul a{ background: linear-gradient(90deg, rgba(180,121,28,1) 0%,  rgba(215,172,78,1) 64%,  rgba(200,144,53,1) 100%); color: #fff;  }
.copper .sponsors-info .col-2 ul a{ background: linear-gradient(90deg, rgba(180,121,28,1) 0%,  rgba(180,121,28,1) 64%,  rgba(180,121,28,1) 100%); color: #fff;  }
.diamond .sponsors-info .col-2 ul a{ background: linear-gradient(90deg, rgba(0,106,255,1) 0%, rgba(0,255,241,1) 44%, rgba(0,54,255,0.8898153011204482) 100%); color: #fff;  }
.sponsors-txt{ font-size: 1.4rem; line-height: 1.5; color: #2e2e2e; }
.sponsors-info{ display: flex; flex-direction: column; align-items: center; }
.sponsors-info .col-1{ margin: 0 0 10px 0; }
.sponsors-info .col-2 ul{ display: flex; list-style: none; margin: 0 0 0 10px;  }
.sponsors-info .col-2 ul li{ margin: 0 3px 0 3px; }
.sponsors-info .col-2 ul li a span{ margin: 0 5px 0 0; }
.sponsors-info .col-2 ul a{ display: flex; justify-content: center; align-items: center; width: 130px; height: 30px; border-radius: 5px; color: #fff; padding: 0 10px 0 10px; transition:all 0.4s cubic-bezier(.23,1,.32,1);  }
/* .sponsors-info .col-2 ul a:hover{ background: #37c2ef; } */


/* agenda */
/* 活動議程 */
.agenda-container{ box-sizing: border-box; padding: 0 0 20px 0;border-top:1px solid #e5e5e5;  }
.agenda{ width: 100%; font-size: 1.4rem; line-height: 1.5rem; color: #2e2e2e; box-sizing: border-box; padding: 30px 5% 20px 5%; }
/* 活動日期 */
.date{ display: flex; justify-content: center; font-family: 'Microsoft JhengHei UI', Helvetica, sans-serif; margin-bottom:30px; }
.date>li{ width: 33%; height: 80px; line-height: 80px; font-size: 1.5rem; text-align: center; background: rgba(170,170,170,1);  margin-right: 10px; transition:all 0.4s cubic-bezier(.23,1,.32,1);  }
.date>li>a{ text-decoration: none; color: #fff; display: block; width: 100%; height: 100%;  }
.date>li:last-child{ margin-right: 0; }
.date>li:first-child:hover,.date>li:first-child.active{ background: rgba(235,119,34,1); }
.date>li:nth-child(2):hover,.date>li:nth-child(2).active{ background: rgba(255,192,0,1) }
.date>li:last-child:hover,.date>li:last-child.active{ background: rgba(0,178,169,1); } 
.agenda .agendatit{ width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 2rem; line-height: 40px; color: #004982; text-align: center; }
.slash{ font-size: 1rem; }
/* 表格 */
.agenda__table{ font-size: 1.2rem; line-height: 1.58;  }
table{ table-layout:fixed; width:100%; border-collapse: collapse;  background: #fff; box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1); }
table th,table td{ padding:10px; }
.taipei table tr._break/* ,.taipei table tr:nth-child(even) */{ background:#89d4dd36; }
.taipei table th{ text-align:center; background:#005386; color:#FFF; }
.taipei table td{ text-align:center; border:#ccc 1px solid; }
.taichung table th{ text-align:center; background:#ffc000; color:#FFF; }
.taichung table td{ text-align:center; border:#ffdf7d 1px solid; }
.tainan table th{ text-align:center; background:#00b2a9; color:#FFF; }
.tainan table td{ text-align:left; border-top:#70cbc6 1px solid; }
table td.left{ text-align:left }
table th._time{ width:12%; }
table th._topic{ width:46%; }
table th._speaker{ width:42%; }
.taipei table tr._break{ background:#89d4dd36; }
.taichung table tr._break{ background:#ffdf7d; }
.tainan table tr._break{ background:#70cbc6; }
.agenda__table ul li, .agenda__table ol li{ text-align:left; }
table hr{ border: 0px; border-top: 1px solid #eee; }
.text-center{ text-align: center; }
.agenda-note{ width: 90%; margin: 0 auto; font-size: 1.4rem; line-height: 1.5em; }


/* 線上報名 */
.signup-container{ width: 100%; box-sizing: border-box; padding: 30px 5% 40px 5%; font-size: 1.4rem; color: #2e2e2e; line-height: 1.5rem; }
.signup-container a{ text-decoration: none; color: #004982; }
.signup-container a:hover{ text-decoration: underline; }
.signup{ }
.contact{ margin: -30px 0 0 0; }
.signup button{ width: 100%; height: 60px; line-height: 60px; border-radius: 3px; background: #004982; text-align: center; position: relative; font-size: 1.8rem; color: #fff; }
.signup button>a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

/* 大會好禮 */
/* .gift{ width: 100%; box-sizing: border-box; padding: 30px 5% 40px 5%; font-size: 1.4rem; line-height: 1.5rem; color: #2e2e2e; }
.gift-box{ }
.gift-box>li{ width: 100%; box-sizing: border-box; padding: 10px; }
.gift__img>img{ display: block; margin: 0 auto; }
.gift__img{ width: 100%; height: 190px; background: #ecf1f7; margin: 0 0 10px 0; box-sizing: border-box; padding: 15px 0 0 0; }
.gift__tit{ color: #eb7722;}
.gift02{ width: 100%; height: auto; margin: 20px 0 0 0; } */

/* 參加辦法 */
.method{ width: 100%; box-sizing: border-box; padding: 30px 5% 40px 5%; font-size: 1.4rem; line-height: 1.5rem; color: #2e2e2e; }
.method ul{ list-style-type: decimal; }
.method ul>li{ margin-left: 25px; }
.method a{ text-decoration: none; color: #004982; }
.method a:hover{ text-decoration: underline; }

/* 交通資訊 */
.traffic-container{ background: #e5e5e5; }
.traffic-box{ width: 100%; box-sizing: border-box; padding: 30px 5% 40px 5%; font-size: 1.5rem; line-height: 1.5rem; color: #2e2e2e;  }
.address{ font-size: 1.4rem; line-height: 1.5rem; margin-bottom: 10px; }
.address:before{ content: '\e833'; display: inline-block; margin-right: 3px; font-size: 1.5rem; }
.address span{ display: block; margin-left: 27px; }
.googlemap-box{ width: 100%; height: 200px; }
.location-box{ margin: 30px 0 0 0; }
.location__map{ width: 100%; margin: 0 0 10px 0; }
.location__map>img{ width: 100%; height: auto; }
.location__info{ font-size: 1.4rem; line-height: 1.58; }
.location__info .subtit{ font-size: 1.6rem; margin: 10px 0 0 0; }
.location__info .subtit:first-child{ margin: 0; }
.location__info ul{ list-style-type: disc; margin-left: 25px; }
.font--bold{ font-weight: bold; }
.listtit{ font-weight: 600; }
.placetit{ font-size: 1.8rem; font-weight: 600; color: #004982; }
.traffic-location>div+div{ margin: 10px 0 0 0; }
.addpadding{ box-sizing: border-box; padding: 0 0 0 70px; }

.txt--right{ text-align: right; }

/* contact */
.contact-container{ /* background: #e5e5e5; */ }
.contact-box{  width: 100%; box-sizing: border-box; padding: 30px 5% 20px 5%; font-size: 1.5rem; line-height: 1.58; color: #2e2e2e; }

.color--blue{ color: #004982; }
.color--red{ color: #ff0000; }
.txt--italic{ font-style: italic; }
.h3hlight{ font-size: 38px; font-weight: 600; }
.dayline{ border-bottom: 1px solid #004982; margin: 40px 0 }

/* gift */
.gift-container{ background-color: #c9c9c9;}
.gift-box{ display: block; width: 100%; margin: 0 auto; box-sizing: border-box; padding: 30px 5% 30px 5%; font-size: 1.4rem; line-height: 1.5em; color: #2e2e2e;  }
.gift-block{ display: block; }
.gift-block li{ min-width: 100%;}
.gift-block li+li{ margin: 20px 0 0 0px; }
.gifttit{ font-size: 1.6rem; color: #004982; }
.gift-img{ display: flex; justify-content: center; width: 100%; background: #fff; margin: 10px 0; }
.gift-img img{ width: 100%; }
.gift-txt{ width: 100%; font-size: 1.4rem; line-height: 1.5em; }
.gift-txt p{ width: 100%; }
.gift-txt ul{list-style: decimal;margin-left: 14px;}
.gift-txt ul li{margin: 0;}

.agenda-box .btn{ width: 100px; height: 30px; display: inline-flex; justify-content: center; align-items: center; font-size: 14px; color: #000; border: 1px solid #272727; box-sizing: border-box; padding: 0 10px 0 10px; border-radius: 3px; }
.agenda-box .btn span{  margin: 0 5px 0 0; }
.agenda-box .btn_yt span{ color: #f20000;}
.agenda-box .btn_pdf{ background: #005386; color: #fff; border: none; }
.agenda-box .btn-box{ margin: 10px 0 15px 0; }
.agenda-box .btn-box>.btn+.btn{ margin: 10px 0 0 0; }

.btn_download{ display: block; width: 100px; height: 30px; border-radius: 3px; line-height: 30px; text-align: center;  background: #eb7725; color: #fff; margin: 10px 0; }

.footer__right{ margin: 20px 0 0 0; display: flex; justify-content: center; align-items: center; }
.footer__right .logo-box{ margin: 0 0 0 5px; }
.footer__right .logo-box img{ width: 30px; margin: 0 3px 0 3px; }

/* tab */
.tab-list{ width: 100%; margin: 0 auto; display: flex; justify-content: center; align-items: center; background: #fff; margin: 0 0 -1px 0; }
.tab-list>li{ width: 50%; height: 60px; justify-content: center; align-items: center; font-size: 1.8rem; font-weight: bold; color: #c9c9c9; transition: all .4s cubic-bezier(0.39, 0.575, 0.565, 1); display: flex; justify-content: center; align-items: center; border: 1px solid #E3E3E3; margin: 0 -1px 0 0; cursor: pointer; }
.tab-list>li:hover,.tab-list>li.active{ background: #f1f1f1; color: #004982; border-width: 1px 1px 0 1px;  }
.tab-list.form>li{ width: 100%;  }
.tab-content{ background: #f1f1f1; box-sizing: border-box; padding: 50px 0 50px 0; min-height:500px; }
.tab-content .content-list{ width: 100vw; margin: 0 auto; box-sizing: border-box; padding: 0 0 0 0; font-size: 1.6rem; line-height: 1.58; color: #707070; }
.tab-content .content-list>li{ display: flex; flex-direction: column; align-items: center; }




/* $Pad
--------------------------------------------------------------------------------------*/
@media screen and (min-width:600px) and (max-width:1024px){

/* 主視覺 */
.kv{ width: 100%; height: 400px; background: url(../images/index__kv.jpg) #004982 no-repeat center top; background-size: cover; }

/* 直播活動 */
.live__qrcode>li:first-child{ margin-right: 55px; }

}





/* $橫的版型 */
@media screen and (orientation:landscape){ 


}





/* $Pc
--------------------------------------------------------------------------------------*/
/* @media screen and (min-width: 768px){ */
@media screen and (min-width: 1025px){

/* 主視覺 */
.kv-container{ box-sizing: border-box; padding: 80px 0 0 0;  }
.kv{ width: 100%; min-width: 1280px;  height: 597px;  background: url(../images/index__kv.jpg) #004982 no-repeat center top; }

/* 大會簡介 */
.activity{ width: 100%; max-width: 1280px; margin: 0 auto; font-size: 1.8rem; line-height: 1,68; color: #2e2e2e; box-sizing: border-box; padding: 50px 5% 80px 5%; }
.activity p{ line-height: 1.58; }
.activity h3{ font-weight: 400; font-size: 3.6rem; line-height: 1.58; color: #004982; margin: 0 0 10px 0; letter-spacing: 2px; font-weight: bold; text-align: center; }
.activity h4{ font-weight: 400; font-size: 2.6rem; line-height: 1.58; color: #004982; margin: 0 0 10px 0; letter-spacing: 1px; text-align: center; }
.activity .subtit{ font-size: 3rem; font-weight: bold; text-align: left; border-radius: 75px; height: 80px; color: #00A9DE; border: 1px solid #00A9DE; width: 60%; min-width: 690px; margin: 10px auto 20px; display: flex; justify-content: center; align-items: center; position: relative; }
/* .activity .subtit{ font-size: 2.4rem; font-weight: bold; text-align: left;  } */
/* .activity .subtit:after{ content: ''; width: 40%; height: 4px; background: #004982; position: absolute; left: 50%; bottom: -3px; transform: translate(-50%,-50%);  } */
/* .activity .subtit:before{ content: ''; width: 80%; height: 3px; background: #00A9DE; position: absolute; left: 50%; bottom: -3px; transform: translate(-50%,-50%);  } */
.activitybg{ background: url(../images/bg01.jpg) no-repeat center bottom / cover;  }
.step-box{ width: 668px; margin: 30px auto 0; }
.step-box h4{ text-align: center; margin: 0 0 10px 0; }


/* 活動日期 */
.date{ display: flex; justify-content: center; font-family: 'Microsoft JhengHei UI', Helvetica, sans-serif; }
.date>li{ width: 300px; height: 110px; line-height: 110px; font-size: 2.25rem; text-align: center; margin-right: 40px; transition:all 0.4s cubic-bezier(.23,1,.32,1);  }
.date>li>a{ text-decoration: none; color: #fff; display: block; width: 100%; height: 100%;  }
.date>li:first-child{ background: rgba(235,119,34,1); }
.date>li:nth-child(2){ background: rgba(255,192,0,1) }
.date>li:last-child{ background: rgba(0,178,169,1); margin-right: 0; }
.date>li:hover{ background: rgba(170,170,170,1); }

/* 講師介紹 */
.lecturer-container{ background: #e5e5e5;  }
.lecturer-box{ width: 100%; max-width: 1280px; box-sizing: border-box; margin: 0 auto; padding: 50px 5% 80px 5%; }
.lecturer{  }
.lecturer>li{ display: flex; justify-content: space-between; align-items: center; min-height: 300px;  background: rgba(255,255,255,1); box-sizing: border-box; padding: 30px; margin-bottom: 30px; box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);  }
.lecturer__photo{ width: 100px; margin: 0; height: 100px; border-radius: 100%; overflow: hidden; }
.lecturer__identity{ font-size: 20px; color: #2e2e2e; line-height: 25px; text-align: left; margin: 0; width: 35%; }
.lecturer__identity .title{ margin-bottom: 10px; font-size: 24px; }
.lecturer__identity>p:last-child{ margin-top: 25px; }
.eng{ font-size: 1.4rem; line-height: 20px; color: #888;   }
.lecturer__introduce{ width: 50%; font-size: 1.5rem; line-height: 25px; color: #888; }
.lecturer__identity .logo-img{ margin: 0 0 30px 0;  }
.lecturer__identity .logo-img img{ max-width: 100px; max-height: 80px; }

/* 歷年活動花絮 */
.history-container{}
.history-box{ width: 100%; max-width: 1280px; box-sizing: border-box; margin: 0 auto; padding: 50px 5% 80px 5%; }
.video-box{ width: 70%; max-width: 800px; margin: 0 auto; }
.video{ width: 100%; height: 0; padding-bottom: 56.25%; position: relative; }
.video iframe{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }


/* 直播活動 */
.live-box{ display: flex; justify-content: space-between; width: 100%; max-width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 50px 5% 80px 5%; font-size: 1.8rem; line-height: 1.5em; color: #2e2e2e;  }
.live__left{ width:560px; min-width:320px; line-height: 30px; font-size: 1.8rem; line-height: 30px; }
.live__right{ box-sizing: border-box; padding: 105px 0 0 0;   }
.hlight--red{ font-size: 1.5rem; color: #820000; line-height: 30px; }
.live__qrcode{  font-size: 1.8rem; color: #004982; margin-top: 20px; }
.live__qrcode li{ display: flex; font-size: 1.5rem; align-items: center; margin: 0 0 20px 0; }
.live__qrcode li a{ color: #004982; font-weight: bold; text-decoration: none; }
.live__qrcode li>img{ width: 40px; height: 40px; margin-right: 10px; }
.live__qrcode li a:hover{ text-decoration: underline; }
/*.live__qrcode>li:first-child{ margin-right: 55px; }*/
/*.live__qrcode>li img{ display: block; border: 35px solid #fff; margin-top: 10px; }*/
	
/* 大會好禮 */
/* .gift-box{ display: flex; font-size: 1.8rem; line-height: 30px; color: #2e2e2e; }
.gift-box>li{ width: 170px; box-sizing: border-box;  margin-right: 10px; }
.gift__img>img{ width: 100%; display: block; margin: 0 auto; }
.gift__img{ width: 100%; height: 150px; background: #ecf1f7; margin: 0 0 10px 0; box-sizing: border-box; }
.gift__tit{ color: #eb7722; text-align: center;}
.gift02{ width: auto; margin: 20px 0 0 0; } */

/* 贊助廠商 */
.sponsors-container{ /* background: #e5e5e5; */ background: none;  background: url(../images/bg02.jpg) no-repeat center center / cover; }
.sponsors-block{ width: 100%; max-width: 1280px; box-sizing: border-box; margin: 0 auto; padding: 50px 5% 0 5%; }
.sponsors-container .subtit{ font-size:2rem; line-height: 30px; font-weight: bold; color: #004982; text-align: center; margin: 0;	 }
.sponsors{  }
.sponsors>li{ display: flex; align-items: center; background: rgba(255,255,255,1); box-sizing: border-box; padding: 30px; margin-bottom: 30px; box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1); }
.sponsors__logo{ width: 180px; min-width: 180px; margin: 0 40px 0 0; }
.sponsors__logo img{ width: auto; max-width: 180px; max-height: 100px; display: block; margin: 0 auto; }
.sponsors__introduce{  font-size: 1.6rem; line-height: 1.58; color: #888; }
.subtit-box{ height: 30px; margin: 30px 0 30px 0; position: relative;  }
.subtit-box .txt-box{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-sizing: border-box; padding: 0 20px 0 20px; background: #f4f4f4; }
.subtit-box .txt-box2{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-sizing: border-box; padding: 0 20px 0 20px; background: #c9c9c9; }
.subtit-box:before{ content: ''; display: block; width: 100%; height: 1px; background: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%);  }
.subtit-box.gold:before{ content: ''; background:  linear-gradient(90deg, rgba(180,121,28,1) 0%, rgba(227,191,103,1) 39%, rgba(215,172,78,1) 64%, rgba(204,157,65,1) 75%, rgba(240,208,119,1) 91%, rgba(200,144,53,1) 100%);   }
.subtit-box.copper:before{ content: ''; background:  linear-gradient(90deg, rgba(180,121,28,1) 0%, rgba(180,121,28,1) 39%, rgba(180,121,28,1) 64%, rgba(180,121,28,1) 75%, rgba(180,121,28,1) 91%, rgba(200,144,53,1) 100%);   }
.subtit-box.platinum:before{ content: '';  background:  linear-gradient(90deg, rgba(153,153,153,1) 0%, rgba(212,213,217,1) 39%, rgba(153,153,153,1) 73%, rgba(212,213,217,1) 91%);    }
.subtit-box.diamond:before{ content: ''; background: linear-gradient(90deg, rgba(0,106,255,1) 0%, rgba(0,255,241,1) 44%, rgba(0,54,255,0.8898153011204482) 100%);  }
.subtit{ line-height: 30px; margin-bottom: 5px;   }
.gold .subtit{ color: transparent; background:  linear-gradient(90deg, rgba(180,121,28,1) 0%, rgba(227,191,103,1) 39%, rgba(215,172,78,1) 64%, rgba(204,157,65,1) 75%, rgba(240,208,119,1) 91%, rgba(200,144,53,1) 100%);  -webkit-background-clip: text; }
.copper .subtit{ color: transparent; background:  linear-gradient(90deg, rgba(180,121,28,1) 0%,rgba(180,121,28,1) 39%, rgba(180,121,28,1) 64%, rgba(180,121,28,1) 75%, rgba(180,121,28,1) 91%, rgba(200,144,53,1) 100%);  -webkit-background-clip: text; }
.platinum .subtit{ color: transparent; background:  linear-gradient(90deg, rgba(153,153,153,1) 0%, rgba(212,213,217,1) 39%, rgba(153,153,153,1) 73%, rgba(212,213,217,1) 91%);  -webkit-background-clip: text; }
.diamond .subtit{ color: transparent;background: linear-gradient(90deg, rgba(0,106,255,1) 0%, rgba(0,255,241,1) 44%, rgba(0,54,255,0.8898153011204482) 100%); -webkit-background-clip: text; }
.sponsors ul{ list-style: disc; margin-left: 25px; }
.sponsors-txt{ font-size: 2rem; line-height: 1.58; color: #2e2e2e; }
.sponsors-info{ display: flex; flex-direction: row; align-items: center; }
.sponsors-info .col-1{ margin: 0 0 0 0; }
.sponsors-info .col-2 ul{ display: flex; list-style: none; margin: 0 0 0 10px;  }
.sponsors-info .col-2 ul li{ margin: 0 3px 0 3px; }
.sponsors-info .col-2 ul li a span{ margin: 0 5px 0 0; }
.diamond .sponsors-info .col-2 ul a{background: linear-gradient(90deg, rgba(0,106,255,1) 0%, rgba(0,255,241,1) 44%, rgba(0,54,255,0.8898153011204482) 100%);color: #fff;  }
.platinum .sponsors-info .col-2 ul a{ background: linear-gradient(90deg, rgba(153,153,153,1) 0%, rgba(212,213,217,1) 10%, rgba(153,153,153,1) 20%,rgba(153,153,153,1) 80%, rgba(212,213,217,1) 100%); color: #fff;  }
.gold .sponsors-info .col-2 ul a{ background: linear-gradient(90deg, rgba(180,121,28,1) 0%,  rgba(215,172,78,1) 64%,  rgba(200,144,53,1) 100%); color: #fff;  }
.copper .sponsors-info .col-2 ul a{ background: linear-gradient(90deg, rgba(180,121,28,1) 0%,  rgba(180,121,28,1) 64%,  rgba(180,121,28,1) 100%); color: #fff;  }
/* .sponsors-info .col-2 ul a:hover{ background: #37c2ef; } */



/* footer */
.footer-container{ display: flex; justify-content: space-between;  align-items: center; }
.organizer{ justify-content: center; }
.organizer li>a{ margin-right: 10px;}
.footer__right{ margin: 20px 0 0 0; display: flex; align-items: center; }
.footer__right .logo-box{ margin: 0 0 0 5px; }
.footer__right .logo-box img{ width: 30px; margin: 0 3px 0 3px; }



/* agenda */
/* 活動議程 */
.agenda-container{ background: #f9f9f9; box-sizing: border-box; padding: 0 0 0 0; }
.agenda{ width: 100%; max-width: 1280px; margin: 0 auto; font-size: 1.8rem; line-height: 30px; color: #2e2e2e; box-sizing: border-box; padding: 50px 5% 0 5%; }
/* 活動日期 */
.date{ display: flex; justify-content: center; font-family: 'Microsoft JhengHei UI', Helvetica, sans-serif; margin-bottom: 80px; }
.date>li{ width: 300px; height: 110px; line-height: 110px; font-size: 2.25rem; background: rgba(170,170,170,1); text-align: center; margin-right: 40px; transition:all 0.4s cubic-bezier(.23,1,.32,1);  }
.date>li:last-child{ margin-right: 0; }
.date>li>a{ text-decoration: none; color: #fff; display: block; width: 100%; height: 100%;  }
.date>li:first-child:hover,.date>li:first-child.active{ background: rgba(235,119,34,1); }
.date>li:nth-child(2):hover,.date>li:nth-child(2).active{ background: rgba(255,192,0,1) }
.date>li:last-child:hover,.date>li:last-child.active{ background: rgba(0,178,169,1); } 
.agenda .agendatit{ font-size: 1.875rem; line-height: 80px; color: #004982; text-align: center; }
/* .agenda .agendatit.taipei{ font-size: 1.875rem; line-height: 80px; color: #004982; text-align: center; color: rgba(235,119,34,1); } */
.slash{ font-size: 1rem; }
/* 表格 */
.agenda__table{ font-size: 1.6rem; line-height: 1.58; }
table{ table-layout:fixed; width:100%; border-collapse: collapse; background: #fff; box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1); }
table th,table td{ padding:15px; }
.taipei table th{ text-align:center; background:#005386; color:#FFF; }
.taipei table td{ text-align:center; border:#ccc 1px solid; }
table td.left{ text-align:left; }
table th._time{ width:12%; }
table th._topic{ width:46%; }
table th._speaker{ width:42%; }
/* .taipei table tr._break,.taipei table tr:nth-child(even){ background:#89d4dd36; } */
.taipei table tr._break/* ,.taipei table tr:nth-child(even) */{ background:#89d4dd36; }
.agenda__table ul li, .agenda__table ol li{ text-align:left; }
table hr{ border: 0px; border-top: 1px solid #eee; }
.agenda-note{ font-size: 1.4rem;  }


/* 線上報名 */
.signup-container{ display: flex; width: 100%; max-width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 50px 5% 40px 5%; font-size: 1.8rem; color: #2e2e2e; line-height: 30px; }
.signup-container a{ text-decoration: none; color: #004982; }
.signup-container a:hover{ text-decoration: underline; }
.signup{ width: 400px; }
.contact{ margin: 0; }
.signup button{ width: 270px; height: 60px; line-height: 60px; border-radius: 3px; background: #004982; text-align: center; position: relative; font-size: 2rem; color: #fff; }
.signup button>a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
	
/* 大會好禮 */
.gift{ width: 100%; max-width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 50px 5% 40px 5%; font-size: 1.8rem; line-height: 30px; color: #2e2e2e; }
.gift-box{ display: flex; }
.gift-box>li{ width: 25%; box-sizing: border-box; padding: 10px; }
.gift__img>img{ display: block; margin: 0 auto; }
.gift__img{ width: 100%; height: 190px; background: #ecf1f7; margin: 0 0 10px 0; box-sizing: border-box; padding: 15px 0 0 0; }
.gift__tit{ color: #eb7722;}
.gift02{ width: auto; margin: 20px 0 0 0; }

/* 參加辦法 */
.method{ width: 100%; max-width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 50px 5% 40px 5%; font-size: 1.8rem; line-height: 30px; color: #2e2e2e; }
.method ul{ list-style-type: decimal; }
.method ul>li{ margin-left: 25px; }
.method a{ text-decoration: none; color: #004982; }
.method a:hover{ text-decoration: underline; }

/* 交通資訊 */
.traffic-container{ background: #e5e5e5; /* background: none; */ }
.traffic-box{ width: 100%; max-width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 50px 5% 80px 5%; font-size: 1.8rem; line-height: 1.5em; color: #2e2e2e;   }
.address{ font-size: 1.8rem; line-height: 30px; margin-bottom: 10px; }
.address:before{ content: '\e833'; display: inline-block; margin-right: 3px; font-size: 1.5rem; }
.address span{ display: inline-block; margin: 0; }
.googlemap-box{ width: 100%; height: 430px; }
.location-box{ display: flex; margin: 30px 0 0 0; }
.location__map{ width: 600px; min-width: 600px;  margin-right: 25px; }
.location__info{ font-size: 1.4rem; line-height: 1.58; }
.location__info .subtit{ font-size: 1.6rem; margin: 10px 0 0 0; }
.location__info .subtit:first-child{ margin: 0; }
.location__info ul{ list-style-type: disc; margin-left: 25px; }
.traffic-location{ display: flex; }
.traffic-location>div+div{ margin: 0 0 0 80px; }
.addpadding{ box-sizing: border-box; padding: 0 0 0 90px; }

/* contact */
.contact-container{ /* background: #e5e5e5; */ background: none; }
.contact-box{  width: 100%; max-width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 50px 5% 80px 5%; font-size: 1.8rem; line-height: 1.58; color: #2e2e2e; display: flex; flex-direction: column; align-items: center; }
.contact-txt{}

/* gift */
.gift-container{}
.gift-box{ display: block; width: 100%; max-width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 50px 5% 80px 5%; font-size: 1.8rem; line-height: 1.5em; color: #2e2e2e;  }
.gift-block{ display: flex; justify-content: center; }
.gift-block li{ min-width: 300px; }
.gift-block li+li{ margin: 0 0 0 50px; }
.gifttit{ font-size: 2rem; color: #004982; }
.gift-img{ display: flex; justify-content: center; width: 300px; background: #fff; margin: 10px 0; }
.gift-txt{ width: 100%; font-size: 1.8rem; line-height: 1.5em; }
.gift-txt p{ width: 300px; }
.gift-txt ul{list-style: decimal;margin-left: 14px;width: 280px;}
.gift-txt ul li{margin: 0;width: 280px;}

.agenda-box .btn{ height: 30px; display: inline-flex; justify-content: center; align-items: center; font-size: 14px; color: #000; border: 1px solid #272727; box-sizing: border-box; padding: 0 10px 0 10px; border-radius: 3px; }
.agenda-box .btn span{ margin: 0 5px 0 0; }
.agenda-box .btn_yt span{ color: #f20000;}
.agenda-box .btn_pdf{ background: #005386; color: #fff; border: none; }
.agenda-box .btn-box{ margin: 10px 0 15px 0; }
.agenda-box .btn-box>.btn+.btn{ margin: 0 0 0 5px; }

/* tab */
.tab-list{ width: 100%; margin: 0 auto -1px; display: flex; justify-content: center; align-items: center; background: #f9f9f9; }
.tab-list>li{ width: 25%; max-width: 300px; height: 60px; justify-content: center; align-items: center; font-size: 1.4rem; color: #c9c9c9; font-weight: bold; transition: all .4s cubic-bezier(0.39, 0.575, 0.565, 1); display: flex; justify-content: center; align-items: center; margin: 0 -1px 0 0; cursor: pointer; }
.tab-list.form>li{ width: 50%; max-width: none; }
.tab-list>li:hover,.tab-list>li.active{ background: #f1f1f1; color: #004982; border-width: 1px 1px 0 1px;  }
.tab-content{ background: #f1f1f1; box-sizing: border-box; padding: 0px 0 150px 0; min-height: 300px;}
.tab-content .content-list{ width: 100%; margin: 0 auto; box-sizing: border-box; padding: 0 20px 0 20px; font-size: 1.8rem; line-height: 1.58; color: #707070; }
.tab-content .content-list>li{ display: flex; flex-direction: column; align-items: center; }


	
}





/* $1025~1279
--------------------------------------------------------------------------------------*/
@media screen and (min-width:1025px) and (max-width:1279px){


}