@charset "utf-8";
/*  global  */
.wrap{ width:100%;}
body{ font-family: Arial,Microsoft JhengHei;}
.container{ width:1000px; margin: 0 auto;}
a{text-decoration:none; color:#000;}
a:hover { color:#000; text-decoration:none;}
a:focus, a:hover { text-decoration:none; }
.rwd-img { width:100%;}
ul, section, div { position: relative;}
ul:after, section:after, div:after { content: ""; display: block; clear: both;}
ul{ list-style:none; margin:0; padding:0; }
	/*  shadowbox  */
	.shadowbox { -webkit-box-shadow: 1px 3px 15px 1px rgba(0, 0, 0, 0.24); -moz-box-shadow: 1px 3px 15px 1px rgba(0, 0, 0, 0.24); box-shadow: 1px 3px 15px 1px rgba(0, 0, 0, 0.24);}
	/* input  */
	select,input[type=text],[type=email],[type=password],textarea { width:100%; border: 1px solid #e6e6e6;  border-radius:15px; outline:none; padding: 2px 10px; height:30px; box-sizing:border-box; }
	textarea { width:100%; min-height:200px; border: 1px solid #e6e6e6; border-radius:15px; outline:none; resize:none; font-weight:normal;}
/* footer */
.footerbox { border-top:1px solid #f3a002; padding:30px 0;}
.footerboxbg { background-color:#e8e8e8;}
.footer-blockbox { float:left; border-right:1px solid #f3a002; width:calc((100% - 350px)/ 3);}
.footer-blockbox:last-child { border-right:0;}
.footer-blockbox-1 { width:347px;}
.footer-block { margin: 0 auto; height:130px; padding-left: 72px;}
.footer-block-1 { padding-left: 72px;}
.footer-subject h2{ font-weight:bold; padding:3px 0;}
.footer-item a { color:#4d4d4d;}
.footer-item { padding:3px 0;}
.footer-item.active:before { content:""; background:url(../images/footlink.png) no-repeat center left; width:5px; height:5px; position:absolute; left:-10px; top:12px; }
/*  header  */
.rwdheaderbox  { display:none;}
.headerbox { padding:15px 0;}
.logobox { float:left;}
.menubox { float:right;}
.menu { margin-top: calc(52px - 28px);}
.menu li { display:inline-block; font-weight:bold; margin-left:15px; position:relative;}
.menu li a:before { content:""; border-bottom:2px solid #f3a002; position:absolute; bottom:-2px; left:50%; width:0%; transition: 0.5s; }
.menu li a:hover:before ,.menu li.active a:before { content:""; border-bottom:2px solid #f3a002; position:absolute; bottom:-2px; left:0%; width:100%; transition: 0.5s; }
/*  index  */
.index-height { height:100%;}
.index-table { display:table; width:100%; height:100%;}
.index-row { display:table-row;  height:100%; width:100%;}
.index-row-90 { height:90%;}
.index-row-10 { height:10%;}
.index-logobox { padding:15px 0;}
.index-bgbox { background:url(../images/bg.png) no-repeat center; background-size: cover;}
.index-textbox { position: absolute; top: 15%; font-weight:bold;}
.text-group { padding:15px 0;}
.text-item { padding:5px 0;
	opacity:0;
					transform:translateY(200px);
	-webkit-transform:translateY(200px);
		 -moz-transform:translateY(200px);
			-ms-transform:translateY(200px);
	}
.text-item.doani {
	opacity:1;
					transform:translateY(0);
	-webkit-transform:translateY(0);
		 -moz-transform:translateY(0);
			-ms-transform:translateY(0);
}
.text-item,.text-imgbtn,.blog-ietm.doani,.blog-ietm-imgbox,
.blogtextbgbox h2,
.blogtextbgbox:hover h2,
.blog-ietm-imgbox img,
.blog-ietm-imgbox:hover img {

		-webkit-transition: all 0.72s ease;
		 	 -moz-transition: all 0.72s ease;
						transition: all 0.72s ease;	
}
.text-imgbtn { margin-left:-11px;
	opacity:0;
					transform:translateX(80px);
	-webkit-transform:translateX(80px);
		 -moz-transform:translateX(80px);
			-ms-transform:translateX(80px);
}
.text-imgbtn.doani {
	opacity:1;
					transform:translateX(0);
	-webkit-transform:translateX(0);
		 -moz-transform:translateX(0);
			-ms-transform:translateX(0);
}
	/*  about  */
	.aboutbox .bx-controls.bx-has-pager  { display:none;}
	.aboutbox .bx-wrapper { margin: 0 auto 0;}
	/*  blog  */
	.blog { padding:0 5px;}
	.blog-ietm { display:inline-block; margin:5px; width:calc((100% - 25px )/ 2);}
	.blog-ietm:nth-child(odd).doani {
		opacity:1;
					transform:translateX(0);
	-webkit-transform:translateX(0);
		 -moz-transform:translateX(0);
			-ms-transform:translateX(0);
	}
	.blog-ietm:nth-child(odd) {
		opacity:0;
					transform:translateX(-80%);
	-webkit-transform:translateX(-80%);
		 -moz-transform:translateX(-80%);
			-ms-transform:translateX(-80%);
	}
	.blog-ietm:nth-child(even).doani {
		opacity:1;
					transform:translateX(0);
	-webkit-transform:translateX(0);
		 -moz-transform:translateX(0);
			-ms-transform:translateX(0);
	}
	.blog-ietm:nth-child(even) {
		opacity:0;
					transform:translateX(80%);
	-webkit-transform:translateX(80%);
		 -moz-transform:translateX(80%);
			-ms-transform:translateX(80%);
	}
	.blog-ietm-imgbox { overflow:hidden;}
	.blog-ietm-imgbox:hover img{
					transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
		 -moz-transform:scale(1.2,1.2);
			-ms-transform:scale(1.2,1.2);
	}
	.blogtextbgbox { background-color:rgba(243,160,2,0.7); position:absolute; bottom:0px; left:0; width:100%;}
	
	.blogtextbgbox h2 { padding:15px; color:#fff; font-weight:bold; font-size:14pt;}
	/*.blogtextbgbox:hover  h2 { font-style:italic;}*/
	/*  patent  */
	.patentboxbg { background:url(../images/p4bg.png) no-repeat center; height:864px;}
	.patentbgbox { position:absolute; right:0; width:60%; }
	.patentbg { background:rgba(255,255,255,0.5) no-repeat center;margin:35px 0; padding:0 5px;}
	.patent-subject { border-bottom:1px solid #f3a002;}
	.patent-subject h2 { padding:30px 0; color:#f3a002; font-weight:bold; font-size:14pt; text-align:center;}	
	.patent-text { padding:80px 20px 200px 20px; font-size:14pt; font-weight:bold; line-height:45px; text-align:center;}	
	.patentbtnbox { text-align:right;}
	.patent-text-2 {  padding:0; text-align:left; padding:5px;}
	.patentbtnbox-2 { position:absolute; right:15px; top:calc((100% - 84px - -40px)/2);}
	/*  contact  */
	.contact-subject h2 { padding:20px 0;}
	.patent-form { padding:15px;}
	.contactmapbox { text-align:left; padding:0px 15px 15px 15px;}
	.form-box { padding:5px 0;}
	.form-box,.form-block { width:100%;}
	.contactbtnbox { text-align:center; padding:15px 0;}
	.contactbtn { background-color:#f3a002; border:0; color:#fff; font-weight:bold; padding:10px 15px; border-radius:15px; outline:none;}
	/*  assignee  */
	.assigneeboxbg { background:url(../images/p3bg.png) no-repeat center; height:864px;}
	.assignee { position:absolute; right:calc((100% - 489px)/ 2); top: calc((100% - -601px)/ 2); width:40%;}
	.assignee-textbox { font-weight:bold;}
	.assignee-subject h2 { font-weight:bold; padding:5px 0;}
	.assignee-name h2 { font-weight:bold; font-size:14pt; word-spacing:15px;}
	.assignee-text { text-indent:33px; padding:15px 0; text-align:justify;}
	

@media (min-width:1024px) and (max-width:1440px){
/*  global  */
.container{ width:calc(100% - 30px);}
/*  index  */
.index-table { display:block; }
.index-row { display:block; }
.index-logobox { padding:15px 0;}
.index-row-10 { height:74px; }
.index-row-90 { height:calc(100% - 74px);}
/*  blog  */
.blog { padding:0; text-align:center; padding:0 15px;	}
.blog-ietm { margin:0; width:100%; margin-bottom:15px;}
}	
@media (min-width:768px) and (max-width:999px){
/*  global  */
.container{ width:calc(100% - 30px);}
/*  index  */
.index-table { display:block; }
.index-row { display:block; }
.index-logobox { padding:15px 0;}
.index-row-10 { height:74px; }
.index-row-90 { height:calc(100% - 74px);}
/*  footer  */
.footer-block { padding-left: 30px;}
/*  header  */
.menu li { margin-left:5px; }
/*  patent  */
.patentbtnbox-2 { right:-8px;}
/*  blog  */
.blog { padding:0; text-align:center; padding:0 15px;	}
.blog-ietm { margin:0; width:100%; margin-bottom:15px;}
/*  assignee  */
.assigneeboxbg { background-position-x:-439px;}
}			
@media (min-width:425px) and (max-width:767px){
/*  global  */	
.container{ width:calc(100% - 30px);}	
/*  header  */ 
.headerbox  { display:none;}
.rwdheaderbox  { display:block;}
.rwdlogobox { padding:15px 0;}
.rwdmenu { height:0; opacity:0; transition:0.2s; padding:20px 0; text-align:center; width:100%; background-color:#f3a002; margin-top:-50px}
.rwdmenu.active { display:block; height:170px; opacity:1; transition:0.2s;}
.fa.fa-times { color:#fff; position:absolute; right:0; opacity:0; transition:0.2s;}
.rwdmenubtn.active .fa.fa-times  { opacity:1; transition:0.2s;}
.rwdmenu li { padding:5px 15px; border-bottom:1px solid #FDBB40;}
.rwdmenu li:last-child { border-bottom:0;}
.rwdmenu li a { color:#fff; font-weight:bold; display:block;}
.rwdmenubtnbox { padding: 0px 15px 15px 15px; text-align:right; font-size:24pt;}
.rwdmenubtn{ color:#f3a002; z-index:999; display:inline-block;}
/* footer */
.footerbox { padding:15px 0;}/**/
.footer-blockbox { float:left; border-right:1px solid #f3a002; width:calc((100% - 3px)/ 3);}/**/
.footer-blockbox:nth-child(n+3) { border-right:0;}/**/
.footer-blockbox-1 { width:100%; text-align:center;}/**/
.footer-block { margin: 0 auto; height:130px; padding-left: 32px;}/**/
.footer-block-1 { padding-left: 0; height:100%; padding-top:15px;}/**/
/*  index  */
.index-table { display:block; }
.index-row { display:block; }
.index-textbox { position:relative; width: 90%;  margin: 0 auto; }
.index-logobox { text-align:center;}
.text-imgbtn { text-align:center;}
.index-bgbox { background-size: auto;}
.index-row-10 { height:74px; }
.index-row-90 { height:calc(100% - 200px);}
/*  blog  */
.blog { padding:0; text-align:center; padding:15px;	}
.blog-ietm { margin:0; width:100%; margin-bottom:15px;}
/*  patent  */
.patentboxbg { height:100%;}
.patentbgbox { position:relative; right:auto; width:100%; padding:15px 0;}
.patentbg { background:rgba(255,255,255,0.5) no-repeat center;margin:0; padding:0 5px; margin-bottom:15px;}
.patentbtnbox-2 { position:absolute; right:0; top:calc((100% - 84px - -100px)/2);}
.patent-subject h2 { padding:15px 0;}	
.patent-text { padding:60px 20px 180px 20px;}	
.patent-text-2 { padding:0;}	
/*  contact  */
.contact-subject h2 { padding:15px 0;}
/*  assignee  */
.assignee { position:absolute; right:auto; top: calc((100% - -601px)/ 2); width:100%;}
}
@media (min-width:375px) and (max-width:424px){
/*  global  */	
.container{ width:calc(100% - 30px);}	
/*  header  */ 
.headerbox  { display:none;}
.rwdheaderbox  { display:block;}
.rwdlogobox { padding:15px 0;}
.rwdmenu { height:0; opacity:0; transition:0.2s; padding:20px 0; text-align:center; width:100%; background-color:#f3a002; margin-top:-50px}
.rwdmenu.active { display:block; height:170px; opacity:1; transition:0.2s;}
.fa.fa-times { color:#fff; position:absolute; right:0; opacity:0; transition:0.2s;}
.rwdmenubtn.active .fa.fa-times  { opacity:1; transition:0.2s;}
.rwdmenu li { padding:5px 15px; border-bottom:1px solid #FDBB40;}
.rwdmenu li:last-child { border-bottom:0;}
.rwdmenu li a { color:#fff; font-weight:bold; display:block;}
.rwdmenubtnbox { padding: 0px 15px 15px 15px; text-align:right; font-size:24pt;}
.rwdmenubtn{ color:#f3a002; z-index:999; display:inline-block;}
.index-logo img { width:100%;}
/* footer */
.footerbox { padding:15px 0;}/**/
.footer-blockbox { float:none; border-right:0; width:100%;}/**/
.footer-blockbox-1 { width:100%; text-align:center;}/**/
.footer-block { margin: 0 auto; height:100%; padding-left: 0;}/**/
.footer-block-1 { padding-left: 0; height:100%; padding-top:15px;}/**/
.footer-item.active:before { content:" "; display:none;}
.footer-item { display:none; padding:5px 0; border-bottom:1px solid #D9D9D9; padding:15px 0 15px 15px;}
.footer-item.rwdshow { display:block;}
.footer-item:last-child { border-bottom:0;}
.footer-subject h2 { padding:15px 0; border-bottom:1px solid #9C9C9C; border-top:1px solid #fff;}
.footer-block.footer-block-1 .footer-subject h2 { padding:5px 0; border-bottom:0; border-top:0;}
.footer {border-top:1px solid #9C9C9C;}
/*  index  */
.index-table { display:block; }
.index-row { display:block; }
.index-textbox { position:relative; width: 90%;  margin: 0 auto; }
.index-logobox { text-align:center;}
.text-imgbtn { text-align:center;}
.index-bgbox { background-size: auto;}
.index-row-10 { height:74px; }
.index-row-90 { height:calc(100% - 200px);}
/*  blog  */
.blog { padding:0; text-align:center; padding:15px;	}
.blog-ietm { margin:0; width:100%; margin-bottom:15px;}
/*  patent  */
.patentboxbg { height:100%;}
.patentbgbox { position:relative; right:auto; width:100%; padding:15px 0;}
.patentbg { background:rgba(255,255,255,0.5) no-repeat center;margin:0; padding:0 5px; margin-bottom:15px;}
.patentbtnbox-2 { position:absolute; right:0; top:calc((100% - 84px - -100px)/2);}
.patent-subject h2 { padding:15px 0;}	
.patent-text { padding:60px 20px 180px 20px;}	
.patent-text-2 { padding:0;}	
/*  contact  */
.contact-subject h2 { padding:15px 0;}
/*  assignee  */
.assignee { position:absolute; right:auto; top: calc((100% - -601px)/ 2); width:100%;}
}
@media (min-width:320px) and (max-width:374px){
/*  global  */	
.container{ width:calc(100% - 30px);}	
/*  header  */ 
.headerbox  { display:none;}
.rwdheaderbox  { display:block;}
.rwdlogobox { padding:15px 0;}
.rwdmenu { height:0; opacity:0; transition:0.2s; padding:20px 0; text-align:center; width:100%; background-color:#f3a002; margin-top:-50px}
.rwdmenu.active { display:block; height:170px; opacity:1; transition:0.2s;}
.fa.fa-times { color:#fff; position:absolute; right:0; opacity:0; transition:0.2s;}
.rwdmenubtn.active .fa.fa-times  { opacity:1; transition:0.2s;}
.rwdmenu li { padding:5px 15px; border-bottom:1px solid #FDBB40;}
.rwdmenu li:last-child { border-bottom:0;}
.rwdmenu li a { color:#fff; font-weight:bold; display:block;}
.rwdmenubtnbox { padding: 0px 15px 15px 15px; text-align:right; font-size:24pt;}
.rwdmenubtn{ color:#f3a002; z-index:999; display:inline-block;}
.index-logo img { width:100%;}
/* footer */
.footerbox { padding:15px 0;}/**/
.footer-blockbox { float:none; border-right:0; width:100%;}/**/
.footer-blockbox-1 { width:100%; text-align:center;}/**/
.footer-block { margin: 0 auto; height:100%; padding-left: 0;}/**/
.footer-block-1 { padding-left: 0; height:100%; padding-top:15px;}/**/
.footer-item.active:before { content:" "; display:none;}
.footer-item { display:none; padding:5px 0; border-bottom:1px solid #D9D9D9; padding:15px 0 15px 15px;}
.footer-item.rwdshow { display:block;}
.footer-item:last-child { border-bottom:0;}
.footer-subject h2 { padding:15px 0; border-bottom:1px solid #9C9C9C; border-top:1px solid #fff;}
.footer-block.footer-block-1 .footer-subject h2 { padding:5px 0; border-bottom:0; border-top:0;}
.footer {border-top:1px solid #9C9C9C;}
/*  index  */
.index-table { display:block; }
.index-row { display:block; }
.index-textbox { position:relative; width: 90%;  margin: 0 auto; }
.index-logobox { text-align:center;}
.text-imgbtn { text-align:center;}
.index-bgbox { background-size: auto;}
.index-row-10 { height:74px; }
.index-row-90 { height:calc(100% - 200px);}
/*  blog  */
.blog { padding:0; text-align:center; padding:15px;	}
.blog-ietm { margin:0; width:100%; margin-bottom:15px;}
/*  patent  */
.patentboxbg { height:100%;}
.patentbgbox { position:relative; right:auto; width:100%; padding:15px 0;}
.patentbg { background:rgba(255,255,255,0.5) no-repeat center;margin:0; padding:0 5px; margin-bottom:15px;}
.patentbtnbox-2 { position:absolute; right:0; top:calc((100% - 84px - -100px)/2);}
.patent-subject h2 { padding:15px 0;}	
.patent-text { padding:60px 15px 120px 15px;}	
.patent-text-2 { padding:0;}	
/*  contact  */
.contact-subject h2 { padding:15px 0;}
/*  assignee  */
.assignee { position:absolute; right:auto; top: calc((100% - -601px)/ 2); width:100%;}
}