@charset "UTF-8";
/**
 *
 * @authors Your Name (you@example.org)
 * @date    2015-09-11 13:39:21
 * @version $Id$
 */
 

 @media (max-width: 1600px){
	.about-banner,
	.gov-banner,
	.ir-banner,
	.csr-banner,
	.brand-banner,
	.career-banner {
		background-position: left 80% bottom 0px;
	}
	/* .gov-banner {
		background-position: left 80% bottom 0px;
	}
	.ir-banner {
		background-position: right 75% bottom 0px;
	}
	.csr-banner {
		background-position: left 80% bottom 0px;
	}
	.brand-banner {
		background-position: right 75% bottom 0px;
	}
	.career-banner {
		background-position: right 75% bottom 0px;
	} */
}
/* 
@media (max-width: 1400px){
	.about-banner {
		background-position: right -320px bottom 0px;
	}
	.gov-banner {
		background-position: right -260px bottom 0px;
	}
	.ir-banner {
		background-position: right -250px bottom 0px;
	}
	.csr-banner {
		background-position: left -270px bottom 0px;
	}
	.brand-banner {
		background-position: right -215px bottom 0px;
	}
	.career-banner {
		background-position: right -100px bottom 0px;
	}
}
@media (max-width: 1024px){
	
	.gov-banner {
		background-position: right -270px bottom 0px;
	}

	.csr-banner {
		background-position: left -320px bottom 0px;
	}
	
}*/
@media (max-width: 992px){
		.link-left{
		float: none;
		text-align: center;
		margin-bottom: 20px;
	}
	.link-right{
		float: none;
		text-align: center;
	}
	.link-right ul li{
		width: 48%;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-top: 18px;
	}
	.link-right ul li:nth-child(2n){
		margin-left: 4% !important;
	}
	/* 2015-11-23 */
	.licen-list li{
		/*display: table;*/
		width: 22%;
		margin-right: 4%;
	}
	.licen-list li:nth-child(4n){
		margin-right: 0;
	}
	.licen-list li:nth-child(5n){
		margin-right: 4%;
	}
	.pad-banner{
		display: block;
	}
	#banner{
		display: none;
	}
}
@media (max-width: 965px){
	.ann_box, .stock_box, .share_box, .report_box{
		width:47%;
	}


	.licen-list li:nth-child(5n){
	/*margin-right:28px;*/
	}

}
@media (max-width: 865px){
	nav,
	.nav-wrap{
		display: none;
	}
	.menu-icon{
		display: block;
	}
	.brand-left,
	.brand-right{
		width: 100%;
	}
	.brand-left{
		text-align: center;
	}
	.brand-left .pos{
		display: inline-block;
	}
	.brand-right{
		margin-top: 30px;
	}
	.ann_box, .stock_box, .share_box, .report_box{
		width:100%;
	}

	ul.index-news-list{ min-height:100%}
	#ver-en ul.index-news-list{ min-height:100%}

	/* 2015-11-27 */
	.link-left{
		float: none;
		text-align: center;
		margin-bottom: 20px;
	}
	.link-right{
		float: none;
		text-align: center;
	}
	.link-right ul li{
		width: 48%;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-top: 18px;
	}
	.link-right ul li:nth-child(2n){
		margin-left: 4% !important;
	}
	/* 2015-11-27 */
	.index-about,
	.index-news-wrap{
		float: none;
		width: 100%;
	}
	.index-news{
		padding-top: 0;
		padding-bottom: 0;
		background: none;
	}
	.index-news .container{
		padding: 0;
	}
	.index-about{
		padding: 40px 15px 20px 15px;
		background: #fbe6f1;
	}
	.index-news-wrap{
		padding: 40px 15px 20px 15px;
		background: #efedb6
	}
	.index-news-wrap .news-next{
		right: 15px;
	}
}
@media (max-width: 768px){

	.index-news-wrap .news-next,
	.index-news-wrap .news-prev{
		display: block;
	}
	#banner{
		height: 480px;
	}
	.banner-list > li{
		height: 480px;
	}
	.brand-list-box{
		margin-top: 35px !important;
	}

	ul.report-list li{
		width: 30%;
		margin-right: 5% !important;
	}
	ul.report-list li:nth-child(3n){
		margin-right: 0 !important;
	}
	ul.sitemap-list > li{
		width: 33.33333333333%;
		margin-right: 0;
	}
	.ir-profile .table-list{
		margin-bottom: 0;
	}
	.ir-profile .table-list table{
		width: 100%;
	}
	ul.index-news-list li > a{
		display: block;
		padding: 0 15px;
	}
	ul.index-news-list li:first-child{
		padding-left: 20px;
	}
	.ann_box, .stock_box, .share_box, .report_box{
		width:100%;
	}
	/* 2015-11-23 */
	.licen-list li{
		/*display: table;*/
		width: 30%;
		margin-right: 5%;g
	}
	.licen-list li:nth-child(2n){
		margin-right: 5%;
	}
	.licen-list li:nth-child(3n){
		margin-right: 0;
	}

	.index-news h1{
		text-align: center;
	}
	.about{
		padding-right: 0;
		background: none;
		padding-bottom:500px;
		  background-image: url("about_bg.png"/*tpa=http://www.enphants.com/images/about_bg.png*/);
		  background-repeat: no-repeat;
		  background-position: center bottom;
	}

	.career-learn-table-wrap,
	.table-scroll{
		overflow-x: auto;
	}
	/* 2015-12-22 */
	.csr-soc-txt,
	.csr-soc-txt + .content-img{
		display: block;
	}
	.csr-soc-txt + .content-img{
		text-align: center;
		min-width: auto;
	}
	#ver-en .employ-info .right-info h6 span{ display:block; padding-top:5px;  padding-left:0;}
	.vision-con h2{
		width: 100%;
	}
	.vision-img{
		width: 242px;
		float: left;
	}
	.join-inner a{
  		height: 52px;
	}
	
	.about-banner {
		/*background-position: left 35% bottom 0px;*/
	}
	.gov-banner {
		/*background-position: left 35% bottom 0px;*/
	}
	.ir-banner {
		/*background-position: left 35% bottom 0px;*/
	}
	.csr-banner {
	/*background-position: left 70% bottom 0px;*/
	}
	.brand-banner {
		/*background-position: left 40% bottom 0px;*/
	}
	.career-banner {
		/*background-position: left 70% bottom 0px;*/
	}
}
@media (max-width: 640px){
	/* 首頁 相關 */
	.brand-left,
	.brand-right{
		width: 100%;
	}
	.brand-left{
		text-align: center;
	}
	.brand-left .pos{
		display: inline-block;
	}
	.brand-right{
		margin-top: 30px;
	}
	.brand-list-box ul li{
		width: 50%;
		margin-right: 0;
		text-align: center;
	}
	.brand-next,
	.brand-prev{
		width: 15px;
	}
	.brand-list-box{
		margin-top: 0 !important;
	}

	/* 内页 */
	.about-banner{
		/*background: url(../images/about_banner_680.jpg) no-repeat center top;*/
	}
	.gov-banner{
		/*background: url(../images/gov_banner_680.jpg) no-repeat center top;*/
	}
	.ir-banner{
		/*background: url(../images/ir_banner_680.jpg) no-repeat center top;*/
	}
	.csr-banner{
		/*background: url(../images/csr_banner_680.jpg) no-repeat center top;*/
	}
	.brand-banner{
		/*background: url(../images/brand_banner_680.jpg) no-repeat center top;*/
	}
	.career-banner{
		/*background: url(../images/career_banner_680.jpg) no-repeat center top;*/
	}
	.sitemap-banner,
	.privacy-banner{
		background: url("sitemap_banner_680.jpg"/*tpa=http://www.enphants.com/images/sitemap_banner_680.jpg*/) no-repeat center top;
	}



	.ann_box, .stock_box, .share_box, .report_box{
		width:100%;
	}

	.employ-info h6{
		margin-top: 6px;
	}
	.p-left{display:block;
    vertical-align:none;padding-right:0
	}
	.bus-img{display:block;min-width:100%;max-width:100%; text-align:center;
    vertical-align:none;
	}
}
@media (max-width: 580px){

	.menu-icon{
		width: 40px;
	}
	.quick-link{
		margin-top: 6px !important;
	}
	.quick-link a{
		display: inline-block;
		/*width: 50%;*/
		margin: 0 2px;
	}
	.quick-link a:not(:last-child)::after{
		display: none;
	}
	.link-lan .lan{
		margin-top: 6px;
	}
	.link-lan .lan a{
		width: 25px;
		height: 25px;
		line-height: 25px;
		font-size: 12px !important;
	}

	ul.report-list li{
		width: 48%;
		margin-right: 4% !important;
	}
	ul.report-list li:nth-child(3n){
		margin-right: 4% !important;
	}
	ul.report-list li:nth-child(2n){
		margin-right: 0 !important;
	}

	.ir-investor table thead tr th:last-child,
	.ir-investor table thead tr th:nth-last-child(2){
		min-width: 20px;
	}



	.ann_box, .stock_box, .share_box, .report_box{
		width:100%;
	}

	.taiwan-wrap .content-img{
	    top: 50%;
	}
	.brand-list li{
		margin-bottom:20px;
		display:block;
	}
	.brand-list li:last-child{
		margin-bottom:0;
	}
	.brand-list li .img{
		display: block;
		text-align: center;
	}
	.brand-list li .img::after{
		top: auto;
		right: auto;
		bottom: -14px;
		left: 50%;
		margin-left: -7px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.brand-list li strong{
		padding:9px 10px;
	}
	.brand-list li p{
		display:block;
		padding-left: 0;
		padding-top: 20px !important;
	}

	/* 2015-11-20 */
	.golbal-img{
		display: none;
	}
	.golbal-img-phone{
		display: block;
	}

	/* 2015-11-23 */
	.licen-list li{
		/*display: table;*/
		width: 48%;
		margin-right: 4%;
	}
	.licen-list li:nth-child(3n){
		margin-right: 4%;
	}
	.licen-list li:nth-child(2n){
		margin-right: 0;
	}

	/* 2015-11-27 */
	.link-right ul li:nth-child(2n){
		margin-left: 0 !important;
	}
	.link-right ul li{
		width: 100%;
		margin: 0 !important;
		margin-top: 18px !important;
	}
	.link-right ul li:first-child{
		margin-top: 0 !important;
	}
	.index-about-wrap{
		background-position: center top;
		margin-top: 0;

	}
	.footer-top_en a{
	  margin-right:0;
	  display:inline-block;
    }
	.footer-top_en a:nth-child(1), .footer-top_en a:nth-child(3){ width:250px;}
    .footer-top_en a:nth-child(1){ background:url("download_icon.png"/*tpa=http://www.enphants.com/images/download_icon.png*/) no-repeat 125px center;}
    .footer-top_en a:nth-child(3){ margin-top:12px;}
	/* 2015-12-22 */
	.join-inner a{
  		height: 38px;
	}


}

@media (max-width: 480px){
	#banner{
		height: 280px;
	}
	.banner-list > li{
		height: 280px;
	}
	.index-news-wrap .news-next,
	.index-news-wrap .news-prev{
		width: 18px;
	}

	.foot-btm > div{
		width: 100%;
	}
	.powerby{
		margin-top: 5px;
	}

	/* 内页 */
	.inner-banner{
		height: 195px;
	}
	.inner-banner .inner-banner-title{
		padding-top: 140px;
	}
	#ver-en article h1 > span{ display:block;}
	.container_en{
		padding-top:120px !important;
		font-size:36px !important;
		width: auto !important;
	}
	#ver-en .gov-banner .container_en,
	#ver-en .csr-banner .container_en,
	#ver-en .career-banner .container_en {
  		padding-top: 95px;
	}
	.inner-banner .inner-banner-title img{
		width: 130px;
		max-width: 100%;
	}
	.about-banner{
		/*background: url(../images/about_banner_480.jpg) no-repeat center top;*/
	}
	.gov-banner{
		/*background: url(../images/gov_banner_480.jpg) no-repeat center top;*/
	}
	.ir-banner{
		/*background: url(../images/ir_banner_480.jpg) no-repeat center top;*/
	}
	.csr-banner{
		/*background: url(../images/csr_banner_480.jpg) no-repeat center top;*/
	}
	.brand-banner{
		/*background: url(../images/brand_banner_480.jpg) no-repeat center top;*/
	}
	.career-banner{
		/*background: url(../images/career_banner_480.jpg) no-repeat center top;*/
	}
	.sitemap-banner,
	.privacy-banner{
		background: url("sitemap_banner_480.jpg"/*tpa=http://www.enphants.com/images/sitemap_banner_480.jpg*/) no-repeat center top;
	}

	ul.sitemap-list > li{
		width: 50%;
		margin-right: 0;
	}

	.ann_box, .stock_box, .share_box, .report_box{
		width:100%;
	}

.career-info .right-info h6 span{ display:block; padding-top:10px;}

	/* 2015-11-23 */
	.licen-list{
		width: 100%;
	}
	.licen-list li{
		/*display: table;*/
		width: 100%;
		height: auto;
		margin: 0;
		margin-bottom: 20px;
	}
	.licen-list li div{
		display: block;
		width: 100%;
		height: auto;
		font-size: 0;
		padding-top:10px;
		padding-bottom:10px;
	}
	.licen-list li div img{
		display: inline-block;
	}
	.foot-top a:nth-child(3), .foot-top a:nth-child(4) { padding-right:15px; margin-top:12px;
    }
.foot-top a{
	  white-space: nowrap;
	  margin-right:20%;
	  display: inline-block;
}
.footer-top_en a{
	  margin-right:0;
}
.footer-top_en a:nth-child(1), .footer-top_en a:nth-child(3){ width:180px;}
.footer-top_en a:nth-child(1){ background:url("download_icon.png"/*tpa=http://www.enphants.com/images/download_icon.png*/) no-repeat 125px center;}
.licen-list li img{max-width:100%;}
}
@media (min-width: 580px){
	span.agm-year{
		display: table-cell;
		vertical-align: middle;
		padding-right: 48px;
	}
	.l-agm{
		display: table-cell;
	}

}
@media (max-width: 580px){
	.type_year{ clear:both; display:block; padding-top:10px;}
	.year-table > span:nth-of-type(2){margin-left:0}
	.year-table:first-child > ul .year-list{ z-index:101;}
	.pull-left span{ display:block; padding-top:5px;}
}

/* 2015-12-04 */
@media (min-width: 640px){
	.employ-info{
		padding-bottom: 0 !important;
	}
	.employ-info .left-img,
	.employ-info .right-info{
	  vertical-align: top;
	  display: table-cell !important;
	}
	.employ-info .right-info{
		padding-left: 18px;
	}
	.employ-info .right-info h6{
		padding-top: 16px;
	}
	.career-info .left-img{
		float: left;
	}
	.career-info .right-info{
		width: 72.77777777777778%;
		float: right;
	}
	.career-info .left-img img{ max-width:155px;}

	ul.img-list{
		/* display: table; */
		width: 100%;
	}
	ul.img-list li{
		/* display: table-cell; */
		float: left;
		margin-bottom: 0;
		display: table;
	}
	ul.img-list li .inner-li{
		display: table-cell;
		vertical-align: middle;
	}
	ul.img-3 li{
		padding: 2px;
		width: 33.33333333%;
	}
	ul.img-2 li{
		width: 33.33333333%;
		padding: 2px;
	}
}
@media (min-width: 768px){
	.employ-info .right-info{
		width: 77.77777777777778%;
	}
	.career-info .right-info{
		width: 77.77777777777778%;
	}
	.csr-soc-txt + .content-img{
		width: 300px;
	}
}
@media (min-width: 500px){
	.new-item{
		display: table;
		    margin: 30px auto;
	}
	.new-item .n-left,
	.new-item .n-right{
		display: table-cell;
		vertical-align: middle;
	}
	.new-item .n-left span{
		position: static;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	.new-item .n-right{
		padding-left: 25px;
	}
}
@media (min-width: 760px){
	.new-wrap{
		padding-top: 150px;
		padding-bottom: 150px;
		max-width: 740px;
		margin-right: auto;
		margin-left: auto;
	}
	.new-img-box{
		width: 270px;
	}
	.new-item{
		position: absolute;
		margin-bottom: 0;
		width: 350px;
	}
	.new-item:nth-child(2){
		top: 0;
		left: 265px;
	}
	.new-item:nth-child(3){
		top: 50%;
		left: 350px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.new-item:nth-child(4){
		bottom: 0;
		left: 265px;
	}
	.new-item .n-left::before{
		content: "";
		display: block;
		width: 100px;
		height: 2px;
		position: absolute;
		background-color: #5b9bd5;
	}
	.new-item:nth-child(2) .n-left::before{
		top: 155px;
		right: 90px; 
		-webkit-transform: rotate(-50deg);
		-moz-transform: rotate(-50deg);
		-ms-transform: rotate(-50deg);
		-o-transform: rotate(-50deg);
		transform: rotate(-50deg);
	}
	.new-item:nth-child(3) .n-left::before{
		top: 50%;
		right: 142px;
	}
	.new-item:nth-child(4) .n-left::before{
		bottom: 170px;
		right: 120px;
		-webkit-transform: rotate(50deg);
		-moz-transform: rotate(50deg);
		-ms-transform: rotate(50deg);
		-o-transform: rotate(50deg);
		transform: rotate(50deg);
	}
}
@media (min-width: 800px){
	.new-item{
		width: 100%;
	}
}
@media (min-width: 1600px){
	.inner-banner .inner-banner-title {
		width: 405px;
		margin-right: 387px;
	}
	.about-banner .inner-banner-title,
.ir-banner .inner-banner-title,
.brand-banner .inner-banner-title{
  margin-right: 358px;
}
}