@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

* {font-family: 'Noto Sans TC', "微軟正黑體", "Microsoft JhengHei"; transition:0.2s;}
body{font-size:10px; line-height: 10px; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; overflow-x: hidden;}
p,a,h1,h2,h3,h4,h5,table,tr,td{}
h2{font-size:5em; color:#fff; font-weight:1000; text-align: center; margin:50px 0;}
h3{font-size:2em; color:#000; font-weight:bold;}
@media (max-width:640px){
    h2{font-size:4em;}
    
}
.wrap{background:rgba(244,244,244,0.9); padding:90px 20px 70px 20px;}
p{font-size:1.8em; line-height: 2.2em; text-align: justify;}
ul{padding:0; margin:0;}
ul li{list-style:none;}
.clear{clear:both;}
.text-center{text-align: center;}
.margin{height:30px;}
.notice{color:#000; font-size:1.4em; line-height: 1.4em; text-align: center}
.color-w{ color: #fff;}
.color-bl{ color: #ff7346;}
:root {
  --animate-delay: 0.5s;
}
.button a{padding:7px 20px; font-size:20px; font-weight:bold; color:#000; border:2px solid #e6750f; margin:20px auto; border-radius: 50px; text-decoration: none;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff7200+0,ff7200+100&0.5+0,1+100 */
background: -moz-linear-gradient(top,   rgba(215,237,201,1) 0%,  rgba(255,255,255,1)  100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,   rgba(215,237,201,1)0%,  rgba(255,255,255,1)  100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,   rgba(215,237,201,1) 0%,  rgba(255,255,255,1)  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ff7200', endColorstr='#ff7200',GradientType=0 ); /* IE6-9 */}
.button a svg{width:15px; height:20px; fill:#fff; margin-bottom: 5px; margin-left: 5px;}
.button.greensty a{
    padding:7px 20px; font-size:20px; font-weight:bold; color:#000; border:2px solid #fff; margin:20px auto; border-radius: 50px; text-decoration: none;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff7200+0,ff7200+100&0.5+0,1+100 */
background: -moz-linear-gradient(top,  rgba(215,237,201,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(215,237,201,1) 0%, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(215,237,201,1) 0%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ff7200', endColorstr='#ff7200',GradientType=0 ); /* IE6-9 */
}
.button.greensty a svg{ fill:#000}

@media (max-width:1199px){
	body{line-height: 9.5px;}
}

@media (max-width:640px){
	.button a{padding:5px 15px; font-size:1.4em;}
	.button a svg{display:none;}
}
@media (max-width:360px){
	.button a{padding:5px 9px;}
}



/*container*/
.contain-lg{width:1720px; margin:0 auto;}
@media (max-width:1719px){
	.contain-lg{width:100%; padding-left: 20px; padding-right: 20px;}
}
.contain-md{width:1240px; margin:0 auto;}
@media (max-width:1239px){
	.contain-md{width:100%; padding-left: 20px; padding-right: 20px;}
}



/*nav*/
.nav .navbar{position: fixed; width:100%; padding:10px 0; z-index: 999; top:0;}
.nav .bg-light{background:#ff7346!important;}
.nav .nav-item{margin:0 10px;}
.nav .navbar-light .navbar-nav .nav-link, .nav .navbar-light .navbar-nav .nav-link-dropdown{font-size:1.8em; font-weight:bold; color:#fff;}
	
.nav .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .nav .navbar-light .navbar-nav .nav-link-dropdown:focus, .navbar-light .navbar-nav .nav-link-dropdown:hover{color:#f8b300; outline-width: inherit; outline-offset: inherit; outline-style: inherit; outline-color: rgba(0,0,0,0);}
.nav .navbar-light .navbar-nav .nav-link img{width:28px;}
.nav .navbar-expand-lg .navbar-nav{margin: 10px 0;}
.nav .navbar-light .navbar-brand{padding:20px 0;}
.nav .navbar-light .navbar-brand img{width:160px;}
.navbar-expand-lg .navbar-nav .dropdown-menu{border:none; border-radius:0;}
.nav .countdown{}
.nav .countdown input{width:22px; border:none; color: #102e4f; text-align: center;}

.nav-link-dropdown {
    display: block;
    padding: .5rem 1rem;
}
.navbar-expand-lg .navbar-nav .nav-link-dropdown {
	text-decoration: none;
}

/*nav balloon*/
.balloon-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	margin-top:20px;
}
.balloon {
    position: absolute;
    padding: 3px 20px;
    margin-top: -6px;
    color: #042f52;
    font-weight: 700;
    background: #fff;
    border: 3px solid #dc5f46;
    box-sizing: border-box;
    border-radius: 25px;
    z-index: 3;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.balloon::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -15px;
    border: 10px solid transparent;
    border-bottom: 10px solid #fff;
    z-index: 2;
}
.balloon p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 1.5;
	text-align: center;
}
.balloon:after {
    content: "";
    position: absolute;
    top: -26px;
    left: 50%;
    margin-left: -17px;
    border: 12px solid transparent;
    border-bottom: 12px solid #dc5f46;
    z-index: 1;
}
@media (max-width: 991px){
	.balloon-area{margin-bottom:70px;}
}
/*nav balloon*/

@media (min-width: 992px) and (max-width:1143px){
	.nav .navbar-light .navbar-nav .nav-link, .nav .navbar-light .navbar-nav .nav-link-dropdown{font-size: 17px;}
	.nav .nav-item {margin: 0 6px;}
}
@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link-dropdown {padding-right: .5rem;padding-left: .5rem;}
	.nav .navbar-light .navbar-nav .nav-link, .nav .navbar-light .navbar-nav .nav-link-dropdown{margin-top: 13px;}
	.nav .navbar-light .navbar-nav .nav-link img{margin-top:-7.5px;}
	
	.navbar-expand-lg .navbar-nav .dropdown-menu {margin-top: 15px; background:#35a238;}
	.dropdown-item:focus, .dropdown-item{color:#fff; padding: 20px;}
	.dropdown-item:focus, .dropdown-item:hover{background:#d5d834; color:#052e52;}
}
@media (max-width: 991px){
	.nav .navbar-light .navbar-nav .nav-link, .nav .navbar-light .navbar-nav .nav-link-dropdown{padding:15px 0;}
}


@media (max-width:1050px){
	.nav .nav-item{margin:0 3px;}
}

/*nav mobile*/	
.nav .navbar-toggler{
    width: 45px;
    height: 35px;
    border: none;
    margin: 25px 0;
}
.nav .navbar-toggler .line{
    width: 100%;
    float: left;
    height: 2px;
    background-color: #fff;
    margin-bottom: 5px;
}
.nav .navbar-toggler:focus {
    outline-width: inherit;
	outline-offset: inherit;
    outline-style: inherit;
    outline-color: rgba(0,0,0,0);
}

@media (max-width:991px){
	.nav .navbar-collapse.float-right{float:none!important; text-align: center; width: 100%; margin-top: 25px;}
	.nav .navbar-expand-lg .navbar-nav .dropdown-menu{font-size:14px; background: none; text-align: center; }
	.nav .navbar-expand-lg .navbar-nav .dropdown-menu a{color:#fff; font-size:16px;}
	.nav .nav-item{border-top: 1px solid #f19676;}
	.nav .navbar-expand-lg .navbar-nav {margin: 0; width: 100%;}
	
	.nav .navbar-light .navbar-brand{padding:0;}
	.nav .navbar-light .navbar-brand img{width:110px; margin-top: 10px;}
	.nav .navbar-toggler{margin:3px 0;}
}




/*KV*/
.kv{ width: 100%;  padding-bottom: 50px; display: inline-block;background: #fff; position: relative; margin-top: 98px;}
.kv .kvl,.kv .kvr,.kv .kvtime{ position: absolute; left: 0; top: 0}
.kv >div img{ width: 100%;}
.kv .kvl{}
.kv .kvr{ }
.kv .kvtime{}
.mbkv{ display: none}
@media (max-width:991px){
    .kv{ display: none;}
    .mbkv{ display: block; margin-top: 60px;}
    .mbkv img{ width: 100%}
    .mbkv .ti{ width: 90%;position: absolute; top: 21%; left: 5%; text-align: center}
    .mbkv .tm{ width: 90%; margin: 0 auto; margin-top: 20px;}
    .mbkv .bg{}
}
@media (max-width:640px){
    .mbkv .ti{ top: 17%}
    
}
@media (max-width:480px){
    .mbkv .ti{ top: 18%}
}

/*download-bar*/
.download-bar{width:100%; background: url(../img/pic_kv-bg-btm.svg) center top no-repeat; padding:234px 0 40px 0; position:absolute; bottom:-70px; z-index: 99;}
.download-bar ul li{display: inline-block; width: 33%; text-align: center;}
.download-bar ul li a{padding:10px 30px; color:#042f52; font-size:2em; font-weight:bold; border:1px solid #fff; border-radius: 50px; text-decoration: none;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,ffffff+100&0.5+1,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 1%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 1%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 1%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.download-bar ul li a svg{width:15px; height:25px; margin-left:5px; fill:#042f52;}

.download-bar ul li a:hover{border:1px solid #ffcc00; color:#fff;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff9641+1,ff9641+100&0.7+1,1+100 */
background: -moz-linear-gradient(top,  rgba(248,179,0,0.7) 1%, rgba(248,179,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(248,179,0,0.7) 1%,rgba(248,179,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(248,179,0,0.7) 1%,rgba(248,179,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ff9641', endColorstr='#ff9641',GradientType=0 ); /* IE6-9 */}
.download-bar ul li a:hover svg{fill:#fff;}


.flashing{animation-duration: 2s; animation-name: flashing; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in-out;}
.flashing01{animation-delay:-1s;}
.flashing02{animation-delay:-4s;}
.flashing03{animation-delay:-7s;}
.flashing04{animation-delay:-10s;}
.flashing05{animation-delay:-13s;}
.flashing06{animation-delay:-16s;}
.flashing07{animation-delay:-19s;}

@-webkit-keyframes flashing{
  from {
    opacity:0;
  }
  to {
    opacity:1;
  }
}


.banner .carousel-indicators{margin-bottom:0; bottom:50px; position:absolute;}
.banner .carousel-indicators li{background-color:#0473a6; border-radius: 0; height:5px; border-top:none; border-bottom:none; margin-left:7px; margin-right:7px;}
.carousel-control-prev-icon, .carousel-control-next-icon, .carousel-control-next, .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev, .carousel-control-prev:focus, .carousel-control-prev:hover{display:none;}

@media (max-width:991px){
	.banner{background: url("../img/banner-m.jpg"); background-position:bottom center; background-size:cover; background-repeat: no-repeat;}
	.mobile-img{display:block;}
	.pc-img{display:none;}
}
@media (max-width:768px){
}
@media (max-width:480px){
}



@media (max-width:640px){
	.download-bar ul li{width:auto; margin:0 5px;}
	.download-bar ul li a{padding:5px 15px; font-size:1.4em;}
	.download-bar ul li a svg{display:none;}
}
@media (max-width:360px){
	.download-bar ul li a{padding:5px 9px;}
}

/*download-bar*/


/*banner*/






/*about*/
.section-about{background:url(../img/pic_pic-bg-s1.svg) center top #ff7346; background-size:cover;  padding:30px 0 70px 0;}

.section-about ul{margin-top:30px; padding: 0 4%}
.section-about ul li{background: url("../img/about-bg.png"); background-position:center center; background-size:contain; background-repeat: no-repeat; width:37%; float:left; padding: 180px 165px; margin: 0 -35px;}
.section-about ul li .c-icon{text-align: center;}
.section-about ul li .c-icon img{margin-bottom:15px; width: 120px;}
.section-about ul li h3{font-size:2.2em; text-align: center;}
.section-about ul li h3 i{ font-style: normal; font-weight: normal}
.section-about ul li p{line-height: 1.4em; font-size:1.6em; text-align: center}

@media (max-width:1720px){
	.section-about ul li{padding:150px 125px; margin:0 -20px; width: 35%;}
}
@media (max-width:1645px){
	.section-about ul li h3 {font-size: 2.4em;}
	.section-about ul li p{font-size:1.8em;}
}
@media (max-width:1555px){
	.section-about ul li h3 {font-size: 2em;}
	.section-about ul li p{font-size:1.6em;}
}
@media (max-width:1520px){
	.section-about ul li{padding:130px 120px;width: 36%;}
	.section-about ul li img{width:50px;}
	
	.section-about ul li h3 {font-size: 2em;}
	.section-about ul li p{font-size:1.6em;}
}
@media (max-width:1401px){
	.section-about ul li h3 {font-size: 2em;}
	.section-about ul li p{font-size:1.6em;}
}
@media (max-width:1331px){
	.section-about ul li p{width:160px; margin:0 auto; font-size:1.6em;}
}
@media (max-width:1399px){
	.section-about ul li .c-icon img{width:100px;}
	.section-about ul li h3{font-size:2em; text-align: center;}
	.section-about ul li p{line-height: 1.2em;}
}
@media (max-width:1320px){
	.section-about ul li{padding:130px 90px; font-size:8px;}
	.section-about ul li .c-icon img{width:70px; margin-bottom:10px;}
}
@media (max-width:1024px){
	.section-about p{font-size:1.7em;}
	.section-about ul li{width:100%; margin:0; padding:10px; font-size:10px; background:none; margin-bottom:10px;}
	
	.section-about ul li .c-icon{background:url("../img/about-bg.png"); background-position-x: center; background-size:contain; background-repeat: no-repeat; padding:50px; margin-bottom:20px;}
	.section-about ul li .c-icon img{width:100px; margin-bottom:0;}
	
	.section-about ul li h3{font-size:2.4em; color: #fff;}
	.section-about ul li p{font-size:1.8em; width:auto; text-align: center; color: #fff;}
}


/*about*/


/*schedule*/
.section-schedule{ background: url(../img/pic_pic-bg-s3-s5.svg) #e2f0f1; background-size: cover;padding:30px 0 100px 0;}
.section-schedule .wrap{ background: #fff;}
.section-schedule .gowatch{ }
.section-schedule h3{margin-bottom:25px;}
.section-schedule h3 .time{background: #ff7346; border-radius: 15px; padding:5px 10px; margin-right:15px; color:#fff;}
.section-schedule .arrow{width:100%; background: url("../img/arrow.png"); background-position-x: center; background-size:contain; background-repeat: no-repeat; height:53px; margin:40px 0;}
.section-schedule p{line-height: 1.4em;}
.section-schedule p span{font-size:0.8em; color:#ff7346;}
.section-schedule .br{display:none;}

@media (max-width:768px){
	.section-schedule .br{display:block;}
	.section-schedule h3 .time{font-size:0.9em;}
}
/*schedule*/




/*topic*/
.section-topic{background:url("../img/pic_pic-bg-s3.svg") no-repeat; background-position: top center; background-size: cover; padding:30px 0 100px 0;}
.section-topic-wrap{ background: url(../img/signup-bg.png) center no-repeat; background-size: contain} 

.section-topic table{width:100%;}

.section-topic .topic-title{color:#fff; font-size:2em; font-weight:bold; margin:10px 0 5px 0; padding:10px; display:inline-block;}
.section-topic .topic-title.topic-title-01{background:#3adbcc;}
.section-topic .topic-title.topic-title-02{background:#3adbcc;}
.section-topic .topic-title.topic-title-03{background:#3adbcc; }

.section-topic table thead{font-size:2em; font-weight:bold;}
	.section-topic table thead th{text-align:center; padding:20px 50px 20px 0; width: 110px;}
	.section-topic table thead td{padding:20px 3px; line-height: 1.2em;}
	.section-topic table thead td:nth-child(2){width: 300px;}

	.section-topic table tbody th{text-align:center; font-size:2em; padding: 17px 50px 30px 0;}
		.section-topic table tbody th span{ border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding: 10px 0; color:#fff; margin-top: -35px; display: block;}
	.section-topic table tbody td{font-size:1.8em; padding:30px 3px; line-height: 1.2em;}
.section-topic img{margin:50px 0;}

.section-topic .topic-table-01 thead{color:#fff;}
.section-topic .topic-table-01 tbody th{border-top:1px solid #fff;}
.section-topic .topic-table-01 tbody th span{background:#fff; color: #ff7346}
.section-topic .topic-table-01 tbody td{border-top:1px solid #fff; color: #fff}

.section-topic .topic-table-02 thead{color:#fff;}
.section-topic .topic-table-02 tbody th{border-top:1px solid #fff;}
.section-topic .topic-table-02 tbody th span{background:#fff; color: #ff7346}
.section-topic .topic-table-02 tbody td{border-top:1px solid #fff; color: #fff}

.section-topic .topic-table-03 thead{color:#fff;}
.section-topic .topic-table-03 tbody th{border-top:1px solid #fff;}
.section-topic .topic-table-03 tbody th span{background:#fff; color: #ff7346}
.section-topic .topic-table-03 tbody td{border-top:1px solid #fff; color: #fff}


.section-topic .button{text-align: center; margin-top:50px;}



@media (max-width:880px){
	.section-topic h2{padding-bottom:30px;}
	.section-topic img{margin:0 0 30px 0;}
	
	.section-topic table thead{display: none;}
	
	.section-topic table tbody th{width:100%; display: block; padding: 0;}
		.section-topic table tbody th span{border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
	.section-topic table tbody td{width:100%; display: block; clear:both; padding:15px 5px 5px 5px; text-align: center;}
	.section-topic table tbody tr td:last-child{margin-bottom:50px; padding-top: 5px; font-weight:bold; color:#042f52; line-height: 1em;}
	
	.section-topic .topic-title{display: block; margin-bottom: 50px; text-align: center;}
	.section-topic .topic-title.topic-title-01{background:none; color:#fff;}
	.section-topic .topic-title.topic-title-02{background:none; color:#fff;}
	.section-topic .topic-title.topic-title-03{background:none; color:#fff;}
	
	.section-topic .topic-table-01 tbody th, .section-topic .topic-table-01 tbody td, .section-topic .topic-table-02 tbody th, .section-topic .topic-table-02 tbody td, .section-topic .topic-table-03 tbody th, .section-topic .topic-table-03 tbody td{border-top:none;}
}


@media (max-width:768px){
	.section-topic .text-center{width:42%; margin:0 auto;}
	.section-topic .text-center img{width: 100%;}
	.section-topic .button{margin-top:20px;}
}



/*signup*/
.section-signup{background:url("../img/pic_pic-bg-s5.svg") #b1dce3 no-repeat; background-position: center center; background-size: cover; padding:30px 0 70px 0;}
.section-signup h3{margin:40px 0 25px 0;}
.section-signup .signup-arrow li{background: url("../img/signup-arrow.png") no-repeat; background-size: contain; background-position-x: center; font-weight:bold; color:#000; float:left; width:26.6%; margin-right:-2%; font-size:1.8em; line-height: 1.6em; text-align: center; padding:1.5% 0; min-height: 130px; display: flex;align-items: center; justify-content: center}
.section-signup .download { margin-right:20px; padding-top: 20px;}

@media (max-width:1024px){
	.section-signup .signup-arrow li{font-size:1.6em; line-height: 1.4em; padding:1.5% 0; min-height: 105px;}
}
@media (max-width:768px){
	.section-signup .signup-arrow li{font-size:1.4em; line-height: 1.2em; padding:2% 0; min-height: 86px;}
	.section-signup p{line-height:1.6em;}
	.section-signup .download li{width:auto; margin-right:10px; }
}
@media (max-width:640px){
	.section-signup .signup-arrow li:nth-child(2n+1){clear:left; margin-bottom:20px;}
	.section-signup .signup-arrow li{width:50%; padding:3% 0; min-height: 80px}
}
@media (max-width:430px){
	.section-signup .signup-arrow li{padding:3.5% 0;font-size:1.3em;}
}



/*info*/
.section-info{background:url(../img/pic_pic-bg-s6.svg) center top; background-size: cover; padding:30px 0 100px 0; font-size:10px;}
.section-info .wrap{ border-radius: 40px;}
.section-info .download{ margin-top: 50px;}
.section-info .nav-pills{border-bottom: 2px solid #042f52; margin-top:30px;}
.section-info .nav-pills li{margin:0;}
.section-info .nav-pills li a{font-size:1.8em; font-weight:bold; padding:15px 30px; margin-right:10px; border:2px solid #000; border-radius:0; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-bottom:-2px; color:#000;}
.section-info .nav-pills li a:hover, .section-info .nav-pills li a.active{background:#000; color:#fff; text-decoration: none;}

.section-info .nav .nav-item{border-top:none;}

.section-info .tab-content{padding: 30px 15px 40px 15px; border-bottom:3px solid #042f52; margin-bottom: 70px;}
.section-info .tab-content p{display:table; position:relative; background: #ff7346; color:#fff; font-weight:bold; padding: 0 10px; margin-bottom:10px;}
.section-info .tab-content p.mgb40{ margin-bottom: 40px}
.section-info .tab-content p.bk0{ background: none; color: #000}
.section-info .tab-content p .count{position:absolute; top:-30px; text-stroke:2px #042f52; -webkit-text-stroke:2px #042f52; font-size:1.8em; margin-left:-10px;}
.section-info .tab-content p .number{font-size:1.4em; margin-left:20px;}


.section-info #pills-02 p{margin-bottom: 20px;}
.section-info .tab-content ul{margin-bottom:15px;}
.section-info .tab-content ul li{display:inline-block; margin-right:10px; font-size:1.6em; line-height: 1.8em;}
.section-info .tab-content ul li:before{content:"▶"; margin-right:5px; color:#ff7346;}

.section-info .content-wrap{margin-bottom: 50px; font-size: 1.5em; line-height: 1.5em; margin-left: 20px;}
.section-info .content-wrap b{color: #042f52;}


@media (max-width:1024px){
	.section-info .content-wrap{margin-left:0;}
}
@media (max-width:640px){
	.section-info{font-size:9px;}
	.section-info .tab-content p{display:block;}
	.section-info .tab-content p .number{margin-left:3px;}
}


.section-info .info-left{width:48.5%; margin-right:1.5%; float:left;}
.section-info .info-right{width:48.5%; margin-left:1.5%; float:right;}

.section-info .info-frame{margin-top:40px;}
.section-info .info-frame .ti{position:relative; background: #2144fe; color:#fff; font-weight:bold; padding: 0 10px; margin-bottom:0;}
.section-info .info-frame .ti .line{position:absolute; top:-30px; text-stroke:4px #042f52; -webkit-text-stroke:4px #042f52; font-size:1.4em; margin-left:-10px;}
.section-info .info-frame .ti .white{position:absolute; top:-30px; font-size:1.4em; margin-left:-10px;}
.section-info .info-frame .frame{border:3px solid #2144fe; padding:20px; min-height:452px;}

.section-info .info-frame p{margin-bottom:30px;}
.section-info .info-frame .orange{margin-bottom:0; color:#042f52; font-weight:bold; margin-bottom:10px;}
.section-info .info-frame .orange span{background:#f8b300; color:#000; padding:3px 10px; margin-right:20px;}
.section-info .info-frame .orange span.orange-line{background:none; border:1px solid #f8b300; color:#000; padding:2px 10px; margin-right:20px; margin-left:-20px;}

.section-info .info-frame ul li{width:30%; margin-right:3%; float:left; text-align: center; margin-bottom:20px; font-size:1.4em; font-weight:bold; color:#042f52; line-height:1em;}
.section-info .info-frame ul li img{margin-bottom:10px;}

@media (max-width:1200px){
	.section-info .info-frame .frame{min-height:427px;}
}
@media (max-width:886px){
	.section-info .info-left{width:100%; margin-right:0; float:auto;}
	.section-info .info-right{width:100%; margin-left:0; float:auto;}
	.section-info .info-frame .frame{min-height:auto;}
}
@media (max-width:480px){
	.section-info{font-size:8px;}
	.section-info .info-frame ul li img{width:100%;}
	.section-info .info-frame .orange span{margin-right:10px;}
	.section-info .info-frame .orange span.orange-line{font-size: 0.9em; padding: 3px 10px; margin-left:-10px; margin-right:10px;}
}

/*info*/


/*apply*/
.section-apply{background:url("../img/pic_pic-bg-s3-s5.svg") #f4f2b7 no-repeat; background-position: center center; background-size:auto; padding:30px 0 70px 0;}

.input-group{width:100%; font-size:1.4em;}
.input-group input, .input-group select, .input-group textarea{padding:5px 10px; border:1px solid #bbb; border-radius:7px; margin:10px 5px;}
.input-group input{box-shadow: inset 2px 2px 5px rgba(0,0,0,0.1);}
.input-group textarea{padding:10px;}

.input-group .inline{display:inline-block; margin:10px; width: 100%;}
.input-group .inline input{box-shadow: none;}
.input-group .inline b{ line-height: 22px;}
.input-group.agree .inline{margin-top:5px;}

.input-group.checkbox{margin:10px 0;}
.input-group.checkbox .ckeckbox-input{display: contents; margin-left:15px;}

#team_name{width:25%;}
#team_people{width:10%;}
#topic_select{width:25%;}

#name{width:10%;}
#id_num{width:14.2%;}
#mail{width:25%;}
#skill{width:30.7%;}
#attend{width:20%;}

#company{width:35%;}
#department{width:35%;}
#title{width:calc(30% - 30px);}

#cell_phone{width:25%;}
#phone{width:25%;}
#add{width:calc(50% - 30px);}

#question{width:100%; height:100px;}


#submit{padding:20px 30px; font-size:1.6em; font-weight:bold; color:#fff; border:2px solid #0c862d; margin:20px auto; border-radius: 50px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff7200+0,ff7200+100&0.5+0,1+100 */
background: -moz-linear-gradient(top,  rgba(12,134,45,0.5) 0%, rgba(12,134,45,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(12,134,45,0.5) 0%,rgba(12,134,45,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(12,134,45,0.5) 0%,rgba(12,134,45,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ff7200', endColorstr='#0c862d',GradientType=0 ); /* IE6-9 */

}

@media (max-width:1440px){
	.section-apply{background-size:cover;}
}
@media (max-width:890px){
	#team_people{width:15%;}
}
@media (max-width:735px){
	.input-group input, .input-group select, .input-group textarea, .input-group .inline, .section-apply .notice{width:80% !important; margin:10px auto}
	.input-group .inline input{width:auto !important; margin-left:15px; margin-right:5px;}
	.input-group.checkbox .ckeckbox-input{display: block; margin-left:0 !important;}
	
	.section-apply .title, .section-apply .content{width:90% !important; margin:0 auto;}
	.section-apply .title{font-size:1.3em;}
}



/*收合*/
.title{width:100%; padding:20px 10px; font-size:1.6em; line-height: 1.6em; font-weight:bold; text-align: center; background:#fff; border:1px solid #bbbbbb; position:relative;}
	.title span{position:absolute; right:10px; top:32px;}
.content {display:none; width:100%; padding:0 30px; background:#fff; border:1px solid #bbbbbb;}



.content h4{font-size:1.8em; font-weight:bold; margin:30px 0; line-height: 1.4em;}
.content p, .content b{font-size:1.6em; line-height: 1.6em;}
.content p b{font-size:1em; line-height: 1.2em; margin: 30px 0 10px 0;}
.content ul li{margin-left:10px; font-size:0.9em; line-height: 0.9em; list-style: decimal;}
.content ul li ul{margin-top:-15px; margin-left: 5px;}
.content ul li ul li{font-size: 1.4em; line-height: 1.6em; list-style-type: none; margin-left: -5px;}

.content p.last{font-size:1.4em; line-height: 1.4em; margin-top:20px;}
.content p.last b{font-size:1.2em; line-height: 2em;}
/*收合*/
/*apply*/


/*faq*/
.section-faq{background:url(../img/pic_pic-bg-s6.svg) center top; background-size:cover; padding:30px 0 100px 0;}
.section-faq .wrap{ background: none; padding-top: 0}
.section-faq .title{padding: 20px 60px 20px 30px; margin-top:30px !important; text-align: left; color:#000;}
	.section-faq .title:first-child{margin-top:0;}
.section-faq .content{margin-top:-1px;}
.section-faq .content p{margin:20px 0;}
.section-faq .notice{margin-top:50px; color: #fff}
/*faq*/



/*footer*/
.footer{padding:30px 0; background: #fff;}
.footer ul{width:100%; text-align: center; margin:20px 0;}
.footer ul li{display:inline-block; margin-right:10px; font-size:1.6em; font-weight:bold;}
.footer ul li img{margin-right:20px; height:50px;}
.footer ul li:last-child img{margin-right:0;}
.footer ul.third{display:none;}
.mb-fixbtm{ display: none}

@media (max-width:680px){
	.footer ul li img{height:40px;}
	.footer ul.third{display:block;}
	.footer ul li.footer-pc{display:none;}
}
@media (max-width:560px){
	.footer ul li{margin-right:5px;}
	.footer ul li img{height:30px;}
}
@media (max-width:430px){
	.footer ul li{width:100%; margin:10px auto; text-align: center;}
	.footer ul li img{margin-bottom:10px;}
	.footer .second li img{margin-top:-10px; margin-bottom:5px;}
    .mb-fixbtm{ display: block; position: fixed; bottom: 0}
    .sign-up{ display: none;}
    .footer{ padding-bottom: 50px;}
}



/*sign-up*/
.sign-up{position: fixed; right:20px; bottom:100px; background:#ffcc00; border:2px solid #fff; padding:28px 30px; border-radius: 80px; z-index: 9999;}
.sign-up:hover{background:#ffb000;}
.sign-up a{color:#052e52; font-weight:bold; font-size:2.2em; line-height: 1em; text-decoration: none;}
@media (max-width:640px){
	.sign-up{padding:18px 20px; right: 5px; bottom: 50px;}
	.sign-up a{font-size:1.8em; line-height: 1em;}
}
/*sign-up*/




/*section-list*/
.section-list{background:url("../img/pic_pic-bg-s2.svg") #d0eaea no-repeat center top; background-size: cover; padding:30px 0 70px 0;}
/*決選名單*/
.section-list .left{float:left; width:50%; padding-right:20px;}
.section-list .right{float:right; width:50%; padding-left:20px;}

.section-list table{width:100%;}
.section-list table thead th{text-align: center;}
.section-list table thead th, .section-list table thead td{color:#042f52; font-size:1.8em; font-weight:700; padding:20px 0; border-bottom:10px solid #ff7346;}
.section-list table tbody th, .section-list table tbody td{padding:20px 0; font-size:1.6em; font-weight:700;}
.section-list table tbody tr:nth-child(2n+2) th, .section-list table tbody tr:nth-child(2n+2) td{background:#ffe8d3;}
.section-list table tbody th{color:#ff7346; text-align: center; width: 24%;}
.section-list table tbody td{color:#222; line-height: 1.4em; width:38%;}

.section-list .text-center{color:#ff7346; padding:30px 0; font-size: 1.6em}

.section-mobile{display:none;}

@media (max-width:991px){
	.section-list .left{float:auto; width:100%; padding-right:0;}
	.section-list .right{float:auto; width:100%; padding-left:0;}
	.section-list .right thead{display:none;}
	.section-list table tbody th, .section-list table tbody td{padding: 10px 0;}	
}
@media (max-width:620px){
	.section-pc{display:none;}
	.section-mobile{display:block;}
	.section-mobile table tbody td span{font-size: 0.9em; font-weight: normal;}
}
/*決選名單*/
.section-list .article{width: calc(50% - 10px); background:rgba(244,244,244,0.5); border-radius:30px; min-height:245px; margin:10px 0; padding:50px 30px; text-align: center; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; position: relative;}
.section-list .left{float:left;}
.section-list .right{float:right;}

.section-list .article .award{width:155px; margin-right:50px; float:left;}
.section-list .article .group{width: calc(100% - 175px); float:right;}

.section-list .article p{font-size: 1.8em; line-height: 1.6em; text-align:left; margin:0; margin-left:10px;}
.section-list .article .group-name{font-size: 2em; color:#042f52; font-weight:bold;}
.section-list .article .line{border-bottom:solid #6eb92b 3px; margin:10px 0; width:100%;}

.section-list .article-long p{font-size: 1.8em; line-height: 1.6em; text-align:left; margin:0; margin-left:10px;}
.section-list .article-long .group-name{font-size: 2em; color:#042f52; font-weight:bold;}

.article-long{width:100%; background:rgba(244,244,244,0.5); border-radius:30px; margin:10px 0; padding:50px 30px;}
.section-list .article-long .award{width:155px; min-height:145px; margin-right:50px; float:left;}
.section-list .article-long .group-wrap{width: calc(100% - 155px);}
.section-list .article-long .group{width: calc(30% - 69px); margin-right:3%; margin-bottom:30px; float:left; border-bottom:3px solid #6eb92b; min-height:105px;}

.section-list .article-long p{font-size: 1.8em; line-height: 1.6em; text-align:left; margin:0; margin-left:10px;}
.section-list .article-long .group-name{font-size: 2em; color:#042f52; font-weight:bold;}

@media (min-width:1440px){
	.section-list{}
}
@media (min-width:1167px){
	.section-list .article.padding-set{padding:91px 30px;}
}
@media (min-width:1027px){
	.section-list .article.padding-set{padding:90px 30px;}
}

@media (max-width:1099px){
	.section-list .article-long .award{min-height:750px;}
	.section-list .article-long .group{width: calc(45% - 103px); margin-right:5%;}
}

@media (max-width:1027px){
	.section-list .article{width:100%; margin:10px auto;}
	.section-list .left{float:none;}
	.section-list .right{float:none;}
	.section-list .article-long .group-name{font-size:1.8em;}
	.section-list .article-long .group{min-height:150px;}
}

@media (max-width:760px){
	.section-list .article{display:block; display: -webkit-block;}
	.section-list .article .award, .section-list .article-long .award{min-height: auto; width: 100%; text-align: center; ;margin: 0 auto 50px auto; float: none;}
	.section-list .article .group {width: 100%; float: none;}
	.section-list .article p, .section-list .article-long p{text-align: center;}
	.section-list .article .line{width:70%; margin:15px auto;}
	.section-list .article-long .group{width: 70%; min-height: auto; padding-bottom: 15px; margin:0 auto 15px 15%;}
}