#body.index h2	{ font-family: 'Poppins Medium', 微軟正黑體; font-weight:normal; font-size:30px; line-height:normal; letter-spacing:0px; opacity:1; }
	.font-m 		{ font-size:18px; }
/*	.font-s 		{ font-size:15px; }
	.font-xs 		{ font-size:14px; }*/


	.sec-padding 	{ /*padding:115px 200px;*/ padding:6% 10%;  }


	/* Our Team 
	---------------------------------------------*/
	.msg  				{ display:flex; align-items: flex-start; width:100%; background-color:#fff; transition: all 0.3s ease-out;} 
	.msg img  			{ margin-right:50px; width:274px; height:274px;}
	.msg .msg-intro 	{ padding:40px 0; font-size:var(--font-body); }
	.msg span 			{ display:block; text-transform:uppercase; font-family: 'Poppins Bold', 微軟正黑體; margin-bottom:8px;}
	.job-title 			{ font-size: var(--font-xs); font-weight:normal; font-style:italic; text-transform:uppercase; } 	
	.img-circle 		{ -webkit-border-radius: 200px;
							-moz-border-radius: 200px;
							     border-radius: 200px; }

 	/* Strategy Framework
	---------------------------------------------*/
	.strategy-blk 			{ background-repeat:no-repeat; background-size:cover; background-position:center;}
	.sf-section.sf-planet 	{ background-image:url(images/bg-strategy.jpg); }
	.sf-section.sf-product 	{ background-image:url(images/bg-strategy-product.jpg); }
	.sf-section.sf-people 	{ background-image:url(images/bg-strategy-people.jpg); }
	.sf-blk 				{ margin-top: 50px; }
	img.img-corner 			{ -webkit-border-radius: 60px;
								 -moz-border-radius: 60px;
								      border-radius: 60px; }
	

	 	/* Strategy Framework ( left menu)
		---------------------------------------------*/
	.sf-left-col	{ 	width:28%; float:left; background:#fff; padding:30px;
						-webkit-border-radius: 20px;
						   -moz-border-radius: 20px;
								border-radius: 20px;
								   box-shadow: 3px 6px 8px #00000029; }
	.sf-title 			{ font-family: 'Poppins SemiBold', 微軟正黑體; font-size:24px; line-height:normal; padding:15px 10px; letter-spacing:-1px; cursor:pointer;
						  border:none; border-top:1px solid #ececec;
						  background:url(images/img-dropdown.svg); background-position:right center; background-repeat:no-repeat; }
	.sf-left-col .sf-title:last-child { border-bottom:1px solid #ececec; }
	.sf-section.sf-planet .sf-title.title-planet  		{  color: var(--color-blue); }
	.sf-section.sf-product .sf-title.title-product  	{  color: var(--color-green); }
	.sf-section.sf-people .sf-title.title-people  		{  color: var(--color-red);  }
	.sf-title.title-planet:hover 		{  color: var(--color-blue);  }
	.sf-title.title-product:hover   	{  color: var(--color-green);  }
	.sf-title.title-people:hover  		{  color: var(--color-red); }

	.sf-title.open-planet, .sf-title.open-product, .sf-title.open-people  { background:none; }
	
	.sf-subtitle { display: none; }
	.sf-blk .content-planet{ display: none;}
	/* .sf-title.open-planet ~ .sf-subtitle.planet,
	.sf-title.open-product ~ .sf-subtitle.product,
	.sf-title.open-people ~ .sf-subtitle.people{ display: block; } */
	.sf-subtitle .sublink    			 { padding:15px 10px; letter-spacing:-0.5px;  }
	.sf-subtitle .sublink a 				 { text-decoration:none;}
	.sf-subtitle .sublink a:hover 		 { text-decoration:underline;}
	.sf-subtitle.planet .sublink a,
	.sf-subtitle.product .sublink a,
	.sf-subtitle.people .sublink a   	  { color: var(--color-body);  transition: all 0.3s ease-out; }
	.sf-subtitle.planet .sublink a:hover   { color: var(--color-blue);}
	.sf-subtitle.product .sublink a:hover  { color: var(--color-green);}
	.sf-subtitle.people .sublink a:hover   { color: var(--color-red);}

	.sf-img-m 		{ display:none; width:100%; height:auto;}
	.sf-content-m 	{ display:none; padding:15px 10px}

		/* Strategy Framework ( right content )
		---------------------------------------------*/
	.sf-right-col 				{ width:calc(100% - 28%); float:left; padding-left:8%;  }
	.sf-right-col img 			{ width:100%; height:auto }
	.sf-right-col .sf-content 	{ padding:40px 0; }
	.btn-more   { text-transform:uppercase; text-decoration:underline; font-family: 'Poppins Bold', 微軟正黑體;}
	.btn-more a 		{ color:var(--color-body); transition: all 0.3s ease-out;  cursor: pointer;}
	.btn-more a:hover   { color:var(--color-main-red); }

	.btn-m { display: none; text-align: right; margin-top: 20px;  margin-bottom: 50px; }
	/* section */
	.section-blk.sec-blk-left{
		justify-content: flex-start;
	}
	.index-title-year{
		color: var(--color-main-red);
		font-size: 250px;
		line-height: 1;
    	font-family: 'Poppins ExtraLight', 微軟正黑體;
		font-weight: normal;
		text-align: left;
		margin-bottom: 50px;
	}
	.index-title{
		font-size: 100px;
		line-height: 1.2;
		font-family: 'Poppins Light', 微軟正黑體;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
	}
		
	.ani-wrp .sbg-img{ display: block; }
	
	.ani-wrp .sbg-img-m{ display: none; }
	

	.bottle-wrp{
		position: absolute;
		height: 90%;
		bottom: 0;
		width: 30%;
		right: 10%;
	}
	.bottle-wrp .aim-inner,
	.bottle-wrp .bottle{
		background-size: 100% auto;
	}
	.idx-blk{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: row;
	}
	.idx-blk .idx-blk-txt{
		flex-basis: auto;
		flex-shrink: 1;
		flex-grow: 1;
		display: flex;
		justify-content: center;
		flex-direction: column;
		padding-left: 10%;
		padding-top: 50px;
		padding-bottom: 50px;
		max-width: calc((100vw - 100vh) + 200px);
		z-index: 2;
	}
	.idx-blk .idx-blk-img{
		flex-basis: auto;
		flex-shrink: 0;
		flex-grow: 0;
		padding-right: 10%;
	}
	.idx-blk .blk-img-wrp{
		height: 100%;
	}
	.idx-blk .blk-img-wrp .bottle{
		height: 100%;
	}
	.idx-blk .blk-img-wrp .bottle,
	.idx-blk .idx-blk-img .aim-inner{
		display: flex;
		align-items: flex-end; 
	}
	.idx-blk .idx-blk-img .aim,
	.idx-blk .idx-blk-img .aim-inner{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.idx-blk .blk-img-wrp .bottle img,
	.idx-blk .idx-blk-img .aim img{
		height: 100%;
		width: auto;
		display: block;
	}
	
	.inside-wrapper {
		width: 82%;
		margin: 0 auto;
	}
	
	.video-section { padding: 80px 5%; }
	
	

	/* ==========================================================================
	    Media Style: no dropdown, section flowdown, sslider flowdown
	============================================================================= */
	@media only screen and (max-width:2000px) {
		.index-title-year{
			font-size: 200px;
		}
		.index-title{
			font-size: 80px;
		}
	}
	
	@media only screen and (max-width:1600px) {
		.index-title-year{
			font-size: 150px;
		}
		.index-title{
			font-size: 60px;
		}
	}
	
	@media only screen and (max-width:1280px) {
		.idx-blk .idx-blk-img{
			padding-right: 20px;
		}
		.idx-blk .idx-blk-txt{
			justify-content: flex-start;
			padding-left: 100px;
			padding-top: 150px;
			padding-bottom: 30px;
		}
		.idx-blk .blk-img-wrp .bottle img,
		.idx-blk .idx-blk-img .aim img{
			height: 100%;
			width: auto;
			display: block;
			transform: translateX(8%);
		}
	}
	
	@media only screen and (max-width:840px) {
	.index-title-year{
		font-size: 120px;
	}
	.index-title{
		font-size: 40px;
	}
	.idx-blk .idx-blk-img{
		padding-right: 0px;
	}
	.idx-blk .idx-blk-txt{
		padding-left: 50px;
		padding-top: 150px;
		padding-bottom: 20px;
	}
	.index-title-year{
		margin-top: 20px;
        margin-bottom: 20px;
	}
	.idx-blk .blk-img-wrp .bottle img,
	.idx-blk .idx-blk-img .aim img{
		transform: translateX(0%);
	}
	.sf-left-col{
		border-radius: 50px;
	}
	.btn-m{ display: block; }
	
	.strategy-blk h2 {
		text-align: center; line-height: 1.4;
	}
	.sec-padding 		{ padding:80px 20px; }
	.sf-img-m	 		{ display:block;}
	.sf-content-m 		{ display:block; }
	.sf-subtitle .sublink a 	{ text-decoration:underline; }
	img.img-corner 			{ -webkit-border-radius: 25px;
								 -moz-border-radius: 25px;
								      border-radius: 25px; }


	.msg  				{ display:block; text-align:center;} 
	.msg img 			{ margin-right:0; width:180px; height:180px; margin-bottom:30px; }
	.msg .msg-intro 	{ padding-top: 25px; }

	.sf-left-col 	{ width:100%; }
	.sf-right-col   { display:none; } 
	
			
	.ani-wrp .sbg-img{ display: none; }
	
	.ani-wrp .sbg-img-m{ display: block; }
	
	.inside-wrapper 		{ width:100%; }
	
	
	.video-section { padding: 30px 5%; }
	
	}
	@media only screen and (max-width:700px) {
	.idx-blk .blk-img-wrp .bottle img, .idx-blk .idx-blk-img .aim img {
		transform: translateX(-8%);
		height: 80%;
	}
	.idx-blk .idx-blk-txt{
		padding-top: 100px;
		padding-left: 20px;
	}
	.index-title-year{
		font-size: 72px;
	}
	.index-title{
		font-size: 24px;
	}
	}

	@media only screen and (max-device-width: 920px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.idx-blk .idx-blk-txt{
		padding-top: 100px;
		
	}
	.index-title-year{
		font-size: 72px;
	}
	.index-title{
		font-size: 28px;
	}
	}
	
	@media only screen and (max-width:345px) {
		.idx-blk .blk-img-wrp .bottle img, .idx-blk .idx-blk-img .aim img {
			height: 60%;
		}
	}