@charset "utf-8";
/* ---------------------------------------------------------
台達電子工業自動化  Webinar CSS Style  
Copyright © 2022 Delta Electronics, Inc. All Rights Reserved.
Writed by Via Yu | via.yu@deltaww.com
------------------------------------------------------------ */
* {
	margin: 0; 
	padding: 0;
	box-sizing: border-box;
	font-family: 'DeltaSans', Arial, 'Noto Sans TC', 'Noto Sans', '微軟正黑體', sans-serif; /*先英後中*/
}
.main .text-box h4 {
    font-size: 16px;
    color: rgba(65,65,65,1.00);
    text-align: left;
    margin-top: 0em;
    margin-right: 0em;
    margin-left: 0em;
    margin-bottom: 0.5em;
    line-height: 1.2em;
    font-weight: 100;
}

.main .text-box h3-1 {
}


/*text position*/
.text-center {text-align: center !important;}

/*text color*/
.txt-blue{color: #0087dc !important;}

/*main*/
.main {padding: 80 0; margin: 0; font-size: 1rem; min-height: 100vh; color:rgba(65, 65, 65, 1);background-size: cover; font-weight: 300;z-index: 0;position: relative;}

/*header*/
.block-frame {width:100%; height:90px;background-color:#fff;z-index:10;position: fixed;margin-top:0;}
.header-logo { display: inline-block; width: 150px;position: fixed;left: 40px; top:20px; height: 90px; z-index: 1000; }
.border-1{width:100%; height:8px;margin-top: 90px;right: 0;background:#0087dc;position: fixed; z-index: 50;}
.border-2{width:40%; height:8px;margin-top: 0px;right: 0;background:#64d7d7;position: fixed;z-index: 100;}
.border-3{width:20%; height:8px;margin-top: 0px;right: 0;background:#b9eb5f;position: fixed;z-index: 150;}

body {
	font-size: 1em;
	font-size: 15px;
	line-height: 1;
	line-height: 1.2em;
	margin: 0 auto;
	color: rgba(65, 65, 65, 1);
}

img.headBigImg {
	width:100%;	
	margin-top: 0px
}

img.headSmallImg {
	display: none;
}

.Header {
	padding: 1em 2em;
	position: relative;
}

.Header a img {
	border: none;
}

.text-box{margin-left: 2.5em;margin-bottom: 80px; background-color:white;}

/*content*/
.main{width: 100%;padding-top: 90px;background: url("../img/timtos_card-bg.png") repeat-y center center;background-size: cover;padding-bottom:75px;z-index: 0px;}
.main{width: 100%;height: 100%;}
.main{max-height:100vh;height: 100vh;}
iframe{border: none;position:relative;height:100vh;padding-bottom:75px;}
.main section:last-child{padding-bottom: 130px;}
.draw section{padding-left: 550px;}
.container{margin-left:50px;margin-right: 50px;}
.icon-hover{display: none;}
.title-type03 h3{text-align: center; font-size:2rem;font-weight: 400;color: #000;margin-top:50px;}
.title-type03 h3 a:hover {text-decoration: none;color:#000;font-weight: 500;}
.title-type03 h4{font-size: 1.5rem;font-weight: 700;letter-spacing: 2px;line-height: 1.2em;}
.kvpic img{width:100%;z-index: 0;}


/*內容*/
h1 {
	font-size: 28px;
	color: #0087dc;
	margin: 1em 1em 0em 0em;
	text-align: left;
	line-height: 1.5em;
}
/* @media screen and (max-width: 800px) {
h4 {
	margin-right: 20em;
	}
}

@media screen and (min-width: 800px) {
h4 {
	font-size: 18px;
	color: rgba(65, 65, 65, 1);
	margin: 0em 0em 0em 0em;
	text-align: left;
	line-height: 1em;
    font-weight: regular;
	}
} */

h2 {
	font-size: 20px;
	color: rgba(65, 65, 65, 1);
	margin: 0em 1em 1em 0em;
	text-align: left;
	line-height: 1.2em;

}

h3 {
	font-size: 18px;
	color: rgba(0, 135, 220, 1);
	margin: 0.1em 0em 0.5em 0em;
	text-align: left;
	line-height: 1em;
	/* font-weight: lighter; */
}

p {
	font-size: 14px;
	color: #0087dc;
	margin: 0.2em 1em 0em 0em;
	text-align: left;
	line-height: 1.5em;
	font-weight: regular;
}

input{
	font-size: 20px;
	font-weight: 800;
	letter-spacing: 2px;
	text-align: center;
	background: #b9eb5f;
	color: #000	;
	/* text-shadow:0.1em 0.1em rgba(65, 65, 65, 1); */
	border: 0px;
	padding: 10px 40px;
	border-radius: 30px;
	cursor: pointer;
	margin-bottom: 20px;
	margin-right: 20px;
	transition: all 0.3s linear;
}

input:hover{
	background: #64d7d7;
}

ul {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	max-width: 100%;
	display: inline-block;
	display: -moz-inline-stack;
}

ul li {
	line-height: 2em;
	margin: 1em 0 1em 2em;
}

a {
	color: #0087dc;
	text-decoration: none;
	font-weight: 400;
}

a:hover {
	text-decoration: underline;
}



/*RWD Youtube 以及 Video*/
.intro {
    border-bottom: 0px solid #eee;
    margin-top: 1.5em;
    margin-right: 0em;
    margin-left: -1em;
    margin-bottom: 1em;
}

.intro.bottom {
	border-bottom:0px solid #eee;
}

.intro li {
	list-style: disc;
	margin: 0em 1.5em 0em 2.5em;
	font-size: 14px;
	line-height:1.5em;
	color: rgba(65, 65, 65, 1);
	font-weight: regular;
}
.intro li.title {
	list-style: none;
	margin: 0em 0em 0em 0.5em;
	font-size: 16px;
	line-height:1.5em;
    color: #0087dc;
	font-weight:bolder; 
}

/*footer*/
footer{position: fixed;left: 0;bottom: 0;width: 100%;padding: 10px 50px ;height: 70px;z-index: 800;}
footer:before{content: "";width: 100%;height: 100px;position: absolute;bottom: 10;left: 0;z-index: -1;background: -moz-linear-gradient(top, rgba(119,119,119,0) 0%, rgba(119,119,119,0.1) 50%, rgba(119,119,119,0.5) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(119,119,119,0) 0%,rgba(0,119,119,0.1) 20%,rgba(119,119,119,0.5) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(119,119,119,0) 0%,rgba(119,119,119,0.25) 16%,rgba(119,119,119,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.footer-bottom{display: flex;justify-content: space-between;align-items: center;font-weight: 300;}
.footer-bottom .footer-left p{margin: 0;color: #fff;font-size: 0.9rem;}
.footer-social{display: flex;align-items: center; color: #fff;}
.footer-social span{font-size: .9rem;padding:0px;}
.footer-social ul{display: flex;align-items: center;}
.footer-social ul li{margin: 0 5px;list-style: none;}
.footer-social ul li a{background: #fff;border-radius: 50%;padding: 5px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;}
.footer-social .left,.footer-social .right{display: flex;align-items: center;}
footer span{margin-right:10px;font-family: 'DeltaSans', sans-serif, Arial;}
.right{margin-right: 0px;margin-left: 10px;}
.Footer{padding-bottom: 100px;margin: 1em 1em 0em -1em;}