/*
 * Author: Carlos Alvarez
 * URL: http://alvarez.is
 *
 * Project Name: Bolt - Free Bootstrap 3 Theme
 * Version: 1.0
 * URL: http://blacktie.co
 */
 
/* FONTS */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,700,900);

/* OVERALL ASPECT */

body {
    font-family: Lato, Microsoft JhengHei;
    /*font-family: Raleway, "標楷體", Arial, sans-serif;*/
    font-weight: 100;
    font-size: 16px;
    color: #555;
		/*background-color: #333;*/
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    background: #134E5E;  /* fallback for old browsers */
		background: -webkit-linear-gradient(to right, #71B280, #134E5E);  /* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to right, #71B280, #134E5E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		    
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    font-family: Raleway, Microsoft JhengHei;
    /*font-weight: 300;*/
    /*color: #333;*/
}


/* Paragraph & Typographic */

.centered {
    text-align: center;
}

.textRight {
    text-align: right;
    padding-right:5px;
    padding-top:5px;
}

.mt {
	margin-top: 40px;
}

/* Links */
a {
    color: #f85c37;
    word-wrap: break-word;
}



.navbar {
	font-weight: 800;
	font-size: 14px;
	background-color: initial;
}
.navbar .navbor-box-temp{
	margin: 5px 10px;
	/*border: 7px solid #323232cf;*/
	padding: 10px 0;
	border-radius: 15px;
	box-shadow: 4px 4px 12px 0px rgb(0 0 0 / 36%);
	background: rgb(255 255 255 / 80%);
}
.navbar-default .navbar-nav>.active>a{
	font-size:15px;
}
.nav>li>a {
  padding: 5px 5px;
}
.navbar .navbar-brand {
	padding:0;
	margin-left:5px;
	margin-right:5px;
}

.navbar-default .navbar-nav .active{
	border-left-width:0 !important;
	border-right-width:0 !important;
}

.navbar-default .navbar-nav>.active>a {
	height:inherit;
	text-shadow:none;
}
.navbar-default .navbar-nav>.active>a i{
	color: #218f49;	
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #333 !important;
    font-weight: 400;
	background-color: transparent;
}

@media screen and (max-width: 992px){
	.navbar .navbar-toggle{
		z-index: 3;
	}
	.navbar-toggle{
	    background-color: #2a9448;
	    right:10px;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	    background-color: #2a9448;
	}
	.navbar-default .navbar-collapse{
	    /*position: fixed;*/
	    top:0;
		height: 100% !important;
	    /*background: #fff;*/
	    width: 100%;
	    z-index: 2;
	}
	/*.navbar .navbar-nav { margin: calc(100% / 5) -6px;}
	.navbar-default .navbar-collapse li{ height: calc(100% / 5);}*/
	.navbar-default .navbar-collapse .onpaper>a {border-bottom: none !important;}
	.navbar .navbar-nav>li, .navbar .navbar-nav>li:first-child {border-width: inherit;}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
		/*background-color:#ccc;*/
	}
	.navbar-toggle{
		position: absolute;
		right:0;
	}
}

.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	/*background-color: #fff !important;*/
	/*padding-bottom:0px;*/
	/*border-bottom:2px dashed #ccc;*/
	text-shadow: 4px 4px 9px rgb(73 73 73 / 50%);
	font-weight: 700;
	border-radius: 15px;
}

.navbar-default .navbar-nav > .active > a:hover>i, .navbar-default .navbar-nav > .active > a:focus>i {
	color: #efdc05 !important;
}

.navbar-default .navbar-collapse li{min-width:155px;}
.navbar-default .navbar-collapse .onpaper>a{
	/*padding-bottom:0px;*/
	/*border-bottom:2px dashed #ccc;*/
	color:#333 !important;
	text-shadow: 4px 4px 9px rgb(73 73 73 / 50%);
	font-weight: 700;
}

.navbar-default .navbar-collapse .onpaper>a i{
	color: #ffd700;	
	border-bottom:0;
}

.navbar .navbar-toggle {
	right: 10px
}
@media (min-width: 992px) {
    .navbar-right {
        margin-right: inherit;
    }
}

#logo {
	/*background-image: url(../image/must_logo.jpg);background-repeat: no-repeat;width:200px;height:100px;*/
}

.timeline-items{
	margin: 20px 0 0 0;
	padding: 30px 0;
	border: 2px solid #fff;
	border-radius: 15px;
	background: #abbaab;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #ffffff, #abbaab);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #ffffff, #abbaab); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#chk_notice{
	color:#333;
	padding: 30px;
	border: 2px solid #fff;
	border-radius: 15px;
	background: #abbaab;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #ffffff, #abbaab);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #ffffff, #abbaab); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.navbar-brand {
	font-size: 60px;
	padding-top: 0px;
	padding-bottom: 0px;
	/*background-color: #fff;*/
}

.btn-theme {
	color: #ffffff;
	background-color: #74cfae;
	border-color: transparent;
}

.lead {
	letter-spacing: 1px;
}

/* WRAP SECTIONS */
.container_video{margin-top:60px;}
#hello{
	padding-top:100px; padding-bottom:100px; background:#333; border-radius: 100px 0 100px 0;
}
#hello,#apply,#message {
	position: static;
	width: 100%;
	/*padding-top: 120px;*/
	/*padding-bottom: 160px;*/
	color: #fff;
}

/* hello */
#song_box_1, #song_box_2{
	margin-top:100px;
	margin-bottom:100px;
}
#song_box_1{
	padding-top: 100px;
	padding-bottom:100px;
	border-radius: 0px 90% 0px 90%;
	background: #314755;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #26a0da, #314755);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #fff, #314755); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#song_box_2{
	border-radius: 150px 0px 150px 0;
	padding: 170px 50px ;
	background: #485563;  /* fallback for old browsers */
	background: -webkit-linear-gradient( 267deg, #333, #485563);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(267deg, #333, #485563); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	
}
/* 外層邊框 */
.border-layer-outer {
  border-radius: 213% 300%;
  border: 14px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to left, rgb(232 245 233 / 90%), #607D8B), linear-gradient(45deg, rgb(232 245 233 / 60%), rgb(96 125 139 / 50%));
  padding: 15px;
  margin: 0 20px;
}

.border-layer-middle {
  border-radius: 550% 100%;
  border: 4px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, rgb(112 177 128 / 60%), rgb(26 85 99 / 60%)), linear-gradient(145deg, rgb(112 177 128 / 60%), rgb(26 85 99 / 60%));
  padding: 15px;
  margin: -20px;
}

.border-layer-middle .border-layer-inner {
	margin-top:50px;
	padding-bottom:100px;
  box-shadow: 0 0 40px rgba(255, 255, 255, 0.8);
  border-radius: 68% 34%;
  background: #ECE9E6;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, rgb(255 255 255 / 80%), rgb(236 233 230 / 80%));  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, rgb(255 255 255 / 80%), rgb(236 233 230 / 80%)) /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	  
}
.song_box_1_text {
	margin: 140px 0 40px 0;
  text-shadow: 5px 7px 12px rgba(0, 0, 0, 0.6);
  background: linear-gradient(to right, #28c76f 0%, #5a4aff 47.92%, #ff3739 100%);
  background-size: 200% 200%; /* 加這個！ */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 2s ease-in-out infinite alternate;
}

@keyframes shine {
  0% {
    background-position: 0% 50%;
  }
  80% {
    background-position: 50% 90%;
  }
  100% {
    background-position: 91% 100%;
  }
}

.song_box_1_text_1{
	font-size: 90px;
}
.song_box_1_text_2{
	font-size: 50px;
}
.song_box_1_text_3{
	font-size: 35px;
}

#hello .h1 {
	font-size: 90px;
	font-weight: 900;
	letter-spacing: 3px;
}

#hello .h1_t1{
	text-shadow: 6px 6px 0px rgba(239,220,5,0.3);-webkit-text-stroke: 5px #EFDC05;-webkit-text-fill-color: transparent;
}

#hello .h1_t2{
	text-shadow: 6px 6px 0px rgba(47,174,74,0.5);-webkit-text-stroke: 5px #2fae4a;-webkit-text-fill-color: transparent;
}

#hello .h1_t3{
	color:#ef3f59;
}

#hello .h1_t4{
	font-size: 40px;
	font-weight: 900;
	letter-spacing: 3px;
	vertical-align:top;line-height: 50px;
	color: #30A9DE !important;
}

#hello .h2, #message h2 {
	color: #8e8e8e;
	font-weight: 900;
}

@media screen and (max-width: 600px){
	#hello {
		/*padding-top: 60px;*/
	}
	
	#hello .h1 {
		font-size: 65px;
	}
	
	#hello .h1_t3{
		font-size: 50px;
	}
	
	#hello .h1_t4{
		font-size: 35px;
		line-height: 38px;
	}
}

/* Green */
#green {
	background-color: #74cfae;
	padding-top: 50px;
	margin-bottom: 0px;
}

#green h3 {
	color: white;
	font-weight: 400;
	margin-bottom: 35px;
}

#green p {
	color: white;
	font-weight: 400;
	font-size: 20px;
}

/* Skills */
#skills {
	background-color: #4e4e4e;
	padding-top: 250px;
	padding-bottom: 50px;
	margin-top: 50px;
}

#skills h3 {
	color: white;
}

#skills p {
	color: white;
	font-weight: 400;
}

/* Social Links */
#social {
	width: 100%;
	padding-top: 200px;
	padding-bottom: 200px;
}

#social i {
	font-size: 50px;
	color: #74cfae;
}

#social .col-md-3:hover {
	background-color: #f5f5f5;
}

#social .col-md-3 {
	padding:30px;
}

/* Footer */
#f {
	margin: 20px 20px 0 20px;
  padding: 40px 0 10px 0;
	/*position: absolute;*/
	bottom: 0;
  text-align: center;
	font-weight: 400;
	color: #fff;
	border-top:5px #fff double;
	border-radius: 138px 73% 0 0;
}

/* ���ʳ��W�� */
#apply .form-group div>input, #apply .form-group label{
	margin-top: 5px;
	margin-bottom: 5px;
}

#apply .internation-div{
	padding-bottom:15px;padding-left:0 50px;
}
.btn.btn-link{    color: #00c6cc !important;}

@media screen and (max-width: 768px){
	#apply .internation-div{
		margin:0 0px;
	}
	.song_box_1_text_1{
		font-size: 50px;
	}
	.song_box_1_text_2{
		font-size: 38px;
	}
	.song_box_1_text_3{
		font-size: 22px;
	}
	.song_box_1_text_4{
		font-size: 20px;
	}
	#f{border-radius: 70px 70px 0 0; padding-top:80px;margin:0;border-top: 2px #ccc dashed;}
}
@media screen and (max-width: 425px){
	#song_box_1, #song_box_2 {
    margin-top: 50px;
    margin-bottom: 50px;
	}
}
/* �p���ڭ� */
#message .form-group div>input,#message .form-group label{
	margin: 5px 0px;
}

#message .form-group div>textarea{
	width:100%;
}
#message .form-group div{
	/*border:1px solid #999;*/
}

@media screen and (max-width: 768px){
	#message {
		/*padding-top: 100px;*/
	}
}
/* Image Opacity */
.grid img {
    opacity: .7;
}
.grid img:hover {
    opacity: 1;
}

input[type=checkbox],input[type=radio] {
    border-radius: 4px;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    min-width: 20px;
    top: auto;
    margin-left:10px;
}

.input-group-addon{
	margin:10px 0px;
}

.red{
	color:#FF3000;
	font-weight: 900 !important;
}

.red2{
	color:#EFDC05 !important;font-weight:300
}

.P02-green {
	color:#218f49 !important;
}

.P02-blue {
	color:#1d75bd !important;
}

.fontWeight{font-size:inherit;}
.fontWeight-900{font-weight: 900 !important;}



.swal-footer {
  background-color: rgb(245, 248, 250);
  margin-top: 32px;
  border-top: 1px solid #E9EEF1;
  overflow: hidden;
}

.swal-button {
  padding: 7px 19px;
  border-radius: 2px;
  background-color: #4962B3;
  font-size: 12px;
  border: 1px solid #3e549a;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}


hr.style14 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}