@charset "utf-8";
/* CSS Document */
/*!
 * CME 202101
 * mobile first web
 */

html { font-size: 100%;/*16px*/ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body { font-size: 100%; line-height: 1.875em;/*30px*/ font-family: "Helvetica Neue",Helvetica,"Microsoft JhengHei","微軟正黑體",\5FAE\x8F6F\6B63\9ED1\4F53,sans-serif; background-color: #2c243f; color: #333;}
/*dl,*/ ol, ul { margin-bottom: 1.875rem; text-align: justify; word-break: break-all;}

/*=====font-awesome=====*/
.fa, .far, .fas, .fab { margin-right: .25rem; margin-left: .25rem;}

/*=====material-icons=====*/
.material-icons { margin-right: .25rem; margin-left: .25rem; font-size: inherit; line-height: 1; vertical-align: text-top;}

/*=====aos=====*/
/*Fade animations*/
[data-aos='fade-up'] { transform: translate3d(0, 50px, 0);}
[data-aos='fade-down'] { transform: translate3d(0, -50px, 0);}
[data-aos='fade-right'] { transform: translate3d(-50px, 0, 0);}
[data-aos='fade-left'] { transform: translate3d(50px, 0, 0);}
[data-aos='fade-up-right'] { transform: translate3d(-50px, 50px, 0);}
[data-aos='fade-up-left'] { transform: translate3d(50px, 50px, 0);}
[data-aos='fade-down-right'] { transform: translate3d(-50px, -50px, 0);}
[data-aos='fade-down-left'] { transform: translate3d(50px, -50px, 0);}
/*Zoom animations*/
[data-aos='zoom-in'] { transform: scale(.6);}
[data-aos='zoom-in-up'] { transform: translate3d(0, 50px, 0) scale(.6);}
[data-aos='zoom-in-down'] { transform: translate3d(0, -50px, 0) scale(.6);}
[data-aos='zoom-in-right'] { transform: translate3d(-50px, 0, 0) scale(.6);}
[data-aos='zoom-in-left'] { transform: translate3d(50px, 0, 0) scale(.6);}
[data-aos='zoom-out'] { transform: scale(1.2);}
[data-aos='zoom-out-up'] { transform: translate3d(0, 50px, 0) scale(1.2);}
[data-aos='zoom-out-down'] { transform: translate3d(0, -50px, 0) scale(1.2);}
[data-aos='zoom-out-right'] { transform: translate3d(-50px, 0, 0) scale(1.2);}
[data-aos='zoom-out-left'] { transform: translate3d(50px, 0, 0) scale(1.2);}

/*=====bootstrap=====*/
/*grid*/
.container { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto;}
.container-fluid { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto;}
.row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px;}
@media (min-width: 576px) {/*col-sm*/
  .container { max-width: inherit; padding-right: 20px; padding-left: 20px;}
	.container-fluid { padding-right: 20px; padding-left: 20px;}
	.row { margin-right: -20px; margin-left: -20px;}
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
	.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
	.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
	.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
	.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
	.col-xl-auto { padding-right: 20px; padding-left: 20px;}
}

@media (min-width: 768px) {/*col-md*/
	.container { max-width: inherit;}
}

@media (min-width: 992px) {/*col-lg*/
	.container { max-width: 960px;}
}

@media (min-width: 1200px) {/*col-xl*/
  .container { max-width: 1140px;}
}

/*=====embed=====*/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*=====images=====*/
img { max-width:100%;}

/*=====link=====*/
a {color:#e25041; text-decoration:none; -webkit-tap-highlight-color: rgba(0,0,0,.15);}/*#004bd0*/
a:hover,a:active,a:focus {color:#cd3f30; text-decoration:none;}
.list a:hover { text-decoration:underline;}
table a:hover { text-decoration:none;}

/*=====selection=====*/
p::selection {background:#ffb1a9; color:#fff;}
i::selection {background:#ffb1a9; color:#fff;}
::selection {background:#ffb1a9; color:#fff;}
p::-moz-selection {background:#ffb1a9; color:#fff;}
i::-moz-selection {background:#ffb1a9; color:#fff;}
::-moz-selection {background:#ffb1a9; color:#fff;}

/*=====heading & P=====*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, blockquote { margin-bottom: 1.875rem; font-family: inherit; font-weight: 400; line-height: 1.875rem; color: inherit;}
h1 { font-size: 2rem; line-height: 3rem;}
h2 { font-size: 1.875rem;}
h3 { font-size: 1.625rem;}
h4 { font-size: 1.5rem;}
h5 { font-size: 1.375rem;}
p { margin-top: 0; margin-bottom: 1.875rem;}

/*=====figure=====*/
figure {margin: 1.5em 0;}
figure img { margin-bottom: 0.5em;}
figure figcaption { text-align: center;}

/*=====thumbnail=====*/
.thumbnail { display:block; line-height:inherit; background-color:transparent;
-webkit-transition:border .2s ease-in-out;
-moz-transition:border .2s ease-in-out;
-ms-transition:border .2s ease-in-out;
transition:border .2s ease-in-out;}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color:transparent;}

/*list*/
ol ol { list-style: upper-alpha}
ol ol ol { list-style: lower-alpha;}

.list-style-none { padding-left:0;  list-style: none;}
.list-style-none ol { list-style: decimal;}
.list-style-none ol ol { list-style: lower-roman;}
.list-style-none ol ol ol { list-style: lower-alpha;}

/*dl*/
dt, dd { margin-bottom: 0; line-height: 1.875rem!important;}
dt { margin-right: 5px;}

/*forms*/
label { color: #2d243f; font-weight: 700;}
input { padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #b7b5c0; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; box-shadow: 2px 2px 1px 1px #f0f0f0 inset;}
.form-control { border-color: #b7b5c0;}
.custom-control-label::before { border-color: #b7b5c0; box-shadow: 2px 2px 1px 1px #f0f0f0 inset;}
.custom-control-input:checked~.custom-control-label::before { border-color: #e25041; background-color: #e25041; box-shadow: none;}

/*spacing*/
.mt-neg-1 { margin-top: -.313rem!important;}/*5px*/
.mt-neg-2 { margin-top: -.625rem!important;}/*10px*/
.mt-neg-3 { margin-top: -.938rem!important;}/*15px*/
.mt-neg-4 { margin-top: -1.25rem!important;}/*20px*/
.mt-neg-5 { margin-top: -1.563rem!important;}/*25px*/
.mt-neg-6 { margin-top: -1.875rem!important;}/*30px*/
.mt-neg-7 { margin-top: -2.188rem!important;}/*35px*/
.mt-neg-8 { margin-top: -2.5rem!important;}/*40px*/
.mt-neg-9 { margin-top: -2.813rem!important;}/*45px*/
.mt-neg-10 { margin-top: -3.125rem!important;}/*50px*/
.mt-neg-11 { margin-top: -3.438rem!important;}/*55px*/
.mt-neg-12 { margin-top: -3.75rem!important;}/*60px*/
.mr-neg-1 { margin-right: -.313rem!important;}/*5px*/
.mr-neg-2 { margin-right: -.625rem!important;}/*10px*/
.mr-neg-3 { margin-right: -.938rem!important;}/*15px*/
.mr-neg-4 { margin-right: -1.25rem!important;}/*20px*/
.mr-neg-5 { margin-right: -1.563rem!important;}/*25px*/
.mr-neg-6 { margin-right: -1.875rem!important;}/*30px*/
.mr-neg-7 { margin-right: -2.188rem!important;}/*35px*/
.mr-neg-8 { margin-right: -2.5rem!important;}/*40px*/
.mr-neg-9 { margin-right: -2.813rem!important;}/*45px*/
.mr-neg-10 { margin-right: -3.125rem!important;}/*50px*/
.mr-neg-11 { margin-right: -3.438rem!important;}/*55px*/
.mr-neg-12 { margin-right: -3.75rem!important;}/*60px*/
.mb-neg-1 { margin-bottom: -.313rem!important;}/*5px*/
.mb-neg-2 { margin-bottom: -.625rem!important;}/*10px*/
.mb-neg-3 { margin-bottom: -.938rem!important;}/*15px*/
.mb-neg-4 { margin-bottom: -1.25rem!important;}/*20px*/
.mb-neg-5 { margin-bottom: -1.563rem!important;}/*25px*/
.mb-neg-6 { margin-bottom: -1.875rem!important;}/*30px*/
.mb-neg-7 { margin-bottom: -2.188rem!important;}/*35px*/
.mb-neg-8 { margin-bottom: -2.5rem!important;}/*40px*/
.mb-neg-9 { margin-bottom: -2.813rem!important;}/*45px*/
.mb-neg-10 { margin-bottom: -3.125rem!important;}/*50px*/
.mb-neg-11 { margin-bottom: -3.438rem!important;}/*55px*/
.mb-neg-12 { margin-bottom: -3.75rem!important;}/*60px*/
.ml-neg-1 { margin-left: -.313rem!important;}/*5px*/
.ml-neg-2 { margin-left: -.625rem!important;}/*10px*/
.ml-neg-3 { margin-left: -.938rem!important;}/*15px*/
.ml-neg-4 { margin-left: -1.25rem!important;}/*20px*/
.ml-neg-5 { margin-left: -1.563rem!important;}/*25px*/
.ml-neg-6 { margin-left: -1.875rem!important;}/*30px*/
.ml-neg-7 { margin-left: -2.188rem!important;}/*35px*/
.ml-neg-8 { margin-left: -2.5rem!important;}/*40px*/
.ml-neg-9 { margin-left: -2.813rem!important;}/*45px*/
.ml-neg-10 { margin-left: -3.125rem!important;}/*50px*/
.ml-neg-11 { margin-left: -3.438rem!important;}/*55px*/
.ml-neg-12 { margin-left: -3.75rem!important;}/*60px*/

.mt-1 { margin-top: .313rem!important;}/*5px*/
.mt-2 { margin-top: .625rem!important;}/*10px*/
.mt-3 { margin-top: .938rem!important;}/*15px*/
.mt-4 { margin-top: 1.25rem!important;}/*20px*/
.mt-5 { margin-top: 1.563rem!important;}/*25px*/
.mt-6 { margin-top: 1.875rem!important;}/*30px*/
.mt-7 { margin-top: 2.188rem!important;}/*35px*/
.mt-8 { margin-top: 2.5rem!important;}/*40px*/
.mt-9 { margin-top: 2.813rem!important;}/*45px*/
.mt-10 { margin-top: 3.125rem!important;}/*50px*/
.mt-11 { margin-top: 3.438rem!important;}/*55px*/
.mt-12 { margin-top: 3.75rem!important;}/*60px*/
.mr-1 { margin-right: .313rem!important;}/*5px*/
.mr-2 { margin-right: .625rem!important;}/*10px*/
.mr-3 { margin-right: .938rem!important;}/*15px*/
.mr-4 { margin-right: 1.25rem!important;}/*20px*/
.mr-5 { margin-right: 1.563rem!important;}/*25px*/
.mr-6 { margin-right: 1.875rem!important;}/*30px*/
.mr-7 { margin-right: 2.188rem!important;}/*35px*/
.mr-8 { margin-right: 2.5rem!important;}/*40px*/
.mr-9 { margin-right: 2.813rem!important;}/*45px*/
.mr-10 { margin-right: 3.125rem!important;}/*50px*/
.mr-11 { margin-right: 3.438rem!important;}/*55px*/
.mr-12 { margin-right: 3.75rem!important;}/*60px*/
.mb-1 { margin-bottom: .313rem!important;}/*5px*/
.mb-2 { margin-bottom: .625rem!important;}/*10px*/
.mb-3 { margin-bottom: .938rem!important;}/*15px*/
.mb-4 { margin-bottom: 1.25rem!important;}/*20px*/
.mb-5 { margin-bottom: 1.563rem!important;}/*25px*/
.mb-6 { margin-bottom: 1.875rem!important;}/*30px*/
.mb-7 { margin-bottom: 2.188rem!important;}/*35px*/
.mb-8 { margin-bottom: 2.5rem!important;}/*40px*/
.mb-9 { margin-bottom: 2.813rem!important;}/*45px*/
.mb-10 { margin-bottom: 3.125rem!important;}/*50px*/
.mb-11 { margin-bottom: 3.438rem!important;}/*55px*/
.mb-12 { margin-bottom: 3.75rem!important;}/*60px*/
.ml-1 { margin-left: .313rem!important;}/*5px*/
.ml-2 { margin-left: .625rem!important;}/*10px*/
.ml-3 { margin-left: .938rem!important;}/*15px*/
.ml-4 { margin-left: 1.25rem!important;}/*20px*/
.ml-5 { margin-left: 1.563rem!important;}/*25px*/
.ml-6 { margin-left: 1.875rem!important;}/*30px*/
.ml-7 { margin-left: 2.188rem!important;}/*35px*/
.ml-8 { margin-left: 2.5rem!important;}/*40px*/
.ml-9 { margin-left: 2.813rem!important;}/*45px*/
.ml-10 { margin-left: 3.125rem!important;}/*50px*/
.ml-11 { margin-left: 3.438rem!important;}/*55px*/
.ml-12 { margin-left: 3.75rem!important;}/*60px*/

/*====ellipsis & line-clamp====*/
.ellipsis-1,.ellipsis-1 li {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ellipsis-2 {position:relative; display:-webkit-box; height:3em; line-height:1.5em !important; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ellipsis-3 {position:relative; display:-webkit-box; height:4.5em; line-height:1.5em !important; overflow:hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.ellipsis-4 {position:relative; display:-webkit-box; height:6em; line-height:1.5em !important; overflow:hidden; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.ellipsis-5 {position:relative; display:-webkit-box; height:7.5em; line-height:1.5em !important; overflow:hidden; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
.ellipsis-6 {position:relative; display:-webkit-box; height:9em; line-height:1.5em !important; overflow:hidden; -webkit-line-clamp:6; -webkit-box-orient:vertical;}

/*=====icon=====*/
[class^="icon-"] { display:inline-block; vertical-align:middle; font-style:normal; margin:0 0.188em;}
.icon-heart-1 { width:0.438em; height:0.438em; background:url(../images/icon-heart-3.png) 0 0 no-repeat; background-image:linear-gradient(transparent,transparent),url(../images/icon-heart-3.svg); -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover;}
.icon-arrow-1 { background:url(../images/icon-arrow-1.png) 0 0 no-repeat; background-image:linear-gradient(transparent,transparent),url(../images/icon-arrow-1.svg); -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover;}

/*=====text=====*/
/*color*/
.color-r,.r {color:#f00;}
.color-g,.g {color: #00861f;}
.color-r-1 { color: #ffa8ae;}
.color-r-2 { color: #e25041;}

/*text-align*/
.text-center { text-align:center;}
.text-left { text-align:left;}
.text-right { text-align:right;}
.text-justify { text-align: justify; text-justify: inter-ideograph; -ms-text-justify: inter-ideograph; /*IE9*/ -moz-text-align-last: justify; /*Firefox*/ -webkit-text-align-last: justify; /*Chrome*/}

/*buttons*/
button:focus { outline-color: transparent;}
.btn { display: inline-block; position: relative; padding: .625rem 5%;/*10px */ font-size: 1.5rem; line-height: 1; border: 0; border-radius: 30px; color: #fff; text-align: center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff8742+0,ef4539+100 */
background: rgb(255,135,66); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,135,66,1) 0%, rgba(239,69,57,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,135,66,1) 0%,rgba(239,69,57,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,135,66,1) 0%,rgba(239,69,57,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8742', endColorstr='#ef4539',GradientType=0 ); /* IE6-9 */}
.btn:hover, .btn:focus { color: #fff;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fc6341+0,db2727+100 */
background: rgb(252,99,65); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,99,65,1) 0%, rgba(219,39,39,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(252,99,65,1) 0%,rgba(219,39,39,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(252,99,65,1) 0%,rgba(219,39,39,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc6341', endColorstr='#db2727',GradientType=0 ); /* IE6-9 */}

.btn-1 { padding: 0 5px; font-size: 1em; line-height: inherit;}

/*transitions*/
.fade.collapsing { transition: height 0s linear;}

.fade { transition: opacity .5s ease-in-out;}
.fade.in { opacity: 1;}

/*modal*/
.modal-dialog { width: 100%; height: 100%; margin: auto; padding: .5rem;}
.modal-content { height: 100%; overflow-x: hidden; overflow-y: auto;}

/*.modal-backdrop { background-color: #fff;}
.modal-backdrop.show { opacity: 0.95;}*/

/*card*/
.card-deck .card { width: calc(50% - 20px); margin-right: 10px; margin-left: 10px; margin-bottom: 1.875rem; background-color: transparent; border: 0;}
.card-deck .card-body { padding: 10px 0;}
.card-deck .card-img-top { padding-right: 30%; padding-left: 30%;}
.card-deck .card-title { margin-bottom: 5px; color: #ee7332; font-size: 1rem; line-height: 1.2; font-weight: 700; text-align: center;}
.card-deck .card-text { font-size: 0.875rem; line-height: 1.2; text-align: center;}

/*=====animation & transition & transform=====*/
#header, .header .navbar, .navbar-toggler, .navbar-toggler-icon span, .lecturer-pc .nav-tabs a, .lecturer-pc .nav-tabs a *, .sign-btn-float a i {transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}

/*swing-1*/
@-webkit-keyframes swing-1 {
  0%{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    transform:translateY(0);
  }
  50%{
    -webkit-transform:translateY(5px);
    transform:translateY(5px);
  }
  100%{
    -webkit-transform:translateY(0);
    transform:translateY(0);
  }
 }

@keyframes swing-1 {
  0%{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    transform:translateY(0);
  }
  50%{
    -webkit-transform:translateY(5px);
    transform:translateY(5px);
  }
  100%{
    -webkit-transform:translateY(0);
    transform:translateY(0);
  }
}

.swing-1 {
  animation-name:swing-1; /*動畫名稱*/
  animation-duration:3s; /*動畫一週期所需時間，默認為0*/
  animation-timing-function:ease-in-out; /*動畫時間曲線，默認為ease*/
  animation-delay:0s; /*動畫開始延遲時間，默認為0*/
  animation-iteration-count:infinite; /*動畫播放次數，默認為1，infinite為無限次*/
  animation-direction:normal; /*動畫在下一週期是否逆向播放，默認為normal，逆向為alternate*/
  animation-play-state:running; /*動畫播放或暫停，默認為running*
  /* Safari and Chrome: */
  -webkit-animation-name:swing-1;
  -webkit-animation-duration:3s;
  -webkit-animation-timing-function:ease-in-out;
  -webkit-animation-delay:0s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:normal;
  -webkit-animation-play-state:running;
 }

.nav-link:hover i, .sign-btn-float a:hover i, .btn:hover i {
  animation-name:swing-1; /*動畫名稱*/
  animation-duration:1s; /*動畫一週期所需時間，默認為0*/
  animation-timing-function:ease-in-out; /*動畫時間曲線，默認為ease*/
  animation-delay:0s; /*動畫開始延遲時間，默認為0*/
  animation-iteration-count:infinite; /*動畫播放次數，默認為1，infinite為無限次*/
  animation-direction:normal; /*動畫在下一週期是否逆向播放，默認為normal，逆向為alternate*/
  animation-play-state:running; /*動畫播放或暫停，默認為running*
  /* Safari and Chrome: */
  -webkit-animation-name:swing-1;
  -webkit-animation-duration:1s;
  -webkit-animation-timing-function:ease-in-out;
  -webkit-animation-delay:0s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:normal;
  -webkit-animation-play-state:running;
 }

/*=====common=====*/
.img-responsive { width:100%; height:auto;}
.clearfix:before,.clearfix:after { display:table; content:'';}
.clearfix:after { clear:both;}

/*nav,nav-tabs*/
.tabs {position: relative;}
.tabs .nav-tabs { margin-bottom:10px; border-top:1px solid #980038;}
.tabs .nav-tabs li { float:left;} 
.tabs .nav-tabs li a { display:block; text-decoration:none; border-right:1px solid #ddd; border-left:1px solid #fff; padding:0 5px; background-color:#eee; line-height:2.313em; text-align:center; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -ms-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
.tabs .nav-tabs li a:hover { background-color:#ccc;}
.tabs .nav-tabs li a.active { color:#fff; border-right:1px solid #7a002d; border-left:1px solid #ce2764;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c43c90+0,ce4685+18,980038+100 */
background: rgb(196,60,144); /* Old browsers */
background: -moz-linear-gradient(top, rgba(196,60,144,1) 0%, rgba(206,70,133,1) 18%, rgba(152,0,56,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(196,60,144,1) 0%,rgba(206,70,133,1) 18%,rgba(152,0,56,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(196,60,144,1) 0%,rgba(206,70,133,1) 18%,rgba(152,0,56,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c43c90', endColorstr='#980038',GradientType=0 ); /* IE6-9 */}
.tabs .nav-tabs li a i { margin:0 5px; opacity:0.3; filter:alpha(opacity=30);/*for IE*/}
.tabs .nav-tabs li a:hover i,.tabs .nav-tabs li a.selected i { opacity:1; filter:alpha(opacity=100);/*for IE*/}

.tab-content > .tab-pane { display:none;}
.tab-content > .active { display:block;}

/*=====title=====*/
.title-1 { position: relative; margin-bottom: 30px; padding: 10px 30px; border-radius: 30px; background-color: #736a84; color: #fff; font-size: 20px; line-height: 1; text-align: center;}
.title-1:before, .title-1:after { content: ""; position: absolute; top: calc(50% - 3px); left: 20px; width: 6px; height: 6px; border-radius: 50%; background-color: #fff;} 
.title-1:after { right: 20px; left: inherit;} 
.title-2 { margin: 5px; padding: 5px 10px; border-radius: 20px; color: #fff; font-size: 16px; line-height: 1.25rem; text-align: center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a1e4f+0,9d30a1+15,ff4242+35,ff9042+50,ff4242+65,9d30a1+85,2a1e4f+100&0+0,1+25,1+75,0+100 */
background: -moz-linear-gradient(left, rgba(42,30,79,0) 0%, rgba(157,48,161,0.6) 15%, rgba(206,57,114,1) 25%, rgba(255,66,66,1) 35%, rgba(255,144,66,1) 50%, rgba(255,66,66,1) 65%, rgba(206,57,114,1) 75%, rgba(157,48,161,0.6) 85%, rgba(42,30,79,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(42,30,79,0) 0%,rgba(157,48,161,0.6) 15%,rgba(206,57,114,1) 25%,rgba(255,66,66,1) 35%,rgba(255,144,66,1) 50%,rgba(255,66,66,1) 65%,rgba(206,57,114,1) 75%,rgba(157,48,161,0.6) 85%,rgba(42,30,79,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(42,30,79,0) 0%,rgba(157,48,161,0.6) 15%,rgba(206,57,114,1) 25%,rgba(255,66,66,1) 35%,rgba(255,144,66,1) 50%,rgba(255,66,66,1) 65%,rgba(206,57,114,1) 75%,rgba(157,48,161,0.6) 85%,rgba(42,30,79,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002a1e4f', endColorstr='#002a1e4f',GradientType=1 ); /* IE6-9 */}
.title-3 { color: #b5d9ff; font-size: 1.25rem; line-height: 1.875rem; text-align: center;}
.title-4 { display: inline-block; min-width: 80px; padding: 0 5px; background-color: #ee7332; color: #fff; line-height: 20px; text-align: center;}
.title-5 { margin-bottom: 0; padding-bottom: 5px; border-bottom: 1px solid #2d243f; margin-bottom: 10px; color: #2d243f; text-align: center; font-weight: 700;}
.title-6 { margin-bottom: 1.875rem; padding-bottom: 5px; border-bottom: 1px solid #2d243f; font-size: 1.5rem; line-height: 1.2; text-align: center; font-weight: 700; color: #2d243f;}

/*table*/
/*=====table=====*/
caption { padding-top: 5px; padding-bottom: 5px; background-color: rgba(27,21,36,0.9); color: #fff; font-size: 1rem; line-height: 20px; text-align: center; caption-side: top;}
.table-1 { width:100%; margin-bottom:0; border-spacing:0;}
th { padding:6px 3px; line-height: 1.5em; vertical-align: middle; text-align:center; color:#fff;}
td { padding:6px 3px; line-height: 1.5em; vertical-align: middle; text-align:left; border-bottom:1px solid #ccc;}
.table-1 thead tr th { background-color:rgba(183,181,192,1);  border-right:1px solid #ccc; border-bottom:0;}
.table-1 tbody tr th { background-color:rgba(183,181,192,0.6); border-right:1px solid #ccc; border-bottom: 1px solid #a9b2b4;}
.table-1 tr th:last-child { border-right:0;}
.table-1 tr { background-color:rgba(255,255,255,0.7);}
.table-1 h3 { font-size: 22px;}

/*box*/
.box { position: relative; overflow: hidden;}
.box, .box-1, .box-2 { position: relative; margin-bottom:30px;}

/*iframe*/
.iframe-rwd { position: relative; width: 100%; height: 300px; overflow: hidden;}
.iframe-rwd iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*wrapper*/
.wrapper { background-color: #c7d9d9;}

/*header*/
.header { width: 100%; height:auto; position: fixed; top: 0; left: 0; z-index: 99;}
.header .expend-lg { width: 100%; position: relative; z-index: 1;}
.header .navbar { width:100%; min-height: 60px; padding: 0 10px; z-index: 1;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c233e+0,2c233e+100&1+39,0+100 */
background: -moz-linear-gradient(top, rgba(44,35,62,1) 0%, rgba(44,35,62,1) 39%, rgba(44,35,62,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(44,35,62,1) 0%,rgba(44,35,62,1) 39%,rgba(44,35,62,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(44,35,62,1) 0%,rgba(44,35,62,1) 39%,rgba(44,35,62,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c233e', endColorstr='#002c233e',GradientType=0 ); /* IE6-9 */}
.navbar-toggler { margin-left: auto; padding: 18px 13px; border: 0; font-size: 1rem; line-height: 0;}
.navbar-toggler-icon { position: relative; display: inline-block; width: 24px; height: 24px;}
.navbar-toggler-icon span { display: block; position: absolute; top:0;  width: 100%; height: 2px; background-color:rgba(255,255,255,1);}
.navbar-toggler-icon span:nth-child(2) { display: block; position: absolute; top:calc(50% - 1px);  width: 100%; height: 2px; background-color:rgba(255,255,255,1)}
.navbar-toggler-icon span:nth-child(3) { display: block; position: absolute; top:inherit; bottom: 0; width: 100%; height: 2px; background-color:rgba(255,255,255,1)}
.navbar-toggler.open .navbar-toggler-icon span:nth-child(1) { top:calc(50% - 1px); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.navbar-toggler.open .navbar-toggler-icon span:nth-child(2) { background-color:rgba(255,255,255,0);}
.navbar-toggler.open .navbar-toggler-icon span:nth-child(3) { top:calc(50% - 1px); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.navbar-collapse { width: 100%; position: relative;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+0,f9f9f9+3&0.97+0,0.97+100 */
background: -moz-linear-gradient(top, rgba(221,221,221,0.97) 0%, rgba(249,249,249,0.97) 3%, rgba(249,249,249,0.97) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(221,221,221,0.97) 0%,rgba(249,249,249,0.97) 3%,rgba(249,249,249,0.97) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(221,221,221,0.97) 0%,rgba(249,249,249,0.97) 3%,rgba(249,249,249,0.97) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7dddddd', endColorstr='#f7f9f9f9',GradientType=0 ); /* IE6-9 */}
.navbar-nav { padding: 10px;}
.navbar-nav .nav-item { position: relative; border-bottom: 1px dashed #ddd;}
.navbar-nav .nav-item:last-child { border-bottom: 0;}
.navbar-nav .nav-link { position: relative; padding-top: 1rem; padding-bottom: 1rem; color: #333; text-align: center; font-weight: 700;}
.navbar-nav .nav-link:hover, .navbar-nav .nav-item.current .nav-link { color: #f04839;}

.scrolling .header { /*-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.2); box-shadow: 0 3px 6px rgba(0,0,0,0.2);*/}
.scrolling .header .navbar { min-height: 50px;}
.scrolling .navbar-toggler { padding: 13px;}

.navPanel-visible .header .navbar { 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c233e+0,2c233e+100 */
background: rgb(44,35,62); /* Old browsers */
background: -moz-linear-gradient(top, rgba(44,35,62,1) 0%, rgba(44,35,62,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(44,35,62,1) 0%,rgba(44,35,62,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(44,35,62,1) 0%,rgba(44,35,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c233e', endColorstr='#2c233e',GradientType=0 ); /* IE6-9 */}

/*footer*/
.footer { position: relative; padding: 20px 0 70px; text-align: center; font-size: 0.875rem;/*14px*/ line-height: 1.25rem;/*20px*/ background-color: #2d243f; color: #fff; letter-spacing: 1px;}
.footer .cme-logo { height: 40px; margin-bottom: 10px;}

/*=====gotop=====*/
.gotop { position:fixed; z-index:999; width:50px; height:50px; color:#fff; border-radius:100%; font-size:14px; line-height:50px; text-align:center; bottom:-100px; right:1%; cursor:pointer; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out; opacity: 0.85;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff9042+0,ff4242+40,683b88+100 */
background: rgb(255,144,66); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,144,66,1) 0%, rgba(255,66,66,1) 40%, rgba(104,59,136,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,144,66,1) 0%,rgba(255,66,66,1) 40%,rgba(104,59,136,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,144,66,1) 0%,rgba(255,66,66,1) 40%,rgba(104,59,136,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9042', endColorstr='#683b88',GradientType=0 ); /* IE6-9 */}
.gotop i {font-size:14px; color:#fff;}
.gotop:hover{ opacity: 1;}

/*main-wrapper*/
#main-wrapper { }
section { position:relative;}
.anchor { position:absolute; top:-75px;}
.anchor-break-1 { top:-75px;}

/*section*/
.section-1 .box { position: relative; width: 100%; min-height: 100vh; margin-bottom: 0; padding: 60px 0 0; background: url(../images/site-images/bg-m.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover;}
.section-1 .box:before { content: ''; display: block; width: 100%; height: 10%; position: absolute; bottom: 0; left: 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#545ad7+0,545ad7+100&0+0,1+70 */
background: -moz-linear-gradient(top, rgba(84,90,215,0) 0%, rgba(84,90,215,1) 70%, rgba(84,90,215,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(84,90,215,0) 0%,rgba(84,90,215,1) 70%,rgba(84,90,215,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(84,90,215,0) 0%,rgba(84,90,215,1) 70%,rgba(84,90,215,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00545ad7', endColorstr='#545ad7',GradientType=0 ); /* IE6-9 */}
.section-1 img { width: 100%;}
.section-1 h1 { position: absolute; top: 0; text-indent: -9999em;}
.section-1 .event-title { width: 90%; position: relative; margin: 15vh auto 1vw;}
.section-1 .subtitle { width: 90%; position: relative; margin: 0 auto 15vh;}
.section-1 .signup-btn { margin-bottom: 30px; text-align: center;}
.section-1 .signup-btn i { position: absolute; bottom: -2px; right: 0; left: 0; margin-right: auto; margin-left: auto; font-size: 1rem;}

.grid-box { width: 40vw; height: 40vw; position: absolute; left: 50%; bottom: 15vh;}
.grid-box .grid-1 { width: 50%; position: absolute; bottom: 0; left: -10%;}
.grid-box .grid-2 { width: 30%; position: absolute; bottom: 35%; right: 0;}
.grid-box .grid-3 { width: 20%; position: absolute; top: 0; right: 15%;}

.section-promote .box { padding-top: 30px;}
.section-promote .box:before { content: ''; display: block; width: 100%; height: 30%; position: absolute; top: 0; left: 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#545ad7+0,c7d9d9+100 */
background: rgb(84,90,215); /* Old browsers */
background: -moz-linear-gradient(top, rgba(84,90,215,1) 0%, rgba(199,217,217,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(84,90,215,1) 0%,rgba(199,217,217,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(84,90,215,1) 0%,rgba(199,217,217,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545ad7', endColorstr='#c7d9d9',GradientType=0 ); /* IE6-9 */}

.section-2 .box { padding-top: 30px;}
.section-2 .card-group .card { border: 0; background-color: transparent;}
.section-2 .card .card-body { padding-right: 0; padding-left: 0;}

.sign-btn-float { width: 100%; position: fixed; left: 0; bottom: 0; z-index: 999;}
.sign-btn-float a { display: block; background-color: rgba(240,72,57,0.85); color: #fff; font-size: 1.25rem; letter-spacing: 2px; line-height: 50px; text-align: center;}
.sign-btn-float i { margin-right: 0;}

.lecture_info { padding-top: 20px; padding-bottom: 20px;}
.lecture_info p { margin-bottom:20px;}

.sign_up {padding:10px; background-color: rgba(255,255,255,0.7);}

.box-lecturer { position: relative; padding: 20px 10px; overflow: hidden;}
.box-lecturer .img { width: 60vw; height: 60vw; margin-right: auto; margin-left: auto; margin-bottom: 20px; border-radius: 50%; overflow: hidden;}
.box-lecturer .img img { width: 100%;}
.box-lecturer .content h4 { font-size: 1.5rem; text-align: center;}

.box-guest { padding: 20px 10px;}
.box-guest .card { width: 100%;}
.box-guest .card-img-top { width: 60vw; height: 60vw; margin-right: auto; margin-left: auto; padding: 0!important; border-radius: 50%; overflow: hidden;}
.box-guest .card-text { font-size: 1rem;}


/*firm*/
.firm { padding-top: 30px; padding-bottom: 30px; color: #444;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fff7e1+0,fffefc+40,f8eddf+95,ee7332+100 */
background: rgb(255,247,225); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,247,225,1) 0%, rgba(255,254,252,1) 40%, rgba(248,237,223,1) 95%, rgba(238,115,50,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,247,225,1) 0%,rgba(255,254,252,1) 40%,rgba(248,237,223,1) 95%,rgba(238,115,50,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,247,225,1) 0%,rgba(255,254,252,1) 40%,rgba(248,237,223,1) 95%,rgba(238,115,50,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff7e1', endColorstr='#ee7332',GradientType=0 ); /* IE6-9 */}
.firm > div > div { -ms-flex-direction: column; flex-direction: column; margin-top: 5px; margin-bottom: 5px;}
.firm > div > div > div:nth-child(1) { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding-top: 10px;}
.firm > div> div > div:nth-child(2) { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.firm > div > div > div a { width: 100px; margin: 5px; min-height: 40px; line-height: 40px;}

/*=====media query=====*/
@media screen and (min-width: 375px) {
	/*firm*/
  .firm > div { -ms-flex-direction: row; flex-direction: row;}
}

@media screen and (min-width: 480px) {/*xxs*/
}

@media screen and (min-width: 576px) {/*sm*/
	/*card*/
	.card-deck .card { width: auto;}
	.card-deck .card-img-top { padding-right: 20%; padding-left: 20%;}
	
	/*title*/
	.title-6 { font-size: 2rem;}
	
	/*footer*/
	.footer .cme-logo { position: absolute; top: 10px; right: 20px; margin-top: auto; margin-bottom: auto;}
	
	/*section*/
	.box-guest .card-img-top { width: 26vw; height: 26vw;}
}

@media screen and (min-width: 768px) {/*md*/
	/*card*/
	.card-deck .card-title { font-size: 1.375rem;}
	.card-deck .card-text { font-size: 1rem;}
	
	/*section*/
	.grid-box { width: 30vw; height: 30vw;}
	
	.box-lecturer .img { width: 30vw; height: 30vw; position: absolute; top: 0; left: 2.5vw; margin-top: 20px; margin-bottom: 0;}
	.box-lecturer .img img { width: 100%;}
	.box-lecturer .img+.content { padding-left: 35vw;}
	.box-lecturer .content h4 { text-align: left;}
	.box-guest .card-text { font-size: 1.5rem;}
}

@media screen and (max-width: 991px) and (orientation: landscape) {/*水平*/
	/*section*/
	.section-1 .box { min-height: 200vh;}
	
}

@media screen and (min-width:992px) {/*lg*/
	/*header*/
	.header .navbar { width: auto; padding: 0;}
	.header .expend-lg { display: flex; -ms-flex-flow: row nowrap!important; flex-flow: row nowrap!important; -ms-flex-pack: start!important; justify-content: flex-start!important;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c233e+0,2c233e+100&1+39,0+100 */
	background: -moz-linear-gradient(top, rgba(44,35,62,1) 0%, rgba(44,35,62,1) 39%, rgba(44,35,62,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(44,35,62,1) 0%,rgba(44,35,62,1) 39%,rgba(44,35,62,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(44,35,62,1) 0%,rgba(44,35,62,1) 39%,rgba(44,35,62,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c233e', endColorstr='#002c233e',GradientType=0 ); /* IE6-9 */}
	.navbar-collapse { width: auto; padding-right: 20px; padding-left: 20px; background: none!important; font-size: 1rem; line-height: 1.25rem; display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto;}
	.navbar-nav { padding: 0; -ms-flex-direction: row; flex-direction: row;}
	.navbar-nav .nav-item { border-bottom: 0;}
	.navbar-nav .nav-item:last-child { margin-right: 0;}
	.navbar-nav .nav-link { margin-right: 10px; margin-left: 10px; padding: 5px 10px; color: #fff;}
	.navbar-nav .nav-link:hover, .navbar-nav .nav-item.current .nav-link { border-radius: 15px; background-color: #fff; color: #1b93b2;}
	
	/*footer*/
	.footer { padding: 20px 0;}
	.footer .cme-logo { top: 0; bottom: 0;}
	
	/*section*/
	.section-1 .subtitle { margin-bottom: 60px;}
	
	.box-lecturer .img { width: 26vw; height: 26vw; left: 3vw;}
	.box-lecturer .img+.content { padding-left: 32vw;}
	
	.box-guest .card-img-top { width: 20vw; height: 20vw;}
	
	.sign-btn-float { width: 40px; top: 30%; right: 0; bottom: inherit; left: inherit;}
	.sign-btn-float a { width: 40px; padding: 20px 0; border-top-left-radius: 20px; border-bottom-left-radius: 20px; -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff9042+0,ff4242+40,683b88+100 */
	background: rgb(255,144,66); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,144,66,1) 0%, rgba(255,66,66,1) 40%, rgba(104,59,136,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,144,66,1) 0%,rgba(255,66,66,1) 40%,rgba(104,59,136,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,144,66,1) 0%,rgba(255,66,66,1) 40%,rgba(104,59,136,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9042', endColorstr='#683b88',GradientType=0 ); /* IE6-9 */}
	.sign-btn-float a i { margin: 0; margin-top: 5px; margin-bottom: 5px;}
	.sign-btn-float a:hover i { margin-top: 10px; margin-bottom: 0;}
}

@media screen and (min-width: 992px) and (orientation: landscape) {/*水平*/
	/*section*/
	.section-1 .box { background: url(../images/site-images/bg-pc.jpg) right center no-repeat; -webkit-background-size: cover; background-size: cover;}
	.section-1 .event-title { width: 70%; margin-top: 10vh;}
	.section-1 .subtitle { width: 70%;}
	
	.grid-box { width: 20vw; height: 20vw; top: auto; left: 74%; bottom: auto;}
}


@media screen and (min-width:1200px) {/*xl*/
	/*title*/
	.title-1 { padding: 10px 40px; font-size: 30px;}
	.title-2 { font-size: 20px; line-height: 1.875rem;}
	.title-3 { font-size: 1.25rem; line-height: 2.25rem;/*36px*/}
	
	/*section*/
	.section-1 .box { background: url(../images/site-images/bg-pc.jpg) right center no-repeat; -webkit-background-size: cover; background-size: cover;}
	
	.box-lecturer .img { width: 18vw; height: 18vw; left: 3vw;}
	.box-lecturer .img+.content { padding-left: 24vw;}
	
	.box-guest .card-img-top { width: 280px; height: 280px;}
}

@media screen and (min-width: 1200px) and (orientation: landscape) {/*水平*/
}

@media screen and (min-width: 1366px) {
	/*section*/
	.section-1 .event-title, .section-1 .subtitle { width: 950px;}
	
	.grid-box { width: 250px; height: 250px; top: auto; left: 74%; bottom: auto;}
}

@media screen and (min-width:1600px) {
	
}