@charset "UTF-8";
/* CSS Document */

html { width:100%; overflow:auto; }
body { background:red; color:#ffffff; }
body, textarea, select, input, button { font:12px/18px "微軟正黑體","Microsoft Jhenghei", Arial, Tahoma, Helvetica, sans-serif; }
body, html, *, div { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { cursor:default; }
select { font-family: Arial, Lucida Grande, Helvetica, sans-serif; letter-spacing:0; color:#5F5C5C; }
table { border:none; border-collapse:collapse; border-spacing:0; }
img { border:none; }
a { text-decoration:none; color:#ffffff; cursor:pointer; }
a:hover { color:#0c51a1; }
a.active { color:#0c51a1; }
a:focus { outline:none; }
p { font-size:1em; margin-bottom:1.5em; line-height:1.5em; cursor:text; }


@font-face { font-family: 'BebasNeue'; font-weight: normal; font-style: normal; src: url('fonts/BebasNeue-webfont.eot'); src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/BebasNeue-webfont.woff') format('woff'), url('fonts/BebasNeue-webfont.ttf') format('truetype'), url('fonts/BebasNeue-webfont.svg#BebasNeue') format('svg'); }

@font-face { font-family: 'LeagueGothic'; font-weight: normal; font-style: normal; src: url('fonts/League_Gothic-webfont.eot'); src: url('fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/League_Gothic-webfont.woff') format('woff'), url('fonts/League_Gothic-webfont.ttf') format('truetype'), url('fonts/League_Gothic-webfont.svg#LeagueGothic') format('svg'); }




/* UTIL */

.clr { clear:both; zoom:1; height:0; font-size:0; line-height:0; }
.floatL { float:left; }
.floatR { float:right; }
.hide { display:none; }
.alignCtr { text-align:center; }
.alignBtm { vertical-align:bottom; }
.alignRight { text-align:right; }

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

@media screen and (max-width: 767px) {
	.desktop { display:none; }
	.mobile { display:block; }
}




/* TOP */

body { background:#cccccc url('../img/bg-base.gif') center top repeat-x; }

#top_wrapper { width:100%; float:left; position:relative; z-index:1; background:#f7f7f7 url('../img/bg-top.png') center top no-repeat; min-height:398px; }
#top_outer { margin:0 auto; width:960px; }
#header { width:960px; float:left; position:relative; position:relative; height:120px; position:relative; z-index:10; }
#header .logo { left:34px; top:24px; position:absolute; width:93px; height:40px; background:url('../img/logo-hdr.png') 0 0 no-repeat; background-size:93px; }
#header .logo p { margin-left:105px; margin-bottom:0; color:#0C51A1; cursor:pointer; white-space:nowrap; margin-top:25px; font-weight:bold; }
#header .logo:hover p { color:#0C51A1; }

#nav_mini { font-size:12px; font-family:"BebasNeue"; position:absolute; right:0; top:60px; padding-right:20px; }
#nav_mini li { list-style-type:none; float:left; font-size:12px; margin-left:20px; }
#nav_mini li a { color:#707070; }
#nav_mini li.active a, #nav_mini li:hover a { color:#0c51a1; }
#nav_mini .icon-rss-sign { margin-right:5px; font-size:20px; }
#nav_mini a:hover .icon-rss-sign { color:#ff9900; }

.nav_trigger { display:none; position:absolute; right:18px; top:28px; color:#0c51a1; font-size:18px; line-height:1em; }

#nav { width:960px; height:35px; background:url('../img/bg-nav-blue.gif') 0 0 repeat-x; position:absolute; bottom:0; z-index:2; }
#nav > ul > li { float:left; line-height:35px; font-size:16px; font-family:"BebasNeue"; font-weight:normal; list-style-type:none; padding:0 8px; position:relative; }
#nav > ul > li:hover, #nav > ul > li.active { background:#1281ff; }
#nav > ul > li > a { line-height:35px; float:left; }
#nav > ul > li:hover > a { color:#ffffff; }

#nav > ul > li > a { display:block; }
#nav > ul > li > a.list_trigger { display:none; width:100%; font-size:22px; }

#nav > ul > li > div { width:420px; min-height:278px; position:absolute; top:35px; left:0; background-position:right 0; background-repeat:no-repeat; background-color:#e5e5e5; display:none; }
#nav > ul > li > div h2 { font-size:32px; font-weight:normal; position:absolute; right:20px; top:25px; width:180px; text-align:right; line-height:32px; }
#nav > ul > li > div > ul { width:147px; min-height:210px; float:left; position:relative; background:gray; padding:34px 23px 34px 23px; background:#cdcdcd url('../img/bg-nav-sub.gif') 0 0 repeat-x; }
#nav > ul > li > div > ul > li { float:left; clear:both; list-style-type:none; font-family:"Arial"; font-size:11px; 2white-space:nowrap; width:100%; line-height:16px; padding:4px 0; }
#nav > ul > li > div > ul > li a { line-height:16px; color:#898989; }
#nav > ul > li > div > ul > li:hover a { color:#0C51A1; }
#nav > ul > li > div > ul > li.active a { color:#0C51A1; font-weight:bold; }
#nav > ul > li > div > ul > li > ul { margin-top:3px; }
#nav > ul > li > div > ul > li > ul > li { list-style-type:none; padding:1px 0 1px 10px; background:url('../img/icon-bullet.gif') 0 center no-repeat; }
#nav > ul > li > div > ul > li:hover > ul > li > a, #nav > ul > li > div > ul > li.active > ul > li > a { color:#898989; line-height:16px; }
#nav > ul > li > div > ul > li > ul > li:hover, #nav > ul > li > div > ul > li > ul > li.active  { background-image:url('../img/icon-bullet-h.gif'); }
#nav > ul > li > div > ul > li > ul > li:hover > a, #nav > ul > li > div > ul > li > ul > li.active > a { color:#0C51A1; }
#nav > ul > li > div > ul > li > ul > li.active > a { font-weight:bold; }

#nav > ul > li.flip > div { left:auto; right:0; }
#nav > ul > li.tiny > div { width:193px; }

#nav ul.left { height:35px; float:left; position:relative; padding-left:12px; }

#nav ul .aboutrotam > div { background-image:url('../img/contents/nav/subbg-aboutrotam.jpg'); }
#nav ul .whyrotam > div { background-image:url('../img/contents/nav/subbg-whyrotam.jpg'); }
#nav ul .products > div { background-image:url('../img/contents/nav/subbg-products.jpg'); }
#nav ul .verporculturas > div { background-image:url('../img/contents/nav/subbg-professionalproducts.jpg'); background-color:#e6e7e2; }
#nav ul .rotamresearchlaboratory > div { background-image:url('../img/contents/nav/subbg-rotamresearchlaboratory.jpg'); }
#nav ul .othergroupcompanies > div { background-image:url('../img/contents/nav/subbg-othergroupcompanies.jpg'); }
#nav ul .events > div { background-image:url('../img/contents/nav/subbg-events.jpg'); }
#nav ul .newsroom > div { background-image:url('../img/contents/nav/subbg-newsroom.jpg'); }
#nav ul .globalcareers > div { background-image:url('../img/contents/nav/subbg-globalcareers.jpg'); }
#nav ul .investorrelations > div { background-image:url('../img/contents/nav/subbg-investorrelations.jpg'); }
#nav ul .others > div { background-image:url('../img/contents/nav/subbg-others.jpg'); }

#nav ul.right { float:right; height:35px; line-height:35px; padding-right:12px; }
#nav ul.right > li { list-style-type:none; 2margin-left:16px; float:left; padding-left:0; }
#nav > ul.right > li > div { min-height:0; }
#nav > ul.right > li > div ul { min-height:0; }

#nav .button { width:16px; height:16px; position:relative; display:inline-block; vertical-align:middle; }
#nav .button.arrow_down { background:url('../img/ui-button.png') -64px -16px no-repeat; }

#nav > ul.right > li:first-child { padding-left:8px; }
#nav > ul.right > li:first-child .button { margin-left:-8px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	#header .logo { background-image:url('../img/logo-hdr@2x.png'); }
}

@media screen and (max-width: 959px) {
	#top_wrapper { width:100%; min-height:398px; }
	#top_outer { width:100%; }
	#header { width:100%; height:120px; }
	
	#nav { width:100%; }
	#nav > ul > li { font-size:14px; padding:0 5px; }
}
@media screen and (max-width: 859px) {
	
}
@media screen and (min-width: 768px) {
	#nav { display:block !important; }
}
@media screen and (max-width: 767px) {/* Essential */
	#header { 2min-height:70px; height:auto; border-bottom:2px solid #b8c5d4; padding-top:70px; }
	#header .logo { left:28px; top:10px; }

	#nav_mini { display:none; }
	
	.nav_trigger { display:block; }
	
	#nav { position:relative; background:none; background-color:#0c51a1; width:auto; height:auto; overflow:auto; z-index:100; display:none; padding-top:10px; padding-bottom:10px; }
	#nav.active { display:block; }
	#nav, #nav * { box-sizing:border-box; }
	#nav > ul > li { font-size:16px; padding-top:5px; padding-bottom:5px; }
	#nav > ul > li.active { background-color:transparent; }
	#nav > ul > li.active:hover { background-color:#1281ff; }
	#nav > ul > li.active.expand { background-color:#1281ff; }
	#nav > ul > li.active > div { display:none !important; }
	#nav > ul > li.active > a.list_trigger { color:yellow; }
	#nav > ul > li > a { display:none; }
	#nav > ul > li > a.list_trigger { display:block; }
	#nav > ul > li > a.list_trigger > i { margin-left:5px; }
	#nav > ul > li > a.list_trigger > .icon-caret-right { display:inline-block; }
	#nav > ul > li > a.list_trigger > .icon-caret-down { display:none; }
	#nav > ul > li.expand > a.list_trigger > .icon-caret-right { display:none; }
	#nav > ul > li.expand > a.list_trigger > .icon-caret-down { display:inline-block; }
	#nav > ul > li.expand > div { display:block !important; }
	
	#nav > ul > li > div { position:relative; background:none !important; float:left; min-height:0; top:0; width:auto; clear:both; }
	#nav > ul > li > div h2 { display:none; }
	#nav > ul > li > div > ul { background:none; width:auto; padding:10px 0; min-height:0; }
	#nav > ul > li > div > ul > li { padding:8px 0; font-size:14px; }
	#nav > ul > li > div > ul > li a { color:white; }
	#nav > ul > li > div > ul > li.active a { color:yellow; }
	
	#nav .mobile { display:block; }
	#nav ul.left { height:auto; width:100%; padding:0; padding-bottom:10px; }
	#nav ul.left li { width:100%; padding-left:18px; padding-right:18px; }
	#nav ul.right { float:left; height:auto; width:100%; border-top:1px solid #0d5eba; padding-top:10px; padding-right:0; }
	#nav ul.right li { width:100%; padding-left:18px !important; padding-right:18px; }
	#nav .nav_trigger i { color:#0c51a1; }
	
	#nav .rss { display:none; }
}
@media screen and (max-width: 669px) {/* Essential */

}
@media screen and (max-width: 479px) {/* Essential */	
	
}
@media screen and (max-width: 349px) {

}




/* MAIN */

#contents { width:960px; float:left; position:relative; position:relative; padding:18px 0 50px; }

#billboards { width:960px; height:280px; float:left; position:relative; margin-bottom:20px; overflow:hidden; }
#billboards #billboard-container { width:960px; height:280px; float:left; position:relative; }
#billboards #billboard-container a { width:960px; height:280px; position:absolute; left:0; top:0; }
#billboards #billboard-container a .description { width:280px; height:280px; text-align:right; vertical-align:middle; position:absolute; right:0; top:0; filter:inherit; }
#billboards #billboard-container a .description > * { display:inline-block; *display:inline; zoom:1; filter:inherit; }
#billboards #billboard-container a .description span { width:0; height:280px; vertical-align:middle; }
#billboards #billboard-container a .description p { width:174px; margin:0 auto; font:15px/19px Arial, Helvetica, sans-serif; font-size:17px; vertical-align:middle; text-align:right; cursor:default; z-index:2; position:relative; cursor:pointer; padding:20px 20px 20px 20px; background:#0C51A1; margin-right:33px; }
#billboards #billboard-container a .description .bg { 2background:black; 2opacity:.5; 2filter:alpha(opacity=50); width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; 2background:url('../img/bg-billboards-text.png') 0 0 repeat; }

/*#billboards #billboard-container a .description:hover .bg { color:white; opacity:.7; filter:alpha(opacity=70); }*/

#billboards #billboard-container a img { float:left; }
#billboards #billboard-container a:hover p { color:white; }

#billboards #billboard-nav { position:absolute; right:20px; bottom:9px; z-index:3; }
#billboards #billboard-nav li { list-style-type:none; width:33px; height:5px; float:left; margin-left:9px; background:white; cursor:pointer; }
#billboards #billboard-nav li.active { background:#1281ff; }
#billboards #billboard-nav li a { width:33px; height:5px; float:left; }

/* BB Animate */
#billboards #billboard-container a { display:none; }
#billboards #billboard-container a.art0 { display:block; }
#billboards #billboard-container .billboard-animate { position:relative; width:100%; padding-bottom:29.166%; }
#billboards #billboard-container .billboard-animate img { position:absolute; top:0; left:0; }
#billboards #billboard-container .billboard-animate .part_01 { width:18.541%; z-index:3; left:0; display:none; }
#billboards #billboard-container .billboard-animate .part_02 { width:21.77%; z-index:3; left:10.833%; left:10.933%; display:none; }
#billboards #billboard-container .billboard-animate .part_03 { width:21.77%; z-index:3; left:25%; left:25.1%; display:none; }
#billboards #billboard-container .billboard-animate .part_04 { width:21.77%; z-index:3; left:39.062%; left:39.262%; display:none; }
#billboards #billboard-container .billboard-animate .txt { width:100%; z-index:2; display:none; left:0; top:0; }
#billboards #billboard-container .billboard-animate .bg { width:100%; z-index:1; left:0; top:0; }

#billboards #billboard-container .billboard-animate.mobile .part_01 { width:30.434%; z-index:3; left:0; display:none; }
#billboards #billboard-container .billboard-animate.mobile .part_02 { width:35.76%; z-index:3; left:17.917%; display:none; }
#billboards #billboard-container .billboard-animate.mobile .part_03 { width:35.76%; z-index:3; left:41.178%; display:none; }
#billboards #billboard-container .billboard-animate.mobile .part_04 { width:35.76%; z-index:3; left:64.53%; display:none; }

#promo { width:960px; height:120px; float:left; font-family:"BebasNeue"; margin-bottom:20px; position:relative; }
#promo li { width:312px; height:120px; margin-left:12px; float:left; list-style-type:none; background:#0c51a1; }
#promo li:first-child { margin-left:0; }
#promo li a { width:312px; height:120px; float:left; }
#promo li img { width:312px; height:87px; float:left; }
#promo li h1 { width:278px; padding:0 17px; line-height:33px; float:left; font-size:16px; color:white; font-weight:normal; cursor:pointer; }
#promo li a:hover h1 { background-color:#0f64c6; }

#promo li > h1 { position:absolute; bottom:0; left:0; }
#promo li:hover > h1 { background-color:#0f64c6; }
#promo li .cta_button { height:auto; }
#promo li div { float:left; width:100%; padding-bottom:25px; }
#promo li div span { float:left; width:100%; }
#promo li div h1 { position:absolute; bottom:0; left:0; }
#promo li div:hover h1 { background-color:#0f64c6; }


#news_mini > h2, #events_mini > h2 { height:33px; line-height:33px; padding-left:34px; font-family:"BebasNeue"; font-weight:normal; font-size:16px; background:#0c51a1 url('../img/bg-hdr.png') 5px 4px no-repeat; position:relative; }
#news_mini > h2 a, #events_mini > h2 a { float:right; font-size:14px; padding:0 9px 0 15px; background:red; position:absolute; top:0; right:0; background:url('../img/bg-hdr-button-sprt.gif') 0 0 repeat-y; }
#news_mini > h2 a:hover, #events_mini > h2 a:hover { color:#f0b310; }
#news_mini > h2 a .icon, #events_mini > h2 a .icon { margin-top:8px; margin-right:5px; }

#news_mini { width:593px; float:left; margin-right:12px; }
#news_mini .stories { float:left; color:#707070; }
#news_mini .stories li { float:left; list-style-type:none; background:url('../img/sprt-dot.png') 0 bottom repeat-x; }
#news_mini .stories li table th { width:86px; padding:18px 0; font-weight:normal; padding:24px 0; }
#news_mini .stories li table td { width:507px; padding:18px 0; }
#news_mini .stories li a { color:#707070; }
#news_mini .stories li a:hover { color:#0C51A1; }

#events_mini { width:355px; float:left; }
#events_mini ul { float:left; margin-top:13px; }
#events_mini ul li { width:110px; float:left; list-style-type:none; margin-left:12px; }
#events_mini ul li:first-child { margin:0; }
#events_mini ul li a { width:110px; float:left; color:#707070; }
#events_mini ul li a:hover { color:#0C51A1; }
#events_mini ul li a img { float:left; }
#events_mini ul li a label { width:110px; float:left; clear:both; text-align:left; font-size:10px; line-height:12px; margin-top:15px; cursor:pointer; }






#main { width:960px; font-family:"BebasNeue"; float:left; clear:both; position:relative; }
#main h1 { color:#0C51A1; font-size:27px; font-weight:normal; 2padding:12px 0 17px 20px; float:left; line-height:47px; padding-left:20px; }
#main h2 { color:#0C51A1; }

#main .breadcrumbs { float:right; line-height:19px; font-family:Arial; font-size:10px; padding: 0 20px; margin-top:28px; background:#0C51A1; }
#main .breadcrumbs li { float:left; list-style-type:none; background:url('../img/sprt-breadcrumbs.png') left center no-repeat; padding-left:12px; margin-left:7px; }
#main .breadcrumbs li:first-child { background:none; padding:0; margin:0; }
#main .breadcrumbs li a { color:white; }

#main .hero { width:960px; height:140px; float:left; clear:both; position:relative; }
#main .hero .overlay { position:absolute; top:0; left:0; float:none; }
#main .hero img { float:left; }

#main .column { width:960px; float:left; position:relative; background:white url('../img/bg-btmsymbol.png') right bottom no-repeat; background:white; padding-bottom:45px; }

#main .column th, #main .column td { vertical-align:top; }
#main .column .sidenav, #main .column .sidenav * { box-sizing:border-box; }
#main .column .sidenav { width:172px; width:232px; position:relative; background:url('../img/bg-sidenav.gif') 0 0 repeat-y; background-size:100%; }
#main .column .sidenav > ul { width:152px; width:232px; float:left; position:relative; padding-top:28px; padding-left:20px; }
#main .column .sidenav > ul > li { width:152px; width:100%; float:left; clear:both; font-weight:normal; font-family:Arial; font-size:12px; list-style-type:none; }
#main .column .sidenav > ul > li.active { font-weight:bold; }
#main .column .sidenav > ul > li > a { width:107px; width:100%; line-height:14px; float:left; color:#cccccc; padding:12px 32px 10px 13px; text-align:left; background:url('../img/bg-sidenav-sprt.gif') 0 top repeat-x; }
#main .column .sidenav > ul > li:hover > a { color:#0c51a1; }
#main .column .sidenav > ul > li.active > a { background:#0c51a1 url('../img/bg-sidenav-indicator.png') 130px center no-repeat; background-position:180px; color:white !important; }
#main .column .sidenav > ul > li:first-child > a { background-image:none; }
#main .column .sidenav > ul > li.active:first-child > a { background-image:url('../img/bg-sidenav-indicator.png'); }

#main .column .sidenav > ul > li > ul { float:left; width:117px; background:#f2f2f2; padding:0 22px 0 13px; }
#main .column .sidenav > ul > li > ul > li { width:97px; list-style-type:none; text-align:left; padding:12px 10px; border-top:1px solid #d1d1d1; }
#main .column .sidenav > ul > li > ul > li:first-child { border:none; }
#main .column .sidenav > ul > li > ul > li > a { color:#acacac; }
#main .column .sidenav > ul > li > ul > li:hover > a, #main .column .sidenav > ul > li > ul > li.active > a { color:#0c51a1; }

#main .column .content_txt { width:788px; width:738px; width:100%; }
#main .column .content_txt > div { width:788px; width:100%; position:relative; float:left; box-sizing:border-box; }
#main .column .content_txt > div > h2 { width:788px; width:100%; height:68px; float:left; border-bottom:1px solid #b8c5d4; color:#0c51a1; overflow:hidden; position:relative; }
#main .column .content_txt > div > h2 span { position:absolute; left:0; top:0; margin:37px 0 14px 23px; font-weight:normal; font-size:24px; line-height:24px; background:url('../img/bg-sprt.png') right center no-repeat; }
#main .column .content_txt > div > h2 img { float:left; position:absolute; }

#main .column .content_txt > div > .text { width:738px; width:100%; max-width:788px; float:left; position:relative; padding:30px 25px 30px; font-family:Arial; color:#636363; font-size:12px; line-height:19px; box-sizing:border-box; }
#main .column .content_txt > div > .text h1 { font-size:16px; float:none; line-height:25px; font-size:20px; padding:0 0 10px 0; font-family:"BebasNeue"; }
#main .column .content_txt > div > .text * + h1 { margin-top:30px; }
#main .column .content_txt > div > .text div + h1 { margin-top:0; }
#main .column .content_txt > div > .text h2 { font-size:14px; margin-top:20px; }
#main .column .content_txt > div > .text h3 { background:#0c51a1; }
#main .column .content_txt > div > .text p { color:#636363; line-height:19px; font-size:12px; position:relative; padding-bottom:15px; margin-bottom:0; cursor:default; margin-right:15px; }
#main .column .content_txt > div > .text a { color:#0c51a1; cursor:pointer; }
#main .column .content_txt > div > .text a * { cursor:pointer; }
#main .column .content_txt > div > .text label { padding-bottom:15px; float:none; display:inline-block; text-align:center; width:100%; }
#main .column .content_txt > div > .text a:hover { color:#1074e5; }
#main .column .content_txt > div > .text > table { margin-bottom:15px; width:100%; }
#main .column .content_txt > div > .text ol { }
#main .column .content_txt > div > .text ol li { margin-left:18px; *margin-left:30px; }
#main .column .content_txt > div > .text ul li { margin-left:18px; *margin-left:20px; }
#main .column .content_txt > div > .text ul + p { margin-top:15px; }

#main .column .content_txt > div > .text .resources { width:142px; min-height:160px; float:left; font-family:"BebasNeue"; background:#ebebeb; padding-bottom:10px; }
#main .column .content_txt > div > .text .resources h1 { width:118px; float:left; line-height:33px; padding:12px 12px 10px; font-size:16px; line-height:16px; background:#0c51a1; color:white; }
#main .column .content_txt > div > .text .resources h3 { background:#0c51a1; }
#main .column .content_txt > div > .text .resources table { width:118px; color:#ebebeb; color:#0c51a1; font-size:14px; margin:10px 12px 0; float:left; }
#main .column .content_txt > div > .text .resources table td { height:30px; line-height:30px; }
#main .column .content_txt > div > .text .resources table td a { color:#0c51a1; background:url('../img/icon-link.gif') 0 5px no-repeat; float:left; line-height:18px; padding:5px 0 5px 20px; }
#main .column .content_txt > div > .text .resources table td a:hover { color:#1074e5; }
#main .column .content_txt > div > .text .resources table td a.pdf { background:url('../img/icon-pdf.gif') 0 5px no-repeat; }

#main .column .content_txt > div > .text .img { float:right; margin:0 15px; width:300px; position:relative; z-index:2; padding-bottom:15px; }
#main .column .content_txt > div > .text .img p { text-align:right; }
#main .column .content_txt > div > .text .img label { text-align:right; float:right; }
#main .column .content_txt > div > .text .img > img { float:left; margin-bottom:5px; }
#main .column .content_txt > div > .text .img > img + * { margin-top:10px; }
#main .column .content_txt > div > .text .slideimg { float:right; width:300px; height:175px; position:relative; z-index:2; margin-bottom:5px; }
#main .column .content_txt > div > .text .slideimg img { position:absolute; left:0; top:0; display:none; }

#main .column .content_txt > div > .text table th { background-color:#0c51a1; }

#main .column .content_txt > div > .text .tabpanel { width:100%; margin:0 auto 40px; border:1px solid #e5e5e5; background-color:#0C51A1; display:inline-block; }
#main .column .content_txt > div > .text .tabpanel li { font-weight:bold; text-align:left; float:left; list-style-type:none; border-right:1px solid #094487; border-left:1px solid #0f6bd4; margin:0; }
#main .column .content_txt > div > .text .tabpanel li.active, #main .column .content_txt > div > .text .tabpanel li:hover { background-color:#1281FF; }
#main .column .content_txt > div > .text .tabpanel li:first-child { border-left:0; }
#main .column .content_txt > div > .text .tabpanel li a { padding:10px 20px; color:white; float:left; }

#main .column.full table { width:100%; }
#main .column.full .content_txt > div { width:100%; }
#main .column.full .content_txt > div > h2 { width:100%; }
#main .column.full .content_txt > div > .text { width:910px; }

#main .column .content_txt > div > .text + .text { margin-top:-60px; margin-bottom:-60px; }

#main .column .content_txt > div > .text .products_presort { margin-bottom:5px; }

#main .column .content_txt > div > .text .products_index { display:none; position:relative; zoom:1; }
#main .column .content_txt > div > .text .products_index > table { width:100%; margin:10px auto 40px; border:1px solid #e5e5e5; }
#main .column .content_txt > div > .text .products_index > table > * > * > th { padding:10px 10px; color:white; font-weight:bold; text-align:center; }
#main .column .content_txt > div > .text .products_index > table > * > * > td { padding:10px 10px; border:1px solid #e5e5e5; text-align:center; width:25%; }
#main .column .content_txt > div > .text .products_index > table > * > * > td > a { 2float:left; position:relative; margin:0 auto; }
#main .column .content_txt > div > .text .products_index > table > * > * > td > a > img { 2width:90%; width:112px; display:block; padding:10px 0; margin:0 auto; position:relative; }

#main .column .content_txt > div > .text .product_details { display:none; position:relative; zoom:1; }
#main .column .content_txt > div > .text .product_details > table { width:100%; margin:10px auto 40px; border:1px solid #e5e5e5; }
#main .column .content_txt > div > .text .product_details > table > * > * > th { padding:10px 10px; color:white; font-weight:bold; text-align:left; }
#main .column .content_txt > div > .text .product_details > table > * > * > th.button { padding:10px 10px; text-align:right; }
#main .column .content_txt > div > .text .product_details > table > * > * > th.button a { color:white; text-decoration:underline; }
#main .column .content_txt > div > .text .product_details > table > * > * > th.button a:hover { color:yellow; }
#main .column .content_txt > div > .text .product_details > table > * > * > td { padding:10px 10px; border:1px solid #e5e5e5; }
#main .column .content_txt > div > .text .product_details > table > * > * > * a { word-break:break-all; display:block; }
#main .column .content_txt > div > .text .product_details > table table+table { margin-top:10px; }

#main .column .content_txt > div > .text .search_form table { }
#main .column .content_txt > div > .text .search_form h2 { margin:0; }
#main .column .content_txt > div > .text .search_form thead td:first-child { padding-left:0; border:0; }
#main .column .content_txt > div > .text .search_form thead td { padding-left:20px; padding-right:20px; vertical-align:middle; border-left:1px solid #e1e1e1; }
#main .column .content_txt > div > .text .search_form .field { width:200px; }
#main .column .content_txt > div > .text .search_form hr { border:0; border-bottom:1px solid #e1e1e1; width:100%; margin-bottom:10px; }
#main .column .content_txt > div > .text .search_form tbody td { padding-top:20px; }
#main .column .content_txt > div > .text .search_form h1 { padding:0; }
#main .column .content_txt > div > .text .search_form p { padding:0; }

#main .column .content_txt > div > .text .search_form .search_results { width:100%; }
#main .column .content_txt > div > .text .search_form .search_results .search_item { padding:15px 10px; border-top:1px solid #e1e1e1; float:left; width:100%; }
#main .column .content_txt > div > .text .search_form .search_results .search_item:first-child { border:0; }
#main .column .content_txt > div > .text .search_form .search_results .search_item:hover { background:#e1e1e1; }

#main .column .content_txt > div > .text .hbspt-form label { text-align:left; }


/*    Color - Brown    */
#main.brown h1 { color:#854337; }
#main.brown .breadcrumbs { background:#854337; }
#main.brown .breadcrumbs li a { color:white; }
#main.brown .breadcrumbs li a:hover { color:#ffcd61; }
#main.brown .column .sidenav > ul > li:hover > a { color:#854337; }
#main.brown .column .sidenav > ul > li.active > a { background-color:#854337; }
#main.brown .column .sidenav > ul > li > ul { background:#f1ece7; }
#main.brown .column .sidenav > ul > li > ul > li:hover > a, #main.brown .column .sidenav > ul > li > ul > li.active > a { color:#854337; }
#main.brown .column .content_txt > div > h2 { border-bottom:1px solid #fce7de; color:#854337; }
#main.brown .column .content_txt > div > .text a { color:#854337; }
#main.brown .column .content_txt > div > .text a:hover { color:#ff6d2e; }
#main.brown .column .content_txt > div > .text h3 { background:#854337; }
#main.brown .column .content_txt > div > .text .resources h1 { background:#854337; }
#main.brown .column .content_txt > div > .text .resources h3 { background:#854337; }
#main.brown .column .content_txt > div > .text .resources table { color:#854337; }
#main.brown .column .content_txt > div > .text .resources table td a { color:#854337; }
#main.brown .column .content_txt > div > .text .resources table td a:hover { color:#ff6d2e; }
#main.brown .column .content_txt > div > .text table th { background-color:#854337; }


/*    Color - Green    */
#main.green h1 { color:#007236; }
#main.green .breadcrumbs { background:#007236; }
#main.green .breadcrumbs li a { color:white; }
#main.green .breadcrumbs li a:hover { color:#ffcd61; }
#main.green .column .sidenav > ul > li:hover > a { color:#007236; }
#main.green .column .sidenav > ul > li.active > a { background-color:#007236; }
#main.green .column .sidenav > ul > li > ul { background:#f1ece7; }
#main.green .column .sidenav > ul > li > ul > li:hover > a, #main.green .column .sidenav > ul > li > ul > li.active > a { color:#007236; }
#main.green .column .content_txt > div > h2 { border-bottom:1px solid #fce7de; color:#007236; }
#main.green .column .content_txt > div > .text a { color:#007236; }
#main.green .column .content_txt > div > .text a:hover { color:#ff6d2e; }
#main.green .column .content_txt > div > .text h3 { background:#007236; }
#main.green .column .content_txt > div > .text .resources h1 { background:#007236; }
#main.green .column .content_txt > div > .text .resources h3 { background:#007236; }
#main.green .column .content_txt > div > .text .resources table { color:#007236; }
#main.green .column .content_txt > div > .text .resources table td a { color:#007236; }
#main.green .column .content_txt > div > .text .resources table td a:hover { color:#ff6d2e; }
#main.green .column .content_txt > div > .text table th { background-color:#007236; }


/*    Color - Purple    */
#main.purple h1 { color:#7a2f6f; }
#main.purple .breadcrumbs { background:#7a2f6f; }
#main.purple .breadcrumbs li a { color:white; }
#main.purple .breadcrumbs li a:hover { color:#ffcd61; }
#main.purple .column .sidenav > ul > li:hover > a { color:#7a2f6f; }
#main.purple .column .sidenav > ul > li.active > a { background-color:#7a2f6f; }
#main.purple .column .sidenav > ul > li > ul { background:#f1ece7; }
#main.purple .column .sidenav > ul > li > ul > li:hover > a, #main.purple .column .sidenav > ul > li > ul > li.active > a { color:#7a2f6f; }
#main.purple .column .content_txt > div > h2 { border-bottom:1px solid #fce7de; color:#7a2f6f; }
#main.purple .column .content_txt > div > .text a { color:#7a2f6f; }
#main.purple .column .content_txt > div > .text a:hover { color:#ff6d2e; }
#main.purple .column .content_txt > div > .text h3 { background:#7a2f6f; }
#main.purple .column .content_txt > div > .text .resources h1 { background:#7a2f6f; }
#main.purple .column .content_txt > div > .text .resources h3 { background:#7a2f6f; }
#main.purple .column .content_txt > div > .text .resources table { color:#7a2f6f; }
#main.purple .column .content_txt > div > .text .resources table td a { color:#7a2f6f; }
#main.purple .column .content_txt > div > .text .resources table td a:hover { color:#ff6d2e; }
#main.purple .column .content_txt > div > .text table th { background-color:#7a2f6f; }


/*    Color - Orange    */
#main.orange h1 { color:#da521f; }
#main.orange .breadcrumbs { background:#da521f; }
#main.orange .breadcrumbs li a { color:white; }
#main.orange .breadcrumbs li a:hover { color:#ffcd61; }
#main.orange .column .sidenav > ul > li:hover > a { color:#da521f; }
#main.orange .column .sidenav > ul > li.active > a { background-color:#da521f; }
#main.orange .column .sidenav > ul > li > ul { background:#f1ece7; }
#main.orange .column .sidenav > ul > li > ul > li:hover > a, #main.orange .column .sidenav > ul > li > ul > li.active > a { color:#da521f; }
#main.orange .column .content_txt > div > h2 { border-bottom:1px solid #fce7de; color:#da521f; }
#main.orange .column .content_txt > div > .text a { color:#da521f; }
#main.orange .column .content_txt > div > .text a:hover { color:#ff6d2e; }
#main.orange .column .content_txt > div > .text h3 { background:#da521f; }
#main.orange .column .content_txt > div > .text .resources h1 { background:#da521f; }
#main.orange .column .content_txt > div > .text .resources h3 { background:#da521f; }
#main.orange .column .content_txt > div > .text .resources table { color:#da521f; }
#main.orange .column .content_txt > div > .text .resources table td a { color:#da521f; }
#main.orange .column .content_txt > div > .text .resources table td a:hover { color:#ff6d2e; }
#main.orange .column .content_txt > div > .text table th { background-color:#da521f; }


/*    Color - Light Purple    */
#main.lightpurple h1 { color:#9c0058; }
#main.lightpurple .breadcrumbs { background:#9c0058; }
#main.lightpurple .breadcrumbs li a { color:white; }
#main.lightpurple .breadcrumbs li a:hover { color:#ffcd61; }
#main.lightpurple .column .sidenav > ul > li:hover > a { color:#9c0058; }
#main.lightpurple .column .sidenav > ul > li.active > a { background-color:#9c0058; }
#main.lightpurple .column .sidenav > ul > li > ul { background:#f1ece7; }
#main.lightpurple .column .sidenav > ul > li > ul > li:hover > a, #main.lightpurple .column .sidenav > ul > li > ul > li.active > a { color:#9c0058; }
#main.lightpurple .column .content_txt > div > h2 { border-bottom:1px solid #fce7de; color:#9c0058; }
#main.lightpurple .column .content_txt > div > .text a { color:#9c0058; }
#main.lightpurple .column .content_txt > div > .text a:hover { color:#ff6d2e; }
#main.lightpurple .column .content_txt > div > .text h3 { background:#9c0058; }
#main.lightpurple .column .content_txt > div > .text .resources h1 { background:#9c0058; }
#main.lightpurple .column .content_txt > div > .text .resources h3 { background:#9c0058; }
#main.lightpurple .column .content_txt > div > .text .resources table { color:#9c0058; }
#main.lightpurple .column .content_txt > div > .text .resources table td a { color:#9c0058; }
#main.lightpurple .column .content_txt > div > .text .resources table td a:hover { color:#ff6d2e; }
#main.lightpurple .column .content_txt > div > .text table th { background-color:#9c0058; }


/*    Color - Light Green    */
#main.lightgreen h1 { color:#bfd730; }
#main.lightgreen .breadcrumbs { background:#bfd730; }
#main.lightgreen .breadcrumbs li a { color:white; }
#main.lightgreen .breadcrumbs li a:hover { color:#ffcd61; }
#main.lightgreen .column .sidenav > ul > li:hover > a { color:#bfd730; }
#main.lightgreen .column .sidenav > ul > li.active > a { background-color:#bfd730; }
#main.lightgreen .column .sidenav > ul > li > ul { background:#f1ece7; }
#main.lightgreen .column .sidenav > ul > li > ul > li:hover > a, #main.lightgreen .column .sidenav > ul > li > ul > li.active > a { color:#bfd730; }
#main.lightgreen .column .content_txt > div > h2 { border-bottom:1px solid #fce7de; color:#bfd730; }
#main.lightgreen .column .content_txt > div > .text a { color:#bfd730; }
#main.lightgreen .column .content_txt > div > .text a:hover { color:#ff6d2e; }
#main.lightgreen .column .content_txt > div > .text h3 { background:#bfd730; }
#main.lightgreen .column .content_txt > div > .text .resources h1 { background:#bfd730; }
#main.lightgreen .column .content_txt > div > .text .resources h3 { background:#bfd730; }
#main.lightgreen .column .content_txt > div > .text .resources table { color:#bfd730; }
#main.lightgreen .column .content_txt > div > .text .resources table td a { color:#bfd730; }
#main.lightgreen .column .content_txt > div > .text .resources table td a:hover { color:#ff6d2e; }
#main.lightgreen .column .content_txt > div > .text table th { background-color:#bfd730; }




#main .column .content_txt > div > .text .map_txt { display:none; }
#main .column .content_txt > div > .text .map_return { display:none; width:728px; padding:5px 5px; float:left; line-height:20px; text-align:right; background-color:#0C51A1; color:white; font-family:"BebasNeue"; font-size:16px; margin-bottom:20px; }
#main .column .content_txt > div > .text .map_return:hover { color:white; background:#1281ff; }
#main .column .content_txt > div > .text #maps { width:738px; height:350px; position:relative; float:left; }
#main .column .content_txt > div > .text #maps .trigger { width:738px; height:350px; position:absolute; z-index:2; }
#main .column .content_txt > div > .text #maps .trigger img { float:left; }
#main .column .content_txt > div > .text #maps .base_fade { display:none; }
#main .column .content_txt > div > .text #maps area { cursor:pointer; }
#main .column .content_txt > div > .text #maps > div { position:absolute; left:0; top:0; width:738px; height:350px; z-index:1; }
#main .column .content_txt > div > .text #maps > div > img { float:left; position:relative; }
#main .column .content_txt > div > .text #maps > div > p { position:absolute; display:none; line-height:15px; }
#main .column .content_txt > div > .text .maps_list { display:none; margin-bottom:18px; }

#main .column .content_txt > div > .text #enquiryform { width:600px; margin:0 auto; border:1px solid #e5e5e5; }
#main .column .content_txt > div > .text #enquiryform td { text-align:left; padding:10px 15px; }
#main .column .content_txt > div > .text #enquiryform th { text-align:left; color:white; padding:7px 15px; }
#main .column .content_txt > div > .text #enquiryform label { float:left; width:auto; margin:0; padding:0; clear:both; white-space:nowrap; }
#main .column .content_txt > div > .text #enquiryform label + label { margin-top:7px; }
#main .column .content_txt > div > .text #enquiryform input[type='radio'] { margin-right:5px; }
#main .column .content_txt > div > .text #enquiryform input[type='text'] { width:250px; border:1px solid #e5e5e5; height:20px; line-height:20px; }
#main .column .content_txt > div > .text #enquiryform textarea { width:100%; height:100px; border:1px solid #e5e5e5; }
#main .column .content_txt > div > .text #enquiryform p { margin:0; padding:0; }
#main .column .content_txt > div > .text #enquiryform .head { padding-top:12px; }
#main .column .content_txt > div > .text #enquiryform .field1 { width:33%; }
#main .column .content_txt > div > .text #enquiryform .field2 { width:33%; }
#main .column .content_txt > div > .text #enquiryform .field3 { width:34%; }
#main .column .content_txt > div > .text #enquiryform .mandatory { background-color:#FFF799; }
#main .column .content_txt > div > .text #enquiryform input[type='submit'] { float:right; }
#main .column .content_txt > div > .text #enquiryform input[type='reset'] { float:right; margin-left:5px; }
#main .column .content_txt > div > .text #enquiryform .button { padding-top:20px; padding-bottom:20px; }
#main .column .content_txt > div > .text #enquiryform .errmsg { position:absolute; background:red; color:white; padding:0 5px; height:20px; line-height:20px; }

#main .column .content_txt > div > .text .sitemap { width:100%; margin-top:20px; }
#main .column .content_txt > div > .text .sitemap > * > * > td { width:33%; padding-bottom:40px; }
#main .column .content_txt > div > .text .sitemap > * > * > * > h1, .sitemap > * > * > * > a { font-size:16px; float:none; line-height:25px; font-size:20px; padding:0 0 10px 0; font-family:"BebasNeue"; }
#main .column .content_txt > div > .text .sitemap ul { margin-top:5px; }
#main .column .content_txt > div > .text .sitemap ul li { list-style-type:none; margin-left:0 !important; background:url('../img/bg-liststyle.png') 0 4px no-repeat; padding-left:10px; margin-left:5px; float:left; clear:both; line-height:18px; margin-bottom:5px; }
#main .column .content_txt > div > .text .sitemap ul li a { color:#636363; }
#main .column .content_txt > div > .text .sitemap ul li:hover { background-image:url('../img/bg-liststyle-h.png'); }
#main .column .content_txt > div > .text .sitemap ul li:hover a { color:#0C51A1;  }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

}

@media screen and (max-width: 959px) {
	#contents { width:100%; padding-left:10px; padding-right:10px; padding-bottom:28px; box-sizing:border-box; }
	
	#billboards { width:100%; height:auto; padding-bottom:29.16%; }
	#billboards #billboard-nav { bottom:3.21%; width:100%; text-align:center; right:0; }
	#billboards #billboard-nav li { float:none; display:inline-block; }
	#billboards #billboard-container { width:100% !important; position:absolute; top:0; left:0; }
	#billboards #billboard-container a { width:100%; }
	#billboards #billboard-container a img { width:100%; }
	
	#promo { width:100%; height:auto; margin-bottom:28px; }
	#promo li { width:32.5%; margin-left:1.25%; height:auto; }
	#promo li a { width:100%; height:auto; }
	#promo li img { width:100%; height:auto; }
	#promo li h1 { width:100%; height:auto; line-height:1.6; box-sizing:border-box; }
	
	#news_mini { width:61.77%; margin-right:1.25%; }
	#events_mini { width:36.97%; }
	#events_mini object { width:100%; }
	#events_mini object embed { width:100%; }
	
	#main .hero { width:100%; 2padding-bottom:14.68%; 2height:auto; overflow:hidden; }
	#main .hero img { position:absolute; top:0; 2left:50%; 2margin-left:-480px; right:0; width:960px; z-index:1; }
	#main .hero .overlay { left:50%; left:auto; right:0; z-index:2; }
	
	#main { width:100%; }
	#main .column { width:100%; padding-bottom:28px; }
	#main .column > table { width:100%; }
	#main .column .sidenav > ul { margin-left:0; }
	#main .column .content_txt { width:100%; }
	#main .column .content_txt > div { width:100%; }
	#main .column .content_txt > div > h2 { width:100%; position:relative; height:auto; 2padding-bottom:8.62%; overflow:hidden; }
	#main .column .content_txt > div > h2 span { margin:37px 0 8px 18px; left:auto; top:auto; line-height:1em; z-index:2; position:relative; display:inline-block; vertical-align:top; }
	#main .column .content_txt > div > h2 img { width:100%; height:100%; position:absolute; top:0; left:50%; margin-left:-394px; margin-left:-50%; width:788px; width:auto; z-index:1; }
	#main .column .content_txt > div > .text, #main .column.full .content_txt > div > .text { width:100%; box-sizing:border-box; }
	
	#main .column .content_txt > div > .text > table { margin-bottom:0; width:100% !important; }
	#main .column .content_txt > div > .text > img { width:100% !important; height:auto; }
	#main .column .content_txt > div > .text > p img { width:100% !important; height:auto; }
	#main .column .content_txt > div > .text > div img { width:100% !important; height:auto; }
	#main .column .content_txt > div > .text > table img { width:100% !important; height:auto; }
	
	#main .column .content_txt > div > .text #maps { display:none !important; }
	#main .column .content_txt > div > .text .maps_list { display:block; width:100%; }
	#main .column .content_txt > div > .text .map_return { display:none !important; }
	
	#main .column .content_txt .special_table.products_index > * > * > * { display:table-cell !important; width:33.33% !important; padding:1.76% !important; vertical-align:top !important; }
	#main .column .content_txt .special_table.products_index > * > * > * a { width:100% !important; }
	#main .column .content_txt .special_table.products_index > * > * > * img { width:100% !important; height:auto !important; }
	
	#main .column .content_txt .img_list > * > * > * { padding:18px !important; }
	
	#main .column .content_txt .event_list > * > * > * label { width:100% !important; }
	
	#main .column .content_txt .investor_conf > * > * > * { padding:5px !important; }
	#main .column .content_txt .investor_conf iframe { width:300px !important; }
	
	#main .column .content_txt .products_index { width:100% !important; }
	#main .column .content_txt .products_index * { box-sizing:border-box; }
	#main .column .content_txt .products_index > * > * > * { width:100% !important; display:block !important; float:left; padding:0 !important; }
	#main .column .content_txt .products_index > * > * > * > th { width:100% !important; display:block !important; float:left; text-align:left !important; }
	#main .column .content_txt .products_index > * > * > * > td { width:50% !important; display:inline-block !important; 2float:left; border-bottom:0 !important; }
	
	#main .column .content_txt > div > .text > .product_details > * > * > * > td img { width:auto !important; }
	
}
@media screen and (max-width: 859px) {

}
@media screen and (min-width: 768px) {

}
@media screen and (max-width: 767px) {/* Essential */
	#main .breadcrumbs { display:none; }
	
	#main .column .sidenav { display:none !important; }
	
	#main .column .content_txt * { box-sizing:border-box; }
	#main .column .content_txt > div > h2 { 2padding-bottom:66.11px; }
	#main .column .content_txt > div > h2 img { width:788px; width:auto; height:100%; left:50%; margin-left:-394px; margin-left:-50%; }
	
	#main .column .content_txt > div > .text { padding-left:18px; padding-right:18px; }
	
	#main .column .content_txt > div > .text > .side_panel > * > * > th, #main .column .content_txt > div > .text > .side_panel > * > * > td { display:table-footer-group; }
	#main .column .content_txt > div > .text > .side_panel > * > * > th:not(:first-child), #main .column .content_txt > div > .text > .side_panel > * > * > td:not(:first-child) { margin-bottom:20px; }
	#main .column .content_txt > div > .text > .side_panel > * > * > th:not(:first-child) > *, #main .column .content_txt > div > .text > .side_panel > * > * > td:not(:first-child) > * { margin-bottom:20px; }
	#main .column .content_txt > div > .text > .side_panel > * > * > th:not(:first-child) > table, #main .column .content_txt > div > .text > .side_panel > * > * > td:not(:first-child) > table { width:100% !important; }
	#main .column .content_txt > div > .text > .side_panel > * > * > th:not(:first-child) > table h3, #main .column .content_txt > div > .text > .side_panel > * > * > td:not(:first-child) > table h3 { width:100% !important; box-sizing:border-box; }
	#main .column .content_txt > div > .text > .side_panel > * > * > th:not(:first-child) > table a, #main .column .content_txt > div > .text > .side_panel > * > * > td:not(:first-child) > table a { box-sizing:border-box; clear:both; }
	#main .column .content_txt > div > .text > .side_panel > * > * > th:first-child, #main .column .content_txt > div > .text > .side_panel > * > * > td:first-child { display:table-header-group; }
	#main .column .content_txt > div > .text > .side_panel > * > * > th, #main .column .content_txt > div > .text > .side_panel > * > * > td { width:100%; }
	
	#main .column .content_txt > div > .text > .special_table > * > * > th:first-child, #main .column .content_txt > div > .text > .special_table > * > * > td:first-child { display:block; }
	#main .column .content_txt > div > .text > .special_table > * > * > th, #main .column .content_txt > div > .text > .special_table > * > * > td { display:block; }
	#main .column .content_txt > div > .text > .special_table > * > * > th:not(:first-child), #main .column .content_txt > div > .text > .special_table > * > * > td:not(:first-child) { margin-bottom:0; }
	#main .column .content_txt > div > .text > .special_table > * > * > th:not(:first-child) > *, #main .column .content_txt > div > .text > .special_table > * > * > td:not(:first-child) > * { margin-bottom:0; }
	
	#main .column .content_txt .special_table > * > * > th:first-child, #main .column .content_txt .special_table > * > * > td:first-child { display:block; }
	#main .column .content_txt .special_table > * > * > th, #main .column .content_txt .special_table > * > * > td { display:block; width:100%; }
	#main .column .content_txt .special_table > * > * > th:not(:first-child), #main .column .content_txt .special_table > * > * > td:not(:first-child) { margin-bottom:0; }
	#main .column .content_txt .special_table > * > * > th:not(:first-child) > *, #main .column .content_txt .special_table > * > * > td:not(:first-child) > * { margin-bottom:0; }
	
	#main .column .content_txt > div > .text > .normal_table > * > * > th:first-child, #main .column .content_txt > div > .text > .normal_table > * > * > td:first-child { display:table-cell; }
	#main .column .content_txt > div > .text > .normal_table > * > * > th, #main .column .content_txt > div > .text > .normal_table > * > * > td { display:table-cell; }
	#main .column .content_txt > div > .text > .normal_table > * > * > th:not(:first-child), #main .column .content_txt > div > .text > .normal_table > * > * > td:not(:first-child) { margin-bottom:0; }
	#main .column .content_txt > div > .text > .normal_table > * > * > th:not(:first-child) > *, #main .column .content_txt > div > .text > .normal_table > * > * > td:not(:first-child) > * { margin-bottom:0; }
	
	#main .column .content_txt > div > .text #enquiryform { display:block; width:100%; max-width:none; float:left; }
	#main .column .content_txt > div > .text #enquiryform > * { display:block; float:left; width:100%; }
	#main .column .content_txt > div > .text #enquiryform > * > * { display:block; float:left; width:100%; }
	#main .column .content_txt > div > .text #enquiryform > * > * > * { display:block; width:100% !important; float:left; padding:0 10px !important; }
	#main .column .content_txt > div > .text #enquiryform > * > * > td:first-child { margin-top:10px; }
	#main .column .content_txt > div > .text #enquiryform > * > * > td:last-child { margin-bottom:10px; }
	#main .column .content_txt > div > .text #enquiryform > * > * > th { padding:5px 10px !important; }
	#main .column .content_txt > div > .text #enquiryform > * > * > * label { padding:0; margin:0; }
	#main .column .content_txt > div > .text #enquiryform > * > * > * label + label { margin:0; }
	#main .column .content_txt > div > .text #enquiryform p { text-align:left !important; }
	#main .column .content_txt > div > .text #enquiryform input[type='text'] { width:100%; }
	#main .column .content_txt > div > .text #enquiryform .button input { width:100%; margin-bottom:12px; }
	
	#main .column .content_txt .normal_table > * > * > th:first-child, #main .column .content_txt .normal_table > * > * > td:first-child { display:table-cell; }
	#main .column .content_txt .normal_table > * > * > th, #main .column .content_txt .normal_table > * > * > td { display:table-cell; }
	#main .column .content_txt .normal_table > * > * > th:not(:first-child), #main .column .content_txt .normal_table > * > * > td:not(:first-child) { margin-bottom:0; }
	#main .column .content_txt .normal_table > * > * > th:not(:first-child) > *, #main .column .content_txt .normal_table > * > * > td:not(:first-child) > * { margin-bottom:0; }
	
	#main .column .content_txt .img_list { width:70% !important; }
	#main .column .content_txt .img_list > * > * > * { display:block !important; float:left; width:50% !important; padding:18px; }
	#main .column .content_txt .img_list > * > * > * a { width:100% !important; }
	#main .column .content_txt .img_list > * > * > * img { width:100% !important; height:auto !important; }
	#main .column .content_txt .img_list > * > * > * label { width:100% !important; }
	
	#main .column .content_txt .event_list { width:100% !important; }
	#main .column .content_txt .event_list > * > * > * { display:table-cell !important; width:50% !important; padding:12px; }
	
	#main .column .content_txt .event_detail { width:100% !important; max-width:none !important; }
	#main .column .content_txt .event_detail > * > * > * { width:100% !important; }
	#main .column .content_txt .event_detail > * > * > * img { max-width:252px !important; height:auto !important; }
	
	#main .column .content_txt .milestones > * > *:first-child { display:none; }
	#main .column .content_txt .milestones > * > * > * { 2padding-left:0 !important; padding-right:0 !important; background-color:transparent !important; }
	#main .column .content_txt .milestones > * > * > *:first-child { font-weight:bold; background-color:#e5e5e5 !important; }
	
	#main .column .content_txt .manufacturing > * > * > * { display:table-cell !important; }
	#main .column .content_txt .manufacturing > * > * > * .slideimg { padding-bottom:0 !important; margin-bottom:10px !important; vertical-align:middle; }
	#main .column .content_txt .manufacturing > * > * > * label { vertical-align:middle; }
	
	#main .column .content_txt .r_d > * > * > * { width:33.33% !important; display:table-cell !important; }
	#main .column .content_txt .r_d > * > * > * a { width:100%; }
	#main .column .content_txt .r_d > * > * > * a img { width:100%; }
	
	#main .column .content_txt .products_list > * > *:first-child { display:none !important; }
	#main .column .content_txt .products_list > * > * > * { width:100% !important; }
	#main .column .content_txt .products_list > * > * > *:first-child { font-weight:bold; background-color:#0c51a1; color:white; }
	
	#main .column .content_txt .teams_list { }
	#main .column .content_txt .teams_list > * > * > * { width:100% !important; height:auto !important; }
	#main .column .content_txt .teams_list > * > * > th { display:none !important; }
	#main .column .content_txt .teams_list > * > * > th:first-child { display:block !important; }
	#main .column .content_txt .teams_list > * > * > td { border-left:0 !important; border-right:0 !important; }
	#main .column .content_txt .teams_list table > * > * > * { width:100% !important; display:block; float:left; text-align:left !important; }
	
	#main .column .content_txt .hl_table > * > * > *:first-child { width:100% !important; }
	
	#main .column .content_txt .financial_report > * > * > th { padding:5px !important; }
	#main .column .content_txt > div > .text > .financial_report img { width:17px !important; height:auto !important; }
	
	#main .column .content_txt > div > .text > .investor_conf img { width:17px !important; height:auto !important; }
	
	#main .column .content_txt > div > .text > .product_details > * > * > * > td img { width:100% !important; height:auto !important; }
	#main .column .content_txt > div > .text > .product_details > table > * > * > th { white-space:normal !important; }
	
	#main .column .content_txt > div > .text .search_form { width:100%; }
	#main .column .content_txt > div > .text .search_form table { width:100%; display:block; }
	#main .column .content_txt > div > .text .search_form table > * { width:100%; display:block; }
	#main .column .content_txt > div > .text .search_form table > * > * { width:100%; display:block; }
	#main .column .content_txt > div > .text .search_form table td { width:100%; display:block; padding:0 0 10px; border-left:0; }
	
	#main.brown .column .content_txt .products_list > * > * > *:first-child { background-color:#854337; }
	#main.green .column .content_txt .products_list > * > * > *:first-child { background-color:#007236; }
	#main.purple .column .content_txt .products_list > * > * > *:first-child { background-color:#7a2f6f; }
	#main.orange .column .content_txt .products_list > * > * > *:first-child { background-color:#da521f; }
	#main.lightpurple .column .content_txt .products_list > * > * > *:first-child { background-color:#9c0058; }
	#main.lightgreen .column .content_txt .products_list > * > * > *:first-child { background-color:#bfd730; }
	
	#main .column .content_txt > div > .text #psearch table { display:block; float:left; width:100%; }
	#main .column .content_txt > div > .text #psearch thead { width:100%; float:left; display:block; }
	#main .column .content_txt > div > .text #psearch thead tr { display:block; width:100%; float:left; }
	#main .column .content_txt > div > .text #psearch thead th { display:block; width:100%; float:left; }
	
	#main .column .content_txt > div > .text #psearch tbody { width:100%; float:left; display:block; }
	#main .column .content_txt > div > .text #psearch tbody tr { display:block; width:50%; float:left; }
	#main .column .content_txt > div > .text #psearch .top { }
	#main .column .content_txt > div > .text #psearch .top > * { min-height:40px; display:block; width:100% !important; float:left; clear:both; border-left:0 !important; border-top:1px solid white; padding:5px 10px !important; line-height:30px; }
	#main .column .content_txt > div > .text #psearch .top > *:first-child { border-top:0; }
	#main .column .content_txt > div > .text #psearch .body { }
	#main .column .content_txt > div > .text #psearch .body > * { min-height:40px; padding:5px !important; }
	#main .column .content_txt > div > .text #psearch .btm { width:100%; }
	#main .column .content_txt > div > .text #psearch td { display:block; width:100%; }

}
@media screen and (max-width: 669px) {/* Essential */
	#news_mini { width:100%; margin-right:0%; margin-bottom:28px; }
	#news_mini .stories li { width:100%; }
	#news_mini .stories li table th { padding:15px 10px 0; float:left; text-align:left; width:100%; box-sizing:border-box; }
	#news_mini .stories li table td { padding:0 10px 15px; float:left; clear:both; width:100%; box-sizing:border-box; }
	#events_mini { width:100%; }
	
	#main .column .content_txt .investor_conf { border:0 !important; }
	#main .column .content_txt .investor_conf > * > *:first-child { display:none !important; }
	#main .column .content_txt .investor_conf > * > *:first-child > * { display:none !important; }
	#main .column .content_txt .investor_conf > * > * { display:block; width:100%; float:left; margin-bottom:18px; border:1px solid #e5e5e5; }
	#main .column .content_txt .investor_conf > * > * > * { display:block !important; width:100% !important; float:left; border:0 !important; }
	#main .column .content_txt .investor_conf iframe { width:100% !important; }
}
@media screen and (max-width: 479px) {/* Essential */
	#main h1 { padding-left:12px; }

	#billboards { padding-bottom:100%; }
	#billboards #billboard-container { width:100%; height:100%; }
	#billboards #billboard-container a > img { display:none; }
	#billboards #billboard-container a > img.mobile { display:block; }

	#billboards #billboard-container .billboard-animate { display:none; }
	#billboards #billboard-container .billboard-animate.mobile { display:block; }

	#promo li { width:100%; margin-left:0%; }
	#promo li + li { margin-top:10px; }
	
	#main .column .content_txt > div > h2 span { margin-left:12px; }
	#main .column .content_txt > div > .text { padding-left:10px; padding-right:10px; }
	#main .column .content_txt > div > .text .img { width:100% !important; height:auto; float:left; margin:0; }
	#main .column .content_txt > div > .text .img > img { width:100%; height:auto; }
	#main .column .content_txt > div > .text .slideimg { width:100%; height:auto; padding-bottom:58.33%; margin:0; }
	#main .column .content_txt > div > .text .slideimg img { width:100%; height:auto; }
	#main .column .content_txt > div > .text h1 { float:left; width:100%; margin:0; }
	#main .column .content_txt > div > .text * + h1 { margin-top:18px; }
	#main .column .content_txt > div > .text p { float:left; width:100%; margin:0; }
	#main .column .content_txt > div > .text object { float:left; width:100%; margin:0; }
	
	#main .column .content_txt .img_list { width:100% !important; }
	#main .column .content_txt .img_list > * > * > * { width:100% !important; padding:0 !important; }
	
	#main .column .content_txt .event_list > * > * > * { display:block !important; float:left; width:100% !important; padding:0 !important; }
	#main .column .content_txt .event_list > * > * > * .slideimg { padding-bottom:0 !important; }
	
	#main .column .content_txt .event_detail > * > * > * img { width:100% !important; height:auto !important; }
	
	#main .column .content_txt .manufacturing { margin-bottom:0 !important; }
	#main .column .content_txt .manufacturing > * > * > * { width:100% !important; display:block !important; }
	#main .column .content_txt .manufacturing > * > * > * label { margin-bottom:0 !important; }
	
	#main .column .content_txt .r_d > * > * > * { width:100% !important; display:block !important; padding-right:0 !important; }
	
	#main .column .content_txt .special_table.products_index > * > * > * { display:block !important; width:100% !important; vertical-align:top !important; padding:1.76% 0 !important; }
	#main .column .content_txt .products_list table > * > * > * { display:block; }
	
	#main .column .content_txt > div > .text .search_form table td * { width:100% !important; }
	
}
@media screen and (max-width: 349px) {

}




/* BOTTOM */

.icon { width:16px; height:16px; line-height:16px; display:inline-block; vertical-align:middle; }

.ic-showmore { float:left; background:url('../img/ui-button.png') -128px -80px no-repeat; width:16px; height:16px; }
.ic-showmore:hover, a:hover .ic-showmore { background-image:url('../img/ui-button-hover-orange.png'); }

.btm_line { width:960px; height:2px; float:left; clear:both; background:url('../img/sprt-line.gif') 0 bottom no-repeat; padding-top:55px; padding-top:35px; }
#main + .btm_line { padding-top:22px; }

#fancybox-left-ico { left:20px !important; }
#fancybox-right-ico { left:auto !important; right:20px !important; }


#footer_wrapper { background:url('../img/bg-footer.gif') 0 0 repeat-x; width:100%; float:left; height:87px; }
#footer_outer { margin:0 auto; width:960px; }
#footer { width:960px; float:left; position:relative; position:relative; font-family:"Arial"; font-size:11px; }
#footer ul { float:left; margin-top:40px; }
#footer ul li { float:left; list-style-type:none; line-height:11px; height:11px; padding:0 7px; border-left:1px solid #898989; }
#footer ul li:first-child { border-left:none; }
#footer ul li a { color:#898989; }
#footer ul li a:hover { color:#575757; }
#footer ul li.rss { display:none; }
#footer ul li.rss + li { border-left:0; }
#footer .phone { 2display:block; float:left; 2clear:both; border:0; color:#898989; 2margin-top:10px; }
#footer ul.icon { position:absolute; left:0; top:0; display:block; float:none; white-space:nowrap; }
#footer ul.icon li { display:inline-block; *display:inline; zoom:1; font-size:22px; float:none; height:auto; }
#footer ul.icon .icon-twitter { color:#00b0ed; }
#footer ul.icon .icon-linkedin { color:#0977b4; }
#footer p { float:right; margin:40px 0 0; color:#898989; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

}

@media screen and (max-width: 959px) {
	.btm_line { width:100%; }
	
	#footer_outer { width:100%; }
	#footer { width:100%; padding:0 18px; box-sizing:border-box; }
}
@media screen and (max-width: 859px) {

}
@media screen and (min-width: 768px) {

}
@media screen and (max-width: 767px) {/* Essential */
	#footer ul li.rss { display:block; }
	#footer ul li.rss + li { border-left:1px solid #898989; }
}
@media screen and (max-width: 669px) {/* Essential */
	#footer_wrapper { height:auto; }
	#footer ul { float:left; }
	#footer ul li { float:left; padding-left:0; padding-right:0; width:100%; border:0; }
	#footer ul li + li { margin-top:10px; }
	#footer ul li.rss + li { border-left:0; }
	#footer ul.icon { position:relative; margin-top:18px; }
	#footer ul.icon li { padding:0 7px; border-left:1px solid #999999; }
	#footer ul.icon li:first-child { border:0; padding-left:0; }
	#footer p { float:left; margin:20px 0; clear:both; }
}
@media screen and (max-width: 479px) {/* Essential */	
	
}
@media screen and (max-width: 349px) {

}