/* 
===================== LAYOUT ===================== 
*/
/* ==================================== General ==================================== */

html, body 											{ margin:0; padding:0; border:0; font-size:16px; line-height:1.4em; color:#626262;
														font-family: Arial,jhenghei,sans-serif; font-weight:300; vertical-align:baseline; }
body												{ height:auto;overflow:hidden;-webkit-text-size-adjust: none; 
														opacity:0; background-color:#fff; }
body * 												{ outline:none; box-sizing:border-box;}
table 												{ border-collapse:collapse; border-spacing:0; width:100%; }
td													{ vertical-align:top; }
ol													{ -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0;
    													-webkit-margin-end: 0; -webkit-padding-start: 22px;}
ul 													{ list-style:none; margin:0; padding:0; }
dl, dt, dd											{ margin:0; padding:0; }
a 													{ margin:0; padding:0; border:0; text-decoration:none; color:#999999; 
														word-wrap: break-word;}
a:hover												{ text-decoration: none; color:#666; }
a img 												{ border:none; }
h1,h2,h3,h4,h5,h6									{ font-weight:normal; margin:0; padding:0; }
strong 												{ font-weight:bold; }
em 													{ font-style:italic; }
.hide												{ display: none; }

.left												{ float:left;}
.right												{ float:right; }

.clearfix											{ zoom:1; }
.clearfix:after										{ content:"."; display:block; clear:both; width:0px; height:0px; visibility:hidden; font-size:0; }
.preload-home										{ opacity:0; }
.preload-home img									{ width:100%; }

.preload											{ height:1px; overflow:hidden; }	

.desktop											{ display:block; }
.mobile												{ display:none; }

/* ==================================== Structure ==================================== */
#wrapper											{position:absolute;width:100%; height:100%; }
#wrapper-main										{ position:absolute;width:100%; height:100%; overflow-y:scroll; -webkit-overflow-scrolling: touch;}
#wrap												{ position:relative; }
.wrapper-slide-menu									{ position:absolute; width:300px; height:100%; top:0; left:100%; overflow-x:hidden; overflow-y: auto; 
														-webkit-overflow-scrolling: touch; display:none; }

/* header */
#wrapper-header										{ width:100%; height:auto; position:fixed; top:0; z-index:1000; 
														background-color:#fff; text-align:center; box-shadow: -2px 0 2px #666666; }
#header												{ height:70px; max-width:1280px; margin:0 auto; display:inline-block; width:100%; background-color:#FFF; }
#header	.logo										{ width:124px; position:relative;float:left; margin: 14px 0 0 10px;}
#header .logo a										{ display:block; }
#header .logo img									{ width:100%; }

/* desktop lang */
#header .desktop-lang								{ float:right; padding:0 0 0 21px; margin: 0 10px 0 0; 
														background: url('../img/header-sep.png') left center no-repeat; }
#header .desktop-lang>ul							{ display:block; }
#header .desktop-lang>ul>li							{ display:block; float:left; }
#header .desktop-lang>ul>li>a						{ display:block; padding:26px 8px 22px 8px; font-size:14px; }

/* desktop menu */
#header .desktop-menu								{ float:right; margin: 0 0 0 0; }
#header .desktop-menu>ul>li>a						{ display:block; padding: 26px 44px 22px 44px; cursor:pointer; font-size: 14px;
														background: url('../img/header-sep.png') left center no-repeat; }
#header .desktop-menu>ul>li:hover>a					{ color:#000; }	
/*#header .desktop-menu>ul>li:hover>.menu				{ display:block; }*/
.desktop-menu .menu									{ display:none; background:#fff url('../img/menu-bg.png') left top repeat-x; 
														box-shadow: 2px 2px 1px -2px #666666;
														width:100%; position:absolute; left:0; top:100%; text-align:left; border-top:#e2e2e2 1px solid; }
.desktop-menu .menu>ul								{ position:relative; max-width: 1280px; margin:0 auto; 
														background:url('../img/menu-bg-curve.png') center top no-repeat; }
.desktop-menu .menu>ul>li							{ float:left; width: 14.28%; height:80px; }
.desktop-menu .menu>ul>li:hover						{ background: url('../img/menu-bg-hover.png') left bottom repeat-x;}
.desktop-menu .menu>ul>li:before					{ content:""; float:left; width: 1px; background: url('../img/header-sep.png') left center no-repeat; 
														height:80px; display:block; }
.desktop-menu .menu>ul>li>a							{ display:block; padding:5px 14px 0 14px; line-height:1.2em; font-size:13px; 
														height:75px; text-transform:uppercase;  }
.desktop-menu .menu>ul>li>a>span					{ display:block; height:34px; }
.desktop-menu .menu>ul>li>a>span.story				{ background: url('../img/menu-story.png') left center no-repeat; }
.desktop-menu .menu>ul>li>a>span.innovation			{ background: url('../img/menu-innovation.png') left center no-repeat; }
.desktop-menu .menu>ul>li>a>span.supply				{ background: url('../img/menu-supply.png') left center no-repeat; }
.desktop-menu .menu>ul>li>a>span.sustainability		{ background: url('../img/menu-sustainability.png') left center no-repeat; }
.desktop-menu .menu>ul>li>a>span.people				{ background: url('../img/menu-people.png') left center no-repeat; }
.desktop-menu .menu>ul>li>a>span.news				{ background: url('../img/menu-news.png') left center no-repeat; }
.desktop-menu .menu>ul>li>a>span.group				{ background: url('../img/menu-group.png') left center no-repeat; }

/* mobile lang */
#header .mobile-lang								{ float:right; margin: 0 0 0 0; display:none; }
#header .mobile-lang>ul>li>a						{ display:block; padding: 26px 30px 22px 10px; font-size:14px;
														background:url('../img/mobile-lang-btn.png') center right no-repeat;  }
#header .mobile-lang>ul>li:hover>a					{ color:#000; }	
#header .mobile-lang>ul>li:hover>.menu				{ /*display:block;*/ }
.mobile-lang .menu									{ display:none; background:#fff url('../img/menu-bg.png') left top repeat-x; 
														box-shadow: 2px 2px 1px -2px #666666;
														width:100%; position:absolute; left:0; top:100%; text-align:left; border-top:#e2e2e2 1px solid; }
.mobile-lang .menu>ul								{ position:relative; max-width: 1280px; margin:0 auto; 
														background:url('../img/menu-bg-curve.png') center top no-repeat; }
.mobile-lang .menu>ul>li							{ float:left; width: 25%; height:80px; display:table; }
.mobile-lang .menu>ul>li:hover						{ background: url('../img/menu-bg-hover.png') left bottom repeat-x;}
.mobile-lang .menu>ul>li:before						{ content:""; float:left; width: 1px; background: url('../img/header-sep.png') left center no-repeat; 
														height:80px; display:block; }
.mobile-lang .menu>ul>li>a							{ display:table-cell; text-align:center; vertical-align:middle; 
														padding:5px 14px 0 14px; line-height:1.2em; font-size:15px; 
														height:75px; text-transform:uppercase;  }

/* mobile menu */
#mobile-plane										{ position:absolute; top:0; left:0; width:100%; height:100%; 
														background:url('../img/bg-black-50.png') 0 0 repeat; z-index:1001; display:none; }
.mobile-menu-btn									{ float:right; background: url('../img/header-sep.png') left center no-repeat; 
														margin: 0 10px 0 20px ; display:none; }
.mobile-menu-btn a									{ display:block; padding: 26px 36px 22px 10px; font-size:14px;
														background: url('../img/mobile-menu-btn.png') center right no-repeat; }

.slide-menu											{ width: 100%; height:auto; position:relative; background-color:#FF; }
.slide-menu .top									{ height:70px; display:table; }
.slide-menu .top .goback							{ display:block; float:left; width: 30px; height:70px; cursor:pointer; 
														margin: 0 0 0 30px; background:url('../img/mobile-back-btn.png') center left no-repeat; }
.slide-menu .top .goback.home						{  background:url('../img/mobile-close-btn.png') center left no-repeat;}
.slide-menu .top .text								{ display:table-cell; height:70px; padding:0 10px; font-size:14px; 
														text-transform:uppercase; vertical-align:middle; }
.slide-menu .wrap									{ position:relative;}

.slide-menu>.wrap>ul								{ position:absolute; top:0; left:300px; width:100%; }	
.slide-menu>.wrap>ul>li								{ position: relative; padding: 0 0 0 0; border-bottom: #eeeeee solid 1px; }
.slide-menu>.wrap>ul>li:first-child					{ border-top: #eeeeee solid 1px;}
.slide-menu>.wrap>ul>li>a							{ color:#5e5e5e; padding: 22px 20px 22px 30px; display:block; font-size:12px; text-transform:uppercase; }
.slide-menu>.wrap>ul>li>a:hover						{ background-color:#e4e4e4;}

.slide-menu .head-arrow								{ display:block; height:66px; width:40px; position:absolute; cursor:pointer;
														background: url('../img/mobile-more-btn.png') center center no-repeat; top:0px; right:0; }

.slide-menu>.wrap>ul>li>ul							{ display:none; }

.slide-menu ul>li>a>span							{ width:30px; height:26px; display:inline-block; vertical-align: middle; }
.slide-menu ul>li>a>span.story						{ background: url('../img/menu-story.png') left center no-repeat; }
.slide-menu ul>li>a>span.innovation					{ background: url('../img/menu-innovation.png') left center no-repeat; }
.slide-menu ul>li>a>span.supply						{ background: url('../img/menu-supply.png') left center no-repeat; }
.slide-menu ul>li>a>span.sustainability				{ background: url('../img/menu-sustainability.png') left center no-repeat; }
.slide-menu ul>li>a>span.people						{ background: url('../img/menu-people.png') left center no-repeat; }
.slide-menu ul>li>a>span.news						{ background: url('../img/menu-news.png') left center no-repeat; }
.slide-menu ul>li>a>span.group						{ background: url('../img/menu-group.png') left center no-repeat; }

/* footer */
#wrapper-footer										{ width:100%; height: auto; position:relative; background-color:#fff; z-index:998; }
#footer												{ max-width: 1280px; margin: 0 auto; padding:24px 20px 24px 0; background-color:#fff; color:#999999; }
.footer-left										{ font-size:14px; float:left; margin: 0 10px 0 10px; }
.footer-left .copyright								{ display:block; }
.footer-left .created								{ display:block;margin:5px auto; }
.footer-left .produced							{font-size:8px;}

.footer-right										{ float:right; margin: 0 10px 0 10px; }
.footer-right>ul									{ display:block; }
.footer-right>ul>li									{ display:block; float:left; }
.footer-right>ul>li>a								{ display:block; padding: 0 30px 0 30px; font-size:14px; }
.footer-right>ul>li>a.fb							{ background:url('../img/icon-facebook.png') left center no-repeat; }
.footer-right>ul>li>a.linkedin					{ background:url('../img/icon-linkedin.png') left center no-repeat;}
.footer-right>ul>li>a.contact						{ background:url('../img/icon-contact.png') left center no-repeat; }
.footer-right>ul>li>a.sitemap						{ background:url('../img/icon-sitemap.png') left center no-repeat; }
.footer-right>ul>li>a.terms						{ background:url('../img/icon-terms.png') left center no-repeat; padding-right:0;}


#btn-back											{ position:fixed; bottom:68px; right:25px; width:50px; height:50px; z-index:999; cursor:pointer; display:none; }
#btn-top											{ position:fixed; bottom:15px; right:25px; width:50px; height:50px; z-index:999; cursor:pointer; display:none; }

/* banner */
#wrapper-banner										{ width:100%; height: auto; position:relative; z-index:1; padding-top:70px; 
														overflow:hidden; background-color:#fff; }
#wrapper-banner.black								{ background-color:#000; }
#banner												{ position:relative; height:480px; }
#banner	.image										{ position:relative; right:50%; text-align:center; }
#banner .image img									{ display:inline-block; margin-right:-100%; }
#banner	.text										{ position:absolute; top:0; left:0; right:0; margin:0 auto; height:100%; width:100%; max-width:1280px;}
#banner	.text .wrap									{ display:table; width:100%; height:100% !important; }
#banner	.text .wrap	span							{ display:table-cell; vertical-align:middle; text-align: center; color:#fff; font-weight:bold; 
														font-size:34px; text-shadow: 1px 1px 3px #666666; line-height:1.2em; text-transform:uppercase; }

/* bottom */
#wrapper-bottom										{ width:100%; height: auto; position:relative; z-index:1; overflow:hidden; background-color:#fff; }
#bottom												{ position:relative; }
#bottom	.image										{ position:relative; right:50%; text-align:center; }
#bottom .image img									{ display:inline-block; margin-right:-100%; }

/* container */
#wrapper-container									{ position:relative; width:100%; z-index:1; }
#container											{ position:relative; max-width: 1280px; margin: 0 auto; height:auto;  }
#container .inner									{ margin: 0 10px 0 10px; }


/* 
===================== SHARING ===================== 
*/
/* grid */
.full												{ width:100%; }
.half												{ width:50%; }
.one_third											{ width:33.33%; }
.two_third											{ width:66.66%; }
.forty												{ width:40%; }
.sixty												{ width:60%; }


/* sep */
.sep-10												{ height: 0px; clear:both; padding: 5px 0; }
.sep-0												{ height: 0px; clear:both; padding: 0 0; }
.sep-for-4											{ height: 0px; clear:both; padding: 0 0; display:block; }
.sep-for-2											{ height: 0px; clear:both; padding: 0 0; display:none; }
.sep-line											{ height: 1px; clear:both; padding: 0 0; margin: 20px 0 20px 0; 
														background-color:#d9d9d9; float:left; width:100%; }

/* heading */
h1 													{ font-size: 48px; }
h2 													{ font-size: 32px; }
h3 													{ font-size: 28px; }
h4 													{ font-size: 24px; }
h1, h2, h3, h4										{ color:#0a1f62; display:block; margin-bottom:10px;}
p													{ font-size:18px; line-height:1.5em; margin: 0 0 10px 0; color:#555555; }
hr													{ padding:0; height:1px; border:0; width: 100px; margin: 1em 0; 
														background-color: #fff; text-align:left; }

/* form */
select												{ border:none; box-shadow: 2px 2px 1px -2px #666666; min-width:266px;
														padding:2px 10px; -webkit-appearance: menulist; }
select option										{ background-color:#eaeaea; color:#626262; font-weight:bold !important; padding: 20px; }

input[type=text], textarea							{ padding:8px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
            											box-sizing: border-box; width:100%; border:#fff solid 1px;
														color:#fff; background:url('../img/bg-black-40.png') 0 0 repeat; }
textarea											{ height:200px;}
input[type=text].error, textarea.error				{ border: #FF0 solid 1px; }
.error-msg											{ color:#FF0; font-size:14px; }

/* pager */
.pager												{ margin:0 0 0 0 !important; padding:0; }
.pager li											{ float:left; margin:0 0 0 5px; padding:0; list-style:none; }
.pager li:first-child								{ margin:0; }
.pager a											{ display:block; line-height:19px; width:22px; text-align:center; font-size:11px; 
														color:#606; background:url('../img/bg-white-50.png') 0 0 repeat; 
														border:1px solid #c2bfa4; padding-top:1px;}
.pager a:hover, .pager a.active 					{ background:url('../img/bg-purple-80.png') 0 0 repeat; color:#fff;}

.pager a.first, .pager a.prev, 
.pager a.next, .pager a.last						{ background:url('../img/pager.png') no-repeat; text-indent:-9999px;}
.pager a.first										{ background:url('../img/pager.png') no-repeat left top;}
.pager li:hover a.first								{ background-position:left bottom;}
.pager a.prev										{ background:url('../img/pager.png') no-repeat -20px top;}
.pager li:hover a.prev								{ background-position:-20px bottom;}
.pager a.next										{ background:url('../img/pager.png') no-repeat -40px top;}
.pager li:hover a.next								{ background-position:-40px bottom;}
.pager a.last										{ background:url('../img/pager.png') no-repeat right top;}
.pager li:hover a.last								{ background-position:right bottom;}

/* buttons *//*
.button-warp										{ padding: 0; position: relative; text-align:right; }
.button												{ display:inline-block; padding: 4px 20px; margin: 0 0 1px 0;
														background:#d4d34f; color:#fff; }
.button:hover										{ opacity:0.8; color:#fff; }
*/

/* breadcrumb */
.breadcrumb											{ position:relative; padding: 30px 0 30px 0; text-align:right; }
.breadcrumb>ul										{ display:block; float:right; }
.breadcrumb>ul>li									{ display:block; float:left; }

.breadcrumb>ul>li:before							{ content:""; float:left; width: 8px; background: url('../img/breadcrumb-arrow.png') left center no-repeat; 
														height:16px; display:block; }
.breadcrumb>ul>li:first-child:before				{ background:none; }

.breadcrumb>ul>li>a									{ display:block; font-size:14px; padding: 0 10px 0 20px; }
.breadcrumb>ul>li:last-child>a						{ padding-right:0; }	

/* sentence */
.wrapper-sentence									{ border-bottom:solid 1px #2c2c2c; }
.sentence											{ max-width:1280px; padding: 140px 0 130px 0; color:#ffffff; margin:0 auto;padding-left:20px; }
.sentence h2										{ display:block; margin: 0 10px 40px 10px; font-size: 26px; text-transform:uppercase; line-height:1.2em; color:#fff; }
.sentence p											{ display:block; margin: 0 10px 10px 10px; color:#fff; line-height:1.6em; font-size:16px; }

/* bar */
.wrapper-wrapper									{ position:relative; }
.wrapper-background									{ position:absolute; top:0; width:100%; height:100%; background: url('') center center no-repeat; background-size:cover; z-index:2; }
.wrapper-bar										{ position:relative; z-index:3;}
.wrapper-bar a										{ display:block; color:#7f7f7f; padding: 0 10px; font-size:72px; line-height:1em; border-bottom:solid 1px #2c2c2c;  }
.wrapper-bar a:hover								{ color:#fff; }
.wrapper-bar .bar									{ display:block; max-width:1280px; margin:0 auto; padding: 1em 0 1em 0; font-weight:bold; }

/* 
===================== MODULES ===================== 
*/
/* ==================================== Homepage ==================================== */
/* home banner */
#iso-banner											{ }
.homeSlideShow										{ overflow:hidden; height:auto; }
.homeSlideShow img									{ width:100%; }
.homeSlideShow>div									{ width:100%; }
.homeSlidePagerWrapper								{ margin:0 auto; position:absolute; bottom:15px; left:0; right:0; z-index:102; text-align:right; }
.homeSlidePager										{ height:auto; position:relative; display: inline-block; padding:10px 0; margin: 0 10px 0 0; }
.homeSlidePager span								{ background:url('../img/banner/banner-pager.png') center bottom no-repeat; width:10px; 
														height:10px; margin:0 7px; display:block; float:left; cursor:pointer;}
.homeSlidePager span.cycle-pager-active,
.homeSlidePager span:hover							{ background:url('../img/banner/banner-pager.png') center top no-repeat; }

#wrapper-container.home,	
#container.home										{ background-color:#000; }

.iso-outer											{ height:auto; width:50%; }
.iso-outer img										{ width:100%; }
.iso												{ cursor:pointer; }
.iso.two											{ width:100%; float:left; position:relative; }
.iso.two .text,
.iso.one.special .text								{ position:absolute; top:0; left:0; right:0; margin:0 auto; 
														height:100%; width:100%; max-width:1280px; z-index:101;}
.iso.two .text .wrap,
.iso.one.special .text .wrap						{ display:table; width:100%; height:100%; }
.iso.two.sliding .text,
.iso.two.sliding .text .wrap						{ width:initial; height:initial; }
.iso.two .text .wrap span,
.iso.one.special .text .wrap span					{ display:table-cell; /*vertical-align:initial;*/vertical-align:top;float:left; text-align: initial; 
														color:#fff; padding:25px 0 0 30px;
														font-size:26px; line-height:1.2em; text-transform:uppercase; }

.iso.one											{ width:50%; float:left; position:relative; }
.iso.one .text										{ position:absolute; top:0; left:0; right:0; margin:0 auto; height:100%; 
														width:100%; max-width:1280px; z-index:101; }
.iso.one .text .wrap								{ display:table; width:100%; height:100%; }
.iso.one .text .wrap span							{ display:table-cell; vertical-align:middle; text-align: center; color:#fff;  
														font-size:26px; line-height:1.2em; text-transform:uppercase; }

/* ==================================== Our Story ==================================== */ 
#wrapper-container.our_story						{ background-color:#1c1c1c; }
/* ==================================== Our inno ==================================== */ 
 .our_inno .container					{ padding:0;  }
 .our_inno .wrap						{ padding: 10px 0; margin: 0 0 50px 0; }
 .our_inno .right .image				{ padding: 0 60px 0 100px; margin: 0 0 10px 0; }
 .our_inno .left .image				{ padding: 0 100px 0 60px; margin: 0 0 10px 0; }
 .our_inno .image img					{ width:100%; }
 .our_inno .left .text					{ padding: 30px 60px 30px 0;}	
 .our_inno .right .text				{ padding: 0 0 0 60px; }	
 .our_inno .text h2					{ display:block; font-size:28px; margin: 0 0 20px 0; line-height:1.5em; color:#042564; 
														text-transform:uppercase; padding: 0 30px 0 0; }
 .our_inno .text .content				{ border-right: solid 1px #cccccc; padding: 0 30px 0 0; }
 .our_inno .text .content>ul			{ margin-left:20px; }

 .our_inno .half							{display: table; height: 100%;}
.our_inno .image							{display: table-cell; vertical-align: middle;}
 
 .our_inno .should						{ padding: 0; height:100%; display:table;  }
 .our_inno .should .text				{ display:table-cell; vertical-align:middle; border-right: solid 1px #cccccc; border-right:none; }
 .our_inno .flowplayer								{margin: 0 auto 40px auto; width: 95%;}
/* ==================================== History ==================================== */
.history .container									{ padding:0;  }
.history .wrap										{ padding: 10px 0; }
.history .image										{ padding: 0 30px; margin: 0 0 10px 0; }
.history .image img									{ width:100%; }
.history .text										{ padding: 55px 0 30px 30px; }
.history .text h2									{ display:block; font-size:28px; margin: 0 0 20px 0; line-height:1.5em; color:#042564; 
														text-transform:uppercase; padding: 0 30px 0 0; }
.history .text .content								{ border-right: solid 1px #cccccc; padding: 0 30px 0 0; }

.history .accordion									{ margin:0 100px;  padding: 10px 0 40px 0; }
.history .accordion>ul								{ margin-top:-1px; }
.history .accordion>ul>li							{ display:block; }
.history .accordion>ul>li>a							{ display:block; padding: 10px 0 10px 0; border-top:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;
														background:url('../img/accordion-arrow-down.png') right center no-repeat; line-height: 1.5em; }
.history .accordion>ul>li>a.active					{ background:url('../img/accordion-arrow-up.png') right center no-repeat; }

.history .accordion>ul>li>a>.wrap					{ display:block; padding:0; position:relative; min-height:80px; }
.history .accordion>ul>li>a>.wrap .thumb			{ position:absolute; top:0; left:10px; width:100px; overflow:hidden; display:block; }
.history .accordion>ul>li>a>.wrap .thumb img		{ width:100%; }
.history .accordion>ul>li>a>.wrap .year				{ position:absolute; top:0; left:100px; height:80px; display:block; padding:28px 40px; color:#042564; font-size:22px; }
.history .accordion>ul>li>a>.wrap .text				{ display:block; padding: 0 0 0 220px; margin: 0 60px 0 0; min-height:80px; height:100%; }	
.history .accordion>ul>li>a>.wrap .text	.holder		{ display:table; height:100%; min-height:80px; }
.history .accordion>ul>li>a>.wrap .text	.holder p	{ display:table-cell; vertical-align:middle;padding-left:100px;}
														
.history .accordion>ul>li:hover>a					{ }	
.history .accordion>ul>li:hover>.menu				{ }
.history .accordion .menu 							{ margin:0 auto; display:none; }
.history .accordion .menu>ul						{ position:relative; padding-top:30px; }
.history .accordion .menu>ul>li						{ float:left; width: 100%; border:none; 
														background:url('../img/our_history/history-dot.png') center top no-repeat; }
.history .accordion .menu>ul>li:first-child 		{ height:30px; background:url('../img/our_history/history-head.png') center top no-repeat; }
.history .accordion .menu>ul>li:last-child 			{ background:url('../img/our_history/history-bottom.png') center top no-repeat; }
.history .accordion .menu>ul>li:hover				{ }
.history .accordion .menu>ul>li>.histories			{ margin: 10px 100px; }
.history .accordion .menu>ul>li>.histories .half	{ width:50%; }
.history .accordion .menu>ul>li>.histories .photo	{ padding: 0 50px;/* margin: 0 0 30px 0; */}
.history .accordion .menu>ul>li>.histories .photo img	{ width:100%; }
.history .accordion .menu>ul>li>.histories .word	{ }
.history .accordion .menu>ul>li>.histories .word h3	{ display:block; font-size:16px; margin: 0 50px 10px 50px; color:#042564; }
.history .accordion .menu>ul>li>.histories .word p	{ display:block; font-size:16px; margin: 0 50px 10px 50px; color:#555555; }

/* ==================================== Awards ==================================== */
.awards .accordion									{ margin-left:-30px;  padding: 10px 0 0 0; }
.awards .accordion>ul								{ }
.awards .accordion>ul>li							{ display:block; }
.awards .accordion>ul>li>a							{ display:inline-block; padding: 0 30px 30px 30px; cursor:pointer; 
														font-size:20px; font-weight:bold; color:#042564; line-height: 1.5em; }
.awards .accordion>ul>li:hover>a					{ cursor:default; }	
.awards .accordion>ul>li:hover>.menu				{ }
.awards .accordion .menu							{ display:block; width:100%; position:relative; }
.awards .accordion .menu>ul							{ position:relative; }
.awards .accordion .menu>ul>li						{ float:left; width: 25%; height:auto; margin-bottom: 40px; border-right: solid 1px #cccccc; }
.awards .accordion .menu>ul>li:hover				{ }
.awards .accordion .menu>ul>li>a					{ display:block; font-size:13px; height:auto; margin: 0 30px 0 30px; cursor:default; }
.awards .accordion .menu>ul>li>a>h3					{ display:block; font-size:16px; margin: 0 0 10px 0; color:#042564; }
.awards .accordion .menu>ul>li>a>p					{ display:block; font-size:16px; margin: 0 0 0 0; color:#555555;}
.awards .accordion .menu>ul>li>p>a					{ display:block; font-size:16px; height:auto; margin: 0 30px 0 30px; cursor:default; }

/* ==================================== Our Partners ==================================== */
.our_partners .container							{ padding:10px 10px 5px 10px;  }
.our_partners .container>ul							{ display:block; margin:0 -10px 30px 10px; list-style:disc; width:20%;float:left;}
.our_partners .container>ul>li						{ display:list-item; list-style:outside; margin: 5px 0; }
.our_partners .container>ul>li>span 				{ position: relative; padding: 0 30px 0 0; display: block;}
.our_partners .ipad,.our_partners .iphone			{display:none;}

/* ==================================== Product-category ==================================== */
.category .selector-wrap							{ padding: 30px 0 50px 0; }
.category .selector-wrap>ul							{ display:block;}
.category .selector-wrap>ul>li						{ display:block; float: left; margin: 0 5px 5px 0; }
.category .selector-wrap>ul>li>a					{ display:block; color:#888888; background-color:#e0e0e0; text-transform:uppercase; 
														padding: 20px 35px; font-size:20px; }
.category .selector-wrap>ul>li>a:hover,
.category .selector-wrap>ul>li>a.active				{ color:#fff; background-color:#002363; }

.category .category-wrap							{ display:none; padding: 10px 0 0 0; }
.category .category-wrap h2							{ display:block; font-size:28px; text-transform:uppercase; color:#042564; padding: 0 0 30px 0;  }
.category .accordion								{ margin-left:-20px;  }
.category .accordion>ul								{ margin-bottom:20px; }
.category .accordion>ul>li							{ display:block; }
.category .accordion>ul>li>a						{ display:inline-block; padding: 10px 0px 30px 20px; cursor:pointer; line-height: 1.5em;
														font-size:20px; font-weight:bold; color:#042564; text-transform:uppercase; }
.category .accordion>ul>li:hover>a					{ }	
.category .accordion>ul>li:hover>.menu				{ }
.category .accordion .menu							{ display:block; width:100%; position:relative; }
.category .accordion .menu>ul						{ position:relative; }
.category .accordion .menu>ul>li					{ float:left; width: 16.66%; height:auto; margin-bottom: 10px; }
.category .accordion .menu>ul>li:hover				{ }
.category .accordion .menu>ul>li>a					{ display:block; font-size:13px; height:auto; margin: 0 0 0 20px; }
.category .accordion .menu>ul>li>a .date			{ font-size:16px; margin: 0 0 10px 0; }
.category .accordion .menu>ul>li>a .image			{ margin: 0 0 10px 0; position:relative; }
.category .accordion .menu>ul>li>a .image>img		{ width:100%; }
.category .accordion .menu>ul>li>a .image span		{ position:absolute; bottom:0; right:0; }
.category .accordion .menu>ul>li>a>h3				{ display:block; font-size:16px; margin: 0 0 10px 0; color:#042564; }
.category .accordion .menu>ul>li>a>h4				{ display:block; font-size:16px; margin: 0 0 10px 0; color:#042564; font-style:italic; }
.category .accordion .menu>ul>li>a>p				{ display:block; font-size:16px; margin: 0 0 0 0; color:#555555;}

.category .sub_title											{display:table;height:56px; }
.category .sub_title h3											{display:table-cell;vertical-align:bottom; }

/* ==================================== Popular Innovations ==================================== */
.popular_innovation .accordion						{  padding: 10px 0 0 0; }
.popular_innovation .accordion>ul					{ width:100%; float:left; margin: 0 0 40px 0; }
.popular_innovation .accordion>ul.even				{ background-color:#f5f5f5; }
.popular_innovation .accordion>ul>li				{ display:block; }
.popular_innovation .accordion>ul>li>a				{ display:none; padding: 10px 30px 10px 30px; cursor:pointer; line-height: 1.5em;
														font-size:20px; font-weight:bold; color:#042564; width:100%; }
.popular_innovation .accordion>ul>li>a>span			{ display:table-cell; vertical-align:middle; padding: 0 10px 0 0; }
.popular_innovation .accordion>ul>li>a>span img		{ /*width:100%;*/ height:36px; }
.popular_innovation .accordion>ul>li:hover>a		{ }	
.popular_innovation .accordion>ul>li:hover>.menu	{ }
.popular_innovation .accordion .menu				{ display:block; width:100%; position:relative; }
.popular_innovation .accordion .menu .image			{ padding: 0 0; margin: 0 0 10px 0; position:relative; }
.popular_innovation .accordion .menu .image img		{ width:100%; }
.popular_innovation .accordion .menu .image	.inside	{ position:absolute; width:100%; padding: 15% 10% 10% 10%; }
.popular_innovation .accordion .menu .image	.inside img { width:100%; padding:20px; }
.popular_innovation .accordion .menu .text			{ padding: 55px 20px 30px 45px; }
.popular_innovation .accordion .menu .text .title		{ display:block; font-size:28px; /*margin: 0 0 20px 0;*/ line-height:1.5em; color:#042564; 
															text-transform:uppercase; padding: 0 30px 0 0; }
.popular_innovation .accordion .menu .text .title>span	{ display:table-cell; vertical-align:middle; padding: 0 10px 0 0; }
.popular_innovation .accordion .menu .text .title>span img { /*width:100%;margin: 0 0 0 -10px;*/ height:80px;  }
.popular_innovation .accordion .menu .text h2		{ display:block; font-size:18px; margin: 0 0 10px 0; line-height:1.5em; color:#042564; 
														padding: 0 30px 0 0; }
.popular_innovation .accordion .menu .text .content	{ padding: 0 30px 0 0; }

/* ==================================== Other Innovations ==================================== */
.other_innovation .accordion						{ margin-left:-30px;  padding: 10px 0 0 0; }
.other_innovation .accordion>ul						{ width:25%; float:left; margin: 0 0 40px 0; }
.other_innovation .accordion>ul>li					{ display:block; }
.other_innovation .accordion>ul>li>a				{ display:table; padding: 10px 30px 10px 30px; cursor:default; line-height: 1.5em;
														font-size:20px; font-weight:bold; color:#042564; width:100%; }
.other_innovation .accordion>ul>li>a>span			{ display:table-cell; vertical-align:middle; padding: 0 10px 0 0; }
.other_innovation .accordion>ul>li>a>span img		{ width:100%; }
.other_innovation .accordion>ul>li:hover>a			{ }	
.other_innovation .accordion>ul>li:hover>.menu		{ }
.other_innovation .accordion .menu					{ display:block; width:100%; position:relative; }
.other_innovation .accordion .menu>ul				{ position:relative; }
.other_innovation .accordion .menu>ul>li			{ float:left; width: 100%; height:auto;padding: 10px 30px 10px 30px;}
.other_innovation .accordion .menu>ul>li:hover		{ }
.other_innovation .accordion .menu>ul>li>a			{ display:block; font-size:13px; height:auto; margin: 0 30px 0 30px; }
.other_innovation .accordion .menu>ul>li>a>h3		{ display:block; font-size:16px; margin: 0 0 10px 0; color:#042564; }
.other_innovation .accordion .menu>ul>li>a>p		{ display:block; font-size:16px; margin: 0 0 0 0; color:#555555;}

/* ==================================== Technology ==================================== */
/*.technology .technology-logo,*/ .technology .technology-desc {margin: 10px 0 10px 5%;}
.technology .dropper-wrap										{float:right;margin-right:17.5%;}
.technology .dropper-wrap select							{ margin-top:25px;}
.technology .display_option								{display:none;}
.technology .active											{display:block;}
.technology #group_1										{display:block;}
.technology .technology-image,.technology .technology-video		{max-width:65%;margin:0 auto;}
.technology #video_logo									{margin-left:17.5%;}

/* ==================================== Sustainability Reports ==================================== */
.sustainability_reports .container					{ padding:0;  }
.sustainability_reports .wrap						{ padding: 10px 0; margin: 0 0 90px 0; height:100%; }
.sustainability_reports .half							{display: table; height: 100%;}
.sustainability_reports .image							{display: table-cell; vertical-align: middle;}
.sustainability_reports .right .image				{ padding: 0 60px 0 100px; margin: 0 0 10px 0; }
.sustainability_reports .left .image				{ padding: 0 100px 0 60px; margin: 0 0 10px 0; }
.sustainability_reports .image img					{ width:100%; }
.sustainability_reports .left .text					{ /*padding: 30px 60px 30px 0;*/  padding: 0 0 0 60px; }	
.sustainability_reports .right .text				{ padding: 0 0 0 60px; }	
.sustainability_reports .text h2					{ display:block; font-size:28px; margin: 0 0 20px 0; line-height:1.5em; color:#042564; 
														text-transform:uppercase; padding: 0 30px 0 0; }
.sustainability_reports .text .content				{ border-right: solid 1px #cccccc; padding: 0 30px 0 0; }
.sustainability_reports .text .content>ul			{ margin-left:20px; }

.sustainability_reports .should						{ height:100%; display:table;  }
.sustainability_reports .should .text				{ display:table-cell; vertical-align:middle; border-right: solid 1px #cccccc; border-right:none; }

.sustainability_reports .download 					{ padding: 10px 0 10px 10px; }
.sustainability_reports .download .half				{ width:25%;margin: 0 0 20px 0; }
.sustainability_reports .download .half h2			{ display:block; font-size:16px; margin: 0 0 10px 0; line-height:1.5em; color:#042564; 
														text-transform:none; height:48px; }
/*.sustainability_reports .download .half .pdf		{ display:block;line-height:1.5em; padding: 0 0 0 25px; background:url('../img/icon-download-pdf.png') left center no-repeat; }*/
/* ==================================== Recruitment ==================================== */
.recruitment .flowplayer							{width:100%;}
.recruitment .container								{ max-width:900px; margin: 0 auto; padding:0 10px 20px 10px;  }
.recruitment .dropper-wrap							{ text-align:right; padding: 60px 0 60px 0; }							
.recruitment dl										{ text-align:left; padding:10px 0 0 0; }
.recruitment dl	dt									{ color:#0a1f62; font-weight:bold; }									
.recruitment dl	dt,
.recruitment dl	dd									{ float:left; padding:4px; }
.recruitment .date									{ width: 20%; }
.recruitment .post									{ width: 60%; }
.recruitment .location								{ width: 20%; }

.recruitment ul 									{ list-style: disc; margin: 0 0 0 18px; }
.recruitment ul>li									{ /*display: list-item;*/ list-style: outside; margin: 5px 0; }
.recruitment .mobile_view						{display:none;}
/* ==================================== News ==================================== */
.news .dropper-wrap									{ text-align:right; padding: 30px 0 60px 0; }
.news .accordion									{ margin-left:-60px;  padding: 10px 0 0 0; }
.news .accordion>ul									{ }
.news .accordion>ul>li								{ display:block; }
.news .accordion>ul>li>a							{ display:inline-block; padding: 0 0 30px 60px; cursor:default; 
														font-size:20px; font-weight:bold; color:#042564; line-height: 1.5em; }
.news .accordion>ul>li:hover>a						{ }	
.news .accordion>ul>li:hover>.menu					{ }
.news .accordion .menu								{ display:block; width:100%; position:relative; }
.news .accordion .menu>ul							{ position:relative; }
.news .accordion .menu>ul>li						{ float:left; width: 25%; height:auto; margin-bottom: 40px; }
.news .accordion .menu>ul>li:hover					{ }
.news .accordion .menu>ul>li>a						{ display:block; font-size:13px; height:auto; margin: 0 0 0 60px; }
.news .accordion .menu>ul>li>p						{ display:block; font-size:16px; height:auto; margin: 0 0 0 60px; }
.news .accordion .menu>ul>li>a .date				{ font-size:16px; margin: 0 0 10px 0; }
.news .accordion .menu>ul>li>a .image				{ margin: 0 0 10px 0; position:relative; }
.news .accordion .menu>ul>li>a .image>img_old			{ width:100%; height:200px;}
.news .accordion .menu>ul>li>a .image>img			{ width:100%; height:100%;}
.news .accordion .menu>ul>li>a .image span			{ position:absolute; bottom:0; right:0; }
.news .accordion .menu>ul>li>a>h3					{ display:block; font-size:16px; margin: 0 0 10px 0; color:#042564;line-height:1.3em;}
.news .accordion .menu>ul>li>a>h4					{ display:block; font-size:16px; margin: 0 0 10px 0; color:#042564; font-style:italic;line-height:1.3em; }
.news .accordion .menu>ul>li>a>p					{ display:block; font-size:16px; margin: 0 0 0 0; color:#555555;}
.news select option:hover 							{background-color: #042564;color:white;}
/* ==================================== Apparel Manufacturer ==================================== */
.apparel_manufacturer .dropper-wrap					{ text-align:right; padding: 30px 0 60px 0; }
.apparel_manufacturer .accordion					{ margin-left:0;  padding: 10px 0 0 0; }
.apparel_manufacturer .accordion>ul					{ margin-bottom:120px; }
.apparel_manufacturer .accordion>ul>li				{ display:block; }
.apparel_manufacturer .accordion>ul>li>a,
.apparel_manufacturer .accordion>h2					{ display:inline-block; padding: 0 0 15px 60px; cursor:default;  text-transform:uppercase; 
														font-size:26px; font-weight:bold; color:#042564; line-height: 1.5em; }
.apparel_manufacturer .accordion>ul>li:hover>a		{ }	
.apparel_manufacturer .accordion>ul>li:hover>.menu	{ }
.apparel_manufacturer .accordion .menu				{ display:block; width:100%; position:relative; }

.apparel_manufacturer .wrap							{ padding: 10px 0; }
/*.apparel_manufacturer .image						{ padding: 0 30px; margin: 0 0 10px 0; }*/
.apparel_manufacturer .right .image					{ padding: 0 60px 0 100px; margin: 0 0 10px 0; }
.apparel_manufacturer .left .image					{ padding: 0 100px 0 60px; margin: 0 0 10px 0; }
.apparel_manufacturer .image img					{ width:100%; }
/*.apparel_manufacturer .text						{ padding: 55px 0 30px 30px; }*/
.apparel_manufacturer .left .text					{ padding: 30px 60px 30px 0;}	
.apparel_manufacturer .right .text					{ padding: 30px 0 0 60px; }	
.apparel_manufacturer .text h2						{ display:block; font-size:28px; margin: 0 0 20px 0; line-height:1.5em; color:#042564; 
														text-transform:uppercase; padding: 0 30px 0 0; }
.apparel_manufacturer .text .content				{ padding: 0 30px 0 0; }
/* ==================================== Sitemap ==================================== */
.sitemap ul													{display:block;float:left;width:22%;margin:0 0 10px 3%;height:auto;}
.sitemap .breadcrumb ul								{float:right;}
/* ==================================== Contact Us ==================================== */
#map-canvas 										{ height:500px; margin: 0px; padding: 0px; }

#contact-us .holder									{ padding:200px 0 100px !important; }	

.wrapper-enquiry									{ height:auto; margin: 0; padding:20px 0; }
.wrapper-enquiry .info-box							{ padding:55px 10px; }
.wrapper-enquiry .info-box table tr td				{ padding:4px; text-shadow: 1px 1px 1px #000000; }
.wrapper-enquiry .form-box							{ padding: 0 10px; }

/* ==================================== page-not-found ==================================== OK */
#page-not-found .holder								{ padding:250px 0; }
#page-not-found .holder .wrapper					{ margin:10px; }