@charset 'UTF-8';

/*--------------------------------------------------
TAA
--------------------------------------------------*/

/* TAAindex
---------------------------------*/
#TAAindex{overflow:hidden; zoom:1; color:#fff;}
#TAAindex #chemBlock{width:50%; height:545px; float:left; background-color:#0db4e8; overflow:hidden; position:relative;}
#TAAindex #lifeBlock{width:50%; height:545px; float:left; background-color:#6fcd23; overflow:hidden; position:relative;}
#TAAindex h2{position:relative; padding:120px 50px 20px; line-height:1.3; font-size:38px; font-weight:bold; text-justify:distribute;}
#TAAindex p{position:relative; padding:0 53px 40px; font-size:18px; text-justify:distribute; height:auto;display: block}
#TAAindex p.more{padding:0 60px; height:auto;}
#TAAindex p.more a{display:block; padding:15px; text-align:center; color:#fff; border:#fff 2px solid; letter-spacing:0; text-decoration:none;}

@media screen and (max-width:767px){
	#TAAindex #chemBlock,
	#TAAindex #lifeBlock{width:100%; height:auto; float:none; padding-bottom:20px;}
	#TAAindex #chemBlock{background-image:url(../images/index_bg_01.png);}
	#TAAindex #lifeBlock{background-image:url(../images/index_bg_02.png);}
	#TAAindex h2{padding:20px; font-size:26px; text-align:center;}
	#TAAindex p{padding:0 20px 20px; font-size:15px; height:auto;}
	#TAAindex p.more{padding:0 20px; text-align:center;}
	#TAAindex p.more a{ padding:7px 30px; border-width:1px; display:inline-block;}
}

/* TAAmenu
---------------------------------*/
.TAAmenu{padding-top:10px;}
.TAAmenu h1{text-align:center; padding:0; border:none; margin-bottom:20px;}
.TAAmenu h1 span{display:none;}
.TAAmenu ul{overflow:hidden; zoom:1;}
.TAAmenu li{float:left; width: 50%}
.TAAmenu li img {width: 100%}
.TAAmenu.btmMenu{display:none;}

@media screen and (max-width:767px){
	.TAAmenu h1{padding:0; text-align:center;}
	.TAAmenu h1 img{display:none;}
	.TAAmenu h1 span,
	.TAAmenu h1 span img{display:block;}
	.TAAmenu ul{display:none;}
	.TAAmenu li{float:none; margin-top:1px; width: auto}
	.TAAmenu li a:before{content:attr(data-label);}
	.TAAmenu li a{
		padding:10px;
		display:block;
		background-color:#eaeaea;
		background-position: 98% 50%;
		background-repeat: no-repeat;
		background-size:18px 18px;
		-moz-background-size:18px 18px;
		-webkit-background-size:18px 18px;
		color:#333;
		font-weight:bold;
	}
	.TAAmenu li.active a{background-color:#014099; color:#fff;}
	.TAAmenu li img{display:none;}
	.TAAmenu li:nth-child(2) a{background-image:url(../images/sp_arrow_03_life.png);}
	.TAAmenu li.active:nth-child(2) a{background-image:url(../images/sp_arrow_03_life.png); background-color:#6fcd23;}
	.TAAmenu.btmMenu{display:block; margin-top:20px;}
	.TAAmenu.btmMenu ul{display:block;}
}


/*--------------------------------------------------
Life Support
--------------------------------------------------*/
@media screen and (min-width:768px){
	body#lifeBody{height:auto!important;}
}
#TAAlife{padding-top:50px; position:relative;}
#TAAlife h2 span{display:none;}
#lifeWrap,
#sportsWrap,
#environmentWrap,
#businessWrap,
#leisureWrap,
#factoryWrap,
#fashionWrap{position:relative;}
.preload{position:absolute; top:100px; left:50%;}

#sportsWrap{height:671px; opacity:0; margin-top:50px;}
#sportsWrap h2{position:absolute; top:20px; left:0; z-index:5; opacity:0;}
#sportsWrap ul li{position:absolute;}
#sportsWrap ul li.item01{left:7px; top:0;}
#sportsWrap ul li.item02{left:0px; top:188px;}
#sportsWrap ul li.item03{left:303px; top:367px;}
#sportsWrap ul li.item04{left:101px; top:125px;}
#sportsWrap ul li.item05{left:317px; top:-37px;}
#sportsWrap ul li.item06{left:691px; top:0;}
#sportsWrap ul li.item07{left:0; top:371px;}
#sportsWrap ul li.item08{left:567px; top:325px;}
#sportsWrap ul li.clk01{left:0; top:0;}
#sportsWrap ul li.clk01 a{width:350px; height:222px;}
#sportsWrap ul li.clk02{left:0; top:188px;}
#sportsWrap ul li.clk02 a{width:184px; height:348px;}
#sportsWrap ul li.clk03{left:303px; top:367px;}
#sportsWrap ul li.clk03 a{width:300px; height:219px;}
#sportsWrap ul li.clk04{left:150px; top:145px;}
#sportsWrap ul li.clk04 a{width:200px; height:260px; border-radius:100% 50% 50% 100%;}
#sportsWrap ul li.clk05{left:337px; top:0;}
#sportsWrap ul li.clk05 a{width:350px; height:370px;}
#sportsWrap ul li.clk06{left:690px; top:0;}
#sportsWrap ul li.clk06 a{width:230px; height:360px;}
#sportsWrap ul li.clk07{left:120px; top:370px;}
#sportsWrap ul li.clk07 a{width:220px; height:250px; border-radius:100% 50% 30% 20%;}
#sportsWrap ul li.clk08{left:567px; top:325px;}
#sportsWrap ul li.clk08 a{width:390px; height:340px;}

#environmentWrap{height:400px; margin-top:-86px;}
#environmentWrap h2{position:absolute; top:0; right:0; z-index:5;}
#environmentWrap ul li{position:absolute;}
#environmentWrap ul li.item00{left:0; top:204px;}
#environmentWrap ul li.item01{left:20px; top:139px;}
#environmentWrap ul li.item02{left:580px; top:52px;}
#environmentWrap ul li.item03{left:498px; top:301px;}
#environmentWrap ul li.item04{left:294px; top:45px;}
#environmentWrap ul li.item05{left:12px; top:8px;}
#environmentWrap ul li.clk00{left:0; top:204px;}
#environmentWrap ul li.clk00 a{width:250px; height:150px;}
#environmentWrap ul li.clk01{left:120px; top:140px;}
#environmentWrap ul li.clk01 a{width:200px; height:300px;}
#environmentWrap ul li.clk02{left:580px; top:52px;}
#environmentWrap ul li.clk02 a{width:380px; height:269px;}
#environmentWrap ul li.clk03{left:500px; top:300px;}
#environmentWrap ul li.clk03 a{width:460px; height:245px;}
#environmentWrap ul li.clk04{left:294px; top:45px;}
#environmentWrap ul li.clk04 a{width:320px; height:380px; border-radius:0 0 80% 0;}
#environmentWrap ul li.clk05{left:0; top:0;}
#environmentWrap ul li.clk05 a{width:300px; height:160px; border-radius:100% 50% 50%;}

#businessWrap{height:745px; margin-top:-55px;}
#businessWrap h2{position:absolute; top:41px; left:0; z-index:5;}
#businessWrap ul li{position:absolute;}
#businessWrap ul li.item01{left:0; top:34px;}
#businessWrap ul li.item02{left:0; top:389px;}
#businessWrap ul li.item03{left:554px; top:93px;}
#businessWrap ul li.item04{left:497px; top:330px;}
#businessWrap ul li.item05{left:335px; top:345px;}
#businessWrap ul li.item06{left:305px; top:0;}
#businessWrap ul li.clk01{left:0; top:35px;}
#businessWrap ul li.clk01 a{width:310px; height:360px;}
#businessWrap ul li.clk02{left:0; top:400px;}
#businessWrap ul li.clk02 a{width:380px; height:250px;}
#businessWrap ul li.clk03{left:630px; top:95px;}
#businessWrap ul li.clk03 a{width:320px; height:300px;}
#businessWrap ul li.clk04{left:495px; top:400px;}
#businessWrap ul li.clk04 a{width:460px; height:210px; border-radius:100% 0 0 50%;}
#businessWrap ul li.clk05{left:340px; top:550px;}
#businessWrap ul li.clk05 a{width:460px; height:200px; border-radius:50% 50%;}
#businessWrap ul li.clk06{left:320px; top:0;}
#businessWrap ul li.clk06 a{width:300px; height:450px;}

#leisureWrap{height:580px;}
#leisureWrap h2{position:absolute; top:0px; z-index:5;}
#leisureWrap ul li{position:absolute;}
#leisureWrap ul li.item01{left:0; top:379px;}
#leisureWrap ul li.item02{left:423px; top:-146px; width:538px; height:461px;}/* width,height ---for Chrome */
#leisureWrap ul li.item03{left:0; top:0;}
#leisureWrap ul li.item04{left:177px; top:256px;}
#leisureWrap ul li.item05{left:500px; top:255px; width:466px; height:406px;}/* width,height ---for Chrome */
#leisureWrap ul li.item06{left:0px; top:416px;}
#leisureWrap ul li.clk01{left:0; top:380px;}
#leisureWrap ul li.clk01 a{width:370px; height:240px;}
#leisureWrap ul li.clk02A{left:430px; top:100px;}
#leisureWrap ul li.clk02A a{width:530px; height:200px;}
#leisureWrap ul li.clk02B{left:670px; top:-20px;}
#leisureWrap ul li.clk02B a{width:200px; height:120px;}
#leisureWrap ul li.clk03{left:0; top:0;}
#leisureWrap ul li.clk03 a{width:420px; height:330px; border-radius:0 40% 100% 0;}
#leisureWrap ul li.clk04{left:177px; top:250px;}
#leisureWrap ul li.clk04 a{width:460px; height:220px; border-radius:100% 0 0 50%;}
#leisureWrap ul li.clk05{left:500px; top:255px;}
#leisureWrap ul li.clk05 a{width:465px; height:405px;}
#leisureWrap ul li.clk06{left:30px; top:416px;}
#leisureWrap ul li.clk06 a{width:550px; height:235px; border-radius:0 70%;}

#lifeWrap{height:1128px; margin-top:10px;}
#lifeWrap h2{position:absolute; top:30px; left:0; z-index:5;}
#lifeWrap ul li{position:absolute;}
#lifeWrap ul li.item01{left:82px; top:298px;}
#lifeWrap ul li.item02{left:99px; top:-10px;}
#lifeWrap ul li.item03{left:0; top:108px;}
#lifeWrap ul li.item04{left:558px; top:274px; width:409px; height:373px;}/* width,height ---for Chrome */
#lifeWrap ul li.item05{left:560px; top:534px; width:402px; height:377px;}/* width,height ---for Chrome */
#lifeWrap ul li.item06{left:466px; top:52px; width:511px; height:286px;}/* width,height ---for Chrome */
#lifeWrap ul li.item07{left:160px; top:302px;}
#lifeWrap ul li.item08{left:0; top:635px;}
#lifeWrap ul li.item09{left:14px; top:861px;}
#lifeWrap ul li.item10{left:403px; top:592px;}
#lifeWrap ul li.item11{left:618px; top:813px;}
#lifeWrap ul li.item12{left:270px; top:759px;}
#lifeWrap ul li.clk01{left:82px; top:348px;}
#lifeWrap ul li.clk01 a{width:410px; height:270px;}
#lifeWrap ul li.clk02{left:99px; top:-10px;}
#lifeWrap ul li.clk02 a{width:400px; height:360px;}
#lifeWrap ul li.clk03{left:0; top:108px;}
#lifeWrap ul li.clk03 a{width:180px; height:535px; border-radius:0 50% 100% 100%;}
#lifeWrap ul li.clk04{left:558px; top:294px;}
#lifeWrap ul li.clk04 a{width:400px; height:320px;}
#lifeWrap ul li.clk05{left:560px; top:604px;}
#lifeWrap ul li.clk05 a{width:400px; height:300px;}
#lifeWrap ul li.clk06{left:466px; top:52px;}
#lifeWrap ul li.clk06 a{width:510px; height:240px;}
#lifeWrap ul li.clk07A{left:160px; top:550px;}
#lifeWrap ul li.clk07A a{width:300px; height:170px; border-radius:100% 0 50% 100%;}
#lifeWrap ul li.clk07B{left:450px; top:300px;}
#lifeWrap ul li.clk07B a{width:130px; height:300px;}
#lifeWrap ul li.clk08{left:0; top:650px;}
#lifeWrap ul li.clk08 a{width:380px; height:200px; border-radius:50% 100% 50% 0;}
#lifeWrap ul li.clk09{left:14px; top:860px;}
#lifeWrap ul li.clk09 a{width:300px; height:250px;}
#lifeWrap ul li.clk10{left:400px; top:592px;}
#lifeWrap ul li.clk10 a{width:200px; height:250px;}
#lifeWrap ul li.clk11{left:618px; top:813px;}
#lifeWrap ul li.clk11 a{width:320px; height:313px;}
#lifeWrap ul li.clk12{left:300px; top:800px;}
#lifeWrap ul li.clk12 a{width:320px; height:320px; border-radius:50% 50% 0 0;}

#TAAlife ul.aList li a,
.exClk li a{display:block;}
#TAAlife ul.aList li a:hover,
.exClk li a:hover{text-decoration:none;}
#TAAlife ul.aList li a span,
.exClk li a span{
	display:inline-block;
	width:71px;
	height:0;
	position:absolute;
	left:40%;
	top:47%;
	opacity:0;
	background:url(../images/icon_balloon_01.png) 0 0 no-repeat;
	text-indent:-9999px;
}
#leisureWrap ul li.clk02B a span{left:0; top:60%;}
#TAAlife #leisureWrap ul.aList li.clk06 a span{
	width:auto;
	padding:3px 20px;
	color:#fff;
	background:url(../images/icon_balloon_02.png) 50% 0 no-repeat;
	text-indent:0;
}

/* exClk
---------------------------------*/
.exClk{position:absolute; z-index:10;}
.exClk li{position:absolute;}
.exClk li.clk01{top:1550px; left:340px;}
.exClk li.clk01 a{width:430px; height:140px; border-radius:50%;}

/* sceneIndex
---------------------------------*/
.sceneIndex{margin-top:30px; padding:35px 70px; border:#e9e9e9 1px solid;}
.sceneIndex h3{font-size:20px;}
.sceneIndex h4{margin-top:15px; font-weight:bold;}
.sceneIndex ul{overflow:hidden; zoom:1; margin-top:5px;}
.sceneIndex ul li{margin-right:20px; float:left;}
#TAAlife .sceneIndex ul li a:hover{text-decoration:underline;}

/* IE
---------------------------------*/
.ieAdjust #TAAlife ul.aList li a,
.ieAdjust .exClk li a{background-color:#fff; opacity:0;}
.ie7 #TAAlife,
.ie8 #TAAlife{padding-top:0;}
.ie7 #TAAlife ul.aList li a,
.ie8 #TAAlife ul.aList li a,
.ie7 .exClk li a,
.ie8 .exClk li a{width:300px; height:auto;}
.ie7 #TAAlife ul.aList li a span,
.ie8 #TAAlife ul.aList li a span{height:33px!important; opacity:1!important;}
.ie7 #businessWrap,
.ie8 #businessWrap{margin-top:0;}
.ie7 #businessWrap ul li.clk05,
.ie8 #businessWrap ul li.clk05,
.ie7 #leisureWrap ul li.clk02A,
.ie8 #leisureWrap ul li.clk02A,
.ie7 #lifeWrap ul li.splink,
.ie8 #lifeWrap ul li.splink{display:none;}
.ie7 #environmentWrap ul li.clk00 span,
.ie8 #environmentWrap ul li.clk00 span{left:10%!important; top:-80px!important;}
.ie7 #environmentWrap ul li.clk01 span,
.ie8 #environmentWrap ul li.clk01 span{left:10px!important; top:50px!important;}
.ie7 #lifeWrap ul li.clk07B,
.ie8 #lifeWrap ul li.clk07B{left:400px;}
.ie7 .exClk li a span,
.ie8 .exClk li a span{height:33px;}
.ie7 .preload,
.ie8 .preload{display:none;}
.ie7 #TAAlife #leisureWrap ul.aList li.clk06 a span,
.ie8 #TAAlife #leisureWrap ul.aList li.clk06 a span{width:185px;}

/* Tablet
---------------------------------*/
.tbAdjust #TAAlife{padding-top:0;}
.tbAdjust #sportsWrap,
.tbAdjust #sportsWrap h2{opacity:1;}
.tbAdjust #businessWrap{margin-top:0;}

.tbAdjust #TAAlife ul.aList li a span{height:20px!important; opacity:1!important;}
.tbAdjust .exClk li a span{height:20px;}
.tbAdjust #leisureWrap ul li.clk02A,
.tbAdjust .preload{display:none;}


@media screen and (max-width:767px){
	#TAAlife{}
	#lifeWrap,
	#sportsWrap,
	#environmentWrap,
	#businessWrap,
	#leisureWrap,
	#factoryWrap,
	#fashionWrap{height:auto; margin:0;}
	.preload{display:none;}
	
	#TAAlife{padding-top:0;}
	
	#TAAlife h2{
		position:relative;
		top:inherit;
		left:inherit;
		padding:10px 0 200px;
		margin-top:20px;
		font-size:35px;
	}
	#TAAlife h2 img{display:none;}
	#TAAlife h2 span,
	#TAAlife h2 span img{display:block;}
	
	#TAAlife ul.imgList{display:none;}
	#TAAlife ul.aList li{position:relative!important; top:inherit!important; left:inherit!important; margin-top:1px;}
	#TAAlife ul.aList li a{
		width:auto;
		height:auto;
		border-radius:0;
		padding:10px;
		display:block;
		background:#dfdfdf url(../images/sp_arrow_03_life.png) 98% 50% no-repeat;
		background-size:18px 18px;
		-moz-background-size:18px 18px;
		-webkit-background-size:18px 18px;
		color:#6fcd23;
		font-weight:bold;
		opacity:0.9;
	}
	#TAAlife ul.aList li a span,
	#TAAlife #leisureWrap ul.aList li.clk06 a span{
		padding:0;
		height:auto;
		position:relative;
		left:inherit;
		top:inherit;
		opacity:1;
		background:none;
		color:#6fcd23;
		text-indent:inherit;
		width:auto;
	}
	#sportsWrap,
	#environmentWrap,
	#businessWrap,
	#leisureWrap,
	#lifeWrap{
		background-size:100% auto;
		-moz-background-size:100% auto;
		-webkit-background-size:100% auto;
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#sportsWrap{background-image:url(../life/images/sp_bg_01.gif);}
	#environmentWrap{background-image:url(../life/images/sp_bg_02.gif);}
	#businessWrap{background-image:url(../life/images/sp_bg_03.gif);}
	#leisureWrap{background-image:url(../life/images/sp_bg_04.gif);}
	#lifeWrap{background-image:url(../life/images/sp_bg_05.gif);}
	#sportsWrap{margin-top:0; opacity:1;}
	#sportsWrap h2{opacity:1;}
	#fashionWrap{width:auto;}
	#lifeWrap,
	#lifeWrap h2{opacity:1;}
	#environmentWrap ul li.clk04,
	#lifeWrap ul li.clk03,
	#lifeWrap ul li.clk07A,
	#lifeWrap ul li.clk07B,
	#lifeWrap ul li.clk09,
	#lifeWrap ul li.clk11,
	#lifeWrap ul li.clk12,
	#leisureWrap ul li.clk02B,
	.exClk,
	.sceneIndex{display:none;}
}


/*--------------------------------------------------
Chemistry
--------------------------------------------------*/
/* common
---------------------------------*/
#TAAchemistry{margin-top:20px;}
#sec1,
#sec2,
#sec3,
#sec4{position:relative;}

/* description
---------------------------------*/
#TAAchemistry .description h2{margin-bottom:10px; font-size:40px; font-weight:bold; line-height:1.2;}
#TAAchemistry .description h2 span{display:block; color:#f0f0f0; font-size:32px; font-family:Helvetica, Arial, sans-serif; font-weight:normal; letter-spacing: 0.2em;}
#TAAchemistry .description h2 em{color:#f0f0f0;}
#TAAchemistry .description p{color:#f0f0f0; font-size:21px; font-weight:500; line-height:1.3; width:400px;}
#TAAchemistry .description p.notes{margin-top:5px; color:#f0f0f0; font-size:14px;}
#TAAchemistry .spImg{display:none;}

#TAAchemistry #sec1 .description h2 span{color:#34bfea;}
#TAAchemistry #sec1 .description h2 em{color:#000;}
#TAAchemistry #sec1 .description p{color:#808080;}
#TAAchemistry #sec1 .description p.notes{color:#999;}

/* sec1
---------------------------------*/
#sec1{height:600px; background:url(../chemistry/images/sec1_bg.gif) 0 0 no-repeat;}
/*#sec1 .description{opacity:0; padding-top:20px;}*/


/* sec2
---------------------------------*/
#sec2{height:600px;}
/*#sec2 .description{opacity:0; padding-top:20px;}*/

#item2-00,#item2-01,#item2-01g,#item2-02,#item2-02g,#item2-03,#item2-03g,#item2-04,#item2-05,
#item2-06,#item2-07,#item2-08,#item2-09,#item2-10,#item2-11,
#item2-12,#item2-13,#item2-14,#item2-15,#item2-C1,#item2-C1g,#item2-C2{position:absolute;}

#item2-01g{left:214px; top:132px; width:614px; height:154px; background:url(../chemistry/images/sec2_gray_01.png) 0 0 no-repeat;}
#item2-01{left:214px; top:132px; width:614px; background:url(../chemistry/images/sec2_01.png) 0 0 no-repeat; opacity:0;}

#item2-02g{left:0; top:303px; width:960px; height:185px; background:url(../chemistry/images/sec2_gray_02.png) 0 0 no-repeat;}
#item2-02{left:0; top:303px; width:960px; height:0; background:url(../chemistry/images/sec2_02.png) 0 0 no-repeat; opacity:0;}

#item2-03g{left:498px; top:0px; width:140px; height:138px; background:url(../chemistry/images/sec2_gray_03.png) 0 0 no-repeat;}
#item2-03{left:498px; top:0px; width:140px; height:138px; background:url(../chemistry/images/sec2_03.png) 0 0 no-repeat; opacity:0;}

#item2-C1g{left:0; top:226px; width:960px; height:224px; background:url(../chemistry/images/sec2_gray_c1.png) 0 0 no-repeat;}
#item2-C1{left:0; top:226px; width:960px; height:0; background:url(../chemistry/images/sec2_c1.png) 0 0 no-repeat; opacity:0;}
#item2-C2{left:0; top:479px; width:960px; height:97px; background:url(../chemistry/images/sec2_gray_c2.png) 0 0 no-repeat;}

#item2-04{left:97px; top:330px; width:71px; height:12px; background:url(../chemistry/images/sec2_14.png) 0 0 no-repeat; opacity:0;}
#item2-05{left:176px; top:330px; width:71px; height:12px; background:url(../chemistry/images/sec2_15.png) 0 0 no-repeat; opacity:0;}
/*
#item2-04{left:104px; top:331px; width:0; height:12px; background:url(../chemistry/images3/sec02_line_003.png) 0 0 no-repeat;}
#item2-05{left:254px; top:331px; width:0; height:12px; background:url(../chemistry/images3/sec02_line_004.png) 0 0 no-repeat;}
*/
#item2-06{left:2px; top:289px;}
#item2-07{left:247px; top:289px;}
#item2-08{left:124px; top:480px;}
#item2-09{left:236px; top:480px;}
#item2-10{left:341px; top:480px;}
#item2-11{left:445px; top:480px;}
#item2-12{left:549px; top:480px;}
#item2-13{left:654px; top:480px;}
#item2-14{left:759px; top:480px;}
#item2-15{left:863px; top:480px;}

#sec2 ul li{opacity:0;z-index:2;}
#sec2 ul li a span{
	position:absolute;
	top:-17px;
	left:14px;
	display:inline-block;
	height:0;
	width:71px;
	background:url(../images/icon_balloon_01.png) 0 0 no-repeat;
}

/* sec3
---------------------------------*/
#sec3{height:600px;}
#sec3 .description{position:relative; z-index:2;}
#sec3 .description p{
	text-shadow:
		-1px -1px 0px #fff,
		1px -1px 0px #fff,
		1px 1px 0px #fff,
		-1px 1px 0px #fff;
}

#item3-01,#item3-01g,
#item3-02,#item3-02g,
#item3-03,#item3-03g{position:absolute; z-index:1;}
#item3-01g{left:0; top:-28px; width:960px; height:237px; background:url(../chemistry/images/sec3_gray_01.png) 0 0 no-repeat;}
#item3-01{left:0; top:-28px; width:960px; height:237px; background:url(../chemistry/images/sec3_01.png) 0 0 no-repeat; opacity:0;}
#item3-02g{left:0; top:209px; width:960px; height:84px; background:url(../chemistry/images/sec3_gray_02.png) 0 0 no-repeat;}
#item3-02{left:0; top:209px; width:960px; height:84px; background:url(../chemistry/images/sec3_02.png) 0 0 no-repeat; opacity:0;}
#item3-03g{left:0; top:293px; width:960px; height:274px; background:url(../chemistry/images/sec3_gray_03.gif) 0 0 no-repeat;}
#item3-03{left:0; top:293px; width:960px; height:274px; background:url(../chemistry/images/sec3_03.gif) 0 0 no-repeat; opacity:0;}

/* sec4
---------------------------------*/
#sec4{height:auto; overflow:hidden; padding-bottom:30px;}
#sec4 h2{color:#f0f0f0; text-align:center; font-size:30px; font-weight:bold; line-height:1.3;}
#sec4 h2 span{display:block;}

#item4-01{opacity:0; text-align:center; margin-top:30px;}
#item4-01 a{
	display:inline-block;
	padding:15px 100px;
	background-color:#34bfea;
	font-size:35px;
	font-weight:bold;
	color:#fff;
}
#item4-01 a:hover{text-decoration:none;}

@media screen and (max-width:767px){
	#TAAchemistry .accWrap{border-top:1px solid #e9e9e9;}
	#TAAchemistry .accWrap .accHead{font-size:100%;}
	#TAAchemistry .description h2{margin-bottom:10px; color:#000; font-size:26px; font-weight:bold; line-height:1.2;}
	#TAAchemistry .description h2 span{display:block; color:#34bfea; font-size:20px; font-family:Helvetica, Arial, sans-serif; font-weight:normal; letter-spacing: 0.2em;}
	#TAAchemistry .description h2 em{color:#000;}
	#TAAchemistry .description p{color:#333!important; font-size:16px; font-weight:normal; width:auto;}
	#TAAchemistry .description p.notes{margin-top:5px; color:#999; font-size:12px;}
	#TAAchemistry .description br{display:none;}
	#TAAchemistry .spImg{display:block; margin:10px 0; text-align:center;}
	
	#sec1,
	#sec2,
	#sec3{margin-bottom:30px; height:auto; background:none;}
	#sec1 .description,
	#sec2 .description,
	#sec3 .description{opacity:1; padding-top:0; position:relative; top:inherit; left:inherit;}
	#item1-01,#item1-01act,#item1-02,#item1-03,#item1-04,#item1-05,
	#item2-00,#item2-01g,#item2-01,#item2-02g,#item2-02,#item2-03g,#item2-03,#item2-04,#item2-05,#item2-C1g,#item2-C1,#item2-C2,
	#item3-01g,#item3-01,#item3-02g,#item3-02,#item3-03g,#item3-03{display:none;}
	
	#sec2 ul{display:none;}
	#sec4{height:auto; padding-bottom:0;}
	#sec4 h2{font-size:18px; color:#34bfea;}
	#sec4 h2 span{text-align:left;}
	#sec4 #item4-01{opacity:1;}
	#sec4 #item4-01 a{padding:10px; font-size:16px; display:block;}
}

/*--------------------------------------------------
Modal
--------------------------------------------------*/
#lean_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: #fff;
	display: none;
	opacity:0.9!important;
}

#modalWin{
	background-color:#fff;
	display:none;
	padding:20px;
	width:400px;
	box-shadow:rgba(207, 207, 207, 0.65) 0px 0px 16px -2px;
	-webkit-box-shadow:rgba(207, 207, 207, 0.65) 0px 0px 16px -2px;
	-moz-box-shadow:rgba(207, 207, 207, 0.65) 0px 0px 16px -2px;
}

.modalClose {
	position: absolute;
	top: -50px;
	right: 0;
	display: block;
	width: 38px;
	height: 38px;
	background: url('../images/modal_close.png');
	z-index: 2;
}
.modalClose:hover{opacity:0.5;}

.accordion-close{display:none;}

table.linkTable{border-collapse:collapse; width:100%; margin-top:15px;}
table.linkTable th,
table.linkTable td{border:#e9e9e9 1px solid; padding:5px 10px; font-size:12px;}
table.linkTable th{text-align:left; font-weight:bold; background-color:#f4f3f3; vertical-align:middle; width:150px;}

@media screen and (max-width:767px){
	#modalWin{
		display:block!important;
		padding:0;
		width:100%;
		height:auto;
		left:inherit!important;
		top:inherit!important;
		overflow:hidden;
		position:relative!important;
		margin:20px 0 0 0!important;
		box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	}
	.modalClose{display:none;}
	.accordion-close{display:block;}
	table.linkTable{display:block; margin-top:10px; width:100%;}
	table.linkTable tbody,
	table.linkTable tr{display:block;}
	table.linkTable th,
	table.linkTable td{display:block; padding:5px 10px; font-size:inherit;}
	table.linkTable th{text-align:left; font-weight:normal; vertical-align:middle; width:auto; border-bottom:none;}
}

/* tinybox
---------------------------------*/
.tbox{
	position:absolute;
	display:none;
	z-index:900;
	box-shadow:rgba(207, 207, 207, 0.65) 0px 0px 16px -2px;
	-webkit-box-shadow:rgba(207, 207, 207, 0.65) 0px 0px 16px -2px;
	-moz-box-shadow:rgba(207, 207, 207, 0.65) 0px 0px 16px -2px;
}
.tinner{padding:15px; background:#fff url(../images/modal_preload.gif) no-repeat 50% 50%;}
.tmask{position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#fff; z-index:800; opacity:0.9!important;}
.tclose{position:absolute; top:0px; right:0; width:38px; height:38px; cursor:pointer; background:url(../images/modal_close.png) no-repeat}
.tclose:hover {opacity:0.6;}
.ie8 .tbox{border:#e9e9e9 2px solid;}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0; position:relative;}
#frameless .tclose {top:-50px; right:0;}
#lifeBody .tclose{background-image:url(../images/modal_close_life.png);}

#frameOpen header,
#frameOpen #siteFunctions,
#frameOpen #breadCrumb,
#frameOpen footer{display:none;}
#frameOpen #globalNav{display:none!important;}
#frameOpen #wrapper{width:880px!important;}

#directOpen header,
/*#directOpen #siteFunctions,*/
#directOpen #breadCrumb,
#directOpen footer{display:block;}

/* Chemistry modal
---------------------------------*/
@media screen and (min-width:768px){
	.accWrap .accordion-open{background-color:inherit;}
	.accWrap .accHead{height:auto; padding:0; color:#014099; font-size:20px; margin-bottom:10px;}
	.accWrap .accHead span{display:none;}
	.accWrap .accElem{border:none; padding:0; line-height:1.4;}
	.accWrap .lumpMix .lumpR{margin-bottom:0;}
}

.ie8 .accWrap .accordion-open{background-color:inherit;}
.ie8 .accWrap .accHead{height:auto; padding:0; color:#014099; font-size:20px; margin-bottom:10px;}
.ie8 .accWrap .accHead span{display:none;}
.ie8 .accWrap .accElem{border:none; padding:0;}
.ie8 .accWrap .lumpMix .lumpR{margin-bottom:0;}
.ie8 .accWrap .accElem a.newWindow{font-size:14px;}
.ie7 .accWrap .accordion-open{background-color:inherit;}
.ie7 .accWrap .accHead{height:auto; padding:0; color:#014099; font-size:20px; margin-bottom:10px;}
.ie7 .accWrap .accHead span{display:none;}
.ie7 .accWrap .accElem{border:none; padding:0;}
.ie7 .accWrap .lumpMix .lumpR{margin-bottom:0;}
.ie7 .accWrap .accElem a.newWindow{font-size:14px;}

/* Life modal
---------------------------------*/
#lifeScene{}
#lifeScene .sceneImg{position:fixed; width:900px; height:585px;}
#lifeScene h1{position:fixed; top:20px; left:20px; margin:0; padding:0; border:none; font-size:18px; line-height:1.2; color:#72cb34;}
#lifeScene h1 em{display:block; font-size:34px;}
#lifeScene ul{position:absolute; width:50%;}
#lifeScene ul li{position:fixed;}
#lifeScene ul li a:hover{opacity:0.8;}
.ie7 #lifeScene ul li a,
.ie8 #lifeScene ul li a{cursor:default;}
.ie7 #lifeScene ul li a:hover,
.ie8 #lifeScene ul li a:hover{opacity:1;}
#lifeScene article{
	width:410px;
	position:absolute;
	right:0;
	padding:20px;
	border-left:#f3f3f3 1px solid;
	border-bottom:#f3f3f3 1px solid;
	background:url(../life/images/bg_article.png) 0 0 repeat;
}
#lifeScene article section{margin-top:30px;}
#lifeScene article section#s1{margin-top:0;}
#lifeScene article section h2{margin-bottom:7px; font-size:20px; color:#72cb34; font-weight:bold; line-height:1.3;}
#lifeScene article section h3{font-weight:bold; margin-bottom:5px; line-height:1.3;}
#lifeScene article section p{line-height:1.4;}
#lifeScene article section .outline{font-weight:bold; margin-top:5px;}
#lifeScene article section .lumpL{margin-right:15px;}
#lifeScene article .prevTop{display:none;}


.tennis .bal01{left:308px; top:406px;}
.tennis .bal02{left:152px; top:271px;}
.tennis .bal03{left:199px; top:419px;}
.tennis .bal04{left:225px; top:151px;}
.running .bal01{left:234px; top:85px;}
.running .bal02{left:93px; top:316px;}
.soccer .bal01{left:257px; top:190px;}
.ski .bal01{left:141px; top:123px;}
.ski .bal02{left:168px; top:446px;}
.golf .bal02{left:209px; top:132px;}
.golf .bal03{left:160px; top:225px;}
.swim .bal01{left:257px; top:302px;}
.snowboard .bal01{left:117px; top:216px;}
.snowboard .bal02{left:130px; top:470px;}
.valleyball .bal01{left:304px; top:208px;}
.valleyball .bal02{left:216px; top:261px;}
.valleyball .bal03{left:93px; top:94px;}
.desert .bal01{left:203px; top:225px;}
.windmill .bal01{left:132px; top:118px;}
.airplane .bal01{left:201px; top:236px;}
.filtration .bal01{left:206px; top:98px;}
.filtration .bal02{left:43px; top:222px;}
.plant .bal01{left:200px; top:224px;}
.eco .bal01{left:216px; top:217px;}
.factory .bal01{left:110px; top:162px;}
.factory .bal02{left:260px; top:300px;}
.factory .bal03{left:50px; top:320px;}
.sling .bal01{left:68px; top:230px;}
.meeting .bal01{left:168px; top:75px;}
.meeting .bal02{left:77px; top:349px;}
.meeting .bal03{left:223px; top:308px;}
.meeting .bal04{left:70px; top:190px;}
.meeting .bal05{left:300px; top:260px;}
.laboratory .bal01{left:145px; top:331px;}
.laboratory .bal02{left:282px; top:353px;}
.laboratory .bal03{left:112px; top:158px;}
.laboratory .bal04{left:265px; top:227px;}
.laboratory .bal05{left:42px; top:361px;}
.business .bal01{left:177px; top:335px;}
.business .bal02{left:190px; top:75px;}
.office .bal01{left:208px; top:30px;}
.office .bal02{left:301px; top:443px;}
.office .bal03{left:320px; top:220px;}
.office .bal04{left:293px; top:290px;}
.office .bal05{left:40px; top:170px;}
.office .bal06{left:160px; top:285px;}
.airbag .bal01{left:131px; top:100px;}
.swimsuit .bal01{left:280px; top:337px;}
.swimsuit .bal02{left:186px; top:205px;}
.airport .bal01{left:331px; top:315px;}
.airport .bal02{left:122px; top:119px;}
.airport .bal03{left:196px; top:402px;}
.airport .bal04{left:55px; top:355px;}
.fishing .bal01{left:89px; top:190px;}
.fishing .bal02{left:175px; top:105px;}
.fishing .bal03{left:326px; top:134px;}
.hiking .bal01{left:67px; top:280px;}
.hiking .bal02{left:224px; top:216px;}
.fashion .bal01{left:43px; top:98px;}
.fashion .bal02{left:84px; top:302px;}
.fashion .bal03{left:333px; top:451px;}
.fashion .bal04{left:321px; top:182px;}
.shopping .bal01{left:76px; top:250px;}
.shopping .bal02{left:324px; top:173px;}
.shopping .bal03{left:235px; top:220px;}
.shopping .bal04{left:120px; top:160px;}
.cafe .bal01{left:202px; top:456px;}
.cafe .bal02{left:241px; top:88px;}
.cafe .bal03{left:291px; top:280px;}
.cafe .bal04{left:190px; top:280px;}
.house .bal01{left:202px; top:134px;}
.house .bal02{left:270px; top:470px;}
.living .bal01{left:271px; top:159px;}
.living .bal02{left:31px; top:383px;}
.living .bal03{left:147px; top:151px;}
.living .bal04{left:302px; top:472px;}
.living .bal05{left:330px; top:110px;}
.dining .bal01{left:135px; top:401px;}
.kitchen .bal01{left:71px; top:210px;}
.kitchen .bal02{left:105px; top:283px;}
.kitchen .bal03{left:339px; top:70px;}
.kitchen .bal04{left:60px; top:330px;}
.kitchen .bal05{left:250px; top:255px;}
.kitchen .bal06{left:315px; top:110px;}
.bike .bal01{left:300px; top:260px;}
.people1 .bal01{left:148px; top:143px;}
.people2 .bal01{left:270px; top:60px;}
.people2 .bal02{left:315px; top:220px;}
.people2 .bal03{left:300px; top:270px;}
.people2 .bal04{left:45px; top:330px;}
.people2 .bal05{left:256px; top:512px;}
.people3 .bal01{left:175px; top:320px;}
.people4 .bal01{left:350px; top:235px;}
.people4 .bal02{left:10px; top:180px;}
.people4 .bal03{left:330px; top:340px;}
.people5 .bal01{left:290px; top:300px;}

#directOpen #lifeScene{position:relative; min-height:565px;}
#directOpen .people1 #lifeScene{min-height:640px;}
#directOpen #lifeScene .sceneImg{position:absolute; width:100%; height:auto;}
#directOpen #lifeScene h1,
#directOpen #lifeScene ul,
#directOpen #lifeScene ul li{position:absolute;}
#directOpen #lifeScene article{position:relative; position:relative; right:inherit; float:right; padding:20px;}
#directOpen #lifeScene article section#s1{margin-top:0;}
#directOpen #lifeScene article .prevTop{display:block; margin-top:20px;}
#directOpen #lifeScene article .prevTop a{display:block; padding:10px; background-color:#72cb34; color:#fff; text-align:center; font-size:18px;}
#directOpen #lifeScene article .prevTop a:hover{text-decoration:none; background-color:#4fa608;}

#frameOpen.tbAdjust #lifeScene article{
	height:545px;
	overflow:scroll;
}

@media screen and (max-width:767px){
	#directOpen #lifeScene{min-height:inherit;}
	#directOpen .family #lifeScene{min-height:inherit;}
	#directOpen #lifeScene .sceneImg{width:100%; height:auto; overflow:hidden; text-align:center;}
	#directOpen .running .sceneImg img{margin-top:-50px;}
	#directOpen .snowboard .sceneImg img{width:75%;}
	#directOpen .golf .sceneImg img{width:65%;}
	#directOpen .ski .sceneImg img{width:90%;}
	#directOpen .soccer .sceneImg img{width:80%;}
	#directOpen .filtration .sceneImg img{margin-top:-50px;}
	#directOpen .airplane .sceneImg img{margin-top:-50px;}
	#directOpen .office .sceneImg img{margin-top:-50px;}
	#directOpen .meeting .sceneImg img{margin-top:-50px;}
	#directOpen .laboratory .sceneImg img{margin-top:-50px;}
	#directOpen .factory .sceneImg img{margin-top:-50px;}
	#directOpen .sling .sceneImg img{margin-top:-50px;}
	#directOpen .business .sceneImg img{width:80%;}
	#directOpen .swimsuit .sceneImg img{margin-top:-50px;}
	#directOpen .living .sceneImg img{margin-top:-50px;}
	#directOpen .house .sceneImg img{margin-top:-80px;}
	#directOpen .kitchen .sceneImg img{margin-top:-50px;}
	#directOpen .shopping .sceneImg img{margin-top:-50px;}
	#directOpen .dining .sceneImg img{margin-top:-50px;}
	#directOpen .cafe .sceneImg img{margin-top:-40px;}
	#directOpen .bike .sceneImg img{margin-top:-40px; width:80%;}
	#directOpen .people1 .sceneImg img{margin-top:-20px; width:80%;}
	#directOpen .people2 .sceneImg img{margin-top:-30px; width:80%;}
	#directOpen .people3 .sceneImg img{margin-top:-30px; width:90%;}
	#directOpen .people4 .sceneImg img{margin-top:-30px;}
	#directOpen .people5 .sceneImg img{margin-top:-50px;}
	#directOpen #lifeScene h1{position:relative; top:inherit; left:inherit; margin-bottom:200px;}
	#directOpen #lifeScene h1 em{font-size:24px;}
	#directOpen #lifeScene ul{display:none;}
	#directOpen #lifeScene article{width:auto; padding:20px 10px; border:none;}
	#directOpen #lifeScene article section h2{font-size:18px;}
	#directOpen #lifeScene article section .outline{margin-top:10px;}
	#directOpen #lifeScene article .prevTop a{font-size:14px;}
}