/* LR7 */ * {margin:0;padding:0;} .hide-accessible{display:none;} /* html {overflow-y:scroll;} */ #wrapperrohm a:hover, footer a:hover { color:#333;} .rohm-LR7 .sidebar h4, .rohm-LR7 .sidebar .h4{margin-top:0px;} .rohm-LR7 .nav-equal-height>li>a, .rohm-LR7 .nav-equal-height .nav>li>a, .rohm-LR7 .nav-equal-height-heading>a, .rohm-LR7 .nav-equal-height-heading>span { max-width: 100%; min-width: 100%;} .open-admin-panel .lfr-add-panel .add-content-menu .search-bar{margin:10px;} .open-admin-panel .lfr-add-panel .add-content-menu .add-portlet-message {margin: 20px; padding: 5px 20px;} .open-admin-panel .lfr-add-panel .add-content-menu .add-portlet-message .info-message {margin: 20px 0;} .open-admin-panel h1, .open-admin-panel h2, .open-admin-panel h3, .open-admin-panel h4, .open-admin-panel h5, .open-admin-panel h6, .open-admin-panel .h1, .open-admin-panel .h2, .open-admin-panel .h3, .open-admin-panel .h4, .open-admin-panel .h5, .open-admin-panel .h6 { font-family: inherit;font-weight: 500;line-height: 1.2;color: inherit;} .open-admin-panel h4, .open-admin-panel .h4, .open-admin-panel h5, .open-admin-panel .h5, .open-admin-panel h6, .open-admin-panel .h6 { margin-top: 11px; margin-bottom: 11px;} .open-admin-panel h4, .open-admin-panel .h4 {font-size: 19px;} .open-admin-panel h6, .open-admin-panel .h6 {font-size: 13px;} @media screen and (min-width: 768px){ .open-admin-panel h4, .open-admin-panel .h4 {font-size: 18px;} .open-admin-panel h6, .open-admin-panel .h6 {font-size: 14px;} } .rohm-LR7 .lfr-spa-loading-bar{/* height: 100% !important;background: #dc1f39 !important;opacity: 0.2 !important; */} .rohm-LR7 .portlet-decorate .portlet-content{border:0px none;} .rohm-LR7 .maxfixsize.fullsize #wrapperrohm.newROHM.full-topHeader .portlet{padding-top:2px;} .rohm-LR7 .rohm-breadcrumb-portlet{background-color: #ededed; box-shadow: 0px 1px 1px 0px #cacaca inset;margin-top: 0px !important;} .rohm-LR7 .breadcrumb{padding: 12px 15px 14px; /* background-color: #ededed !important; */ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;margin:0;} /* LR7 End */ .portlet-layout { clear: both; display: table; border-spacing: 0; table-layout: auto; width: 100%; } .portlet-column { display:table-cell; vertical-align:top; } .rohm-LR7 .columns-1 .col-md-12.portlet-column { padding-left: 0px; padding-right: 0px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{min-height:0;} body { font:12px/18px Arial, Helvetica, Verdana, sans-serif; background:#fff; margin:0; padding:0; color:#000 } .rohm-LR7 blockquote, .rohm-LR7 ul, .rohm-LR7 ol, .rohm-LR7 dl { margin:1em; } .rohm-LR7 ol,.rohm-LR7 ul, .rohm-LR7 dl { margin-left:2em; } .rohm-LR7 .sidebar-body blockquote, .rohm-LR7 .sidebar-body ul, .rohm-LR7 .sidebar-body ol, .rohm-LR7 .sidebar-body dl { margin:0em !important; } .aui-tabview-list, .aui-tab-active, body>.lfr-menu-list ul, .lfr-actions, .aui-dialog-content, .aui-dialog .aui-widget-hd, .modify-pages .delete-tab, input[type="submit"], input[type="button"], input[type="reset"], button { -moz-border-radius:4px !important; -webkit-border-radius:4px !important; border-radius:4px !important; } .fl { float:left } .fr { float:right } .clear-both:before, .clear-both:after { content:"\0020"; display:block; height:0; overflow:hidden } .clear-both:after { clear:both } .clear-both { zoom:1 } /* New Header */ /* Custom Navigation */ #header .customeNavigation{ width:auto;/* 100% */ height: auto;/* 47px */ background-color:trasparent;/* #464646 */ -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; position: relative; z-index:8; } .ie .customeNavigation nav#main-navJQ{ display:inline-block; float:left; } #nav li li, .en_US #wrapperrohm.newROHM #header .customeNavigation #nav li li ,.ja_JP #wrapperrohm.newROHM #header .customeNavigation #nav li li, .en_US #wrapperrohm.newROHM #header .customeNavigation #nav li#nav-04 li{ padding-top: 20px; padding-bottom:20px; } #nav li li, .en_US #wrapperrohm.newROHM #header .customeNavigation #nav li li ,.ja_JP #wrapperrohm.newROHM #header .customeNavigation #nav li li{ width: auto; } #nav li li { padding-right:8px; padding-left:20px; } .en_US #wrapperrohm.newROHM #header .customeNavigation #nav li li ,.ja_JP #wrapperrohm.newROHM #header .customeNavigation #nav li li { padding-right:24px; padding-left:24px; } .en_US #wrapperrohm.newROHM #header .customeNavigation #nav li#nav-04 li { padding-left:24px; } .en_GB #wrapperrohm.newROHM #header .customeNavigation #nav #nav-03 li , .pt_BR #wrapperrohm.newROHM #header .customeNavigation #nav #nav-03 li , .hi_IN #wrapperrohm.newROHM #header .customeNavigation #nav #nav-03 li , .zh_CN #wrapperrohm.newROHM #header .customeNavigation #nav #nav-03 li , .zh_TW #wrapperrohm.newROHM #header .customeNavigation #nav #nav-03 li , .ko_KR #wrapperrohm.newROHM #header .customeNavigation #nav #nav-03 li , .ja_JP #wrapperrohm.newROHM #header .customeNavigation #nav #nav-03 li , .de_DE #wrapperrohm.newROHM #header .customeNavigation #nav #nav-03 li { width: 97%; } #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu li a, #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu li a:hover { display:block; outline:none; text-decoration:none; } #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu li a { padding:3px 10px; color:#464646; } #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu li a:hover { color:#06C !important; background-color:#eee; } /* Header End */ .portal-select { height:28px; margin-top:18px } #wrapperrohm.newROHM #header .customeNavigation #nav #nav-02 ul.parent li a, #wrapperrohm.newROHM #header .customeNavigation #nav #nav-03 ul.parent li a, #wrapperrohm.newROHM #header .customeNavigation #nav #nav-04 ul.parent li a { margin-left: 0; } /* IE9 and Above */ /* Multi langule combo */ .ie .ui-selectmenu-icon { right:0px; } /* End */ .ie .customeNavigation nav#main-navJQ{ display:inline-block; float:left; } .ie input:focus,.ie input.focus{outline:0px none;} html,body{overflow-x:hidden;} @media (min-width:1116px){ html {overflow-y: auto;} } header,footer{/* border:1px solid #ddd; */} /*container*/ .container-fluid.maxfixwidth{padding:0;} #search-form .form-control::-moz-placeholder, #search-form-2 .form-control::-moz-placeholder, #search-form-3 .form-control::-moz-placeholder, #search-form-4 .form-control::-moz-placeholder{color:#bebebe !important;} #search-form .form-control:-ms-input-placeholder, #search-form-2 .form-control:-ms-input-placeholder, #search-form-3 .form-control:-ms-input-placeholder, #search-form-4 .form-control:-ms-input-placeholder{color:#bebebe !important;} #search-form .form-control::-webkit-input-placeholder, #search-form-2 .form-control::-webkit-input-placeholder, #search-form-3 .form-control::-webkit-input-placeholder, #search-form-4 .form-control::-webkit-input-placeholder{color:#bebebe !important;} .placeholder { color: #aaa; } #search-form .form-control, #search-form-2 .form-control, #search-form-3 .form-control, #search-form-4 .form-control{color:#464646;} .sitefooterbottom{font-family: 'fira_sansregular',"Helvetica Neue",Helvetica,sans-serif;} .en_US .sitefooterbottom{font-family: 'IBM Plex SansRegular';} .ja_JP .sitefooterbottom{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} .ko_KR .sitefooterbottom{font-family:"Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .zh_TW .sitefooterbottom{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} .zh_CN .sitefooterbottom{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .fixCookies #showcookiealert {z-index: 40;width: 100%;} .fixCookies #showcookiealert, .headerquicklink.mobile {position: fixed;bottom: 0px;} #wrapperrohm {text-align: left; position: relative;} #wrapperrohm.newROHM #header {line-height: 24px;margin-bottom: 12px;} #wrapperrohm.newROHM #header header .header .rohmlogo {margin-top: 0px;} #wrapperrohm.newROHM header .header .rohmlogo {display: block;} .ui-selectmenu-menu ul{position: relative;} footer.footerBottom a {color: #FFF;text-decoration: none;} #wrapperrohm a:focus, #wrapperrohm a:visited, footer a:focus, footer a:visited {outline: none!important;text-decoration: none;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select {font: 12px/24px Arial, Helvetica, Verdana, sans-serif;color: #464646;text-decoration: none;display: inline-block;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu {color: #000;display: inline-block;height: 2.2em;overflow: hidden;position: relative;text-decoration: none;vertical-align: middle;zoom: 1;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu {font-weight: bold;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-status {line-height: 1.4em;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-status, #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu li a, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu li a{color: #464646;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-status, #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu li a, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu li a, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu li a:hover{display: block;outline: none;text-decoration: none;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu .ui-selectmenu-icon,#wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu .ui-selectmenu-icon {position: absolute;right: 3px;top: 0;background-image: url(../images/rohm-theme/sprite.png);background-position: -68px -576px; color: #000;} .en_US #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu .ui-selectmenu-icon, .en_US #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu .ui-selectmenu-icon{background-position: -66px -573px;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu .ui-selectmenu-icon,#wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu .ui-selectmenu-icon, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu .ui-selectmenu-icon:hover{background-repeat: no-repeat;width: 14px;height: 19px;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu {left: 0;display: none;z-index: 10!important;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu{position: absolute;top: 0;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-open {display: block;} .rohm-LR7 blockquote, .rohm-LR7 ul, .rohm-LR7 ol, .rohm-LR7 dl {margin: 1em;} .rohm-LR7 ol, .rohm-LR7 ul, .rohm-LR7 dl {margin-left: 2em;} .rohm-LR7 ol.carousel-indicators {margin-left: 0px;} .setting {display:table-caption !important;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu ul,#wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu ul,#wrapperrohm.newROHM #header .customeNavigation #nav ul, #selectOption #searchmenu li ul{list-style-type: none; padding-left: 0; padding-right: 0;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu ul,#wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu ul {-webkit-overflow-scrolling: touch;border: 1px solid #c3c3c3!important;height: auto!important;overflow: auto;overflow-x: hidden;overflow-y: auto;padding-top: 0;padding-bottom:0;position: relative;width: 153px!important;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu ul {padding: 0;margin: -19px 0 0 0;padding-bottom: 13px;background-color: #FFF;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu li, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu li {padding-top: 0;padding-bottom:0;border-top: 1px dotted transparent;border-bottom: 1px dotted transparent;border-right-width: 0!important;border-left-width: 0!important;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu li, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu li,#MoBiMenue div .backItemClass a,#MoBiMenue div ul li a{margin-left: 0px;margin-right: 0px; display: block;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu li, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu li, #partF #bradcrumb_menu{margin-bottom: 0;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu li, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu li, #partF #bradcrumb_menu,.prod-tree, .color-scheme .thumbnail-carousel-indicators.carousel-indicators,.rohm-LR7 .breadcrumb{margin-top: 0; padding-left: 0; padding-right: 0;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu li a{padding-right:10px;padding-left:10px;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu li a, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu li a{padding-bottom: 3px;padding-top: 3px;} .fr {float: right;} #navigation .social-tool a.blogIcon,#navigation .social-tool a.wechat, #navigation .social-tool a.gplus, #navigation .social-tool a.instagram,#navigation .social-tool a.linkedin, #navigation .social-tool a.fb, #navigation .social-tool a.twitter, #navigation .social-tool a.rss, #navigation .social-tool a.weibo, #navigation .social-tool a.yt, .headerquicklink.mobile .social-tool a.blogIcon, .mobiDisplay .headerquicklink.mobile .social-tool a.wechat, .mobiDisplay .headerquicklink.mobile .social-tool a.gplus, .mobiDisplay .headerquicklink.mobile .social-tool a.instagram, .mobiDisplay .headerquicklink.mobile .social-tool a.linkedin, .mobiDisplay .headerquicklink.mobile .social-tool a.fb, .mobiDisplay .headerquicklink.mobile .social-tool a.twitter, .mobiDisplay .headerquicklink.mobile .social-tool a.rss, .mobiDisplay .headerquicklink.mobile .social-tool a.weibo, .mobiDisplay .headerquicklink.mobile .social-tool a.yt,.mobiDisplay .headerquicklink.mobile .social-tool a.wechat {background-image: url(../images/rohm-theme/socialtool.gif) !important;width: 30px;height: 29px;display: block;background-repeat: no-repeat;text-indent: -1000px;overflow: hidden;margin: 0 3px 0 0px;} .social-tool a.rss {background-position: -70px -3px !important;} .social-tool a.twitter {background-position: -142px -3px !important;} .social-tool a.fb {background-position: -107px -3px !important;} .social-tool a.linkedin {background-position: -177px -3px !important;} .social-tool a.gplus{background-position: -212px -3px !important;} .social-tool a.instagram {background-position: -318px -3px !important;} .social-tool a.rss:hover {background-position: -70px -43px !important;} .social-tool a.twitter:hover {background-position: -142px -43px !important;} .social-tool a.fb:hover {background-position: -107px -43px !important;} .social-tool a.linkedin:hover {background-position: -177px -43px !important;} .social-tool a.gplus:hover {background-position: -212px -43px !important;} .social-tool a.instagram:hover {background-position: -318px -43px !important;} .social-tool a.yt:hover {background-position: -246px -43px !important;} .social-tool a.weibo {background-position: -36px -3px !important;} .social-tool a.weibo:hover {background-position: -36px -43px !important;} .social-tool a.wechat{ background-position:-2px -3px!important; } .social-tool a.wechat:hover{ background-position:-2px -43px!important; } .social-tool a.blogIcon {background-position: -282px -3px !important;} .social-tool a.blogIcon:hover {background-position: -282px -43px !important;} #wrapperrohm.newROHM #searchmenu div.searchlable a {color: #fff;font-size: 16px !important;font-weight: bold;padding: 0px 6px 14px !important; cursor: default;width: auto !important;} .modify-pages li {position: relative;} .portlet-content, .portlet-minimized .portlet-content-container {padding-bottom:10px;} .rohm-LR7 .portlet-decorate .portlet-content {border: 0px none;} #header .customeNavigation {width: auto;height: auto;background-color: trasparent; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;position: relative;z-index: 8;} #header .customeNavigation #nav {float: left;font-family: Arial,Helvetica,Verdana,sans-serif;} .en_US #header .customeNavigation #nav {font-family: 'IBM Plex SansRegular';} #header .customeNavigation #nav, #partF #bradcrumb_menu, #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu .ui-selectmenu-group ul,.prod-tree ul{margin-left: 0;margin-right: 0; padding-left:0;padding-right:0;} #header .customeNavigation #nav, #wrapperrohm.newROHM #header .customeNavigation #nav ul, #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu .ui-selectmenu-group ul, .prod-tree ul{ margin-bottom: 0;} #header .customeNavigation #nav, #wrapperrohm.newROHM #header .customeNavigation #nav ul, #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu .ui-selectmenu-group ul, .prod-tree ul,.prod-tree{ margin-top: 0;padding-bottom: 0;padding-top: 0;} .headerquick-section .navbar-form, .headerquick-section .navbar-form.mobileSiteSearchForm{background-color:#dadada; box-shadow: inset -1px 1px 1px 1px #c2c2c2;border-radius: 20px;} #header .customeNavigation #nav li#nav-01 span:hover,#header .customeNavigation #nav li#nav-02 span:hover,#header .customeNavigation #nav li#nav-03 span:hover,#header .customeNavigation #nav li#nav-04 span:hover,#header .customeNavigation #nav li#nav-05 span:hover,#wrapperrohm.newROHM #header .customeNavigation #nav li.selected span,#header .customeNavigation #nav li.selected span,#header .customeNavigation #nav li.selected span:hover{background-color: transparent !important;color: #333!important;border-top: 0px none;} body.en_GB #header .customeNavigation #nav{font-family: "open_sansregular", Verdana, Roboto, "Myriad Set Pro", Helvetica, Arial, sans-serif;} body.en_US #header .customeNavigation #nav{font-family: 'IBM Plex SansRegular';} .hi_IN #header .customeNavigation #nav li span, .en_GB #header .customeNavigation #nav li span {padding-bottom:11px;} .portlet-content, .portlet-minimized .portlet-content-container, .hi_IN #header .customeNavigation #nav li span, .en_GB #header .customeNavigation #nav li span{padding-top: 12px; padding-left: 10px; padding-right: 10px; } #header .customeNavigation #nav li {vertical-align: top;cursor: pointer;display: inline-block;} #header .customeNavigation #nav li span {float: left;padding: 12px 12px 11px;text-align: center;text-decoration: none;color: #fff;text-decoration: none;} #header .customeNavigation #nav li span, .general-terms .link-box {display: block;font-size: 16px;font-weight: bold;} #wrapperrohm.newROHM #header .customeNavigation #nav li ul, #wrapperrohm.newROHM #header .customeNavigation #nav li li:hover ul, #wrapperrohm.newROHM #header .customeNavigation #nav li li li ul, #wrapperrohm.newROHM #header .customeNavigation #nav li.sfhover ul, #wrapperrohm.newROHM #header .customeNavigation #nav li li.sfhover ul, #wrapperrohm.newROHM #header .customeNavigation #nav li li li.sfhover ul{left: 0px;z-index: 8;} #wrapperrohm.newROHM #header .customeNavigation #nav #nav-01 ul.parent, #wrapperrohm.newROHM #header .customeNavigation #nav #nav-02 ul.parent, #wrapperrohm.newROHM #header .customeNavigation #nav #nav-03 ul.parent, #wrapperrohm.newROHM #header .customeNavigation #nav #nav-04 ul.parent, #wrapperrohm.newROHM #header .customeNavigation #nav #nav-05 ul.parent, #selectOption #searchmenu li ul{-moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; z-index: -1;} #wrapperrohm.newROHM #header .customeNavigation #nav #nav-01 ul.parent, #wrapperrohm.newROHM #header .customeNavigation #nav #nav-02 ul.parent, #wrapperrohm.newROHM #header .customeNavigation #nav #nav-03 ul.parent, #wrapperrohm.newROHM #header .customeNavigation #nav #nav-04 ul.parent, #wrapperrohm.newROHM #header .customeNavigation #nav #nav-05 ul.parent {width: 944px;border: 0px solid #e8e8e8;background-color: #e2e2e2;opacity: 1;filter: alpha(opacity=100);-webkit-box-shadow: 0px 2px 1px 0px rgba(185, 185, 185, 0.75) inset;-moz-box-shadow: 0px 2px 1px 0px rgba(185, 185, 185, 0.75) inset;box-shadow: 0px 2px 1px 0px rgba(185, 185, 185, 0.75) inset;} #header .customeNavigation #nav li {vertical-align: top;cursor: pointer;display: inline-block;} #header .customeNavigation #nav li#nav-01 li ,#header .customeNavigation #nav li#nav-01 li:hover{display:inline-block;} #wrapperrohm.newROHM #header .customeNavigation #nav ul, #selectOption #searchmenu li ul{ margin-top: 0;} #wrapperrohm.newROHM #header .customeNavigation #nav ul {border: 1px #D9D9D9 solid;line-height: 18px;background: #FFF;font-weight: bold;} #wrapperrohm.newROHM #header .customeNavigation #nav li ul {position: absolute;left: 0em;width: 13.9em;top: 44px;} #wrapperrohm.newROHM #header .customeNavigation #nav li ul, #navigation .search-result-autocomplete .ui-autocomplete li.ui-menu-item a.ui-corner-all, .engineering-tips .title,.general-terms .title {font-weight: normal;margin-top:0;margin-bottom:0;} #wrapperrohm.newROHM #header .customeNavigation #nav li ul, #navigation .search-result-autocomplete .ui-autocomplete li.ui-menu-item a.ui-corner-all, #wrapperrohm.newROHM #header .customeNavigation #nav ul,.rohm-LR7 .navbar-Mobile .form #selectOption #searchmenu, .rohm-LR7 .navbar-NotMobile .form .header-search1 .form-group #selectOption #searchmenu {list-style: none; margin-left:0; margin-right:0;} #wrapperrohm.newROHM #header .customeNavigation #nav li ul.parent li a {width: auto;position: relative;display: inline;text-decoration: none;} /* XXXX */ #dockbarlayout .container-fluid-1280 ul,.lfr-add-panel form,.rohmhome #column-3 .portlet,.rohmhome #column-4 .portlet {margin-top: 0;} .lfr-add-panel form,#isolatedConvertersForm .iepl button, .Prodcat ul,.Prodcattype1 ul,.Prodcattype2 ul, .rohmhome #column-3 .portlet,.rohmhome #column-4 .portlet, .color-scheme .thumbnail-carousel-indicators.carousel-indicators,.prod-tree .sub, .control-menu ul,.sidebar-body ul, .rohm-LR7 .yui3-widget-bd .open.lfr-icon-menu-open ul,.headerquick-section .navbar-form{margin-bottom:0;} #MoBiMenue div.myMenu ul,#dockbarlayout .container-fluid-1280 ul, #isolatedConvertersForm .iepl button,.Prodcat ul,.Prodcattype1 ul,.Prodcattype2 ul, .control-menu ul,.sidebar-body ul, .rohm-LR7 .yui3-widget-bd .open.lfr-icon-menu-open ul, .headerquick-section .navbar-form, .lfr-add-panel form, .rohmhome #column-3 .portlet,.rohmhome #column-4 .portlet{margin-left: 0;margin-right: 0;} #dockbarctrl{position:absolute; z-index:9999;} .nav-equal-height>li>a, .nav-equal-height .nav>li>a, .nav-equal-height-heading>a, .nav-equal-height-heading>span{max-width:100%;} .sidenav-menu .collapse {overflow: inherit;} .lfr-add-panel input[type="text"], .portlet-layout select, .portlet-layout textarea, .portlet-layout input[type="text"], .portlet-layout input[type="password"], .portlet-layout input[type="datetime"], .portlet-layout input[type="datetime-local"], .portlet-layout input[type="date"], .portlet-layout input[type="month"], .portlet-layout input[type="time"], .portlet-layout input[type="week"], .portlet-layout input[type="number"], .portlet-layout input[type="email"], .portlet-layout input[type="url"], .portlet-layout input[type="search"], .portlet-layout input[type="tel"], .portlet-layout input[type="color"], .portlet-layout .uneditable-input {height:inherit;background:none #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .fRight input[type="text"] {font-size: 14px;} .lfr-add-panel a:hover,.lfr-product-menu-panel a:hover, .lfr-simulation-panel a:hover{text-decoration:none;} .lfr-add-panel .add-portlet-message h4,.lfr-add-panel .add-portlet-message h6{font-weight:normal;} .lfr-add-panel .add-portlet-message h4{font-size:18px;} .lfr-add-panel .add-portlet-message h6{font-size:14px;} .lfr-app-column-view img{max-width:inherit;} .has-control-menu.open .headerquick-section #navigation .social-tool{transform:translateX(-3000%);} #showcookiealert {padding: 16px 0px 10px; background-color: #dc2640; color: #fff;} #showcookiealert .cookiecontainer{text-align:center;min-width:90%;width:50%;margin:0 auto;} #showcookiealert .cookiecontainer p{margin-bottom:10px;} #showcookiealert .cookiecontainer .labelcookie p{margin-bottom:7px;} #showcookiealert .labelcookie{margin-bottom: 4px;} #showcookiealert .labelcookie, .rohm-LR7 #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul div div #searchfiltermegamenuleft span span.search-filter-dropdown-text, .rohm-LR7 #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul div div #searchfiltermegamenuleft span span.search-filter-dropdown-text:hover, .rohm-LR7 #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown-text, .rohm-LR7 #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown-text:hover, .rohm-LR7 #wrapperrohm.newROHM .buysamplemenu-mobile .buy-search select#mgmenu-distribution-dropbox{font-family: 'fira_sansmedium';text-transform: uppercase;font-size: 16px;} .rohm-LR7 .en_US #wrapperrohm.newROHM .buysamplemenu-mobile .buy-search select#mgmenu-distribution-dropbox{font-family: 'IBM Plex SansMedium';} .ja_JP #showcookiealert .labelcookie, .ko_KR #showcookiealert .labelcookie,.zh_TW #showcookiealert .labelcookie, .zh_CN #showcookiealert .labelcookie{text-transform:capitalize;} .ko_KR #showcookiealert .labelcookie{font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .zh_TW #showcookiealert .labelcookie{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} .zh_CN #showcookiealert .labelcookie{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .ja_JP #showcookiealert .labelcookie{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} #showcookiealert .labelcookiemessage{font-size:16px;font-family: 'fira_sansbook';line-height: 24px;position:relative;} .en_US #showcookiealert .labelcookiemessage{font-family: 'IBM Plex SansRegular';} .ko_KR #showcookiealert .labelcookiemessage{font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .zh_TW #showcookiealert .labelcookiemessage{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} .zh_CN #showcookiealert .labelcookiemessage{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .ja_JP #showcookiealert .labelcookiemessage{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} #showcookiealert .labelcookiemessage .labelcookiemessageContent{margin-left: auto;margin-right: auto;width: 72%;} #showcookiealert #closecookiealert{background:url("../images/rohm-theme/closecookie-icon.gif") 0 0 no-repeat; width:32px; height:32px;float: left;position:absolute;left:3%;top: -6px;display: inline-block;cursor: pointer;} #showcookiealert .privacybutton{background-color:#ab0e25; color:#fff; text-align:center; -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;display: inline-block;} #showcookiealert .privacybutton a, #showcookiealert .privacybutton a:hover, #MoBiMenue div.myMenu ul li a{ text-align:center;padding-top:6px;padding-bottom: 6px;line-height: 18px;} #showcookiealert .privacybutton a, #showcookiealert .privacybutton a:hover{ color:#fff;text-decoration:none;padding-left:24px;padding-right: 24px;display: inline-block;font-size:14px; font-family: 'fira_sansmedium';} .en_US #showcookiealert .privacybutton a, .en_US #showcookiealert .privacybutton a:hover{font-family: 'IBM Plex SansMedium';} .ko_KR #showcookiealert .privacybutton a, .ko_KR #showcookiealert .privacybutton a:hover{font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .zh_TW #showcookiealert .privacybutton a, .zh_TW #showcookiealert .privacybutton a:hover{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} .zh_CN #showcookiealert .privacybutton a, .zh_CN #showcookiealert .privacybutton a:hover{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .ja_JP #showcookiealert .privacybutton a,.ja_JP #showcookiealert .privacybutton a:hover{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} .portlet-topper{z-index:1;} .rohm-LR7 .control-menu .staging-message{text-align:center; width:100%;} .rohm-LR7 .control-menu .control-menu-nav-item li:last-child, .rohm-LR7 .staging-bar .control-menu-level-2-nav li:last-child{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .rohm-LR7 .staging-bar .control-menu-level-2-nav li:last-child {width: 80%;} .rohm-LR7 .portlet{clear:both;} #navigation #search-form-2 .yui3-aclist .yui3-aclist-content li.yui3-aclist-item {min-width: 158px;font-size:14px;line-height:24px;} .ja_JP #navigation #search-form-2 .yui3-aclist .yui3-aclist-content li.yui3-aclist-item{font-size:13px;} .rohm-LR7 #wrapperrohm .recommended-prod .recmProduct td:first-child a{text-decoration: underline;} .rohm-LR7 #wrapperrohm .recommended-prod .recmProduct td:first-child a:hover{color:#337ab7;} .rohm-LR7 #wrapperrohm .portlet-login a.portlet-icon-back {display: none;} @media only screen and (min-width: 768px){ body.open.has-control-menu #wrapper,body.open.has-control-menu .footerBottom, body.open.has-control-menu .admin-transition { padding-left: 320px !important; } .has-control-menu.signed-in #wrapper { margin-top: 0px; } .has-control-menu.signed-in.adminpower #wrapper { margin-top: 46px!important; } .admin-transition { -webkit-transition: padding .5s ease; -moz-transition: padding .5s ease; transition: padding .5s ease; } .rohmhome .portlet > .portlet-content-editable, .rohmhome .portlet:hover > .portlet-content-editable, .rohmhome .portlet.focus > .portlet-content-editable { border:0 none; } .portlet-title-text{display:none;} .rohm-LR7 ol.carousel-indicators {margin-left: 0px;margin-top: 9px;margin-bottom: 9px;} .yui3-aclist-list{margin:0 !important;} .yui3-aclist-content{border:0 none!important;} form#search-form-2 .yui3-aclist-hidden:nth-child(2){display:none;} form#search-form-2 .yui3-aclist-hidden:nth-child(2) .yui3-aclist-content{background:transparent!important; border:0 none!important;} } @media only screen and (max-width: 767px){ .has-control-menu.signed-in #wrapper { margin-top: 0px; } .yui3-aclist-list{margin:0 !important;} .yui3-aclist {position: absolute;top: 30px !important;width:100%;} .yui3-aclist-hidden {visibility: visible;opacity:0;} form#search-form-2 .yui3-aclist-hidden:nth-child(2){display:none;} } /* New Header */ #top-nav{float:left; margin-left: 24px;} #wrapper{padding-top:0;} .has-control-menu.signed-in #wrapperrohm.newROHM #header{margin-top:44px;} .signed-in #wrapperrohm.newROHM #header header .header,.signed-out #wrapperrohm.newROHM #header header .header{height: 70px;} #wrapperrohm.newROHM #header header .header .rohmlogo{margin-top:6px;} #wrapperrohm.newROHM header .header .rohmlogo{width:91px; height:70px; margin-bottom: 9px; z-index:3;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select, .portal-select{height:auto; margin-top: 5px;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-open, .en_GB #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu, .de_DE #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu {left: 0 !important; right: 0;} .en_GB #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu ul, .de_DE #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu ul {width: 148px !important; float: left;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu ul{margin-top:-10px;} .headerquicklink div.rohmlogin{float: right;margin-top: -16px;} .headerquicklink .rohmlogin, .headerquicklink a {font-size: 14px; margin-left: 8px;font-family: 'fira_sansregular';color: #333;text-transform: capitalize;} .en_US .headerquicklink .rohmlogin, .en_US .headerquicklink a {font-family: 'IBM Plex SansRegular';} .ko_KR .headerquicklink .rohmlogin, .ko_KR .headerquicklink a{font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .zh_TW .headerquicklink .rohmlogin, .zh_TW .headerquicklink a{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} .zh_CN .headerquicklink .rohmlogin, .zh_CN .headerquicklink a{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .ja_JP .headerquicklink .rohmlogin,.ja_JP .headerquicklink a, .ja_JP .headerquicklink .rohmlogin span {font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} .desktop-navi-left.mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu ul li a{font-size: 1;} .headerquicklink a.rohmlogin, .headerquicklink a.rohmlogin.logout, .headerquicklink a.firstlink{margin-left:0px;} .headerquicklink .rohmlogin, .headerquicklink a.rohmlogin, .headerquicklink a.rohmlogin{padding-bottom:5px;padding-left:5px;padding-right:5px;} .headerquicklink .rohmlogin, .headerquicklink a.rohmlogin {background-color: #da1f3d;padding-top: 16px; color: #fff !important; border-radius: 0px 0px 5px 5px;} .headerquicklink a.rohmlogin.logout {border-radius: 5px 5px 0px 0px;cursor: pointer;} .engineering-tips .tip-inner img, .rohm-LR7 #wrapperrohm.newROHM #searchfiltermegamenuleft #short-menu #tooltip_menu, .headerquick-section .caret,.navbar-NotMobile .form .header-search1 .caret , .navbar-NotMobile .form .header-search1 .caret,.navbar-NotMobile .form .header-search1 .caret, .prod-tree .arrow, .headerquick-section .navbar-header .navbar-toggle.MenuIconClose .icon-bar:nth-child(2),.para-table .para-search .filtered-table th{border-left-style: solid;border-right-style: solid; border-top-style: solid; } .headerquick-section .caret,.navbar-NotMobile .form .header-search1 .caret , .navbar-NotMobile .form .header-search1 .caret,.navbar-NotMobile .form .header-search1 .caret, .prod-tree .arrow{border-left-color: transparent; border-right-color: transparent;border-top-color: #a1a1a1;} .headerquick-section .caret {height: 12px;width: 12px;margin-top: 10px;border-top-width: 7px;border-right-width: 7px;border-left-width: 7px;} /* New Header */ .rohm-LR7 body #wrapperrohm.newROHM #header header .header #top-nav .portal-select, .rohm-LR7 body.en_GB #wrapperrohm.newROHM #header header .header #top-nav .portal-select, .rohm-LR7 #wrapperrohm.newROHM #header header .header #top-nav .portal-select, .rohm-LR7 #wrapperrohm.newROHM #header header .header #top-nav .portal-select, .rohm-LR7 .portal-select{font-family: 'fira_sansregular';} .rohm-LR7 .en_US #wrapperrohm.newROHM #header header .header #top-nav .portal-select, .rohm-LR7 .en_US .portal-select{font-family: 'IBM Plex SansRegular';} .rohm-LR7 body.ja_JP #wrapperrohm.newROHM #header header .header #top-nav .portal-select, .rohm-LR7 .ja_JP #wrapperrohm.newROHM #header header .header #top-nav .portal-select, .rohm-LR7 .ja_JP #wrapperrohm.newROHM #header header .header #top-nav .portal-select, .rohm-LR7 .ja_JP .portal-select{font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} .ko_KR #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select, .rohm-LR7 body.ko_KR #wrapperrohm.newROHM #header header .header #top-nav .portal-select, .rohm-LR7 .ko_KR #wrapperrohm.newROHM #header header .header #top-nav .portal-select, .rohm-LR7 .ko_KR .portal-select{font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif"!important;} .zh_TW #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select, .rohm-LR7 body.zh_TW #wrapperrohm.newROHM #header header .header #top-nav .portal-select, .rohm-LR7 .zh_TW #wrapperrohm.newROHM #header header .header #top-nav .portal-select, .rohm-LR7 .zh_TW .portal-select{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體"!important;} .zh_CN #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select, .rohm-LR7 body.zh_CN #wrapperrohm.newROHM #header header .header #top-nav .portal-select, .rohm-LR7 .zh_CN #wrapperrohm.newROHM #header header .header #top-nav .portal-select, .rohm-LR7 .zh_CN .portal-select{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif!important;} .rohm-LR7 #top-nav .portal-select a#portals-button span.ui-selectmenu-status, .rohm-LR7 #top-nav .portal-select div.ui-selectmenu-menu ul#portals-menu li a, .rohm-LR7 #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-status{font-family: 'fira_sansregular'; font-size:14px !important; color:#6a6a6a;} .rohm-LR7 .en_US #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-status{font-family: 'IBM Plex SansRegular';} .rohm-LR7 .ko_KR #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-status{font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .rohm-LR7 .zh_TW #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-status{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} .rohm-LR7 .zh_CN #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-status{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .rohm-LR7 .ja_JP #top-nav .portal-select a#portals-button span.ui-selectmenu-status, .rohm-LR7 .ja_JP #top-nav .portal-select div.ui-selectmenu-menu ul#portals-menu li a, .rohm-LR7 .ja_JP #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-status{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} .rohm-LR7 #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu{font-weight:normal;} #wrapperrohm #header #navigation .customeNavigation.rohmnavigation li span{font-family: 'fira_sansmedium';font-weight:normal;} .en_US #wrapperrohm #header #navigation .customeNavigation.rohmnavigation li span{font-family: 'IBM Plex SansMedium';} .zh_CN #wrapperrohm #header #navigation .customeNavigation.rohmnavigation li span{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .zh_TW #wrapperrohm #header #navigation .customeNavigation.rohmnavigation li span{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} .ko_KR #wrapperrohm #header #navigation .customeNavigation.rohmnavigation li span{font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .ja_JP #wrapperrohm #header #navigation .customeNavigation.rohmnavigation li span{font-weight:bold;font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} /* Menu */ .rohm-LR7 #wrapperrohm.newROHM #header .customeNavigation #nav li ul.parent li,.rohm-LR7 #wrapperrohm.newROHM #header .customeNavigation #nav li ul{cursor:auto;} .rohm-LR7 #wrapperrohm.newROHM #header .customeNavigation #nav li ul.parent li a{word-break: break-word;} .ie.rohm-LR7 #wrapperrohm.newROHM #header .customeNavigation #nav li ul.parent li a{word-break: normal;} #wrapperrohm.newROHM #header #navigation .desktop-navi-left #nav li a, #wrapperrohm.newROHM #header #navigation .desktop-navi-left #nav li a:hover { border-radius: 0px;} .rohm-LR7 #wrapperrohm #navigation{min-height:1em;} #wrapperrohm #navigation{background:none transparent; z-index:2;} #wrapperrohm #navigation a{padding:0px;} #wrapperrohm #navigation, #navigation .selected a, #navigation a:hover, #navigation a:focus, #navigation .child-menu li a, #navigation .aui-dd-dragging, .lfr-navigation-proxy{background-color:transparent;} #wrapperrohm #navigation ul{padding:0px;} #wrapperrohm #header #navigation .customeNavigation.rohmnavigation li span{font-size: 18px;} #wrapperrohm #navigation .rohmnavigation span, #wrapperrohm #navigation .rohmnavigation span:hover, #wrapperrohm #navigation .rohmnavigation span:focus, #wrapperrohm #navigation .rohmnavigation .child-menu li span, #wrapperrohm #navigation .rohmnavigation .selected span, #wrapperrohm #navigation .rohmnavigation .aui-dd-dragging, #wrapperrohm .rohmnavigation .lfr-navigation-proxy {background:transparent; padding: 3px 6px !important; margin:0px;} #wrapperrohm #navigation .rohmnavigation span, #wrapperrohm #navigation .rohmnavigation span:hover, #wrapperrohm #navigation .rohmnavigation span:focus, #wrapperrohm #navigation .rohmnavigation .child-menu li span, #wrapperrohm #navigation .rohmnavigation .selected span, #wrapperrohm #navigation .rohmnavigation .aui-dd-dragging, #wrapperrohm .rohmnavigation .lfr-navigation-proxy,.navbar ul li a{color: #000; outline: 0; text-shadow: 0px 0px transparent;} #wrapperrohm #navigation .rohmnavigation li.selected:first-of-type span, #wrapperrohm #navigation .rohmnavigation li:first-of-type span, #wrapperrohm #navigation .rohmnavigation li:first-of-type span:hover{padding: 3px 6px 3px 0px!important;} #navigation .rohmnavigation li:first-of-type.selected span{padding: 3px 8px 3px 0px!important;} .rohm-LR7 #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span, .rohm-LR7 #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span:hover span{padding:0px !important;} .rohm-LR7 #wrapperrohm #navigation .rohmnavigation #nav li#nav-04.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown, .rohm-LR7 #wrapperrohm #navigation .rohmnavigation #nav li#nav-04.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown:hover{color:#da2540!important; float:right;} .rohm-LR7 #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul div div #searchfiltermegamenuleft span span.search-filter-dropdown-text, .rohm-LR7 #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul div div #searchfiltermegamenuleft span span.search-filter-dropdown-text:hover, .rohm-LR7 #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown-text, .rohm-LR7 #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown-text:hover, .rohm-LR7 #wrapperrohm.newROHM .buysamplemenu-mobile .buy-search select#mgmenu-distribution-dropbox{color:#252525; float:left;} .rohm-LR7 .ko_KR #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown-text, .rohm-LR7 .ko_KR #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown-text:hover{font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .rohm-LR7 .zh_TW #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown-text, .rohm-LR7 .zh_TW #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown-text:hover{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} .rohm-LR7 .zh_CN #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown-text, .rohm-LR7 .zh_CN #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown-text:hover{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .rohm-LR7 .ja_JP #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown-text, .rohm-LR7 .ja_JP #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown-text:hover{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} #wrapperrohm #navigation .rohmnavigation li.selected:last-child span, #wrapperrohm #navigation .rohmnavigation li:last-child span, #wrapperrohm #navigation .rohmnavigation li:last-child span:hover, #wrapperrohm #navigation .rohmnavigation span:last-child:focus{padding: 3px 0px 3px 6px!important;} #navigation .rohmnavigation li:last-child.selected span{padding: 3px 0px 3px 6px!important;} #navigation .rohmnavigation li.selected span {-moz-box-shadow: inset 0 0px 0px rgba(0,0,0,0.8); -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.8); box-shadow: inset 0 0px 0px rgba(0,0,0,0.8);} .navbar{border: 0px none; min-height: auto;} #wrapperrohm #navigation .rohmnavigation a:focus{color: #5b677d; outline: 0; text-shadow: 0px 0px transparent;} .rohm-LR7 #wrapperrohm .breadcrumb a, .rohm-LR7 #wrapperrohm .breadcrumb a:hover{color:#292929!important;} .rohm-LR7 #wrapperrohm .breadcrumb a, .rohm-LR7 #wrapperrohm .breadcrumb a:hover, .rohm-LR7 #wrapperrohm .breadcrumb > li{font-family: 'fira_sanslight'!important;font-size: 14px;text-transform: none;} .rohm-LR7 .en_US #wrapperrohm .breadcrumb a, .rohm-LR7 .en_US #wrapperrohm .breadcrumb a:hover, .rohm-LR7 .en_US #wrapperrohm .breadcrumb > li{font-family: 'IBM Plex SansLight' !important;} .rohm-LR7 .ko_KR #wrapperrohm .breadcrumb a, .rohm-LR7 .ko_KR #wrapperrohm .breadcrumb a:hover{font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .rohm-LR7 .zh_TW #wrapperrohm .breadcrumb a, .rohm-LR7 .zh_TW #wrapperrohm .breadcrumb a:hover{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} .rohm-LR7 .zh_CN #wrapperrohm .breadcrumb a, .rohm-LR7 .zh_CN #wrapperrohm .breadcrumb a:hover{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .rohm-LR7 .ja_JP #wrapperrohm .breadcrumb a, .rohm-LR7 .ja_JP #wrapperrohm .breadcrumb a:hover{font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} .rohm-LR7 #wrapperrohm .breadcrumb .current-page, .rohm-LR7 #wrapperrohm .breadcrumb li:last-child a, .rohm-LR7 #wrapperrohm .breadcrumb li:last-child span{ font-family: 'fira_sanslight'!important; font-size: 14px; color:#000!important;} .rohm-LR7 .en_US #wrapperrohm .breadcrumb .current-page, .rohm-LR7 .en_US #wrapperrohm .breadcrumb li:last-child a, .rohm-LR7 .en_US #wrapperrohm .breadcrumb li:last-child span{ font-family: 'IBM Plex SansLight'!important;} .rohm-LR7 .ko_KR #wrapperrohm .breadcrumb .current-page, .rohm-LR7 .ko_KR #wrapperrohm .breadcrumb li:last-child a, .rohm-LR7 .ko_KR #wrapperrohm .breadcrumb li:last-child span{font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .rohm-LR7 .zh_TW #wrapperrohm .breadcrumb .current-page, .rohm-LR7 .zh_TW #wrapperrohm .breadcrumb li:last-child a, .rohm-LR7 .zh_TW #wrapperrohm .breadcrumb li:last-child span{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} .rohm-LR7 .zh_CN #wrapperrohm .breadcrumb .current-page, .rohm-LR7 .zh_CN #wrapperrohm .breadcrumb li:last-child a, .rohm-LR7 .zh_CN #wrapperrohm .breadcrumb li:last-child span{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .rohm-LR7 .ja_JP #wrapperrohm .breadcrumb .current-page, .rohm-LR7 .ja_JP #wrapperrohm .breadcrumb li:last-child a, .rohm-LR7 .ja_JP #wrapperrohm .breadcrumb li:last-child span{ font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} .rohm-LR7 #wrapperrohm .breadcrumb-horizontal>li+li:before{background-image:none;content: '\00bb'; margin-top: -0.81em;font-size: 14px;color:#292929!important;} .rohm-LR7 .ja_JP #wrapperrohm .breadcrumb-horizontal>li+li:before{margin-top: -0.65em;font-family: 'fira_sanslight'!important;} .rohm-LR7 .ko_KR #wrapperrohm .breadcrumb-horizontal>li+li:before{font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif"!important;} .rohm-LR7 .zh_TW #wrapperrohm .breadcrumb-horizontal>li+li:before{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體"!important;} .rohm-LR7 .zh_CN #wrapperrohm .breadcrumb-horizontal>li+li:before{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif!important;} .rohm-LR7 #wrapperrohm .breadcrumb > li {text-shadow: 0 0px 0 transparent;display:inline-block;overflow:visible;max-width: 100%;} .rohm-LR7 .ko_KR #wrapperrohm .breadcrumb > li {font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif"!important;} .rohm-LR7 .zh_TW #wrapperrohm .breadcrumb > li{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體"!important;} .rohm-LR7 .zh_CN #wrapperrohm .breadcrumb > li{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif!important;} .rohm-LR7 .ja_JP #wrapperrohm .breadcrumb > li {font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} .rohm-LR7 #wrapperrohm .rohm-header-portlet .portlet-content {padding: 0;} .rohm-LR7 #wrapperrohm .rohm-header-portlet .portlet-topper,.rohm-LR7 #wrapperrohm .rohm-header-portlet .portlet-content h2.portlet-title-text, .rohm-LR7 .portlet-content h2.portlet-title-text {display: none;} .rohm-LR7 #wrapperrohm .portlet-decorate.rohm-header-portlet .portlet-content,.rohm-LR7 #wrapperrohm .portlet-content{background-color:transparent;} .portlet .visible-interaction {display: none;} .portlet:active .visible-interaction, .portlet:hover .visible-interaction, .portlet:focus .visible-interaction, .portlet.active .visible-interaction {display: inherit;transform: translateY(0%);transform: translateX(-250%);position: absolute;right: 0;z-index: 1;} .portlet:active .visible-interaction .direction-left-side, .portlet:hover .visible-interaction .direction-left-side, .portlet:focus .visible-interaction .direction-left-side, .portlet.active .visible-interaction .direction-left-side{margin-top: 3px;} .rohm-LR7 .header-search1 .searchTextfield #search-1, .rohm-LR7 .header-search1 .searchTextfield #search-2, .rohm-LR7 .header-search1 .searchTextfield #search-3, .rohm-LR7 .header-search1 .searchTextfield #search-4 {position: relative;} #selectOption #searchmenu li ul, .rohm-LR7 .header-search1 .searchTextfield #search-1 input[type="submit"], .rohm-LR7 .header-search1 .searchTextfield #search-2 input[type="submit"], .rohm-LR7 .header-search1 .searchTextfield #search-3 input[type="submit"], .rohm-LR7 .header-search1 .searchTextfield #search-4 input[type="submit"]{position:absolute;padding-left: 0; padding-right: 0; } .mobileSiteSearchForm fieldset, .rohm-LR7 .header-search1 .searchTextfield #search-1 input[type="submit"], .rohm-LR7 .header-search1 .searchTextfield #search-2 input[type="submit"], .rohm-LR7 .header-search1 .searchTextfield #search-3 input[type="submit"], .rohm-LR7 .header-search1 .searchTextfield #search-4 input[type="submit"]{border:0 none;padding-top:0;padding-bottom:0;} .rohm-LR7 .header-search1 .searchTextfield #search-1 input[type="submit"], .rohm-LR7 .header-search1 .searchTextfield #search-2 input[type="submit"], .rohm-LR7 .header-search1 .searchTextfield #search-3 input[type="submit"], .rohm-LR7 .header-search1 .searchTextfield #search-4 input[type="submit"]{width:26px;font-size:0;height:28px;margin-top:-28px !important;right:-15px;background:transparent !important;} .rohm-LR7 .header-search1 .searchFull .searchTextfield #search-1 input[type="submit"], .rohm-LR7 .header-search1 .searchFull .searchTextfield #search-2 input[type="submit"], .rohm-LR7 .header-search1 .searchFull .searchTextfield #search-3 input[type="submit"], .rohm-LR7 .header-search1 .searchFull .searchTextfield #search-4 input[type="submit"]{z-index:10;} .safari .headerquicklink.desktop{float: right !important; width: 70%;} .ios.mobile .headerquicklink.desktop{float: right !important; width: auto;} @media (min-width: 320px) and (max-width: 1280px){ #showcookiealert .cookiecontainer{min-width:90%;width:50%; margin:0 auto;text-align:center;} } @media (min-width: 1281px){ #showcookiealert .cookiecontainer{min-width:90%;width: 50%; margin:0 auto;text-align:center;} } @media (min-width: 1200px){.rohm-LR7 .breadcrumb{padding-top: 12px;margin-bottom:0;}} @media (min-width: 320px) and (max-width: 1024px){.rohm-LR7 .breadcrumb{padding-top: 12px;padding-left: 15px;padding-right:15px;margin-bottom:0;}} @media (min-width: 768px){ .rohm-LR7 .maxfixsize.fullsize #wrapperrohm.newROHM.full-topHeader .portlet{padding-top:2px;margin-bottom:0;} .rohm-LR7 .portlet{margin-bottom:0;} /* New Product Menu */ #header .customeNavigation .productmenu li{padding:0 !important;text-indent: 0px; font-size:16px; color: #333333;font-family: 'fira_sansbook';font-weight: normal;} .ko_KR #header .customeNavigation .productmenu li{font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .zh_CN #header .customeNavigation .productmenu li{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .zh_TW #header .customeNavigation .productmenu li{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} #header .customeNavigation .productmenu li a{padding:5px 20px !important;font-size:15px; font-family: 'fira_sansbook';font-weight: normal;} .en_US #header .customeNavigation .productmenu li, .en_US #header .customeNavigation .productmenu li a{font-family: 'IBM Plex SansRegular';} .ko_KR #header .customeNavigation .productmenu li a{font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .zh_CN #header .customeNavigation .productmenu li a{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .zh_TW #header .customeNavigation .productmenu li a{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} #header .customeNavigation #nav li#nav-01 li:hover{display:inline-block; } #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu{margin-left:0px;} #header .customeNavigation #nav li#nav-01:first-of-type ul li .productmenu ul li a {text-indent: 0px !important;font-family: 'fira_sansbook'; font-size: 16px;} .en_US #header .customeNavigation #nav li#nav-01:first-of-type ul li .productmenu ul li a{font-family: 'IBM Plex SansRegular';} .ko_KR #header .customeNavigation #nav li#nav-01:first-of-type ul li .productmenu ul li a {font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .zh_CN #header .customeNavigation #nav li#nav-01:first-of-type ul li .productmenu ul li a{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .zh_TW #header .customeNavigation #nav li#nav-01:first-of-type ul li .productmenu ul li a{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul, #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul, #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul > li > ul{min-height:100%; height:auto;} .ja_JP #header .customeNavigation .productmenu li,.ja_JP #header .customeNavigation .productmenu li a, .ja_JP #header .customeNavigation #nav li#nav-01:first-of-type ul li .productmenu ul li a{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul { width:240px; background-color:#ebebeb; position:relative; overflow:visible; display:block !important; top: 0; border:0px none !important; padding-top: 11px; } .ie #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu ul li, .ie #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu ul li a{} #wrapperrohm.newROHM #header #navigation .customeNavigation #nav li a, #wrapperrohm.newROHM #header #navigation .customeNavigation #nav li.selected a { -moz-box-shadow: inset 0 0px 0px transparent; -webkit-box-shadow: inset 0 0px 0px transparent; box-shadow: inset 0 0px 0px transparent; text-shadow: 0px 0px transparent; } .rohm-LR7 #wrapperrohm.newROHM #header .customeNavigation .navbar .nav .buysamplemenu li a{word-break: initial;} #wrapperrohm.newROHM #header #navigation .desktop-navi-left #nav li a, #wrapperrohm.newROHM #header #navigation .desktop-navi-left #nav li a:hover { border-radius: 0px;} #wrapperrohm.newROHM #header .customeNavigation #nav li ul.parent li .productmenu a{width:100%; display:block; color:#666;} #wrapperrohm.newROHM #header .customeNavigation #nav li ul.parent li .productmenu a:hover,#wrapperrohm.newROHM #header .customeNavigation #nav li ul.parent li .productmenu a:active{background-color:#d91d3c; color:#fff;width:100%;} .en_GB #wrapperrohm.newROHM #header .customeNavigation #nav #nav-03 li , .pt_BR #wrapperrohm.newROHM #header .customeNavigation #nav #nav-03 li , .hi_IN #wrapperrohm.newROHM #header .customeNavigation #nav #nav-03 li , .zh_CN #wrapperrohm.newROHM #header .customeNavigation #nav #nav-03 li , .zh_TW #wrapperrohm.newROHM #header .customeNavigation #nav #nav-03 li , .ko_KR #wrapperrohm.newROHM #header .customeNavigation #nav #nav-03 li , .ja_JP #wrapperrohm.newROHM #header .customeNavigation #nav #nav-03 li , .de_DE #wrapperrohm.newROHM #header .customeNavigation #nav #nav-03 li {width:100%;} #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li {width:100%; display:block;font-family: 'fira_sansbook'; font-size: 16px;cursor: pointer !important;} .en_US #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li{font-family: 'IBM Plex SansRegular';} .ko_KR #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li {font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .zh_CN #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .zh_TW #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} .ja_JP #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li:hover{background-color:#d91d3c; color:#fff;} #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li:hover >a{ color:#fff; } #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul, #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul > li > ul { display:none; position:absolute; padding-top: 11px; top:0; } #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul { width:282px; background-color:#f3f3f3; left: 265px; border:0px none !important; } #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu > ul > li > ul{min-height: 194px;} /* Jira-2180 */ #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > div.underbuysample {margin-top:8px;border-top:10px solid #e2e2e2;} #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu > ul > div.underbuysample > div {min-height: 166px;padding: 0px 21px !important;} .safari #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu > ul > div.underbuysample > div {min-height: 170px;} #header .customeNavigation .productmenu div.underbuysample strong {padding: 5px 21px !important;font-size: 15px;font-family: 'fira_sansbook'; } .en_US #header .customeNavigation .productmenu div.underbuysample strong{font-family: 'IBM Plex SansRegular';} .ja_JP #header .customeNavigation .productmenu div.underbuysample strong{font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} #header .customeNavigation .productmenu div.underbuysample strong:hover {color: #666;} #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > div.underbuysample:hover {background-color: transparent; color: #666;} #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > div.underbuysample > div {width:auto;position:relative;top:0px; padding-top: 0px;} #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > div.underbuysample > div, #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > div.underbuysample:hover > div{display: block !important;left: 0px;} #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > div.underbuysample div,#wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > div > div.underbuysample:hover div{background-color:#f3f3f3!important;} /* End Jira-2180 */ /*.ie #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu ul li ul li,.ie #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu ul li ul li a{width:242px;}*/ /*.productmenu > ul > li:hover > ul, #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li:hover > ul { display:block !important; left: 241px; }*/ .productmenu > ul > li > ul, #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul { left: 241px; } #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul >li{width:100%; display:block;} #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul >li:hover{background-color:#da1d3d; color:#fff;} #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu > ul > li > ul >li, #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu > ul > li > ul >li:hover{background-color:transparent; color:#fff;} #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul >li:hover >a{width:100%; color:#fff;} #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul > li > ul { width:296px; background-color:#fff; } #header .customeNavigation .productmenu.buysamplemenu ul li li{padding:0 20px!important;} /*.ie #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu ul li ul li ul li, .ie #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu ul li ul li ul li a{width:256px;}*/ /*.productmenu > ul > li > ul > li:hover ul, #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul > li:hover ul { display:block !important; left: 283px; border:0px none !important; }*/ .productmenu > ul > li > ul > li ul, #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul > li ul { left: 283px; border:0px none !important; } #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul > li > ul > li{width:100%; display:block;} #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul > li > ul > li:hover{background-color:#da1d3d; color:#fff;} #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul > li > ul > li:hover >a{color:#fff;} #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul > li ul li ul li { } #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul > li > ul > li.ui-state-disabled, #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul > li > ul > li.ui-state-disabled:hover { background: #fff; color: #d91d3c; font-size: 18px; text-indent: 0px; padding-left: 20px; padding-right: 20px; } #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul > li > ul > li.ui-state-disabled div, #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul > li > ul > li.ui-state-disabled:hover div{padding-bottom:6px;font-family: 'fira_sansmedium';} .en_US #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul > li > ul > li.ui-state-disabled:hover div{font-family: 'IBM Plex SansMedium';} .ko_KR #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul > li > ul > li.ui-state-disabled:hover div{font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .zh_TW #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul > li > ul > li.ui-state-disabled:hover div{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} .zh_CN #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul > li > ul > li.ui-state-disabled:hover div{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .ja_JP #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul > li > ul > li.ui-state-disabled div, .ja_JP #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul > li > ul > li.ui-state-disabled:hover div, .ja_JP #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="text"].distribution-search-input{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="text"].distribution-search-input, #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="text"].distribution-search-input:focus{border-color: #ccc;} .firefox #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="text"].distribution-search-input, .safari #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="text"].distribution-search-input{padding: 8px 18px;} .ko_KR #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="text"].distribution-search-input{font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .zh_TW #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="text"].distribution-search-input{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} .zh_CN #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="text"].distribution-search-input{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .rohm-LR7 #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="submit"]#search-button-megamenu{background-color: #292929; border: 0px none; font-family: 'fira_sansmedium'; font-weight: normal; height: auto !important; margin: 0 10%; padding-left: 8px; padding-right: 8px; text-transform: uppercase; width: 80%;} .rohm-LR7 .en_US #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="submit"]#search-button-megamenu{font-family: 'IBM Plex SansMedium';} .rohm-LR7.firefox #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="submit"]#search-button-megamenu, .rohm-LR7.safari #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="submit"]#search-button-megamenu, .rohm-LR7 #wrapperrohm.newROHM #searchfiltermegamenuleft #short-menu #tooltip_menu a.searchTypeCls, .rohm-LR7 #wrapperrohm.newROHM #searchfiltermegamenuleft #short-menu #tooltip_menu a.searchTypeCls:hover, .rohm-LR7 #wrapperrohm.newROHM #searchfiltermegamenuleft #short-menu #tooltip_menu a.searchTypeCls.active, .ie #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="text"].distribution-search-input, .chrome #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="text"].distribution-search-input, .firefox #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="text"].distribution-search-input, .safari #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="text"].distribution-search-input, .rohm-LR7.ie #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="submit"]#search-button-megamenu, .rohm-LR7.chrome #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="submit"]#search-button-megamenu{padding:8px;} .rohm-LR7 .ko_KR #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="submit"]#search-button-megamenu{font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .rohm-LR7 .zh_TW #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="submit"]#search-button-megamenu{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} .rohm-LR7 .zh_CN #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="submit"]#search-button-megamenu{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .rohm-LR7 .ja_JP #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="submit"]#search-button-megamenu{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} .rohm-LR7 #wrapperrohm.newROHM #searchfiltermegamenuleft{cursor: pointer;} /* .ie.rohm-LR7 #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul ul li input[type="submit"]#search-button-megamenu{width:100%;} .ie.rohm-LR7 #wrapperrohm.newROHM #searchfiltermegamenuleft, .ie #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul ul li input[type="text"].distribution-search-input{width:118%;}*/ .rohm-LR7 #wrapperrohm.newROHM #searchfiltermegamenuleft #short-menu #tooltip_menu{margin-top:40px;padding:0px;border-color: #b9b9b9;} .rohm-LR7 #wrapperrohm.newROHM #searchfiltermegamenuleft #short-menu #tooltip_menu a.searchTypeCls,.rohm-LR7 #wrapperrohm.newROHM #searchfiltermegamenuleft #short-menu #tooltip_menu a.searchTypeCls:hover, .rohm-LR7 #wrapperrohm.newROHM #searchfiltermegamenuleft #short-menu #tooltip_menu a.searchTypeCls.active{border-radius:0px; display:block;} .rohm-LR7 #wrapperrohm.newROHM #searchfiltermegamenuleft #short-menu #tooltip_menu a.searchTypeCls{color:#666 !important;} .rohm-LR7 #wrapperrohm.newROHM #searchfiltermegamenuleft #short-menu #tooltip_menu a.searchTypeCls:hover{color:#fff !important;} .rohm-LR7 #wrapperrohm.newROHM #searchfiltermegamenuleft #short-menu #tooltip_menu a.searchTypeCls.active, .rohm-LR7 #wrapperrohm.newROHM #searchfiltermegamenuleft #short-menu #tooltip_menu a.searchTypeCls.active:hover{color: #d91d3c!important;background:#ededed !important;width:100%;} /* End */ .prod-detail-desc > .col-md-8{padding-right:10px;} } @media (min-width: 768px) and (max-width: 800px){ #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul {width:220px;} /* Jira-2180 */ #wrapperrohm.newROHM #header .customeNavigation #nav li#nav-04 .productmenu > ul, #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu > div {width:240px;} /* End Jira-2180 */ #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul {width:242px; left: 265px;} .productmenu > ul > li > ul, #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul {left: 221px;} #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul > li > ul {width:256px;} .productmenu > ul > li > ul > li ul,#wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu > ul > li > ul > li ul {left: 243px;} } @media (min-width: 1078px) and (max-width: 5464px){.headerquick-section .social-tool{}} @media (max-width: 1077px){} @media (max-width: 1024px){.headerquick-section .lfr-ddm-field-group-inline .icon-monospaced{margin-top:-5px;}} @media (min-width: 980px){ #navigationCollapse{ position: absolute; top: 46px; width: 100%; left: auto; clear: left;height: 16px !important;} .desktop-navi-left{position: absolute !important; } .headerquick-section .navbar-NotMobile{width: 22%;} .headerquick-section form, .headerquick-section section.portlet, .headerquick-section .navbar-form input, .headerquick-section .lfr-ddm-field-group{margin:0px;} .headerquick-section .navbar-form{width:200px; max-width:200px; margin-top: -4px !important;padding: 4px 6px !important;} .headerquick-section .navbar-form input{width:100%; height:auto; margin-top: -5px !important;} .headerquick-section .navbar-form input[type="text"]{ box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);} #wrapperrohm .headerquick-section #navigation .lfr-ddm-field-group-inline { height: 26px; margin-right:3px;} .headerquick-section .lfr-ddm-field-group-inline .icon-monospaced{height: 26px !important;line-height: 26px;width: 26px !important;} .headerquick-section .header-search1{width: 89%;} } @media (min-width: 768px) and (max-width: 979px){ body {min-width: auto;} #navigationCollapse{position: absolute; top: 46px; width: 100% !important;height: 16px !important;} .headerquicklink a { margin-left: 8px;} .headerquick-section .navbar-form{width:26%; max-width: 26%; margin-top: -4px !important;padding: 4px 6px !important;} .headerquick-section .navbar-form input{width:100%; height:auto; margin-top: -5px !important;} .headerquick-section .navbar-form input[type="text"]{ box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);} #wrapperrohm .headerquick-section #navigation .lfr-ddm-field-group-inline { height: 26px; margin-right:3px;} .headerquick-section .header-search1{width: 84%;} } @media (min-width: 915px) { .signed-out.en_GB #wrapper, .signed-out.de_DE #wrapper{margin-top:4px !important;} } @media (min-width: 899px) and (max-width: 914px){ .signed-out.en_GB #wrapper, .signed-out.de_DE #wrapper{margin-top:4px !important;} } @media (min-width: 768px) and (max-width: 898px){ .signed-out.en_GB #wrapper, .signed-out.de_DE #wrapper{margin-top:4px !important;} } @media (min-width: 963px) and (max-width: 979px){.headerquick-section .header-search1{width: 89%;}.headerquick-section .navbar-form{width:28%; max-width: 28%;}#wrapperrohm #header #navigation .customeNavigation.rohmnavigation li span{font-size: 17px;}} @media (min-width: 953px) and (max-width: 962px){.headerquick-section .navbar-form{width:27%; max-width: 27%;}#wrapperrohm #header #navigation .customeNavigation.rohmnavigation li span{font-size: 17px;}} @media (min-width: 945px) and (max-width: 952px){.headerquick-section .navbar-form{width:28%; max-width: 28%;}.ja_JP .headerquicklink a, .ja_JP .headerquicklink .rohmlogin span {font-size: 13px;}} @media (min-width: 931px) and (max-width: 944px){.headerquick-section .navbar-form{width:27%; max-width: 27%;}} @media (min-width: 901px) and (max-width: 930px){.headerquick-section .navbar-form{width:26%; max-width: 26%;}} @media (min-width: 883px) and (max-width: 900px){.headerquick-section .navbar-form{width:28%; max-width: 28%;}} @media (min-width: 931px) and (max-width: 952px){#wrapperrohm #header #navigation .customeNavigation.rohmnavigation li span{font-size: 16px;}} @media (min-width: 883px) and (max-width: 930px){#wrapperrohm #header #navigation .customeNavigation.rohmnavigation li span{font-size: 15px;}} @media (min-width: 883px) and (max-width: 952px){.headerquicklink a {font-size: 14px;}} @media (min-width: 883px) and (max-width: 944px){.ja_JP .headerquicklink a, .ja_JP .headerquicklink .rohmlogin span {font-size: 12px;}} @media (min-width: 833px) and (max-width: 882px){#wrapperrohm #header #navigation .customeNavigation.rohmnavigation li span{font-size: 14px;}} @media (min-width: 853px) and (max-width: 882px){.headerquick-section .navbar-form{width:25%; max-width: 25%;}.headerquicklink a {font-size: 14px;}#wrapperrohm.newROHM #header header .header #top-nav .portal-select a#portals-button {width: 152px !important;}} @media (min-width: 841px) and (max-width: 852px){.headerquick-section .navbar-form{width:28%; max-width: 28%;}.headerquicklink a {font-size: 13px;}.rohm-LR7 #top-nav .portal-select a#portals-button span.ui-selectmenu-status, .rohm-LR7 #top-nav .portal-select div.ui-selectmenu-menu ul#portals-menu li a, .rohm-LR7 #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-status{font-size: 13px!important;}#wrapperrohm.newROHM #header header .header #top-nav .portal-select a#portals-button {width: 142px !important;}} @media (min-width: 841px) and (max-width: 882px){.ja_JP .headerquicklink a, .ja_JP .headerquicklink .rohmlogin span {font-size: 11px;}} @media (min-width: 833px) and (max-width: 840px){.headerquick-section .navbar-form{width:27%; max-width: 27%;}.headerquicklink a {font-size: 13px;}.ja_JP .headerquicklink a, .ja_JP .headerquicklink .rohmlogin span {font-size: 11px;}.rohm-LR7 #top-nav .portal-select a#portals-button span.ui-selectmenu-status, .rohm-LR7 #top-nav .portal-select div.ui-selectmenu-menu ul#portals-menu li a, .rohm-LR7 #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-status{font-size: 13px!important;}#wrapperrohm.newROHM #header header .header #top-nav .portal-select a#portals-button {width: 142px !important;}} @media (min-width: 833px) and (max-width: 852px){.headerquicklink a.rohmlogin {padding-top: 18px;}} @media (min-width: 803px) and (max-width: 832px){#wrapperrohm #header #navigation .customeNavigation.rohmnavigation li span{font-size: 13px;}.ja_JP .headerquicklink a, .ja_JP .headerquicklink .rohmlogin span {font-size: 10px;}} @media (min-width: 781px) and (max-width: 802px){#wrapperrohm #header #navigation .customeNavigation.rohmnavigation li span{font-size: 12px;}.ja_JP .headerquicklink a, .ja_JP .headerquicklink .rohmlogin span {font-size: 9px;}} @media (min-width: 781px) and (max-width: 832px){.headerquick-section .navbar-form{width:26%; max-width: 26%;}.headerquicklink a {font-size: 12px;}.rohm-LR7 #top-nav .portal-select a#portals-button span.ui-selectmenu-status, .rohm-LR7 #top-nav .portal-select div.ui-selectmenu-menu ul#portals-menu li a, .rohm-LR7 #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-status{font-size: 12px!important;}#wrapperrohm.newROHM #header header .header #top-nav .portal-select a#portals-button {width: 134px !important;}.headerquicklink a.rohmlogin {padding-top: 18px;}} @media (min-width: 781px) and (max-width: 979px){#navigationCollapse{width: 100%;}} @media (min-width: 768px) and (max-width: 780px){#navigationCollapse{width:auto;}.headerquick-section .navbar-form{width:28%; max-width: 28%;}#wrapperrohm #header #navigation .customeNavigation.rohmnavigation li span{font-size: 12px;}.headerquicklink a {font-size: 12px;}.ja_JP .headerquicklink a, .ja_JP .headerquicklink .rohmlogin span {font-size: 9px;}.rohm-LR7 #top-nav .portal-select a#portals-button span.ui-selectmenu-status, .rohm-LR7 #top-nav .portal-select div.ui-selectmenu-menu ul#portals-menu li a, .rohm-LR7 #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-status{font-size: 12px!important;}#wrapperrohm.newROHM #header header .header #top-nav .portal-select a#portals-button {width: 134px !important;}.headerquicklink a.rohmlogin {padding-top: 18px;}.zh_CN .headerquicklink a.rohmlogin {padding: 18px 0px 5px;}} @media (min-width: 768px) and (max-width: 980px){ .headerquicklink .rohmlogin, .headerquicklink .rohmlogin span, .headerquicklink a {font-size: 10px;padding-top:18px;} } @media (min-width: 768px) and (max-width: 1024px){ #wrapperrohm.newROHM.ja #header header .header #top-nav .portal-select a#portals-button {width: 96px !important;} } @media (min-width: 768px){ .navbar{margin-bottom:0px;} .headerquick-section .navbar-form,.headerquick-section .navbar-collapse, .headerquick-section .navbar-collapse #navigation, #wrapperrohm.newROHM #header header .header .navbar-collapse, #wrapperrohm.newROHM #header header .header .navbar-collapse #navigation{padding:0px;} .headerquick-section .navbar-Mobile, .headerquicklink.mobile, .headerquick-section #heading .navbar-form.navbar-right.navbar-NotMobile {display:none;} .headerquick-section .navbar-header{float:right;} .headerquick-section .navbar-header#heading1{display:none;} .headerquick-section .icon-user {background: none;line-height: 18px;} .headerquick-section .user-icon{height: 24px;line-height: 24px;width: 24px;} .user-personal-bar { margin-left: 4px;} .headerquick-section form, .headerquick-section .navbar-form, .headerquick-section section.portlet, .headerquick-section .navbar-form input, .headerquick-section .lfr-ddm-field-group{margin:0px; } .headerquick-section .navbar-form input{width:100%;} .headerquick-section .portlet-content-editable{border:0px none;} .headerquick-section .header-search1{position:relative; float: right; width: 84%;} .headerquick-section .lfr-ddm-field-group-inline {display: inline; position: absolute;top: 0; right: -4px;} .headerquick-section .magnifyIcon{float:right; background-color:#dadada; box-shadow: inset -1px 1px 1px 0px #c2c2c2;border-radius: 30px; margin-top: -4px !important;padding: 4px 3px !important;} #wrapperrohm .headerquick-section #navigation .magnifyIcon .lfr-ddm-field-group-inline{ margin-right: 2px;} .headerquick-section .magnifyIcon .lfr-ddm-field-group-inline{top: 0;} .headerquick-section .magnifyIcon .lfr-ddm-field-group-inline, .headerquick-section .navbar-NotMobile{position: relative; right: 0px; z-index: 9;} #wrapperrohm .headerquick-section #navigation .magnifyIcon .lfr-ddm-field-group-inline .icon-monospaced a:link, #wrapperrohm .headerquick-section #navigation .magnifyIcon .lfr-ddm-field-group-inline .icon-monospaced a:hover,#wrapperrohm .headerquick-section #navigation .magnifyIcon .lfr-ddm-field-group-inline .icon-monospaced a:focus{background:#da1f3d;} #wrapperrohm .headerquick-section #navigation .lfr-ddm-field-group-inline .icon-monospaced a {display: inline-block;} .headerquick-section .lfr-ddm-field-group-inline .icon-monospaced .lexicon-icon{fill:#fff!important;} .headerquick-section .navbar-NotMobile .lfr-ddm-field-group-inline .icon-monospaced .lexicon-icon{fill:#ffffff!important;} .ie9 .headerquick-section .navbar-NotMobile .lfr-ddm-field-group-inline .icon-monospaced .lexicon-icon{width:27px;height:27px;} .ie9 #wrapperrohm .headerquick-section .navbar-NotMobile .lfr-ddm-field-group-inline{ top:-31px !important; } .headerquick-section .form-group-inline, .headerquick-section .lfr-ddm-field-group-inline {display: inline;} .headerquick-section .lfr-ddm-field-group-inline .icon-monospaced{margin-top:-3px;height: 26px !important;line-height: 26px;width: 26px !important;} .headerquick-section .lfr-ddm-field-group-inline .icon-monospaced .lexicon-icon {height: 28px;line-height: 28px;width: 28px;padding: 6px; fill:#a1a1a1;} .safari .headerquick-section .lfr-ddm-field-group-inline .icon-monospaced .lexicon-icon{height:16px;padding:0px;margin-top:5px;} .headerquick-section .social-tool.navbar-right.fr.margin-right0{margin-right:-3px; z-index: 9; position: relative;} /* Animated search form start */ .headerquick-section .mobileSiteSearchForm {display:none !important;} .headerquick-section .lfr-ddm-field-group-inline .icon-monospaced{margin-top:-2px;height: 32px !important;line-height: 32px;width: 32px !important;} .ja_JP .headerquick-section .lfr-ddm-field-group-inline .icon-monospaced{margin-top:-2px;} .headerquick-section .navbar-form {width:auto; max-width: auto; background-color: transparent; box-shadow: inset 0px 0px 0px 0px transparent;border-radius: 0px; margin-top: 0px !important; padding: 0px !important;} .headerquick-section .navbar-NotMobile {width: 27%; top: -2px;float:right;} .headerquick-section .navbar-NotMobile:hover{ z-index: 9;} .headerquick-section .header-search1{ float: left; width: 100%;} .headerquick-section .form-group-inline, .headerquick-section .lfr-ddm-field-group-inline {display: inline-block;} .navbar-NotMobile .form .header-search1 .form-group {width: 100%; box-sizing: border-box; border: 0px solid #ccc; border-radius: 30px;font-size: 16px;background-color: #eee; padding:3px 20px 3px 4px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; box-shadow:inset -1px 1px 1px 1px #c2c2c2; cursor: pointer; float:right;height: 34px;} .navbar-NotMobile .form .header-search1 .form-group:hover {} #selectOption{position: absolute;left: 6px;z-index: 1;} .ie9 #selectOption{left:auto;} #selectOption #searchmenu li, #selectOption #searchmenu li > a{float:left; font-family:'fira_sanslight'!important; font-weight:normal;} .en_US #selectOption #searchmenu li, .en_US #selectOption #searchmenu li > a{font-family: 'IBM Plex SansLight'!important;} .ko_KR #selectOption #searchmenu li, #selectOption #searchmenu li > a{font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif"!important;} .zh_TW #selectOption #searchmenu li, #selectOption #searchmenu li > a{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} .zh_CN #selectOption #searchmenu li, #selectOption #searchmenu li > a{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .ja_JP #selectOption #searchmenu li,.ja_JP #selectOption #searchmenu li > a{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} #selectOption #searchmenu li ul{top:30px;left:-7px;width:200px;padding-top:10px;padding-bottom: 10px;font-size: 12px; background: #464646; } #wrapperrohm.newROHM #searchmenu ul a {padding: 5px 7px 5px 26px; width: 174px;height: auto;line-height: 1;display: block;text-transform: none;list-style-type: none;} #wrapperrohm.newROHM #searchmenu ul a, .rohm-LR7 #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="submit"]#search-button-megamenu{color: #fff;float: none; text-shadow: 0px 0px transparent;} .zh_CN #selectOption #searchmenu li ul,.zh_TW #selectOption #searchmenu li ul,.de_DE #selectOption #searchmenu li ul{width:212px;} .firefox .de_DE #selectOption #searchmenu li ul,.mobile.chrome .de_DE #selectOption #searchmenu li ul,.safari .de_DE #selectOption #searchmenu li ul{width:226px;} .ie .de_DE #selectOption #searchmenu li ul{width:216px;} .zh_CN #wrapperrohm.newROHM #searchmenu ul a,.zh_TW #wrapperrohm.newROHM #searchmenu ul a,.de_DE #wrapperrohm.newROHM #searchmenu ul a{width: 200px;} .ja_JP #selectOption #searchmenu li ul{width:224px;} .ja_JP #wrapperrohm.newROHM #searchmenu ul a{width: 220px;} .ie .ja_JP #selectOption #searchmenu li ul,.ie .de_DE #selectOption #searchmenu li ul,.firefox .ja_JP #wrapperrohm.newROHM #searchmenu ul a,.firefox .de_DE #wrapperrohm.newROHM #searchmenu ul a,.mobile.chrome .de_DE #wrapperrohm.newROHM #searchmenu ul a,.safari .de_DE #wrapperrohm.newROHM #searchmenu ul a{width: 230px !important;} #wrapperrohm.newROHM #searchmenu ul li:hover a{text-decoration:underline;} #searchmenu .tab-link1.activesearch a { text-decoration: underline !important; background-image: url(../images/rohm-theme/search_bullet.gif); background-position: 12px 10px; background-repeat: no-repeat; text-decoration: underline !important; } .navbar-NotMobile .form .header-search1 .form-group input[type="text"]{ width: 97%; height:24px;margin-top:2px!important; margin-bottom:2px;margin-left:-3px;font-size: 14px;padding-left: 5px;} .navbar-NotMobile .form .header-search1 .caret {height: 10px;margin-top: 12px;border-top-width: 6px;border-right-width: 6px;border-left-width: 6px; border-bottom-width: 0;border-bottom-style: dotted;vertical-align: middle;float: left;content: "";position: absolute;} /* Animated search form end */ /* Old Style Navigation */ .customeNavigation{width:auto !important;height: auto !important;background-color:transparent !important;top: -4px;} .navbar{margin-bottom:0px; width:100% !important;} .navbar .nav{float:none;} #header .customeNavigation{width: 100% !important;background-color:transparent !important;} #header .customeNavigation #navigation a{font-weight:normal;} #wrapperrohm.newROHM #header .customeNavigation #nav li.selected span,#header .customeNavigation #nav li.selected span,#header .customeNavigation #nav li.selected span:hover{background-color:#e2e2e2 !important;border-top:0px;padding: 12px 8px 10px 8px !important;} #wrapperrohm.newROHM #header .customeNavigation #nav li span,#header .customeNavigation #nav li span,#header .customeNavigation #nav li span:hover{padding: 12px 8px 10px 8px !important;} .hi_IN #header .customeNavigation #nav li span, .en_GB #header .customeNavigation #nav li span{padding-right:8px !important;padding-left: 8px !important;} #wrapperrohm #navigation .rohmnavigation li.selected:first-of-type span, #wrapperrohm #navigation .rohmnavigation li:first-of-type span, #wrapperrohm #navigation .rohmnavigation li:first-of-type span:hover{padding: 12px 8px 10px 8px !important;} #navigation .rohmnavigation li:first-of-type.selected span{padding: 12px 8px 10px 8px !important!important;} .rohm-LR7 #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul div div #searchfiltermegamenuleft span span, .rohm-LR7 #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul div div #searchfiltermegamenuleft span:hover span{padding:0px !important;} .rohm-LR7 #wrapperrohm #navigation .rohmnavigation #nav li#nav-04.selected .productmenu.buysamplemenu ul div div #searchfiltermegamenuleft span span.search-filter-dropdown{color: #333!important; float:right;} .rohm-LR7 #wrapperrohm #navigation .rohmnavigation #nav li#nav-04.selected .productmenu.buysamplemenu ul div div #searchfiltermegamenuleft span:hover span.search-filter-dropdown, .rohm-LR7 #wrapperrohm #navigation .rohmnavigation #nav li#nav-04.selected .productmenu.buysamplemenu ul div div #searchfiltermegamenuleft span:hover span.search-filter-dropdown{color:#da2540!important; float:right;} .rohm-LR7 .ko_KR #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul div div #searchfiltermegamenuleft span span.search-filter-dropdown-text, .rohm-LR7 .ko_KR #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul div div #searchfiltermegamenuleft span span.search-filter-dropdown-text:hover{font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .rohm-LR7 .zh_TW #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul div div #searchfiltermegamenuleft span span.search-filter-dropdown-text, .rohm-LR7 .zh_TW #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul div div #searchfiltermegamenuleft span span.search-filter-dropdown-text:hover{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} .rohm-LR7 .zh_CN #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul div div #searchfiltermegamenuleft span span.search-filter-dropdown-text, .rohm-LR7 .zh_CN #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul div div #searchfiltermegamenuleft span span.search-filter-dropdown-text:hover{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .rohm-LR7 .ja_JP #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul div div #searchfiltermegamenuleft span span.search-filter-dropdown-text, .rohm-LR7 .ja_JP #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul div div #searchfiltermegamenuleft span span.search-filter-dropdown-text:hover{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} #wrapperrohm #navigation .rohmnavigation li.selected:last-child span, #wrapperrohm #navigation .rohmnavigation li:last-child span, #wrapperrohm #navigation .rohmnavigation li:last-child span:hover, #wrapperrohm #navigation .rohmnavigation span:last-child:focus{padding: 12px 8px 10px 8px !important;} #navigation .rohmnavigation li:last-child.selected span{padding: 12px 8px 10px 8px !important;} #header .customeNavigation #nav li span{height: auto;color: #333;} .container-fluid.maxfixsize .customeNavigation {border-radius: 0 !important;box-shadow: 0 0px 0px 0px transparent !important;} /* End */ #header .customeNavigation #nav li#nav-01:first-of-type {margin-left: 106px;padding-left: 0px;} #header .customeNavigation #nav li#nav-01.selected:first-of-type {margin-left: 100px;padding-left: 6px;} #navigation .rohmnavigation li, #wrapperrohm.newROHM #header .customeNavigation #nav {position: static!important;} #wrapperrohm.newROHM #header .customeNavigation #nav #nav-01 ul.parent, #wrapperrohm.newROHM #header .customeNavigation #nav #nav-02 ul.parent, #wrapperrohm.newROHM #header .customeNavigation #nav #nav-03 ul.parent, #wrapperrohm.newROHM #header .customeNavigation #nav #nav-04 ul.parent, #wrapperrohm.newROHM #header .customeNavigation #nav #nav-05 ul.parent {width: 100%!important;position: absolute!important;left: 0px !important;top:43px;z-index: -1;} #MoBiMenue{display:none;} #showcookiealert .labelcookiemessage .labelcookiemessageContent {margin-left: auto; margin-right: auto;width: 84%;} #navigation .socialIconToggle, .headerquick-section .navbar-NotMobile{ position:absolute; float: right; z-index: 10;right: 0;} .headerquick-section .magnifyIcon .lfr-ddm-field-group-inline, .headerquick-section .navbar-NotMobile{position: relative; right: 0px; z-index: 9;} } /* Animated search form start */ @media (min-width: 948px) and (max-width: 979px){.headerquick-section .navbar-NotMobile {width: 21.7%;}} @media (min-width: 900px) and (max-width: 947px){.headerquick-section .navbar-NotMobile {width: 23%;}} @media (min-width: 827px) and (max-width: 899px){.headerquick-section .navbar-NotMobile {width: 25%;}} @media (min-width: 768px) and (max-width: 826px){.headerquick-section .navbar-NotMobile {width: auto;right: 4px;}} /* Animated search form end */ @media (min-width: 1281px) { #navigation .socialIconToggle, #navigation .socialIconToggle{display:none;} #socialIconToggle, #socialIconToggle{display:block!important;} } @media (min-width: 768px) and (max-width: 1280px){ #navigation .socialIconToggle{display:none;} #navigation .socialIconToggle{display:block; text-align: center;cursor: pointer;} #navigation .socialIconToggle a{padding: 4px!important;background-color: #eee; border-radius: 20px;width: 32px;height: 32px;text-align: center; text-shadow: 0px 0px transparent; color: #464646;} #navigation .socialIconToggle.socialhandleselect a {background-color: #da1f3d; color: #fff;padding: 4px !important;} #socialIconToggle{display:none;} .headerquick-section .social-tool.navbar-right.fr.margin-right0 {margin-right: -1px; z-index: 9; position: relative; width: 35px;padding-top: 34px;background-color: #fff; padding-left: 2px;padding-bottom: 4px;} #navigation .social-tool a.blogIcon, #navigation .social-tool a.wechat, #navigation .social-tool a.gplus, #navigation .social-tool a.instagram,#navigation .social-tool a.linkedin, #navigation .social-tool a.fb, #navigation .social-tool a.twitter, #navigation .social-tool a.rss, #navigation .social-tool a.weibo, #navigation .social-tool a.yt{margin-top:3px;} .social-tool a.gplus {background-position: -212px -43px !important;} .social-tool a.instagram {background-position: -318px -43px !important;} .social-tool a.wechat {background-position: -2px -43px !important;} .social-tool a.linkedin {background-position: -177px -43px !important;} .social-tool a.fb {background-position: -107px -43px !important;} .social-tool a.twitter{background-position: -142px -43px !important;} .social-tool a.rss {background-position: -70px -43px !important;} .social-tool a.weibo {background-position: -38px -43px !important;} .social-tool a.yt {background-position: -247px -43px !important;} .social-tool a.wechat{ background-position:-3px -43px!important; } .social-tool a.blogIcon {background-position: -282px -43px !important;} /* Animated search form start */ .headerquick-section .navbar-NotMobile { position: absolute; width: 23.5%; right: 40px;z-index: 10;} .headerquick-section .navbar-NotMobile:hover {z-index: 10;} /* Animated search form end */ } @media (max-width: 767px) { #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .socialIconToggle, #navigation .socialIconToggle{display:none;} #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile #socialIconToggle, #socialIconToggle{display:block;} .portlet-title-text{white-space: normal;word-break: break-all;} .rohm-LR7 .portlet{display: flow-root;} } @media (max-width: 767px){ body {padding-right: 0px;padding-left: 0px;} #wrapperrohm.newROHM.full-topHeader { width: 100% !important; position: relative;} .maxfixsize.fullsize #wrapperrohm.newROHM.full-topHeader{position: relative; } #wrapperrohm.newROHM header .header .rohmlogo{width:91px; height:70px; margin-bottom: 9px;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select, .en_GB #wrapperrohm.newROHM.en #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select, .de_DE #wrapperrohm.newROHM.de #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select{ right: -24px; width: 100px !important; float: left;} #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-open {left: 0 !important; right: 0;} .en_GB #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu ul, .de_DE #wrapperrohm.newROHM #header header .header #top-nav .portal-select .ui-selectmenu-menu ul {width: 144px !important; float: left;} .headerquick-section .icon-user {background: none;line-height: 18px;} .headerquick-section .user-icon{height: 24px;line-height: 24px;width: 24px;} .headerquicklink{ clear: right;margin-top: 14px;} /* Menu */ .productmenu, .headerquick-section .navbar-NotMobile,#main-navJQ{display:none;} .headerquick-section .navbar-Mobile{display:block;clear: both;padding:0;} .headerquick-section .navbar-form,.headerquick-section .navbar-collapse, .headerquick-section .navbar-collapse #navigation, #wrapperrohm.newROHM #header header .header .navbar-collapse, #wrapperrohm.newROHM #header header .header .navbar-collapse #navigation{padding:0px; margin-left: -5px;} /* Old Style Navigation */ .customeNavigation{background-color:transparent !important;} .navbar{margin-bottom:0px;} .navbar .nav{float:none;} #header .customeNavigation{ background-color:transparent !important; padding-top: 53px;} #header .customeNavigation #navigation a{font-weight:normal;} #wrapperrohm.newROHM #header .customeNavigation #nav li {padding-top: 10px;padding-bottom: 10px; margin-bottom: 0px;margin-top: 0px; border-top: 1px solid #dadada; border-bottom: 1px solid transparent !important;width: 100% !important; display: block !important; float: none !important;} #wrapperrohm.newROHM #header .customeNavigation #nav li ul {border-top: 1px solid #fff !important; margin-top: 9px;} #wrapperrohm.newROHM #header .customeNavigation #nav li li{border-top:0px none;} #header .customeNavigation #nav li#nav-01:hover, #header .customeNavigation #nav li#nav-02:hover, #header .customeNavigation #nav li#nav-03:hover, #header .customeNavigation #nav li#nav-04:hover, #header .customeNavigation #nav li#nav-05:hover{background-color: #f8f8f8 !important;} .hi_IN #header .customeNavigation #nav li span, .en_GB #header .customeNavigation #nav li span{padding: 0px 6px !important;} #wrapperrohm #navigation .rohmnavigation li.selected:first-of-type span, #wrapperrohm #navigation .rohmnavigation li:first-of-type span, #wrapperrohm #navigation .rohmnavigation li:first-of-type span:hover{ padding: 0px 6px 0px 6px!important; } #navigation .rohmnavigation li:first-of-type.selected span{ padding: 3px 8px 3px 0px!important; } #wrapperrohm #navigation .rohmnavigation li.selected:last-child span, #wrapperrohm #navigation .rohmnavigation li:last-child span, #wrapperrohm #navigation .rohmnavigation li:last-child span:hover, #wrapperrohm #navigation .rohmnavigation span:last-child:focus{ padding: 3px 0px 3px 6px!important; } #navigation .rohmnavigation li:last-child.selected span{ padding: 3px 0px 3px 6px!important; } #header .customeNavigation #nav li span{height: auto;color: #333;} .container-fluid.maxfixsize .customeNavigation {border-radius: 0 !important;box-shadow: 0 0px 0px 0px transparent !important;margin-top:46px;} #MoBiMenue div.myMenu .scroll-pane ul{margin-top:0;} /* End */ .navbar .nav > li, #navigation .rohmnavigation li, #navigation .rohmnavigation a{ float:none;} #navigationCollapse{ position: fixed; top: 90px; left: auto; z-index: 2;height: 16px !important;} #wrapperrohm #header #navigation .customeNavigation.rohmnavigation li span{font-size:16px; min-height: 22px;} #wrapperrohm #navigation .rohmnavigation li.selected:first-of-type span, #wrapperrohm #navigation .rohmnavigation li:first-of-type span, #wrapperrohm #navigation .rohmnavigation li:first-of-type span:hover, #wrapperrohm #navigation .rohmnavigation span:first-child:focus{padding: 3px 8px;} .rohm-LR7 #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span, .rohm-LR7 #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span:hover span{padding:0px !important;} .rohm-LR7 #wrapperrohm #navigation .rohmnavigation #nav li#nav-04.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown, .rohm-LR7 #wrapperrohm #navigation .rohmnavigation #nav li#nav-04.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown:hover{color:#da2540 !important; float:right;} .rohm-LR7 .ko_KR #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown-text, .rohm-LR7 .ko_KR #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown-text:hover{font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .rohm-LR7 .zh_TW #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown-text, .rohm-LR7 .zh_TW #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown-text:hover{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} .rohm-LR7 .zh_CN #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown-text, .rohm-LR7 .zh_CN #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown-text:hover{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .rohm-LR7 .ja_JP #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown-text, .rohm-LR7 .ja_JP #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul ul li #searchfiltermegamenuleft span span.search-filter-dropdown-text:hover{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} .headerquick-section form, .headerquick-section .navbar-form, .headerquick-section section.portlet, .headerquick-section .navbar-form input, .headerquick-section .lfr-ddm-field-group{margin:0px;} .headerquick-section .navbar-form{margin:0px 0 10px -24px;} .headerquick-section .navbar-form input{width:100%;} .headerquick-section .portlet-content-editable{border:0px none;} .headerquick-section .header-search1{position:relative; float: right; width: 94%;} .headerquick-section .lfr-ddm-field-group-inline {display: inline; position: absolute;top: 0; right: -4px;} .headerquick-section .form-group-inline, .headerquick-section .lfr-ddm-field-group-inline {display: inline;} .headerquick-section .lfr-ddm-field-group-inline .icon-monospaced{margin-top:-5px;height: 26px !important;line-height: 26px;width: 26px !important;} .headerquick-section .lfr-ddm-field-group-inline .icon-monospaced .lexicon-icon {height: 28px;line-height: 28px;width: 28px;padding: 6px; fill:#ffffff;} .headerquick-section .navbar-header button, .headerquick-section .navbar-header button:hover, .headerquick-section .navbar-header button:focus{background:none transparent; border:0px none; color:#2b4259;outline: none;} .headerquick-section .navbar-header{float:right; margin-right: 1.114%;} .headerquick-section .navbar-header .navbar-toggle{margin:0px 0 0 5px; padding:0 5px; height: 28px;} .headerquick-section .navbar-header .navbar-toggle .icon-bar{width:14px;background-color: #da1f3d;} .headerquick-section .navbar-form{ margin-top: -4px !important;padding: 4px 6px !important;} .headerquick-section .navbar-form input{width:100%; height:auto;} .headerquick-section .navbar-form input[type="text"]{box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);} #wrapperrohm .headerquick-section .lfr-ddm-field-group-inline { height: 26px; margin-right:3px;} #wrapperrohm .headerquick-section .lfr-ddm-field-group-inline .icon-monospaced a {display: inherit;} /* New Mobile design changes */ .navbar .nav > li, #navigation .rohmnavigation li, #navigation .rohmnavigation a{font-weight:normal;} .headerquicklink.desktop, #wrapperrohm.newROHM #header header .header #top-nav .portal-select, .portal-select, #wrapperrohm.newROHM #header header .header .navbar-collapse #navigation .social-tool{display:none !important;} .headerquick-section .mobileSiteSearchForm{display:none;} .headerquick-section .mobileSiteSearchForm .caret{float:left;} .headerquick-section .navbar-NotMobile, .headerquicklink.mobile{display:block;} #wrapperrohm.newROHM header .header .rohmlogo{float:none!important;margin:0px auto; width: 55px; height: 46px; margin-top:6px;margin-bottom:6px;} .headerquick-section .navbar-header .navbar-toggle{margin:4px 0 0 0;z-index:10;} .headerquick-section .navbar-header .navbar-toggle.MenuIconClose .icon-bar:nth-child(1){-moz-transform: rotate(135deg); -o-transform: rotate(135deg);-webkit-transform: rotate(135deg);margin-top: 0;position: absolute;transform: rotate(135deg);} .headerquick-section .navbar-header .navbar-toggle.MenuIconClose .icon-bar:nth-child(1), .headerquick-section .navbar-header .navbar-toggle.MenuIconClose .icon-bar:nth-child(3){ width:18px;} .headerquick-section .navbar-header .navbar-toggle.MenuIconClose .icon-bar:nth-child(1){ left: 10px;} .headerquick-section .navbar-header .navbar-toggle.MenuIconClose .icon-bar:nth-child(1){top: 12px;z-index: 1;} .headerquick-section .navbar-header .navbar-toggle.MenuIconClose .icon-bar:nth-child(3){top: -19px; left: 5px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);} .headerquick-section .navbar-header .navbar-toggle.MenuIconClose .icon-bar:nth-child(2) { width:28px; height: 28px; border-radius: 30px; margin-top: 0;background-image: none; border-left-width: 3px; border-right-width: 3px; border-top-width: 3px; border-bottom-width: 3px; border-bottom-color: #da1f3d; border-top-color: #da1f3d; border-left-color: #da1f3d; border-right-color: #da1f3d;background-color: #fff;} .headerquick-section .navbar-header .navbar-toggle.MenuIconClose .icon-bar:nth-child(1), .headerquick-section .navbar-header .navbar-toggle.MenuIconClose .icon-bar:nth-child(3), .headerquick-section .navbar-header .navbar-toggle.collapsed .icon-bar{height: 4px; border-radius: 4px; background-color: #da1f3d;} .headerquick-section .navbar-header .navbar-toggle.collapsed .icon-bar{width:24px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);position: relative;left: 0;top: 0; margin-top: 3px; border: 0px solid transparent;} .has-control-menu.signed-in #wrapperrohm.newROHM #header{ margin-top: 6px !important; margin-bottom: 6px;} #wrapperrohm.newROHM #header header .header .headerquick-section{ margin-top: -44px;} #wrapperrohm.newROHM #header header .header .navbar-collapse, .headerquick-section .navbar-collapse,#navigationCollapse{clear:both; border-top: 0px none; box-shadow: inset 0 0px 0 transparent;} #wrapperrohm.newROHM #header header .header #top-nav{margin-left:0px; margin-top: -40px;} #header .customeNavigation{margin-top:14px; overflow: hidden;} .headerquicklink.mobile{float:left !important; display: block; background-color: #fff; } .headerquicklink.mobile a {padding: 2px 0px 2px 6px !important;} #wrapperrohm a:hover{font-weight:normal; text-shadow: 0px 0px transparent;} .headerquicklink a.rohmlogin{border-radius: 5px 5px 5px 5px; margin-right: 8px !important;} #navigation .headerquicklink a.rohmlogin:hover{background-color:#da1f3d;} /* Animated search form start */ .headerquick-section .lfr-ddm-field-group-inline .icon-monospaced{margin-top:-2px;height: 32px !important;line-height: 32px;width: 32px !important;} .ja_JP .headerquick-section .lfr-ddm-field-group-inline .icon-monospaced{margin-top:-2px;} .headerquick-section .navbar-Mobile .header-search1 .lfr-ddm-field-group-inline .icon-monospaced{margin-top:2px;} .headerquick-section .navbar-form {width:auto; max-width: auto; background-color: transparent; box-shadow: inset 0px 0px 0px 0px transparent;border-radius: 0px; margin-top: 0px !important; padding: 0px !important; margin:0;} .headerquick-section .navbar-NotMobile {width: 34px; position: absolute; right: 8px; top:4px; z-index: 1;} .signed-out .headerquick-section .navbar-NotMobile {right: 10px;} .headerquick-section .navbar-NotMobile.top8{top:10px;display: none !important;} .headerquick-section .navbar-NotMobile.top4{top:4px;} .headerquick-section .navbar-NotMobile:hover{ z-index: 9;} .headerquick-section .navbar-form.mobileSiteSearchForm{position: relative; top: 8px; height: 31px; z-index: 1; width: 97.772%; margin-left: 1.114%;} #wrapperrohm .headerquick-section .mobileSiteSearchForm .lfr-ddm-field-group-inline { margin-right: -3px;} .headerquick-section .mobileSiteSearchForm .header-search1{ float: left; width: 97.772%;} .headerquick-section .mobileSiteSearchForm .form-group-inline, .headerquick-section .mobileSiteSearchForm .lfr-ddm-field-group-inline {display: inline;} .headerquick-section .form-group-inline, .headerquick-section .lfr-ddm-field-group-inline {display: inline-block;} .navbar-NotMobile .form .header-search1 .form-group {width: 35px; box-sizing: border-box; border: 0px solid #ccc; border-radius: 30px;font-size: 16px;background-color: #eee;padding:3px 20px 3px 14px; box-shadow:inset -1px 1px 1px 1px #c2c2c2;height: 34px;} .navbar-NotMobile .form .header-search1 .form-group:hover {width: 35px;} #selectOption{position: absolute;left: 2px;z-index: 1;} #selectOption #searchmenu li, #selectOption #searchmenu li > a{float:left;} .rohm-LR7 .navbar-NotMobile .form .header-search1 .form-group #selectOption #searchmenu, .rohm-LR7 .navbar-Mobile .form #selectOption #searchmenu { margin-top: 0;margin-bottom:0; } #selectOption #searchmenu li ul{top:30px;left:-7px;margin-left:0.6em;width:200px;padding-top:10px;padding-bottom: 10px;font-size: 12px;background: #464646;} #wrapperrohm.newROHM #searchmenu ul a {color: #fff;padding: 5px 7px 5px 26px; width: 174px;height: auto;line-height: 1;display: block;float: none;text-transform: none;} .zh_CN #selectOption #searchmenu li ul,.zh_TW #selectOption #searchmenu li ul{width:212px;} .zh_CN #wrapperrohm.newROHM #searchmenu ul a,.zh_TW #wrapperrohm.newROHM #searchmenu ul a{width: 200px;} .ie .de_DE #selectOption #searchmenu li ul{width:216px;} .ja_JP #selectOption #searchmenu li ul,.de_DE #selectOption #searchmenu li ul{width:230px;} .ja_JP #wrapperrohm.newROHM #searchmenu ul a,.de_DE #wrapperrohm.newROHM #searchmenu ul a{width: 230px;} #searchmenu .tab-link1.activesearch a {text-decoration: underline !important;background-image: url(../images/rohm-theme/search_bullet.gif);background-position: 12px 10px; background-repeat: no-repeat;text-decoration: underline !important;} .headerquick-section .navbar-form.mobileSiteSearchForm input{margin-top: 0px !important; background-image: none;line-height: 20px;padding-left: 10px;} .navbar-NotMobile .form .header-search1 .form-group input[type="text"]{background-color:#eee; width: 95%; height:24px;margin-top:2px!important; margin-bottom:2px;margin-left:8px;font-size: 14px;} .navbar-NotMobile .form .header-search1 .caret {height: 10px;width: 0px;margin-top: 12px;border-top-width: 6px;border-right-width: 6px ;border-left-width: 6px;border-bottom-width: 0; border-bottom-style:dotted; vertical-align: middle;float: left;content: "";position: absolute;} .headerquick-section .mobileSiteSearchForm .caret{margin-left:5px;} /* Animated search form end */ /* Old Style Navigation */ #wrapperrohm.newROHM #header header .header .navbar-collapse #navigation .navbar-NotMobile, .headerquick-section .navbar-collapse #navigation .navbar-NotMobile, #navigationCollapse #navigation .navbar-NotMobile{ display:none;} #back-to-top, #back-to-top:hover, #back-to-top:focus {bottom: 20px !important; background-size: 40% !important; background-image:url("../images/rohm-theme/backtotop.png");background-position: center 90% !important; line-height: 100px; right: 6px!important;} #breadcrumbs{display:none;} /* Try */ .user-personal-bar{margin-top:6px;} #wrapperrohm.newROHM #header header .header,.signed-in #wrapperrohm.newROHM #header header .header, .signed-out #wrapperrohm.newROHM #header header .header{height:auto;min-height:42px;} #wrapperrohm.newROHM #header,.signed-in #wrapperrohm.newROHM #header, .signed-out #wrapperrohm.newROHM #header{margin-bottom:10px;} #wrapperrohm.newROHM #header header .header .rohmlogo{margin-top:6px;} #wrapperrohm.newROHM #header header .header .navbar-collapse nav#navigation.site-navigation{margin:0px;} #wrapperrohm.newROHM #header header .header .navbar-collapse #navigation.site-navigation{ width: 100%;background: #fff;z-index: 2;} #header .customeNavigation { margin-top: -54px;} .headerquicklink.mobile, .headerquicklink{width: 100%; text-align: left;} .headerquicklink.mobile{ text-align:center;padding-top:15px;z-index: 10;} .headerquicklink div.rohmlogin {float: none;margin-top: -7px;/* width: 126px; */border-radius: 5px 5px 0 0;padding-top: 5px;margin-left: 0px !important;/* margin-right: 1%; */text-align:center;} .headerquicklink .mobileLoginLink a.rohmlogin {margin-left: 0 !important; /* float: left; */margin-right: 0px !important;padding-left: 3px !important;padding-right: 0px !important;} .ja_JP .headerquicklink .mobileLoginLink a.rohmlogin{/* padding-left: 0px !important; */} .signed-out .headerquicklink div.rohmlogin {width:auto; /* 114px */} .signed-out .headerquicklink .mobileLoginLink a.rohmlogin {margin-left: auto !important;margin-right: auto !important;text-align:center;/* padding-right: 5px !important; */} .headerquicklink .mobileLoginLink span{/* float: left; */} #header .customeNavigation #nav li span{float:none;} .mobiDisplay .headerquicklink.mobile .quicklinkGroup a { min-width: 18%; color:#363636; font-size: 1.5em;} .ja_JP .mobiDisplay .headerquicklink.mobile .quicklinkGroup a {font-size: 1.5em; } .mobiDisplay .headerquicklink.mobile .quicklinkGroup a, .ja_JP .mobiDisplay .headerquicklink.mobile .quicklinkGroup a:first-child {margin-left: 0px !important;} .mobileLoginLink{position: fixed; bottom: 5px; right: 0; /*border-bottom:4px solid transparent; width: 100%; */height: 26px;text-align: right; margin-bottom:-6px; z-index: 38; margin-right: 0.5%;} .headerquicklink a.rohmlogin {border-radius: 5px 5px 0px 0px;padding: 2px 6px 4px 6px !important;font-size: 1em;} .headerquicklink .rohmlogin, .headerquicklink a {font-size: 1em;} .portal-select select{margin-top: 0px;padding: 1px;border: 0 none;width: 100%;height: 21px;font-size: 1em;} .ja_JP .headerquicklink a.rohmlogin,.ja_JP .headerquicklink .rohmlogin span {font-size: 12px;} .headerquicklink.mobile .portal-select, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .social-tool, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile #socialIconToggle{display:block !important; } #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .social-tool, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile #socialIconToggle{width: 50%; margin: 0 auto;} #wrapperrohm.newROHM.en .mobiDisplay .headerquicklink.mobile .social-tool, #wrapperrohm.newROHM.en .mobiDisplay .headerquicklink.mobile #socialIconToggle{width: 26%;} .headerquicklink.mobile .social-tool a.blogIcon, .mobiDisplay .headerquicklink.mobile .social-tool a.wechat, .mobiDisplay .headerquicklink.mobile .social-tool a.gplus, .mobiDisplay .headerquicklink.mobile .social-tool a.instagram, .mobiDisplay .headerquicklink.mobile .social-tool a.linkedin, .mobiDisplay .headerquicklink.mobile .social-tool a.fb, .mobiDisplay .headerquicklink.mobile .social-tool a.twitter, .mobiDisplay .headerquicklink.mobile .social-tool a.rss, .mobiDisplay .headerquicklink.mobile .social-tool a.weibo, .mobiDisplay .headerquicklink.mobile .social-tool a.yt,.mobiDisplay .headerquicklink.mobile .social-tool a.wechat{ float:left;} .quicklinkGroup {clear:both;} /* Multi langule combo */ #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select { height:28px; margin-top: 0px; margin-bottom: 0px; position: relative; z-index: 10; font:12px/24px Arial, Helvetica, Verdana, sans-serif; } #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu {font-size: 1em;font-weight:normal;text-align: left;margin-left: 10px !important;padding-left: 0 !important;} #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu.asean {width:122px !important;} #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu .ui-selectmenu-icon { padding: 0 !important; } #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu .ui-selectmenu-icon, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu .ui-selectmenu-icon:hover { background-position:-68px -570px; } #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu {position:fixed;top: auto; } #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu ul {padding:0;margin:0px 0 0 0;padding-bottom:0px;background-color:#FFF !important;line-height:24px;} #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-open { display:block; } #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select ul.ui-selectmenu-menu-popup { margin-top:-1px; } #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu li a {padding-right:15px;padding-left:15px;} #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu li a:hover { color:#06C !important; background-color:#eee; } #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu li.ui-state-disabled a, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-state-disabled { cursor:default; } #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left:20px; position:relative; margin-left:5px; } #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu li .ui-icon, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-status .ui-icon { position:absolute; top:1em; margin-top:-8px; left:0; } #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-status { line-height:1.4em; } #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu li span, .ui-selectmenu-status span { display:block; margin-bottom:.2em; } #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight:bold; } #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity:.8; } #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu .ui-selectmenu-group { font-size:1em; } #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height:1.4em; display:block; padding:.6em .5em 0; font-weight:bold; } /* End Try */ /* New Mobile design changes End */ .container-fluid.maxfixsize .customeNavigation.mobiDisplay .maxfixnavigation{position:fixed;z-index:3;} #navigationCollapse{ width: 100%; top: 54px !important;} #showcookiealert{position: fixed; bottom:0; z-index: 11;} #header .customeNavigation{padding-top: 0px;} #wrapperrohm.newROHM #content{min-height:200px;} #wrapperrohm.newROHM.full-topHeader{z-index: 10;width: 100% !important;} .maxfixsize.fullsize #wrapperrohm.newROHM.full-topHeader{z-index: 9;} .container-fluid.maxfixsize.fullsize .row-fluid .newROHM.parametrictop.full-topHeader{position:relative !important;} .headerquick-section .navbar-form.mobileSiteSearchForm{width: 97.772%; margin-left: 1.114%; margin-right: 1.114%; top: 8px;overflow: inherit !important;} #MoBiMenue div.myMenu ul{overflow-y: scroll;overflow-x: hidden; margin-bottom: 0;min-height:200px;} #MoBiMenue div ul li{padding:.0em 0em .0em 0em; line-height: 20px; font-size: 1.5em; text-align: center; font-weight: normal;} /* Jira-2180 */ #MoBiMenue div ul li.buysamplemenu-mobile {margin-top:8px;border-top:10px solid #e2e2e2;} #MoBiMenue div ul li.buysamplemenu-mobile strong{color: #333333;} #MoBiMenue div ul li.buysamplemenu-mobile strong:hover {color: #666;} #MoBiMenue div ul li.buysamplemenu-mobile:hover {background-color: transparent; color: #666;} #MoBiMenue div ul li.buysamplemenu-mobile ul{background-color: #f3f3f3;} #MoBiMenue div ul li.buysamplemenu-mobile ul input.search-btn{font-size:18px !important;} #MoBiMenue div ul li.buysamplemenu-mobile a{font-size:0.73em;} /* End Jira-2180 */ #MoBiMenue div.myMenu ul li{border-top:1px solid #dadada;} #MoBiMenue div ul li.myMenu:last-child{border-bottom:1px solid #dadada;} #MoBiMenue div ul li a{line-height: 20px;font-weight: normal;} #MoBiMenue div ul li a,#MoBiMenue div ul li.buysamplemenu-mobile strong{padding: 12px 1em;text-align: left;font-size: 1.1em;} .customeNavigation .myMenu{background:#fff !important;} #wrapperrohm #MoBiMenue div.myMenu ul li a:hover{color: #333333; background: #fdfdfd;} .customeNavigation .Prodcat{background:#ebebeb !important;} #MoBiMenue div.Prodcat ul li a:hover{color: #fff; background:#da1f3d;} .customeNavigation #MoBiMenue div.Prodcat .backItemClass{background: #e2e2e2;} .customeNavigation .Prodcattype1{background:#f3f3f3 !important;} #MoBiMenue div.Prodcattype1 ul li a:hover{color: #fff; background:#d7203f;} .customeNavigation #MoBiMenue div.Prodcattype1 .backItemClass{background: #ebebeb;} .customeNavigation .Prodcattype2{background:#fcfcfc !important;} #MoBiMenue div.Prodcattype2 ul li a:hover{color: #fff; background:#d9415a;} .customeNavigation #MoBiMenue div.Prodcattype2 .backItemClass{background: #f2f2f2;} #MoBiMenue div.myMenu ul li a{padding-top: 13px;padding-bottom:13px;padding-left: 1em;padding-right:1em;} #MoBiMenue div .backItemClass{display: block; padding: .0em; border-top: 1px solid #dadada;text-align: center;} #MoBiMenue div .backItemClass a,#MoBiMenue div ul li a{width: 100%;color: #333333;} #MoBiMenue div .backItemClass a{padding: 9px 1em;line-height: 34px;} #MoBiMenue div .backItemClass a .RedLabel{color:#da1f3d;} #MoBiMenue div .backItemClass .PrevCategory {width: 10%;float: left;} #MoBiMenue div .backItemClass .PrevCategory .floatRight {float: left;width: 1.0em;height: 1.0em;font-size: 20px !important;margin-top: calc(((1em * 1.42857) - 16px) / 2);margin-left: calc(((1em * 1.42857) - 16px) / 4);text-align: left;} #MoBiMenue div .backItemClass .PrevCategory .floatRight.fa {display: inline-block; font-style: normal;font-weight: normal;line-height: 34px;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;background: transparent;} #MoBiMenue div .backItemClass .PrevCategory .floatRight.icon-angle-left:before {color:#333333;} #MoBiMenue div .backItemClass .width90P {width: 100%;font-size: 1.5em;} #MoBiMenue .mobile-nav-01 .backItemClass .width90P{margin-left:-10%;} #navigationCollapse,.desktop-navi-left,#navigation{width:100% !important;} #showcookiealert .labelcookiemessage .labelcookiemessageContent {margin-left: auto; margin-right: auto;width: 72%;} .rohm-LR7 #wrapperrohm.newROHM .customeNavigation .buysamplemenu-mobile ul li form{padding: 5px 20px 0px;} .ko_KR #wrapperrohm.newROHM .customeNavigation .buysamplemenu-mobile ul li input[type="text"].distribution-search-input{font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .zh_TW #wrapperrohm.newROHM .customeNavigation .buysamplemenu-mobile ul li input[type="text"].distribution-search-input{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} .zh_CN #wrapperrohm.newROHM .customeNavigation .buysamplemenu-mobile ul li input[type="text"].distribution-search-input{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .ja_JP #wrapperrohm.newROHM .customeNavigation .buysamplemenu-mobile ul li input[type="text"].distribution-search-input,.ja_JP .rohm-LR7 #wrapperrohm.newROHM .customeNavigation .buysamplemenu-mobile ul li input[type="submit"]#search-button-megamenu{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} .rohm-LR7 #wrapperrohm.newROHM .customeNavigation .buysamplemenu-mobile ul li input[type="submit"]#search-button-megamenu{clear: both;padding-top:12px;padding-bottom:12px; width:80%;margin:0 10%;float:none;height:auto !important;background-color: #292929;color: #fff;text-shadow: 0px 0px transparent;font-weight: normal;text-transform: uppercase;font-family: 'fira_sansmedium';border: 0px none;} .rohm-LR7 .en_US #wrapperrohm.newROHM .customeNavigation .buysamplemenu-mobile ul li input[type="submit"]#search-button-megamenu{font-family: 'IBM Plex SansMedium';} .rohm-LR7 .ko_KR #wrapperrohm.newROHM .customeNavigation .buysamplemenu-mobile ul li input[type="submit"]#search-button-megamenu{font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .rohm-LR7 .zh_TW #wrapperrohm.newROHM .customeNavigation .buysamplemenu-mobile ul li input[type="submit"]#search-button-megamenu{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} .rohm-LR7 .zh_CN #wrapperrohm.newROHM .customeNavigation .buysamplemenu-mobile ul li input[type="submit"]#search-button-megamenu{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .rohm-LR7 #wrapperrohm.newROHM .buysamplemenu-mobile .buy-search select#mgmenu-distribution-dropbox{padding: 8px 8px 10px 8px !important;height:40px;} .rohm-LR7 .ko_KR #wrapperrohm .rohmnavigation .buysamplemenu-mobile .buy-search select#mgmenu-distribution-dropbox, .rohm-LR7 .ko_KR #wrapperrohm .rohmnavigation .buysamplemenu-mobile .buy-search select#mgmenu-distribution-dropbox:hover{font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .rohm-LR7 .zh_TW #wrapperrohm .rohmnavigation .buysamplemenu-mobile .buy-search select#mgmenu-distribution-dropbox, .rohm-LR7 .zh_TW #wrapperrohm .rohmnavigation .buysamplemenu-mobile .buy-search select#mgmenu-distribution-dropbox:hover{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} .rohm-LR7 .zh_CN #wrapperrohm .rohmnavigation .buysamplemenu-mobile .buy-search select#mgmenu-distribution-dropbox, .rohm-LR7 .zh_CN #wrapperrohm .rohmnavigation .buysamplemenu-mobile .buy-search select#mgmenu-distribution-dropbox:hover{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .rohm-LR7 .ja_JP #wrapperrohm .rohmnavigation .buysamplemenu-mobile .buy-search select#mgmenu-distribution-dropbox, .rohm-LR7 .ja_JP #wrapperrohm .rohmnavigation .buysamplemenu-mobile .buy-search select#mgmenu-distribution-dropbox:hover{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} .rohm-LR7 .ja_JP #wrapperrohm .rohmnavigation .buysamplemenu-mobile ul li #searchfiltermegamenuleft span span.search-filter-dropdown-text, .rohm-LR7 .ja_JP #wrapperrohm .rohmnavigation .buysamplemenu-mobile ul li #searchfiltermegamenuleft span span.search-filter-dropdown-text:hover{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} .safari .headerquick-section .lfr-ddm-field-group-inline .icon-monospaced .lexicon-icon{height:16px;padding:0px;margin-top:5px;} .mobileSiteSearchForm fieldset {padding-left: 0;padding-right:0;} .mobile .social-tool a.gplus {background-position: -212px -43px !important;} .mobile .social-tool a.instagram {background-position: -318px -43px !important;} .mobile .social-tool a.wechat {background-position: -2px -43px !important;} .mobile .social-tool a.linkedin {background-position: -177px -43px !important;} .mobile .social-tool a.fb {background-position: -107px -43px !important;} .mobile .social-tool a.twitter{background-position: -142px -43px !important;} .mobile .social-tool a.rss {background-position: -70px -43px !important;} .mobile .social-tool a.weibo {background-position: -38px -43px !important;} .mobile .social-tool a.yt {background-position: -247px -43px !important;} .mobile .social-tool a.wechat{ background-position:-3px -43px!important; } .mobile .social-tool a.blogIcon {background-position: -282px -43px !important;} } @media (max-width:767px){ #wrapperrohm.newROHM #header header .header .navbar-collapse, #wrapperrohm.newROHM #header header .header .navbar-collapse #navigation{ margin-left: 0px;} #wrapperrohm.newROHM.zh .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle, #wrapperrohm.newROHM.en .mobiDisplay .headerquicklink.mobile #socialIconToggle.global-mobile-social, #wrapperrohm.newROHM.en .mobiDisplay .headerquicklink.mobile #socialIconToggle.europe-mobile-social, .ko_KR #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.deutsch-mobile-social, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.india-mobile-social, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.japan-mobile-social{display: inline-block !important;} #MoBiMenue div.myMenu .scroll-pane, #MoBiMenue div.myMenu .scroll-pane .jspContainer , #MoBiMenue div.myMenu .scroll-pane .jspContainer .jspPane{width:100% !important;} } @media (min-width:668px)(max-width:753px){ #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.deutsch-mobile-social, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.india-mobile-social, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.japan-mobile-social, .zh_TW #wrapperrohm.newROHM.zh .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 18%!important;} } @media (min-width:737px) and (max-width:753px){ #wrapperrohm.newROHM.zh .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 14%!important;} #wrapperrohm.newROHM.en .mobiDisplay .headerquicklink.mobile #socialIconToggle.global-mobile-social, #wrapperrohm.newROHM.en .mobiDisplay .headerquicklink.mobile #socialIconToggle.europe-mobile-social, .ko_KR #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle{width: 22%!important;} } @media (max-width:736px){ #wrapperrohm.newROHM #header header .header .navbar-collapse, #wrapperrohm.newROHM #header header .header .navbar-collapse #navigation{ margin-left: 0px;} #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-open{left:38% !important; height:100px;bottom: 28px !important;} #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu ul{ height:100px !important;} #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 29%!important;} #wrapperrohm.newROHM.zh .mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 17%!important;} #wrapperrohm.newROHM.en .mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 27%!important;} #wrapperrohm.newROHM.en .mobiDisplay .headerquicklink.mobile #socialIconToggle.global-mobile-social, #wrapperrohm.newROHM.en .mobiDisplay .headerquicklink.mobile #socialIconToggle.europe-mobile-social, .ko_KR #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle{width: 23%!important;} } @media (min-width:639px) and (max-width:667px){ #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.deutsch-mobile-social, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.india-mobile-social, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.japan-mobile-social, .zh_TW #wrapperrohm.newROHM.zh .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle{width: 21%!important;} } @media (min-width:666px) and (max-width:667px){ #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-open{left:38% !important; height:100px;bottom: 28px !important;} #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu ul{ height:100px !important;} #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 26%!important;} #wrapperrohm.newROHM.zh .mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 16%!important;} #wrapperrohm.newROHM.en .mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 30%!important;} #wrapperrohm.newROHM.en .mobiDisplay .headerquicklink.mobile #socialIconToggle.global-mobile-social, #wrapperrohm.newROHM.en .mobiDisplay .headerquicklink.mobile #socialIconToggle.europe-mobile-social, .ko_KR #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle{width: 26%!important;} } @media (min-width:639px) and (max-width:640px){ #wrapperrohm.newROHM #header header .header .navbar-collapse, #wrapperrohm.newROHM #header header .header .navbar-collapse #navigation{ margin-left: 0px;} #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-open{left:38% !important; height:100px;bottom: 28px !important;} #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu ul{ height:100px !important;} #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 26%!important;} #wrapperrohm.newROHM.zh .mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 16%!important;} #wrapperrohm.newROHM.en .mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 30%!important;} #wrapperrohm.newROHM.en .mobiDisplay .headerquicklink.mobile #socialIconToggle.global-mobile-social, #wrapperrohm.newROHM.en .mobiDisplay .headerquicklink.mobile #socialIconToggle.europe-mobile-social, .ko_KR #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle{width: 26%!important;} } @media (min-width:567px) and (max-width:568px){ #wrapperrohm.newROHM #header header .header .navbar-collapse, #wrapperrohm.newROHM #header header .header .navbar-collapse #navigation{ margin-left: 0px;} #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-open{left:36% !important; height:100px;bottom: 28px !important;} #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu ul{ height:100px !important;} .navbar-collapse .mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 34% !important;} #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile .social-tool, #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 34%!important;} #wrapperrohm.newROHM.en .mobiDisplay .headerquicklink.mobile #socialIconToggle.global-mobile-social, #wrapperrohm.newROHM.en .mobiDisplay .headerquicklink.mobile #socialIconToggle.europe-mobile-social, .ko_KR #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle{width: 29%!important;} .zh_TW #wrapperrohm.newROHM.zh .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.deutsch-mobile-social, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.india-mobile-social, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.japan-mobile-social{width: 24%!important;} } @media (min-width:479px) and (max-width:480px){ #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-open{left:34% !important; height:100px;bottom: 28px !important;} #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-menu ul{ height:100px !important;} #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .social-tool, #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 34% !important;} #wrapperrohm.newROHM.zh .mobiDisplay .headerquicklink.mobile .social-tool, #wrapperrohm.newROHM.zh .mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 21% !important;} .zh_TW #wrapperrohm.newROHM.zh .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 28%!important;} #wrapperrohm.newROHM.en .mobiDisplay .headerquicklink.mobile .social-tool, #wrapperrohm.newROHM.en .mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 40% !important;} #wrapperrohm.newROHM.en .mobiDisplay .headerquicklink.mobile .social-tool.global-mobile-social, #wrapperrohm.newROHM.en .mobiDisplay .headerquicklink.mobile #socialIconToggle.global-mobile-social, #wrapperrohm.newROHM.en .mobiDisplay .headerquicklink.mobile .social-tool.europe-mobile-social, #wrapperrohm.newROHM.en .mobiDisplay .headerquicklink.mobile #socialIconToggle.europe-mobile-social, .ko_KR #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle{width: 35% !important;} #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.deutsch-mobile-social, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.india-mobile-social, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.japan-mobile-social{width: 29%!important;} #back-to-top, #back-to-top:hover, #back-to-top:focus{bottom:70px;} } @media (max-width:753px){ .headerquick-section .navbar-header .navbar-toggle {margin: 0px 0 4px 0; } .user-personal-bar {margin-top: 2px;} #wrapperrohm.newROHM.full-topHeader{ width: 100% !important; } #navigationCollapse{ width: 100%; top: 68px;} .signed-out #wrapperrohm.newROHM #header { margin-top: 0px !important;} .Prodcat, .Prodcattype1,.Prodcattype2{height:192px !important;} #wrapperrohm.newROHM #header header .header .navbar-collapse, #wrapperrohm.newROHM #header header .header .navbar-collapse #navigation{margin-left: 0px;} #MoBiMenue div.myMenu ul{min-height:192px;} .Prodcat .scroll-pane,.Prodcattype1 .scroll-pane,.Prodcattype2 .scroll-pane{height:85px !important;} } @media (max-width:736px){ .headerquick-section .navbar-header .navbar-toggle {margin: 0px 0 4px 0; } .user-personal-bar {margin-top: 2px;} #wrapperrohm.newROHM.full-topHeader{ width: 100% !important; } #navigationCollapse{ width: 100%; top: 68px;} .signed-out #wrapperrohm.newROHM #header { margin-top: 0px !important;} .Prodcat, .Prodcattype1,.Prodcattype2{height:192px !important;} #wrapperrohm.newROHM #header header .header .navbar-collapse, #wrapperrohm.newROHM #header header .header .navbar-collapse #navigation{margin-left: 0px;} #MoBiMenue div.myMenu ul{min-height:240px;} #MoBiMenue div.myMenu .scroll-pane{height:185px !important;} .Prodcat .scroll-pane,.Prodcattype1 .scroll-pane,.Prodcattype2 .scroll-pane{height:135px !important;} } @media (max-width:667px){ .Prodcat,.Prodcattype1,.Prodcattype2{height:230px !important;} #wrapperrohm.newROHM #header header .header .navbar-collapse, #wrapperrohm.newROHM #header header .header .navbar-collapse #navigation{margin-left: 0px;} #MoBiMenue div.myMenu ul{min-height:230px;} .Prodcat .scroll-pane,.Prodcattype1 .scroll-pane,.Prodcattype2 .scroll-pane{height:85px !important;} } @media (max-width:640px){ .Prodcat,.Prodcattype1,.Prodcattype2{height:186px !important;} #MoBiMenue div.myMenu ul{min-height:186px;} #MoBiMenue div.myMenu .scroll-pane{height:100px !important;} .Prodcat .scroll-pane,.Prodcattype1 .scroll-pane,.Prodcattype2 .scroll-pane{height:35px !important;} } @media (max-width:568px) { .headerquick-section .navbar-header .navbar-toggle {margin: 0px 0 4px 0; } .user-personal-bar {margin-top: 2px;} #wrapperrohm.newROHM.full-topHeader{ width: 100% !important;} .maxfixsize.fullsize #wrapperrohm.newROHM.full-topHeader{position: relative; } #navigationCollapse{ width: 100%; top: 68px;} .signed-out #wrapperrohm.newROHM #header { margin-top: 0px !important;} .Prodcat,.Prodcattype1,.Prodcattype2{height:105px !important;} #MoBiMenue div.myMenu ul{min-height:105px;} .Prodcat .scroll-pane,.Prodcattype1 .scroll-pane,.Prodcattype2 .scroll-pane{height:45px !important;} } @media (max-width:480px){ .user-personal-bar {margin-top: 2px;} #wrapperrohm.newROHM.full-topHeader{ width: 100% !important;} .maxfixsize.fullsize #wrapperrohm.newROHM.full-topHeader{position: relative; } #navigationCollapse{ width: 100%; top: 84px;} .Prodcat,.Prodcattype1,.Prodcattype2{height:85px !important;} #wrapperrohm.newROHM #header header .header .navbar-collapse, #wrapperrohm.newROHM #header header .header .navbar-collapse #navigation{ margin-left: 0px;} #MoBiMenue div ul li a{padding: 4px 1em;font-size: 1.0em;} /* Jira-2180 */ #MoBiMenue div ul li.buysamplemenu-mobile a{font-size: 0.68em;} /* End Jira-2180 */ #MoBiMenue div.myMenu ul li a {padding-left: 1em;padding-right:1em;} #MoBiMenue div .backItemClass a{padding: 0px 1em;line-height: 32px;} #MoBiMenue div.myMenu ul{min-height:64px;} .Prodcat .scroll-pane ul,.Prodcattype1 .scroll-pane ul,.Prodcattype2 .scroll-pane ul{height:100% !important;} #MoBiMenue div.myMenu .scroll-pane ul{width:480px !important;} #MoBiMenue div.myMenu .scroll-pane{height:64px !important;} .Prodcat .scroll-pane,.Prodcattype1 .scroll-pane,.Prodcattype2 .scroll-pane{height:45px !important;} } @media (max-width:479px){ #MoBiMenue div ul li a{padding: 12px 1em;font-size: 1.1em;} /* Jira-2180 */ #MoBiMenue div ul li.buysamplemenu-mobile a{font-size: 0.73em;} /* End Jira-2180 */ #MoBiMenue div.myMenu ul li a {padding-top: 13px;padding-bottom:13px;padding-left:1em;padding-right: 1em;} #MoBiMenue div .backItemClass a{padding: 9px 1em;line-height: 34px;} #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select{font: 12px/34px Arial, Helvetica, Verdana, sans-serif;} #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select{text-align: left;} /* .portal-select select{margin-top: 6px;} */ } @media (max-width:424px) { #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile .social-tool, #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 48%!important;} #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.deutsch-mobile-social, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.india-mobile-social, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.japan-mobile-social{width: 32%!important;} #MoBiMenue div.myMenu .scroll-pane,.Prodcat,.Prodcattype1,.Prodcattype2{height:510px !important;} #MoBiMenue div.myMenu ul{min-height:510px;} .Prodcat .scroll-pane ul,.Prodcattype1 .scroll-pane ul,.Prodcattype2 .scroll-pane ul{height:100% !important;} #MoBiMenue div.myMenu .scroll-pane .jspContainer{height:100% !important;} #MoBiMenue div.myMenu .scroll-pane .jspContainer .jspVerticalBar{display:none !important;} #MoBiMenue div.myMenu .scroll-pane ul{width:100% !important;} .Prodcat .scroll-pane,.Prodcattype1 .scroll-pane,.Prodcattype2 .scroll-pane{height:425px !important;} } @media (max-width:414px) { .mobiDisplay .headerquicklink.mobile .quicklinkGroup a { min-width: 14%; font-size: 1.5em; display: inline-block;} .ja_JP .mobiDisplay .headerquicklink.mobile .quicklinkGroup a {font-size: 1.5em; } .ja_JP .mobiDisplay .headerquicklink.mobile .quicklinkGroup a, .ja_JP .mobiDisplay .headerquicklink.mobile .quicklinkGroup a:first-child {margin-left: 0px !important;} .headerquick-section .navbar-header .navbar-toggle {margin: 0px 0 4px 0; } .user-personal-bar {margin-top: 2px;} #wrapperrohm.newROHM.full-topHeader{ width: 100% !important; } .maxfixsize.fullsize #wrapperrohm.newROHM.full-topHeader{} #navigationCollapse{ width: 100%; top: 84px;} .signed-out #wrapperrohm.newROHM #header { margin-top: 0px !important;} #MoBiMenue div.myMenu .scroll-pane, .Prodcat,.Prodcattype1,.Prodcattype2{height:500px !important;} #MoBiMenue div.myMenu ul{min-height:500px;} .Prodcat .scroll-pane ul,.Prodcattype1 .scroll-pane ul,.Prodcattype2 .scroll-pane ul{height:100% !important;} #MoBiMenue div.myMenu .scroll-pane .jspContainer{height:100% !important;} #MoBiMenue div.myMenu .scroll-pane .jspContainer .jspVerticalBar{display:none !important;} #MoBiMenue div.myMenu .scroll-pane ul{width:100% !important;} .Prodcat .scroll-pane,.Prodcattype1 .scroll-pane,.Prodcattype2 .scroll-pane{height:380px !important;} } @media (min-width:376px) and (max-width:479px){ #wrapperrohm.newROHM #header header .header .navbar-collapse, #wrapperrohm.newROHM #header header .header .navbar-collapse #navigation{ margin-left: 0px;} } @media (min-width:374px) and (max-width:414px){ #wrapperrohm.newROHM #header header .header .headerquicklink.mobile .portal-select .ui-selectmenu-open{left:31% !important;} #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile .social-tool, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 43%!important;} #wrapperrohm.newROHM.zh .desktop-navi-left.mobiDisplay .headerquicklink.mobile .social-tool, #wrapperrohm.newROHM.zh .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 24%!important;} #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile .social-tool, #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 48%!important;} #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.deutsch-mobile-social, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.india-mobile-social, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.japan-mobile-social{width: 32%!important;} #back-to-top, #back-to-top:hover, #back-to-top:focus{bottom:70px;} .para-table .para-search .filterR .white-back {display: inline-block;margin-top: 4px !important;margin-left: 0 !important;} } @media (max-width:375px){ .headerquick-section .navbar-header .navbar-toggle {margin: 3px 0 1px 0; } .user-personal-bar {margin-top: 8px;} #wrapperrohm.newROHM.full-topHeader{ width: 100% !important; } .maxfixsize.fullsize #wrapperrohm.newROHM.full-topHeader{} #navigationCollapse{ width: 100%; top: 84px;} .headerquick-section .navbar-form.mobileSiteSearchForm{top: 14px;} .signed-out #wrapperrohm.newROHM #header { margin-top: 0px !important;} .Prodcat,.Prodcattype1,.Prodcattype2{height:426px !important;} #MoBiMenue div.myMenu ul{min-height:426px;} #MoBiMenue div.myMenu .scroll-pane .jspContainer .jspPane {position: static;} .Prodcat .scroll-pane,.Prodcattype1 .scroll-pane,.Prodcattype2 .scroll-pane{height:358px !important;} } @media (max-width:360px){ #MoBiMenue div.myMenu .scroll-pane,.Prodcat,.Prodcattype1,.Prodcattype2{height:400px !important;} #navigationCollapse{top: 84px;} #MoBiMenue div.myMenu ul{min-height:240px;} .Prodcat .scroll-pane ul,.Prodcattype1 .scroll-pane ul,.Prodcattype2 .scroll-pane ul{height:100% !important;} #MoBiMenue div.myMenu .scroll-pane .jspContainer{height:400px !important;} /* #MoBiMenue div.myMenu .scroll-pane .jspContainer .jspVerticalBar{display:none !important;} */ #MoBiMenue div.myMenu .scroll-pane .jspContainer .jspPane {position: static; } #MoBiMenue div.myMenu .scroll-pane ul{width:100% !important;} .Prodcat .scroll-pane,.Prodcattype1 .scroll-pane,.Prodcattype2 .scroll-pane{height:300px !important;} .buysamplemenu-mobile.Prodcat .scroll-pane{height:340px !important;} } @media (max-width:320px){ #wrapperrohm.newROHM.full-topHeader{ width: 100% !important; } .maxfixsize.fullsize #wrapperrohm.newROHM.full-topHeader{} .Prodcat,.Prodcattype1,.Prodcattype2{height:300px !important;} #navigationCollapse{top: 100px;} #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu {/* margin-left: -48px !important; */} #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu.asean{/* margin-left: -54px !important; */} #MoBiMenue div.myMenu ul{min-height:230px!important;height:230px !important;} #MoBiMenue div.myMenu .scroll-pane .jspContainer .jspPane, .scroll-pane .jspContainer .jspPane{position: absolute; margin-left: 0 !important; width: 100%;} .Prodcat .scroll-pane ul,.Prodcattype1 .scroll-pane ul,.Prodcattype2 .scroll-pane ul{height:100% !important;} .Prodcat.prdmenu-mobile .scroll-pane:nth-child(2) ul{height:320px !important;} #MoBiMenue div.myMenu .scroll-pane{height:155px!important;} #MoBiMenue div.myMenu .scroll-pane .jspContainer .jspVerticalBar{display:block !important;} #MoBiMenue div.myMenu .scroll-pane ul{width:100% !important;} .Prodcat .scroll-pane,.Prodcattype1 .scroll-pane,.Prodcattype2 .scroll-pane{height:115px !important;} #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select{margin-bottom:-5px;} .buysamplemenu-mobile.Prodcat .scroll-pane{height:120px !important;} } @media (min-width:320px) and (max-width:375px){ #wrapperrohm.newROHM #header header .header .navbar-collapse, #wrapperrohm.newROHM #header header .header .navbar-collapse #navigation{ margin-left: 0px;} #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-open{left:27% !important;} } @media (min-width:481px) and (max-width:596px){ .headerquicklink{ width: 83%;} .headerquicklink a{margin-left: 2%;} .headerquick-section .navbar-form {margin-bottom: 10px;} } @media (min-width: 320px) and (max-width: 480px){ .headerquicklink{width: 79%;} .headerquicklink a.rohmlogin {padding-right: 1.2%;padding-left: 1.2%;} } @media (min-width: 320px) and (max-width: 596px){ .headerquicklink a.rohmlogin {padding-top: 1.2%;} } @media (min-width: 721px) and (max-width: 767px){ /* New Mobile design changes */ .headerquick-section .mobileSiteSearchForm .header-search1{width:99%;margin-left: 0%;} /* New Mobile design changes End */ } @media (min-width: 668px) and (max-width: 720px){ /* New Mobile design changes */ .headerquick-section .mobileSiteSearchForm .header-search1{width:99%;margin-left: 0%;} /* New Mobile design changes End */ } @media (min-width: 641px) and (max-width: 667px){ /* New Mobile design changes */ .headerquick-section .mobileSiteSearchForm .header-search1{width:99%;margin-left: 0%;} /* New Mobile design changes End */ } @media (min-width: 601px) and (max-width: 640px){ /* New Mobile design changes */ .headerquick-section .mobileSiteSearchForm .header-search1{width:98.2%;margin-left: 0%;} /* New Mobile design changes End */ } @media (min-width: 571px) and (max-width: 600px){ /* New Mobile design changes */ .headerquick-section .mobileSiteSearchForm .header-search1{width:99%;margin-left: 0%;} /* New Mobile design changes End */ } @media (min-width: 531px) and (max-width: 570px){ /* New Mobile design changes */ .headerquick-section .mobileSiteSearchForm .header-search1{width:98.7%;margin-left: 0%;} /* New Mobile design changes End */ } @media (min-width: 481px) and (max-width: 530px){ /* New Mobile design changes */ .headerquick-section .mobileSiteSearchForm .header-search1{width:98.6%;margin-left:0%;} /* New Mobile design changes End */ } @media (min-width: 376px) and (max-width: 480px){ .headerquicklink a{ margin-left: 1%;} /* New Mobile design changes */ .headerquick-section .mobileSiteSearchForm .header-search1{width:98.6%;margin-left:0%;} /* New Mobile design changes End */ } @media (min-width: 415px) and (max-width: 450px){ /* New Mobile design changes */ .headerquick-section .mobileSiteSearchForm .header-search1{width:98.5%;margin-left:0%;} /* New Mobile design changes End */ #wrapperrohm.newROHM.zh .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 24%!important;} #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.global-mobile-social, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.europe-mobile-social, .ko_KR #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle{width: 39%!important;} .zh_TW #wrapperrohm.newROHM.zh .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 32%!important;} } @media (min-width: 376px) and (max-width: 414px){ /* New Mobile design changes */ .headerquick-section .mobileSiteSearchForm .header-search1{width:98.2%;margin-left:0%;} /* New Mobile design changes End */ #wrapperrohm.newROHM.zh .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 26%!important;} #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.global-mobile-social, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.europe-mobile-social, .ko_KR #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle{width: 43%!important;} .zh_TW #wrapperrohm.newROHM.zh .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 32%!important;} } @media (max-width:375px){ #wrapperrohm.newROHM #header header .header{height: 100% !important;} #wrapperrohm.newROHM header .header .rohmlogo{margin-bottom: 0px;} #top-nav{margin-left:0px;} #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu .ui-selectmenu-icon{top:0;} .en-de-text{padding-left:26px;} .eu-flag, .de-flag{width:auto;background-size: 60%;} .eu-flag{background-position: 0 -10%;} .de-flag{background-position: 0 110%;} .headerquicklink{margin-bottom: 5px; margin-top:0px;} .headerquicklink a{margin-left: 2.68%;} .headerquick-section .navbar-form {margin: 0px 0 10px 0;} .headerquick-section .header-search1{position:relative; float: right; width: 90%;} /* New Mobile design changes */ .headerquick-section .mobileSiteSearchForm .header-search1 {width: 98.3%;margin-left:0%;} /* New Mobile design changes End */ #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 43%!important;} #wrapperrohm.newROHM.zh .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 27%!important;} #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile .social-tool, #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 53%!important;} #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile .social-tool.global-mobile-social, #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.global-mobile-social, #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile .social-tool.europe-mobile-social, #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.europe-mobile-social, .ko_KR #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle{width: 44%!important;} .zh_TW #wrapperrohm.newROHM.zh .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.deutsch-mobile-social, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.india-mobile-social, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.japan-mobile-social{width: 36%!important;} } @media (max-width:360px){ .headerquicklink a{ margin-left: 1% !important;} /* New Mobile design changes */ .headerquick-section .mobileSiteSearchForm .header-search1 {width: 98.2%;margin-left:0%;} /* New Mobile design changes End */ #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 48%!important;} #wrapperrohm.newROHM.zh .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 30%!important;} #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile .social-tool, #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 64%!important;} #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile .social-tool.global-mobile-social, #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.global-mobile-social, #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile .social-tool.europe-mobile-social, #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.europe-mobile-social, .ko_KR #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 49%!important;} .zh_TW #wrapperrohm.newROHM.zh .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.deutsch-mobile-social, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.india-mobile-social, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.japan-mobile-social{width: 39%!important;} .mobile .en_US .footerlinks .xlink:last-child a{/* font-size:12px; */} } @media (min-width: 320px) and (max-width:359px){ /* New Mobile design changes */ .headerquick-section .mobileSiteSearchForm .header-search1 {width: 97.5%;margin-left:0%;} /* New Mobile design changes End */ } @media (max-width:320px){ .headerquicklink a{ margin-left: 1% !important;} #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile .social-tool, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle{width: 55%;} #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 55%!important;} #wrapperrohm.newROHM.zh .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 32%!important;} #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile .social-tool, #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle {width: 66%!important;} #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile .social-tool.global-mobile-social, #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.global-mobile-social, #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile .social-tool.europe-mobile-social, #wrapperrohm.newROHM.en .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.europe-mobile-social, .ko_KR #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle{width: 55%!important;} .zh_TW #wrapperrohm.newROHM.zh .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.deutsch-mobile-social, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.india-mobile-social, #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile #socialIconToggle.japan-mobile-social{width: 43%!important;} .mobile .en_US .footerlinks .xlink:last-child a{/* font-size:12px; */} } @media (min-width: 320px){ .container-fluid {margin: 0 auto; padding: 0; max-width: 100%;} #wrapperrohm.newROHM.full-topHeader{width: 97.772%;} .maxfixsize #wrapperrohm.newROHM.full-topHeader #header{} .signed-in #wrapperrohm.newROHM #header{margin-top:18px;} .signed-out #wrapperrohm.newROHM #header {margin-top: 42px;} #wrapperrohm.newROHM #header header .header #top-nav{width: auto;float: none;margin-top: -36px;} #content, .container-fluid.maxfixsize #wrapperrohm.newROHM header .header, .container-fluid.maxfixsize .customeNavigation .maxfixnavigation{max-width: 100%;width: 100%!important;} .rohm-LR7 #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="submit"]#search-button-megamenu{clear: both;padding-top:10px;padding-bottom: 10px;} .rohm-LR7 #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="submit"]#search-button-megamenu, .rohm-LR7 #wrapperrohm.newROHM .customeNavigation .buysamplemenu-mobile ul li input[type="submit"]#search-button-megamenu{background-image:none;font-size: 16px;} #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="text"].distribution-search-input, #wrapperrohm.newROHM .customeNavigation .buysamplemenu-mobile ul li input[type="text"].distribution-search-input{border-radius: 20px;box-shadow: inset 0px 1px 0px 1px #e2e2e2;color: #686868 !important;font-family: 'fira_sansbook';font-size: 15px;height: auto;margin-bottom: 16px;padding: 10px 18px;width: 100%;} .en_US #wrapperrohm.newROHM .customeNavigation .buysamplemenu-mobile ul li input[type="text"].distribution-search-input{font-family: 'IBM Plex SansRegular';} .rohm-LR7 #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul div div #searchfiltermegamenuleft span span.search-filter-dropdown-text, .rohm-LR7 #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul div div #searchfiltermegamenuleft span span.search-filter-dropdown-text:hover, #wrapperrohm .headerquick-section #navigation .lfr-ddm-field-group-inline .icon-monospaced a,#wrapperrohm .headerquick-section .lfr-ddm-field-group-inline .icon-monospaced a {padding: 0px !important;background-color: #da1f3d;border-radius: 20px;} #wrapperrohm .headerquick-section #navigation .lfr-ddm-field-group-inline .icon-monospaced a,#wrapperrohm .headerquick-section .lfr-ddm-field-group-inline .icon-monospaced a {width: 26px;height: 26px;} .rohm-LR7 #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul div div #searchfiltermegamenuleft span span.search-filter-dropdown-text, .rohm-LR7 #wrapperrohm #navigation .rohmnavigation li.selected .productmenu.buysamplemenu ul div div #searchfiltermegamenuleft span span.search-filter-dropdown-text:hover{width: auto;height: auto;} #header .customeNavigation .productmenu div.underbuysample strong, #MoBiMenue div ul li.buysamplemenu-mobile strong{font-weight: normal;display: block; background-color: #f3f3f3;cursor:default;} #header .customeNavigation{display:block; height: auto !important; margin-top:0px;position: absolute;} .rohm-LR7 #wrapperrohm.newROHM #searchfiltermegamenuleft,.rohm-LR7 #wrapperrohm.newROHM .buysamplemenu-mobile .buy-search select#mgmenu-distribution-dropbox{float: none;width: 100%;margin-bottom: 14px;} .headerquick-section .navbar-form input[type="text"], .navbar-NotMobile .form .header-search1 .form-group input[type="text"]{background-color:transparent; border:0px none;background-image:none;} .rohm-LR7 #wrapperrohm.newROHM #searchfiltermegamenuleft #searchfiltermegamenu, .rohm-LR7 #wrapperrohm.newROHM .buysamplemenu-mobile .buy-search select#mgmenu-distribution-dropbox{border-radius: 6px;border-bottom: 1px solid #b9b9b9;background: #e2e2e2 !important;} .rohm-LR7 .breadcrumb{margin-left: 0;margin-right:0;padding-bottom: 14px;} } /* Footer */ footer{margin-top:28px;} .footerlinks{background-color:#151515;color:#fff;padding:2.7% 1%;} .footerlinks a{background:url("../images/rohm-theme/header-footer/vpipe.gif") 100% 50% no-repeat; color:#fff; padding-left:4px; padding-right:8px; text-align:center;font-size: 0.75rem;white-space: nowrap; display: inline-table;font-family: 'open_sansregular';font-size:14px;} .en_US .footerlinks a{font-family: 'IBM Plex SansRegular';} .ko_KR .footerlinks a{font-family: "Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .zh_TW .footerlinks a{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} .zh_CN .footerlinks a{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .en_US .footerlinks a, .de_DE .footerlinks a,.footerlinks a{line-height:24px;} .footerlinks a:hover{color:#fff;text-decoration:underline;} .footerlinks .firstlink{padding-left:0px;} .footerlinks .lastlink{/* background:none;padding-right:0px; */} .footerlinks span.xlink:last-child .lastlink,.en_US .footerlinks span.xlink:last-child .lastlink.salesurl{background:none;} .copyrightstatus{background-color:#000;color:#fff;text-transform: uppercase; font-size: 0.75rem;padding-top: 20px;padding-bottom: 19px;} @media (max-width:479px){ .footerlinks{padding-left:1%;padding-right:2%;} .copyrightstatus{font-size: 0.60rem;} } @media(min-width:981px){ .en_US .footerlinks span.xlink,.footerlinks span.xlink{display:block;} .en_US .footerlinks span.xlink, .en_US .footerlinks span.xlink,.de_DE .footerlinks span.xlink,.de_DE .footerlinks span.xlink{display:inline;} } @media(max-width:980px){ .en_US .footerlinks .lastlink,.de_DE .footerlinks .lastlink,.footerlinks .lastlink,.en_US .footerlinks span.xlink .lastlink.salesurl {background: url(../images/rohm-theme/header-footer/vpipe.gif) 100% 50% no-repeat;padding-left: 4px;padding-right: 7px;} .footerlinks span.xlink:last-child .lastlink,.en_US .footerlinks span.xlink:last-child .lastlink.salesurl{background:none;} .en_US .footerlinks span.xlink .lastlink ,.de_DE .footerlinks span.xlink .lastlink,.footerlinks span.xlink .lastlink {background:none;padding-left: 4px;padding-right: 0px;} } /* End Footer */ @media (min-width:1141px){ /*fixHeader*/ .fixHeader{ position:fixed; top:0; width:100%; z-index:999; box-shadow: 0px 2px 2px #eee; border-bottom:2px solid #eee; background:#fff; } .fixHeader .headerquick-section .portal-select.fl .headlang,.fixHeader .headerquick-section .headerquicklink > a{display:none !important;} .fixHeader #wrapperrohm.newROHM header .header .rohmlogo{width:58px;height:47px;margin-top: 9px;} .fixHeader .customeNavigation{top:-30px;left:6px;} .fixHeader .socialIconToggle, .fixHeader #socialIconToggle{margin-top: -20px;} .fixHeader .headerquick-section .navbar-NotMobile{top:-22px;} .signed-in .fixHeader #wrapperrohm.newROHM #header header .header, .signed-out .fixHeader #wrapperrohm.newROHM #header header .header{height:auto;} .fixHeader .headerquicklink .rohmlogin{padding: 10px 5px 1px;} .has-control-menu.signed-in .fixHeader #wrapperrohm.newROHM #header{margin-top:44px !important;} /*fixHeader end*/ } .ja_JP .footerlinks a, .ja_JP #wrapperrohm.newROHM #header header .header #top-nav .portal-select, .ja_JP #header .customeNavigation #nav , .ja_JP #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;} #wrapperrohm.newROHM .mobiDisplay .headerquicklink.mobile .portal-select{text-align: left;} #wrapperrohm.newROHM .desktop-navi-left.mobiDisplay .headerquicklink.mobile .portal-select .ui-selectmenu-open{text-align: center;} .rohm-LR7 #wrapperrohm.newROHM #searchfiltermegamenuleft #short-menu #tooltip_menu{width:100%;border-bottom-style: solid; border-left-width: 1px; border-right-width: 1px;border-top-width: 1px;border-bottom-width: 1px;} @media (min-width: 1281px) { /* Jira-2180 */ .ie #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="text"].distribution-search-input, .chrome #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="text"].distribution-search-input, .firefox #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="text"].distribution-search-input, .safari #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="text"].distribution-search-input, .rohm-LR7.ie #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="submit"]#search-button-megamenu, .rohm-LR7.chrome #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="submit"]#search-button-megamenu, .rohm-LR7.firefox #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="submit"]#search-button-megamenu, .rohm-LR7.safari #wrapperrohm.newROHM #header .customeNavigation #nav li .productmenu.buysamplemenu ul div div input[type="submit"]#search-button-megamenu{padding:8px;} /* End Jira-2180 */ } /* Search Autocomplete */ .ui-autocomplete { background: #fff !important; -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.58)!important; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.58)!important; box-shadow: 1px 1px 4px rgba(0,0,0,0.58)!important; border: 0 none!important; list-style: none !important; min-width: 172px; width: 172px !important; color: #464646 !important; padding: 0px; z-index: 10!important; } ul.ui-autocomplete li.ui-menu-item { cursor: pointer; list-style: none; } ul.ui-autocomplete li.ui-menu-item a, #navigation .search-result-autocomplete .ui-autocomplete li.ui-menu-item a.ui-corner-all{ color: #464646; font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif!important; font-size: 14px; line-height: 24px; } .en_US ul.ui-autocomplete li.ui-menu-item a, .en_US #navigation .search-result-autocomplete .ui-autocomplete li.ui-menu-item a.ui-corner-all{font-family: 'IBM Plex SansRegular'!important;} ul.ui-autocomplete li.ui-menu-item a{ min-width: 158px; width: 100%; padding: 2px 5px; display: block; } ul.ui-autocomplete li.ui-menu-item a.ui-state-hover:hover, ul.ui-autocomplete li.ui-menu-item.ui-state-focus a:hover { background: #bfdaff; color: #464646; } ul.ui-autocomplete li.ui-menu-item a.ui-state-hover,#navigation .search-result-autocomplete .ui-autocomplete li.ui-menu-item a.ui-state-hover, ul.ui-autocomplete li.ui-menu-item.ui-state-focus a,#navigation .search-result-autocomplete .ui-autocomplete li.ui-menu-item.ui-state-focus a{background: #2647a0;color: #fff; outline: 0;} .ui-helper-hidden-accessible{display: none;} #navigation .search-result-autocomplete .ui-autocomplete li.ui-menu-item a.ui-corner-all { min-width: 172px; cursor: pointer; padding: 2px 5px!important; } #navigation .search-result-autocomplete .ui-autocomplete li.ui-menu-item a.ui-corner-all:hover{ font-weight: normal; color:#464646; background:#bfdaff; text-shadow: 0px 0px transparent; border-radius: 0; } #navigation .search-result-autocomplete .ui-autocomplete li.ui-menu-item a.ui-state-hover, #navigation .search-result-autocomplete .ui-autocomplete li.ui-menu-item.ui-state-focus a { border-radius: 0; } /* Search Autocomplete End */ /* `XHTML, HTML4, HTML5 Reset ----------------------------------------------------------------------------------------------------*/ a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{ margin-bottom: 0; font-size: 100%; } .taglib-calendar table td, .aui-tab, .aui-form-options input, .aui-underlay .lfr-portlet-item, .aui-toolbar-separator, .aui-categoriesselector-content .aui-textboxlistentry-holder, .aui-tagselector-content, a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp, #back-to-top, abbr, acronym, fieldset, img{ border-bottom: 0; border-top: 0; } .taglib-calendar table td, .aui-tab, .aui-form-options input, .aui-underlay .lfr-portlet-item, .aui-toolbar-separator, .aui-categoriesselector-content .aui-textboxlistentry-holder, .aui-tagselector-content, a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp, #back-to-top, abbr, acronym, fieldset, img{ border-left: 0; border-right: 0;} #nav #nav-01 li.child .main-nav-links-col-1 dd a, #nav #nav-01 li.child .main-nav-links-col-2 dd a, #nav #nav-01 li.child .main-nav-links-col-3 dd a, #nav #nav-02 li.child .main-nav-links-col-1 dd a, #nav #nav-02 li.child .main-nav-links-col-2 dd a, #nav #nav-02 li.child .main-nav-links-col-3 dd a, #nav #nav-03 li.child .main-nav-links-col-1 dd a, #nav #nav-03 li.child .main-nav-links-col-2 dd a, #nav #nav-03 li.child .main-nav-links-col-3 dd a, #nav #nav-05 li.child .main-nav-links-col-1 dd a, #nav #nav-05 li.child .main-nav-links-col-2 dd a, .frame ul li, #searchmenu ul li, .my-places-menu ul, .my-places-menu li, .ui-selectmenu-menu li, .lfr-actions.portlet-options .lfr-trigger strong a, #wrapper.newROHM a.moreLink span, .aui-categoriesselector-content .aui-textboxlistentry-holder, .aui-tagselector-content, a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp, .aui-menu-content li, .lfr-menu-list ul li, .taglib-calendar tr td a, .aui-menu-content, .lfr-menu-list ul, .aui-tab-active, .ui-selectmenu-menu ul, #partDesignContainer .partDesignForm ul, .customeNavigation #nav, #searchmenu li, .lfr-actions.portlet-options .lfr-trigger, .multiple-messages .dockbar-message, .portlet-content, .portlet-minimized .portlet-content-container, .portlet-minimized .portlet-content, body, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, #tboverlay, .ui-selectmenu-menu, .aui-menu-content li, .aui-toolbar li, .dockbar ul, .ui-selectmenu-menu .ui-selectmenu-group ul, body,.aui-menu-content li, .lfr-menu-list ul li, body.portal-iframe, dl,dd,dt, #nav .padding-left-xxsmall dl, #nav .parent .child .division dl, #nav #nav-05 .padding-left-xxsmall dl, #nav #nav-05 .parent .child .division dl{ padding-left: 0; padding-right: 0; } #nav #nav-01 li.child .main-nav-links-col-1 dd a, #nav #nav-01 li.child .main-nav-links-col-2 dd a, #nav #nav-01 li.child .main-nav-links-col-3 dd a, #nav #nav-02 li.child .main-nav-links-col-1 dd a, #nav #nav-02 li.child .main-nav-links-col-2 dd a, #nav #nav-02 li.child .main-nav-links-col-3 dd a, #nav #nav-03 li.child .main-nav-links-col-1 dd a, #nav #nav-03 li.child .main-nav-links-col-2 dd a, #nav #nav-03 li.child .main-nav-links-col-3 dd a, #nav #nav-05 li.child .main-nav-links-col-1 dd a, #nav #nav-05 li.child .main-nav-links-col-2 dd a, #nav ul, #partDesignContainer .partDesignForm ul, #searchmenu ul li, #tboverlay, .ui-selectmenu-menu, .aui-menu-content li, .aui-toolbar li, .customeNavigation #nav, .dockbar ul,.my-places-menu ul, .my-places-menu li, .ui-selectmenu-menu .ui-selectmenu-group ul, .ui-selectmenu-menu li, a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body, canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed, fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup, hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object, ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong, sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, body,.aui-menu-content li, .lfr-menu-list ul li, dl,dd,dt,.portlet-topper-toolbar{ margin-right: 0; margin-top: 0; } #nav #nav-01 li.child .main-nav-links-col-1 dd a, #nav #nav-01 li.child .main-nav-links-col-2 dd a, #nav #nav-01 li.child .main-nav-links-col-3 dd a, #nav #nav-02 li.child .main-nav-links-col-1 dd a, #nav #nav-02 li.child .main-nav-links-col-2 dd a, #nav #nav-02 li.child .main-nav-links-col-3 dd a, #nav #nav-03 li.child .main-nav-links-col-1 dd a, #nav #nav-03 li.child .main-nav-links-col-2 dd a, #nav #nav-03 li.child .main-nav-links-col-3 dd a, #nav #nav-05 li.child .main-nav-links-col-1 dd a, #nav #nav-05 li.child .main-nav-links-col-2 dd a, #nav ul, #partDesignContainer .partDesignForm ul, #searchmenu ul li, #tboverlay, .ui-selectmenu-menu, .aui-menu-content li, .aui-toolbar li, .customeNavigation #nav, .dockbar ul,.my-places-menu ul, .my-places-menu li, .ui-selectmenu-menu .ui-selectmenu-group ul, .ui-selectmenu-menu li, a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body, canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed, fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup, hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object, ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong, sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, body,.aui-menu-content li, .lfr-menu-list ul li, dl,dd,dt{ margin-left: 0; } #nav ul, .portlet-content, .portlet-minimized .portlet-content-container, .portlet-minimized .portlet-content, .ui-selectmenu-menu ul, #nav #nav-01 li.child .main-nav-links-col-1 dd a, #nav #nav-01 li.child .main-nav-links-col-2 dd a, #nav #nav-01 li.child .main-nav-links-col-3 dd a, #nav #nav-02 li.child .main-nav-links-col-1 dd a, #nav #nav-02 li.child .main-nav-links-col-2 dd a, #nav #nav-02 li.child .main-nav-links-col-3 dd a, #nav #nav-03 li.child .main-nav-links-col-1 dd a, #nav #nav-03 li.child .main-nav-links-col-2 dd a, #nav #nav-03 li.child .main-nav-links-col-3 dd a, #nav #nav-05 li.child .main-nav-links-col-1 dd a, #nav #nav-05 li.child .main-nav-links-col-2 dd a, #nav ul, #partDesignContainer .partDesignForm ul, #searchmenu ul li, #tboverlay, .ui-selectmenu-menu, .aui-menu-content li, .aui-toolbar li, .customeNavigation #nav, .dockbar ul,.my-places-menu ul, .my-places-menu li, .ui-selectmenu-menu .ui-selectmenu-group ul, .ui-selectmenu-menu li, a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body, canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed, fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup, hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object, ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong, sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, body,.aui-menu-content li, .lfr-menu-list ul li, dl,dd,dt { padding-bottom: 0; padding-top: 0; } html,body { } article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{ display: block; } b,strong { font-weight: bold; } img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; } .rohm-LR7 #side-navi1 img{width:100%;} ol,ul { list-style: none; } li { display: list-item; } th,td,caption { font-weight: normal; vertical-align: top; text-align: left; } q { quotes: none; } q:before,q:after { content: ""; content: none; } sub,sup,small { font-size: 75%; } sub,sup { vertical-align: baseline; } sub,sup, #searchmenu li { line-height: 0; position: relative; } sub { bottom: -0.25em; } sup { top: -0.5em; } svg { /* For IE9. Without, occasionally draws shapes outside the boundaries of rectangle. */ overflow: hidden; } a:focus { outline:0px none;color: inherit;} :hover { text-decoration:none; } /* Reset End */ /* ---------- Browser normalization ---------- */ article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, #tboverlay, .ui-selectmenu-menu, .aui-menu-content li, .aui-toolbar li, .dockbar ul, .ui-selectmenu-menu .ui-selectmenu-group ul, body,.aui-menu-content li, .lfr-menu-list ul li { margin-bottom: 0; } .portlet-layout, table { border-collapse: collapse; clear: both; border-spacing: 0; } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } caption, th { text-align: left; } q:before, q:after { content: ''; } abbr, acronym { border-bottom-color:#000; cursor: help; } html { overflow-y: scroll; } html.aui-dialog-iframe-root-node { overflow: auto; } body { background: #FFF; font: 62.5%/1.4 Arial, Helvetica, Verdana, sans-serif; } #nav #nav-03 ul.parent .width436P .title dt, .hi_IN #nav li span, .en_GB #nav li span{ padding-left: 10px; padding-right: 10px; } #nav #nav-03 ul.parent .width436P .title dt, body.portal-popup { background: none; } body.aui-dialog-iframe-popup { padding-bottom: 0; } blockquote, ul, ol, dl { margin-left: 1em; margin-right: 1em; } blockquote, ul, ol, dl, h1, h2, h3 { margin-top: 1em; margin-bottom: 1em; } ol, ul, dl { margin-left: 2em; } ol { list-style: decimal outside; } ul { list-style: disc outside; } ul ul { list-style-type: circle; } ol ol { list-style-type: upper-roman; } dl dd { margin-left: 1em; } th { font-weight: bold; } caption { margin-bottom: 0.5em; text-align: center; } p { margin-bottom: 1em; } /* ---------- Links ---------- */ a { } a:hover { } a:visited { } /* ---------- Headers ---------- */ h1 { font-size: 1.8em; } h2 { font-size: 1.6em; } h3 { font-size: 1.4em; } h4, h5, h6 { font-size: 1.1em; } h1, h2, h3, h4, h5, h6, strong { font-weight: bold; } .taglib-calendar .calendar-current-day a, footer.footerBottom .footer-suBottom-nav .footer-logo .rohmlogo a, #searchmenu ul, .taglib-calendar tr td a,.aui-resizable-proxy, .LdotoolTip{ border-left-width:1px; border-right-width:1px; } .taglib-calendar .calendar-current-day a, footer.footerBottom .footer-suBottom-nav .footer-logo .rohmlogo a, #searchmenu ul, .taglib-calendar tr td a, .LdotoolTip{ border-left-style:solid; border-right-style:solid; } .navi_area ul li, .navi_area ul li:hover, .taglib-calendar .calendar-current-day a, footer.footerBottom .footer-suBottom-nav .footer-logo .rohmlogo a, #searchmenu ul, .taglib-calendar tr td a, .multiple-messages .dockbar-message, .LdotoolTip{ border-top-style:solid; border-top-width:1px; } .navi_area ul li, .navi_area ul li:hover, .taglib-calendar .calendar-current-day a, footer.footerBottom .footer-suBottom-nav .footer-logo .rohmlogo a, #searchmenu ul, .taglib-calendar tr td a, .dockbar, .LdotoolTip{ border-bottom-style: solid; border-bottom-width: 1px; } body.html-editor { background: #FFF; color: #000; } .dockbar .menu-button, #wrapper.newROHM #searchmenu ul a, .taglib-calendar tr td a,.multiple-messages .dockbar-message{ padding-bottom: 5px; padding-top: 5px; } .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { display: block; font-weight: bold; } .dockbar{ padding-right: 5px; } .dockbar{ padding-left: 5px; position: relative; } /* ---------- Text formatting ---------- */ b, strong { font-weight: bold; } i, em { font-style: italic; } code, pre { font-family: "Courier New", Courier, monospace; white-space: pre; } .en_US code, .en_US pre {font-family: 'IBM Plex SansRegular';} .important { font-weight: bold; } /* ---------- Staging area ---------- */ body.staging, body.live-view { border: 0px solid #F00; } body.live-view, .popup-alert-notice, .aui-tagselector-focused .aui-textboxlistentry-holder, .portlet-msg-alert { border-bottom-color: #FC0; } /* ---------- Loading animation ---------- .loading-animation { background: url(../images/progress_bar/loading_animation.gif) no-repeat top center; margin-top: 10px; padding-top: 40px; text-align: left; } ---------- Separator ---------- */ hr, .separator { border-top-color: #BFBFBF; } hr, .separator, .ui-selectmenu-menu li { border-top-style: dotted; } .search-box .searchTextfield #search-1 input, .search-box .searchTextfield #search-2 input, .search-box .searchTextfield #search-3 input, .search-box .searchTextfield #search-4 input{ padding-left: 2px; padding-right: 2px; } hr, .separator, .ui-selectmenu-menu li, .ui-selectmenu-menu li, abbr, acronym { border-bottom-width: 1px; } hr, .separator, .ui-selectmenu-menu li{ border-top-width: 1px; } .ui-selectmenu-menu li, abbr, acronym{ border-bottom-style: dotted } /* ---------- Misc. ---------- */ .lfr-panel-container { background: transparent; } .lfr-panel-container { background: #FFF; } .aui-dialog-bd { min-height: 30px; } .aui-panel-hd { background: #C0C2C5 url(../images/application/panel_header_bg.png) repeat-x 0 0; border-right-color: #AEB2B8; border-bottom-color: #AEB2B8; padding-left: 10px; text-shadow: 1px 1px #FFF; } /* ---------- Menus ---------- */ .lfr-actions.portlet-options .lfr-trigger strong span, .visible.portlet-options .lfr-trigger strong span { background-image: url(../images/portlet/options.png); } .lfr-actions.portlet-options:hover, .lfr-actions.portlet-options:hover ul { background: transparent; } .lfr-menu-list { z-index: 450; } .aui-menu .notice-message { background-image: none; margin: 3px; } .aui-menu .notice-message { padding-left: 6px; padding-right: 6px; } .aui-menu .notice-message { padding-top: 6px; padding-bottom: 6px; } .aui-menu { position: absolute; width: auto; } .aui-menu-content { background: #FFF; list-style: none; min-width: 150px; } .aui-menu-content, .lfr-menu-list ul { background: #CCC9C9 url(../images/application/menu_bg.png) repeat-x 0 0; border-color: #AEAFB1 #777879 #777879 #AEAFB1; } .aui-menugroup-content .aui-menu-label { background: #D2D6DE; color: #5B677D; text-shadow: 1px 1px #FFF; } .portlet-icon-back, .aui-menugroup-content .aui-menu-label { font-weight: bold; } .aui-menugroup-content .aui-menu-label, .modify-pages .delete-tab{ padding-left: 3px; padding-right: 3px; } .aui-menugroup-content .aui-menu-label, .modify-pages .delete-tab, .aui-menugroup-content ul, .lfr-menu-list ul ul, .aui-menu-content li, .lfr-menu-list ul li, .taglib-calendar tr td a{ display: block; } .aui-menugroup-content ul, .lfr-menu-list ul ul { min-width: 0; } .aui-menu-content li, .lfr-menu-list ul li { border-bottom-color:#BCBBBB; border-top-color:#EEE; margin-bottom: 0; } .aui-menu-content li.first, .lfr-menu-list ul li.first { border-top-width: 0; } .aui-menu-content li.last, .lfr-menu-list ul li.last { border-bottom-width: 0; } .aui-menu-content li a, .lfr-menu-list ul li .taglib-icon { color: #2C2F34; } .aui-menu-content li a.aui-focus, .lfr-menu-list ul .taglib-icon.aui-focus, .lfr-menu-expanded li a:focus { color: #FFF; } .aui-menu-content li a.aui-focus, .lfr-menu-list ul .taglib-icon.aui-focus, .lfr-menu-expanded li a:focus, .dockbar .menu-button-active a { background-color: #5B677D; text-shadow: -1px -1px #2C2F34; } .aui-menu-content a, .lfr-menu-list li .taglib-icon, .lfr-actions .lfr-trigger, .lfr-actions .lfr-trigger strong, .dockbar a { font-weight: bold; text-shadow: 1px 1px #FFF; } /* ---------- Toolbar ---------- */ .aui-toolbar li { margin-left: 10px; } .aui-toolbar-separator { background-image: url(../images/dockbar/separator.png); background-position: 100% 50%; cursor: default; font-size: 1px; height: 16px; margin: 0 2px; overflow: hidden; width: 4px; } .aui-form-trigger img, .aui-toolbar-separator { background-repeat: no-repeat; vertical-align: middle; } /* ---------- Loading Mask ---------- */ .aui-loadingmask-content { background: #CCC; } .aui-loadingmask-message { background: #D4D4D4 url(../images/portlet/header_bg.png) repeat-x 0 0; } /* ---------- Tree View ---------- */ .aui-tree-node-selected .aui-tree-label { background-color: transparent; font-weight: bold; } /* application End */ /* ---------- Wrapper ---------- */ .portlet-layout { display: table; table-layout: auto; width: 100%; } .portlet-column { display: table-cell; vertical-align: top; } .portlet-column-content { /* padding: 5px; */ } .portlet-column-content-only, .ltr .portlet-column-content-first, .rtl .portlet-column-content-last { padding-left: 0; } .portlet-column-content-only, .ltr .portlet-column-content-last, .rtl .portlet-column-content-first { padding-right: 0; } /* ---------- Column widths ---------- */ .portlet-column-content.empty { padding: 50px; } #main-content.dragging .portlet-column { border: 3px double #828F95; height: 100px; min-height: 100px; } /* Layout End */ .dockbar { background: #97A1AE url(../images/dockbar/dockbar_bg.png) repeat-x 0 0; border-bottom-color:#636364; font-size: 13px; padding-top: 1px; padding-bottom:5px; visibility: hidden; z-index: 300; } .dockbar-ready .dockbar { visibility: visible; } .dockbar:after{ display: block; } .dockbar:after, #searchmenu:after{ clear: both; height: 0; visibility: hidden; } .dockbar:after { content: "."; } .dockbar a { color: #2C2F34; } .dockbar .menu-button-active { background: #5C94DA url(../images/dockbar/button_active_bg.png) repeat-x 0 0; } .dockbar .user-avatar .sign-out { font-size: 0.8em; padding-left: 0; } .dockbar li li { margin-left: 0; } html > .lfr-dockbar-pinned { padding-top: 3.45em; } .lfr-dockbar-pinned .dockbar { left: 0; position: fixed; } .lfr-dockbar-pinned .dockbar{ right: 0; } .dockbar .pin-dockbar { margin-left: 0; } .pin-dockbar img { background: url(../images/dockbar/pin.png) no-repeat 0 0; height: 27px; vertical-align: middle; width: 27px; } .lfr-dockbar-pinned .pin-dockbar img { background-image: url(../images/dockbar/unpin.png); } .dockbar .user-portrait { text-decoration: none; } .dockbar .user-avatar img { vertical-align: middle; width: 25px; } .dockbar .impersonating-user { background: url(../images/messages/alert.png) no-repeat 0 50%; padding-left: 20px; } .dockbar .impersonating-user .user-links a { color: #999; } /* ---------- Menus ---------- */ .aui-dockbarmenu-hidden { visibility: hidden; } .dockbar .aui-toolbar { float: left; } .dockbar .user-toolbar { float: right; } .aui-underlay .portal-add-content { background-color: transparent; font-size: 11px; } .aui-underlay .portal-add-content .portlet-dd-placeholder { display: none; } .add-application .aui-widget-bd, .dockbar-messages .aui-widget-bd { padding: 0 10px 10px; } .add-application { left: 10px !important; } .lfr-has-sidebar #main-content { padding-left: 220px; } .manage-layouts { left: 60px !important; } .my-places-menu { max-width: 350px; } .my-places-menu ul { list-style: none; } #searchmenu ul li, .my-places-menu ul, .my-places-menu li, .ui-selectmenu-menu li { margin-bottom: 0; } #searchmenu ul li, .my-places-menu ul, .my-places-menu li, .ui-selectmenu-menu li, .lfr-actions.portlet-options .lfr-trigger strong a, .ui-selectmenu, .my-places-menu a { display: block; } .ui-selectmenu, .my-places-menu a { overflow: hidden; } .my-places-menu a { text-align: right; white-space: nowrap; } .my-places-menu .current-site { border-color:#1D4280; } .my-places-menu .current-site a { background: #3068BA url(../images/arrows/01_right.png) no-repeat scroll 2px 30%; padding-left: 20px; } .my-places-menu .current-site .site-type, .my-places-menu .current-site a, .my-places-menu .current-site a:hover, .my-places-menu a:hover .site-type { color: #FFF; } .my-places-menu .current-site a, .my-places-menu .current-site a:hover, .my-places-menu a:hover .site-type { text-shadow: 1px 1px #333; } .my-places-menu .site-name { cursor: pointer; float: left; } .my-places-menu .site-type { float: right; font-weight: normal; } .my-places-menu .site-type, .portlet-title-default { color: #777; font-size: 0.8em; margin-left: 10px; } .my-places-menu a:hover .site-type { color: #FFF; } .dockbar .toggle-controls a { background: url(../images/dockbar/checked.png) no-repeat 0 50%; padding-left: 20px; } .controls-hidden .toggle-controls a { background-image: url(../images/dockbar/unchecked.png); } .dockbar .menu-button { background: url(../images/arrows/05_down.png) no-repeat 93% 50%; padding-right: 20px; } #recentclick .width590P table th, #recentclick .width590P table td, .dockbar .menu-button { padding-left: 5px; } .dockbar .menu-button span { background: url() no-repeat 0 50%; padding-left: 20px; } .dockbar .add-content .menu-button span { background-image: url(../images/common/add.png); } .dockbar .manage-content .menu-button span { background-image: url(../images/dockbar/settings.png); } .dockbar .my-places .menu-button span { background-image: url(../images/dockbar/places.png); } .dockbar .staging-options .menu-button span { background-image: url(../images/dockbar/staging.png); } .dockbar-messages-container { left: 50%; margin-left: -150px; } .dockbar-messages { width: 300px; } .showing-messages .dockbar-messages { display: block; } .multiple-messages .dockbar-message { border-top-color: #CCC; } .multiple-messages .first { border-top-width: 0; padding-top: 0; } .add-content-menu .add-page a { background-image: url(../images/navigation/add_page.png); } .add-content-menu .add-application a { background-image: url(../images/common/portlet.png); } .add-content-menu .add-page a, .add-content-menu .add-application a, .manage-content-menu li a { background-repeat:no-repeat; background-position:3px 50%; padding-left: 25px; } .add-content-menu a.lfr-portlet-used { color: #999; cursor: auto; } .manage-content-menu li a { background-image: url(); } .manage-content-menu .manage-page a { background-image: url(../images/dock/page_settings.png); } .manage-content-menu .page-layout a { background-image: url(../images/dock/layout.png); } .manage-content-menu .sitemap a { background-image: url(../images/common/sitemap.png); } .manage-content-menu .settings a { background-image: url(../images/common/configuration.png); } .manage-content-menu .control-panel a { background-image: url(../images/dock/control_panel.png); } /* Docbar End */ /* ---------- Add/remove page ---------- */ .modify-pages li { position: relative; } .modify-pages .delete-tab { background: #333 url(../images/portlet/close_borderless.png) no-repeat 50%; margin-top: -7px; padding-bottom: 3px; right: 1px; text-indent: -9999em; top: 50%; } .modify-pages .delete-tab { padding-top: 3px; cursor: pointer; } .modify-pages .delete-tab { height: 8px; position: absolute; width: 8px; } /*------ Navigation portlet ------*/ .nav-menu li a.ancestor { font-weight: bold; } .en-de-text, .ui-selectmenu, .nav-menu li a.selected { color: #000; font-weight: bold; } .ui-selectmenu, .nav-menu li a.selected { text-decoration: none; } .nav-menu ul { padding-left: 10px; } /* ---------- Page template selector ---------- */ .aui-form-options { border-color:#AAA; } .aui-form-options, .aui-toolbar li, .ui-selectmenu { display: inline-block; vertical-align: middle; } .aui-form-triggers { float: left; } .aui-form-trigger, .paddingTopLeft40 { background: #C4C4C4 url(../images/application/button_bg.png) repeat-x 0 0; border-left-color: #BBB; display: inline-block; float: left; } .aui-form-trigger, .paddingTopLeft40 { border-left-style: solid; border-left-width: 1px; } .aui-form-trigger img { background-image: url(); background-position: 50% 40%; height: 25px; padding: 0 3px; width: 16px; } .aui-form-trigger:hover, .aui-form-trigger:focus { background-color: #83B0CA; background-image: url(../images/application/button_bg_over.png); } .aui-trigger-selected { background-color: #EBEBEB; background-image: url(../images/application/button_bg_selected.png); } .aui-trigger-selected:hover, .aui-trigger-selected:focus { background-color: #B7DEF4; background-image: url(../images/application/button_bg_selected_over.png); } .aui-options-trigger img { background-image: url(../images/common/configuration.png); } .aui-save-trigger img { background-image: url(../images/dock/my_place_current.png); } /* Navigation End */ /* ---------- Portlet wrapper and icons ---------- */ .freeform .portlet { margin-bottom: 0; } .portlet-topper { position: relative; } .portlet-title, #wrapper.newROHM header .header .rohmlogo { margin-top: 0px; } .portlet-title, #wrapper.newROHM header .header .rohmlogo, .repeatLightGrayBg.boxcontent .font12 { margin-bottom:0px; display: block; } .portlet-title { font-size: 1em; } .portlet-title-text { cursor: pointer; } .portlet-title img { vertical-align: middle; } .portlet-topper-toolbar { /* position: absolute; */ right: 3px; text-align: right; top: 3px; } .portlet-topper-toolbar .nobr{ display: block; float: left; } .portlet-topper-toolbar .nobr{ padding-bottom: 1px; padding-top: 1px; } .lfr-actions.portlet-options .lfr-trigger strong, .portlet-topper-toolbar .nobr { padding-left: 1px; padding-right: 1px; } .portlet-icon-back { background: url(../images/arrows/01_left.png) no-repeat 0 50%; padding-right:5px; padding-left:18px; } .portlet-nested-portlets .portlet-boundary { position: relative !important; top: 0 !important; left: 0 !important; } /* ---------- Borderless portlet ---------- */ .portlet-borderless-container { min-height: 2.5em; position: relative !important; } .portlet-borderless-bar { background: #333; font-size: 10px; opacity: 0.3; padding-bottom:1px; right: 0; text-shadow: -1px -1px #000; z-index: 7 !important; } .ui-selectmenu-menu, .portlet-borderless-bar{ position: absolute; top: 0; } .portlet-borderless-bar .portlet-actions { display: none; float: left; margin-right: 20px; } .portlet-borderless-container:hover .portlet-borderless-bar { opacity: 1; } .portlet-borderless-container:hover .portlet-borderless-bar .portlet-actions { display: inline; } .ie .portlet-borderless-bar { -ms-filter: alpha(opacity=20); filter: alpha(opacity=20); } .ie .portlet-borderless-container:hover .portlet-borderless-bar { -ms-filter: alpha(opacity=100); filter: alpha(opacity=100); } .portlet-borderless-bar .portlet-action-separator { display: none; } #nav li, .portlet-borderless-bar a { vertical-align: top; display:inline-block; } .portlet-borderless-bar a { background: url() no-repeat 0 50%; color: #3AF; margin-left: 5px; } .portlet-borderless-bar a, .lfr-actions.portlet-options .lfr-trigger strong a { height: 16px; text-indent: -9999px; width: 16px; } .portlet-title-default { display: inline-block; text-transform: capitalize; } .aui-dd-draggable .portlet-topper { cursor: move; } .aui-dd-draggable .portlet-title-default { background: url(../images/portlet/draggable_borderless.png) no-repeat 0 50%; cursor: move; padding-left: 20px; } .portlet-borderless-bar .portlet-back a { text-indent: 0; } .portlet-borderless-bar .portlet-back a{ height: auto; width: auto; } .portlet-borderless-bar .portlet-close a { background-image: url(../images/portlet/close_borderless.png); } .portlet-borderless-bar .portlet-options li.lfr-trigger strong a { background-image: url(../images/portlet/options_borderless.png); } .portlet-borderless-bar .portlet-title-default, .portlet-borderless-bar .portlet-actions { vertical-align: top; } /* ---------- Panel Page ---------- */ .lfr-panel-page { width: 100%; } .lfr-panel-page .portlet-title { font-size: 13px; } .lfr-panel-page .lfr-add-content h2 span { background-color: #D3DADD; } /* ---------- Standard styles defined in the JSR 168 ---------- */ /* ---------- Fonts ---------- */ /* ---------- Font attributes for the 'normal' fragment font ---------- */ .portlet-font { } /* ---------- Font attributes similar to the .portlet-font but the color is lighter ---------- */ .portlet-font-dim { } /* ---------- Messages ---------- */ /* ---------- Status of the current operation ---------- */ .portlet-msg-status { } /* ---------- Help messages, general additional information, etc. ---------- */ .portlet-msg-info, .portlet-msg-info-label { background-image: url(../images/messages/info.png); color: #34404F; } .portlet-msg-info { background-color:#DFF4FF; border-color: #A7CEDF; } .portlet-msg-info.pending { background-image: url(../images/common/time.png); } /* ---------- Error messages ---------- */ .portlet-msg-error { background-image: url(../images/messages/error.png); } /* ---------- Warning messages ---------- */ .portlet-msg-alert { background-image: url(../images/messages/alert.png); background-position:6px 20%; } /* ---------- Success messages ---------- */ .portlet-msg-success { background-color:#F4FDEF; border-color: #ACDFA7; } .portlet-msg-error,.portlet-msg-info,.portlet-msg-success{ background-position: 6px 50%; background-repeat: no-repeat; } .portlet-msg-alert, .portlet-msg-error, .portlet-msg-info, .portlet-msg-success{ margin-bottom: 14px; } .portlet-msg-alert, .portlet-msg-error, .portlet-msg-info, .portlet-msg-success{ padding-right:6px; } .portlet-msg-alert, .portlet-msg-error, .portlet-msg-info, .portlet-msg-success, .results-row.lfr-role .col-1, .results-row.hover.lfr-role .col-1{ background-repeat: no-repeat; padding-left:30px; } /* ---------- Message labels ---------- */ .portlet-msg-info-label, .portlet-msg-error-label, .portlet-msg-alert-label, .portlet-msg-success-label { background: none no-repeat 0 50%; padding-right: 3px; padding-left:20px; } .portlet-msg-info-label, .portlet-msg-error-label, .portlet-msg-alert-label, .portlet-msg-success-label{ font-weight: bold; } .portlet-msg-error-label { background-image: url(../images/messages/error.png); color: #900; } .portlet-msg-alert-label { background-image: url(../images/messages/alert.png); color: #663; } .portlet-msg-success-label, .portlet-msg-success { background-image: url(../images/messages/success.png); color: #384F34; } /* ---------- Sections ---------- */ /* ---------- Table or section header ---------- */ .portlet-section-header { } .portlet-section-header th { } /* ---------- Normal text in a table cell ---------- */ .portlet-section-body { } .portlet-section-body td { } /* ---------- Text in every other row in the cell ---------- */ .portlet-section-alternate { } .portlet-section-alternate td { } .portlet-section-alternate-hover td, .portlet-section-body-hover td { } .portlet-section-body td td, .portlet-section-body-hover td td { } .portlet-section-alternate td td, .portlet-section-alternate-hover td td { } /* ---------- Text in a selected cell range ---------- */ .portlet-section-selected, .portlet-section-selected a, .taglib-calendar tr td a:hover { background: #727C81; color: #FFF; } #back-to-top, .portlet-section-selected, .portlet-section-selected a { font-weight: bold; text-decoration: none; } .portlet-section-selected a:hover, .portlet-section-selected a:focus { background-color: #727C81; } /* ---------- Text of a subheading ---------- */ /* ---------- Text of a subheading ---------- */ .portlet-section-subheader { } /* ---------- Table or section footnote ---------- */ .portlet-section-footer { } /* ---------- Text that belongs to the table but does not fall in one of the other categories (e.g. explanatory or help text that is associated with the section) ---------- */ .portlet-section-text { } /* ---------- Forms ---------- */ /* ---------- Text used for the descriptive label of the whole form (not the labels for fields) ---------- */ .portlet-form-label { } /* ---------- Text of the user-input in an input field ---------- */ .portlet-form-input-field { } /* ---------- Text on a button ---------- */ .portlet-form-button { } /* ---------- Text that appears beside a context dependent action icon ---------- */ .portlet-icon-label { } /* ---------- Text that appears beside a 'standard' icon (e.g. Ok, or Cancel) ---------- */ .portlet-dlg-icon-label { } /* ---------- Text for a separator of fields (e.g. checkboxes, etc.) ---------- */ .portlet-form-field-label { } /* ---------- Text for a field (not input field, e.g. checkboxes, etc.) ---------- */ .portlet-form-field { } /* ---------- Menus ---------- */ /* ---------- General menu settings such as background color, margins, etc. ---------- */ .portlet-menu { } /* ---------- Normal, unselected menu item ---------- */ .portlet-menu-item { } /* ---------- Selected menu item ---------- */ .portlet-menu-item-selected { } /* ---------- Normal, unselected menu item when the mouse hovers over it ---------- */ .portlet-menu-item-hover { } /* ---------- Selected menu item when the mouse hovers over it ---------- */ .portlet-menu-item-hover-selected { } /* ---------- Normal, unselected menu item that has sub-menus ---------- */ .portlet-menu-cascade-item { } /* ---------- Selected sub-menu item that has sub-menus ---------- */ .portlet-menu-cascade-item-selected { } /* ---------- Descriptive text for the menu (e.g. in a help context below the menu) ---------- */ .portlet-menu-description { } /* ---------- Menu caption ---------- */ .portlet-menu-caption { } /* ---------- Miscellaneous portlet styles ---------- */ .restricted, .restricted td { background: #FDD; } .alt.restricted td { background-color: #FFC0C0; } .hover.restricted td { background-color: #D3BDC0; } .restricted * { color: #727C81; } .restricted td.col-1, .alt.restricted td.col-1 { background-image: url(../images/messages/error.png); background-repeat: no-repeat; padding-left: 28px; } .restricted td.col-1, .alt.restricted td.col-1, .results-row.lfr-role .col-1, .results-row.hover.lfr-role .col-1{ background-position: 5px 50%; } /* ---------- Permissions ---------- */ .results-row.lfr-role .col-1, .results-row.hover.lfr-role .col-1 { background-image: url(); } .results-row.lfr-role-guest .col-1, .results-row.hover.lfr-role-guest .col-1 { background-image: url(../images/common/guest_icon.png); } .results-row.lfr-role-regular .col-1, .results-row.hover.lfr-role-regular .col-1 { background-image: url(../images/common/user_icon.png); } .results-row.lfr-role-community .col-1, .results-row.hover.lfr-role-community .col-1 { background-image: url(../images/common/community_icon.png); } .results-row.lfr-role-organization .col-1, .results-row.hover.lfr-role-organization .col-1 { background-image: url(../images/common/organization_icon.png); } .results-row.lfr-role-team .col-1, .results-row.hover.lfr-role-team .col-1 { background-image: url(../images/common/team_icon.png); } /* ---------- Miscellaneous component styles ---------- */ /* ---------- Add content dialog ---------- */ .lfr-portlet-item, .lfr-portlet-item p a { font-size: 1em; } /* ---------- Actions button ---------- */ .lfr-actions { } .lfr-actions.lfr-extended, .lfr-actions.lfr-extended ul { background: #FFF url(../images/forms/button.png) repeat-x 0 100%; border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE; } .lfr-actions ul { bottom: -1px; } .lfr-actions .lfr-trigger, .lfr-actions .lfr-trigger, .lfr-actions .lfr-trigger strong { background: none; } .lfr-actions .lfr-trigger li { background: transparent; border-bottom-color: #DEDEDE; } .lfr-actions .lfr-trigger li a { padding-left: 25px; } .results-header th, .results-header td, .lfr-actions .lfr-trigger li a { padding-right:10px; } .lfr-actions .lfr-trigger li a:hover { background-color: #828F95; color: #FFF; } .lfr-actions .lfr-trigger li a img { left: 3px; position: absolute; } .lfr-actions .lfr-trigger li.last { border-bottom: none; } .lfr-actions.portlet-options { background: none; float: left; } .lfr-actions.portlet-options .lfr-trigger strong { min-width: 0; } .lfr-actions.portlet-options .lfr-trigger strong a { background-image: url(../images/portlet/options.png); background-position: 0 0; font-size: 0; } .visible.portlet-options .lfr-trigger strong a { background-image: url(../images/portlet/options_selected.png); } /* ---------- Calendar taglib ---------- */ .taglib-calendar tr td a { background-color: #F0F5F7; height: 15px; } .taglib-calendar .calendar-current-day, .taglib-calendar .calendar-current-day a { background-color: #FFF; } .taglib-calendar .calendar-current-day a { border-color:#727C81; color: #369; text-decoration: underline; } .taglib-calendar tr td.calendar-inactive { background-color: #FFF; color: #B5BFC4; } .taglib-calendar tr th { border-bottom-color: #D7D7D7; } .ie .taglib-calendar tr td.first a { border-right: none; } /* Portlet End */ /*fieldset { border: 1px solid #BFBFBF; padding: 8px; } .ie fieldset { padding-top: 0; } .aui-fieldset { border-width: 0; padding: 0; position: relative; } .aui-dialog-iframe-popup .aui-fieldset { margin-bottom: 0; } .aui-fieldset .aui-field-content, .aui-field-row, .aui-button-holder, .aui-field-wrapper-content { margin: 10px 0; } .aui-field-inline .aui-field-content, .aui-field-row .aui-field-content { margin: 0; margin-right: 5px; } .aui-search-bar .aui-field-content { margin-right: 0; } .aui-search-bar .aui-field-content, .aui-search-bar .aui-button-content { display: inline-block; vertical-align: middle; } .aui-field-choice .aui-field-label { display: inline-block; } .aui-field-date .aui-field-content { overflow: hidden; } legend { font-weight: bold; padding: 0 6px; } .aui-fieldset-legend { color: #000; font-size: 120%; font-weight: bold; padding: 0 0 1.5em; } .aui-legend { border-bottom: 1px solid #CCC; display: block; position: absolute; width: 90%; } input { background: #FFF; } input[type="text"], input[type="password"], input[type="file"], input[type="submit"], input[type="button"], input[type="reset"], select, textarea, .textarea, button { background-repeat: no-repeat; border: 1px solid; border-color: #BFBFBF #DEDEDE #DEDEDE #BFBFBF; font: 1em Arial, Helvetica, Verdana, sans-serif; padding: 5px 1px; } select { padding: 1px; } input[type="image"] { background: transparent none; border: none; padding: 0; } input[type="submit"], input[type="button"], input[type="reset"], button { background: #F5F5F5 url(../images/forms/button.png) repeat-x 0 0; border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE; color: #34404F; cursor: pointer; font-weight: bold; overflow: visible; padding: 5px; width: auto; } input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, button:hover, button:focus { background: #DFF4FF; border: 1px solid #A7CEDF; color: #369; } input[type="submit"], input[type="button"], input[type="reset"], button, .lfr-actions.lfr-extended, .lfr-actions.lfr-extended ul { background: #D4D4D4 url(../images/portlet/header_bg.png) repeat-x 0 0; border: 1px solid; border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA; color: #34404F; font-weight: bold; text-shadow: 1px 1px #FFF; } .aui-button-disabled input[type], .aui-button-disabled button, .aui-button-disabled input[type]:hover, .aui-button-disabled input[type]:focus, .aui-button-disabled button:hover, .aui-button-disabled button:focus, .aui-buttonitem-disabled, .aui-buttonitem-disabled:hover { background: #D4D4D4 url(../images/portlet/header_bg.png) repeat-x 0 0; border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA; color: #555; opacity: 0.5; } input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover, .lfr-actions.lfr-extended:hover, .lfr-actions.lfr-extended:hover ul { border-color: #627782; color: #369; } input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, button:focus, .lfr-actions.lfr-extended:focus, .lfr-actions.lfr-extended:focus ul { border-color: #555; } input.aui-form-validator-error, textarea.aui-form-validator-error, select.aui-form-validator-error { border: 1px solid #F00; } ---------- IE6 chokes on attribute selectors in a chain, so we separate them into their own rule ---------- input.password { background-image: url(../images/forms/input_shadow.png); background-repeat: no-repeat; border: 1px solid; border-color: #BFBFBF #DEDEDE #DEDEDE #BFBFBF; font: 1em Arial, Helvetica, Verdana, sans-serif; padding: 5px 1px; } input.focus, textarea.focus { background: #FFC none; border: 1px solid #FC0; } .ie .aui-button-disabled input, .aui-buttonitem-disabled, .aui-buttonitem-disabled:hover { -ms-filter: alpha(opacity=50); filter: alpha(opacity=50); } Forms End .aui-menu-content, body > .lfr-menu-list ul, .aui-underlay-content, .aui-dialog-content { -moz-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5); box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5); } .dockbar .menu-button-active .menu-button { -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7); -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7); box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7); } .my-places-menu .current-site a { -moz-box-shadow: inset 0 5px 15px rgba(255, 255, 255, 0.5); -webkit-box-shadow: inset 0 5px 15px rgba(255, 255, 255, 0.5); box-shadow: inset 0 5px 15px rgba(255, 255, 255, 0.5); } .aui-dialog-hd { -moz-box-shadow: 1px 1px 0 #FFF; -webkit-box-shadow: 1px 1px 0 #FFF; box-shadow: 1px 1px 0 #FFF; } .aui-tabview-list, .aui-tab-active, body > .lfr-menu-list ul, .lfr-actions, .aui-dialog-content, .aui-dialog .aui-widget-hd, .modify-pages .delete-tab, input[type="submit"], input[type="button"], input[type="reset"], button { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .aui-menu-content { -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .aui-underlay-content { -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .lfr-hudcrumbs ul { -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; } Extra End */ .font9{ font-size:9px; } .font10{ font-size:10px; } .font11{ font-size:11px; } .font12{ font-size:12px; } .font14{ font-size:14px; } /*Jira 1769 */ .font15{ font-size:15px; } /*Jira 1769 End */ .font16{ font-size:16px; } /*Jira 1769 */ .font18{ font-size:18px; } /*Jira 1769 End */ .gapmarginLeft15 { margin-left: 15px; } .gapMarginLeft25{ margin-left:25px; } .gapMarginLeft50{ margin-left:50px; } .ja #parenttabs .gapMarginLeft50{ margin-left:40px; } .gapMarginright48{ margin-right:48px; } .gapmarginBottom15 { margin-bottom: 15px; } .gaptopPadding7{ padding-top:7px !important; } .gappaddingLeft7 { padding-left: 7px; } .gapmarginRight15 { margin-right: 15px; } .gapleftPadding72{ padding-left:72px; } .gappaddingBottom15 { padding-bottom: 15px; } body { font-family: 'open_sansregular', sans-serif; background:#fff; } body.en_US{font-family: 'IBM Plex SansRegular';} body, .lists .title { margin-bottom: 0; } body, #wrapper.newROHM header #top-nav .top-links, #wrapper.newROHM header #top-nav .top-links a, #wrapper.newROHM header #top-nav .portal-select { color: #464646; font-size:12px; line-height:24px; } body.ko_KR{font-family:"Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} body.zh_TW {font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} body.zh_CN {font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} .portlet-layout { border-collapse: separate; } .portlet-borderless-container{ clear:left; min-height: 2.2em; } .portlet-borderless-bar{ z-index:1; } .rohm_news-portlet .portlet-borderless-bar { z-index: 5; } .rohmsitesearch-portlet .portlet-borderless-container{ clear:none; } #wrapper.newROHM .portlet-content{ padding:0px; } #wrapper.newROHM a{ cursor: pointer; outline:0px none !important; } #wrapper.newROHM a, .listContainer .product-tree dd a{ color:#878787; text-decoration:none; } a { _noFocusLine: expression(this.hideFocus=true); } #wrapper.newROHM #searchmenu li li a:hover, footer.footerBottom a:hover { text-decoration: underline; } .fl { float: left; } .fr { float: right; } .a-center{ text-align:center; } .clr, .clear-both{ clear:both; } .width106{ width:106px; } .width122{ width:102px; } .distri-smallImage { height: 83px; margin-right: 14px; width: 160px; } .ko .mobiscroll, .zh_CN .zh .mobiscroll{ height: 166px; display:inline-block; width:100%; } .ko .mobiscroll .distri-smallImage { height: 100px; width: 222px; margin-right: 4px; } .distri-smallImage .mrg-top5 { line-height: 16px; } .width184{ width:184px; } .widthAuto{ width:auto !important; } .width73P{ width:73%; } .width469{ width:460px; } #wrapper.newROHM .marginRight0{ margin-right:0px; } footer.footerBottom .footer-suBottom-nav .footer-logo .rohmlogo, a.wechat, a.gplus, a.linkedin, a.fb, a.twitter, a.rss, a.weibo, .footer-suBottom-nav li, .ui-selectmenu-icon , .ui-selectmenu-icon:hover, .iconSprite, .customeNavigation .search-box, .searchTextfield .search-input, .search-box .search-btn, #header .customeNavigation #nav #nav-03 ul.parent dt, #header .customeNavigation #nav #nav-03 ul.parent li.child dd, #header .customeNavigation #nav #nav-04 ul.parent dt, #header .customeNavigation #nav #nav-04 ul.parent li.child dd, .aui-autocomplete input[type="text"],.product-list-navigation ul li,#nav #nav-03 ul.parent dt, #nav #nav-03 ul.parent li.child dd{ background-image: url(../images/rohm-theme/sprite.png); } #header .customeNavigation #nav #nav-03 ul.parent li.child dd, #header .customeNavigation #nav #nav-04 ul.parent li.child dd{ background-image: url(../images/rohm-theme/sprite.png) !important; } #wrapper.newROHM #header .customeNavigation #nav #nav-03 ul.parent .width210P dt, #wrapper.newROHM #header .customeNavigation #nav #nav-04 ul.parent .width210P dt, #wrapper.newROHM #header .customeNavigation #nav #nav-04 ul.parent .width500P dt{ background:none; } #wrapper.newROHM #header .customeNavigation #nav #nav-04 ul.parent dt{padding-left:0;} #wrapper.newROHM #header .customeNavigation #nav #nav-04 ul.parent dt a{margin-bottom:4px} /* Docbar */ #wrapper.newROHM .dockbar a, #wrapper.newROHM #dockbarlayout .aui-menu-content a, #wrapper.newROHM #dockbarlayout .lfr-menu-list li .taglib-icon, #wrapper.newROHM #dockbarlayout .lfr-actions .lfr-trigger, #wrapper.newROHM #dockbarlayout .lfr-actions .lfr-trigger strong{ text-shadow: 0px 0px #fff; font-weight: normal; } #wrapper.newROHM #dockbarlayout a{ color:#000; } #wrapper.newROHM #dockbarlayout .current-site a{ color:#fff; } #wrapper.newROHM #dockbarlayout li a.aui-focus, #wrapper.newROHM #dockbarlayout ul .taglib-icon.aui-focus, #wrapper.newROHM #dockbarlayout li a:focus{ text-shadow: 0px 0px #2C2F34; } .dockbar .menu-button-active a, #wrapper.newROHM #dockbarlayout .dockbar .aui-overlaycontext-focused a:hover { color: #fff !important; } /* End */ /*A1 Header */ #navdevice{display:none;} #wrapper.newROHM{ background: #FFF; } footer.footerBottom .footer-suBottom-nav .footer-logo .rohmlogo{ background-position:0px 0px; } .rohmlogo a { display: block; width: 77px; height: 66px; } .ie9 #wrapper.newROHM header .header .rohmlogo {width: 77px !important;} #wrapper.newROHM header .header .rohmlogo { float: left; } #wrapper.newROHM header .header .rohmlogo, footer.footerBottom .footer-suBottom-nav .footer-logo .rohmlogo a{ width: 77px; height: 59px; } #wrapper.newROHM header #top-nav .top-links, #wrapper.newROHM header #top-nav .top-links a, #wrapper.newROHM header #top-nav .portal-select{ font-family: Arial,Helvetica,Verdana,sans-serif; /*ROHMAPPLICATIONINTERNAL-111*/ } .en_US #wrapper.newROHM header #top-nav .top-links, .en_US #wrapper.newROHM header #top-nav .top-links a, .en_US #wrapper.newROHM header #top-nav .portal-select{ font-family: 'IBM Plex SansRegular'; } #wrapper.newROHM header #top-nav .portal-select{ color:#464646; } #wrapper.newROHM header #top-nav { float: left; width: 867px; margin-top:-7px; } #searchmenu, header .header{ float: left; } #nav li ul, #searchmenu ul, .de_DE #wrapper.newROHM #searchmenu div.searchlable a, #searchmenu, header .header{ margin-bottom: 0; margin-top: 0; } header .header{ height:84px; } .signed-in header .header{ height:86px; } header #top-nav .top-links { width: 520px; margin-left: 10px !important; margin-top: 49px; } .signed-out .ja header #top-nav .top-links, .signed-in .ja header #top-nav .top-links { width: 550px; margin-left: 16px !important; } header #top-nav .top-links a { color: #606060; text-decoration: none; margin: 0 0px; /* Ritesh */ } header #top-nav .top-links a, p#sampleheader span { font-weight: bold; text-transform: uppercase; } header #top-nav .top-links a.firstlink { margin: 0 4px 0 0; } header #top-nav .top-links a.lastlink, .ja header #top-nav .top-links a.lastlink { margin: 0 0 0 0px; } header #top-nav .top-links a.myRohmLogin{ text-transform: inherit; } header #top-nav .portal-select { height: 28px; margin-top: 52px; margin-right:3px; } .social-network { margin-top: 38px; } a.ytube, a.wechat, a.gplus, a.linkedin, a.fb, a.twitter, a.rss, a.weibo, a.yt { margin-left: 2px; width: 36px; height: 36px; text-indent: -1000px; overflow:hidden; } .product-list-navigation ul li, a.ytube, a.wechat, a.gplus, a.linkedin, a.fb, a.twitter, a.rss, a.weibo, a.yt { display: block; background-repeat: no-repeat; } a.gplus { background-position:-40px -125px; } a.ytube { background-position:-40px -33px; } a.wechat, a.wechat:hover{ background-position:-3px -3px; } #bottom-nav .footer .footer-icon a.gplus { background-position:-40px -1205px; } #bottom-nav .footer .footer-icon a.wechat { background-position:0px -1920px; } a.linkedin, #bottom-nav .footer .footer-icon a.linkedin { background-position:1px -125px; } a.fb, #bottom-nav .footer .footer-icon a.fb { background-position:-40px -79px; } a.twitter, #bottom-nav .footer .footer-icon a.twitter { background-position:0px -79px; } a.rss { background-position:-2px -171px; } #bottom-nav .footer .footer-icon a.rss { background-position:-2px -170px; } a.weibo { background-position:-43px -171px; } a.yt{background: url(../images/rohm-theme/yt.gif) -247px -3px no-repeat!important;} #bottom-nav .footer .footer-icon a.yt{background: url(../images/rohm-theme/ytb.gif) 4px 2px no-repeat!important;} #header .userbox { float:right; text-align:justify; width:270px; padding:0 5px; top: -80px !important; text-align:right; } #header .userbox, .portal-select { position: relative; z-index: 10; } #header .userbox .user-name { font-style:italic; font-weight:normal; margin-right: 5px; } #header .userbox .user-name, #searchmenu a { font-size:12px; text-transform:capitalize; float:left; } #header .userbox a.logout { font-size:12px; } #header .userbox a.logout:hover { color:#06C; } #header .userbox a.logout, #header .userbox a.logout:hover{text-decoration:none;} /* Custom Navigation */ .customeNavigation,.frame ul li.active{ -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .customeNavigation{ height: 47px; background-color:#464646; z-index:35; } .customeNavigation{ width:100%; position: relative; } .customeNavigation .search-box{ display:inline-block; } .customeNavigation #nav{ margin-bottom: 0; font-family: Arial,Helvetica,Verdana,sans-serif; } .en_US .customeNavigation #nav{font-family: 'IBM Plex SansRegular';} .customeNavigation #nav, #searchmenu li{ float: left; } #nav li { cursor: pointer; } #nav li span{ display: block; } #nav li span{ padding-left: 12px; padding-right: 12px; } #nav li span{ font-weight: bold; } #nav li span{ color: #fff; text-align: center; } #nav li span { height: 24px; float: left; text-decoration: none; font-size: 16px; text-decoration: none; } #nav li span, .de_DE #nav li span, .hi_IN #nav li span, .en_GB #nav li span, .ko_KR #nav li span{ padding-top: 12px; padding-bottom:11px; } .de_DE #nav li span{ font-size: 13px; } #nav li.firstChild span { margin-left: 0px; } #nav li.selected span, #nav li.selected span:hover, #wrapper.newROHM #nav li#nav-01 span:hover, #wrapper.newROHM #nav li#nav-02 span:hover, #wrapper.newROHM #nav li#nav-03 span:hover, #wrapper.newROHM #nav li#nav-04 span:hover, #wrapper.newROHM #nav li#nav-05 span:hover { border-top: 7px solid #464646; padding-top: 5px; } #nav li.selected span, #nav li.selected span:hover, #wrapper.newROHM #nav li#nav-01 span:hover, #wrapper.newROHM #nav li#nav-02 span:hover, #wrapper.newROHM #nav li#nav-03 span:hover, #wrapper.newROHM #nav li#nav-04 span:hover, #wrapper.newROHM #nav li#nav-05 span:hover { background-color: #f3f3f3; } #nav li.selected span, #nav li.selected span:hover, #wrapper.newROHM #nav li#nav-01 span:hover, #wrapper.newROHM #nav li#nav-02 span:hover, #wrapper.newROHM #nav li#nav-03 span:hover, #wrapper.newROHM #nav li#nav-04 span:hover, #wrapper.newROHM #nav li#nav-05 span:hover { color:#464646; } #nav li span.buyorsample a { color: #fff; } #wrapper.newROHM #nav li#nav-05.selected span, #wrapper.newROHM #nav li#nav-05.selected span:hover, #wrapper.newROHM #nav li#nav-05 span:hover a, #wrapper.newROHM #nav li#nav-04.selected span, #wrapper.newROHM #nav li#nav-04.selected span.buyorsample a, #wrapper.newROHM #nav li#nav-04.selected span:hover, #wrapper.newROHM #nav li#nav-04.selected span.buyorsample:hover, #wrapper.newROHM #nav li#nav-04 span:hover a, #wrapper.newROHM #nav li span.buyorsample:hover a { color: #464646 !important; } #nav-01 ul.parent, #nav-02 ul.parent, #nav-03 ul.parent, #nav-04 ul.parent, #nav-05 ul.parent, #searchmenu ul { -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; } #nav-01 ul.parent, #nav-02 ul.parent, #nav-03 ul.parent, #nav-04 ul.parent, #nav-05 ul.parent { width: 944px; border: 0px solid #e8e8e8; background-color: #f3f3f3; opacity: 0.95; filter:alpha(opacity=95); -webkit-box-shadow:0px 3px 2px 0px rgba(185, 185, 185, 0.75); -moz-box-shadow:0px 3px 2px 0px rgba(185, 185, 185, 0.75); box-shadow:0px 3px 2px 0px rgba(185, 185, 185, 0.75); } #nav ul { border: 1px #D9D9D9 solid; background: #FFF; } #nav ul, .resistorsNodeName { line-height: 18px; font-weight: bold; } #nav ul{margin-bottom: 0;} #nav ul, .frame ul{list-style:none;} #nav li ul{ position: absolute; } #nav li ul { left: -999em; width: 13.9em; font-weight: normal; top: 46px; } #nav li ul, #searchmenu ul, .de_DE #wrapper.newROHM #searchmenu div.searchlable a , #searchmenu { list-style: none outside none; } #nav li ul, #searchmenu ul, .de_DE #wrapper.newROHM #searchmenu div.searchlable a , #searchmenu, h1, h2, h3 { margin-left: 0; margin-right: 0; } #nav li ul, #nav li li:hover ul, #nav li li li ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: 0px; z-index: 8; } #nav li li, .en_US #nav li li, .en_US #nav li#nav-04.nav-li.selected ul li.child { padding-bottom: 20px; padding-top: 20px; } #nav li li, .en_US #nav li li { width: auto; } #nav li li { padding-left: 20px; padding-right: 8px; } .en_US #nav li li { padding-left: 24px; padding-right: 24px; } .en_US #nav li#nav-04.nav-li.selected ul li.child{ padding-left: 24px; padding-right: 0px; } .de_DE #nav #nav-03 li, .en_GB #nav #nav-03 li, .pt_BR #nav #nav-03 li, .hi_IN #nav #nav-03 li, .zh_CN #nav #nav-03 li, .zh_TW #nav #nav-03 li, .ko_KR #nav #nav-03 li, .ja_JP #nav #nav-03 li , .de_DE #nav #nav-03 li{ width: 97%; } .main-nav-links-col-1, .main-nav-links-col-2, .main-nav-links-col-3, .main-nav-links-col-4, #nav #nav-02 .main-nav-links-col-1, #nav #nav-02 .main-nav-links-col-2, #nav #nav-02 .main-nav-links-col-3, #nav #nav-05 .main-nav-links-col-1, #nav #nav-05 .main-nav-links-col-2{ float: left; } .main-nav-links-col-1, .main-nav-links-col-2, .main-nav-links-col-3, .main-nav-links-col-4, #nav #nav-02 .main-nav-links-col-1, #nav #nav-02 .main-nav-links-col-2, #nav #nav-02 .main-nav-links-col-3{ width: 285px; } #nav #nav-02 .main-nav-links-col-1, #nav #nav-02 .main-nav-links-col-2, #nav #nav-02 .main-nav-links-col-3{ margin-right:16px; } #nav #nav-05 .main-nav-links-col-1{ width: 468px; margin-right:20px; } #nav #nav-05 .main-nav-links-col-2{ width: 428px; margin-right:0px; } #nav #nav-02 .main-nav-links-col-3{ margin-right:0px; } #nav #nav-01 .main-nav-links-col-1 .division, #nav #nav-01 .main-nav-links-col-2 .division, #nav #nav-01 .main-nav-links-col-3 .division, #nav #nav-03 .main-nav-links-col-1 .division, #nav #nav-03 .main-nav-links-col-2 .division, #nav #nav-03 .main-nav-links-col-3 .division, #nav #nav-03 .main-nav-links-col-4 .division, #nav #nav-03 .main-nav-links-col-5 .division, #nav #nav-03 .main-nav-links-col-6 .division, #nav #nav-03 .main-nav-links-col-7 .division, #nav #nav-03 .main-nav-links-col-8 .division, #nav #nav-03 .main-nav-links-col-9 .division, #nav #nav-04 .main-nav-links-col-5 .division, #nav #nav-04 .main-nav-links-col-6 .division, #nav #nav-04 .main-nav-links-col-7 .division{ margin-bottom:25px; padding-left:46px; } #nav #nav-03 .main-nav-links-col-1 .division, #nav #nav-03 .main-nav-links-col-2 .division, #nav #nav-03 .main-nav-links-col-3 .division, #nav #nav-03 .main-nav-links-col-4 .division, #nav #nav-03 .main-nav-links-col-5 .division, #nav #nav-03 .main-nav-links-col-6 .division, #nav #nav-03 .main-nav-links-col-7 .division, #nav #nav-03 .main-nav-links-col-8 .division, #nav #nav-03 .main-nav-links-col-9 .division, #nav #nav-04 .main-nav-links-col-5 .division, #nav #nav-04 .main-nav-links-col-6 .division, #nav #nav-04 .main-nav-links-col-7 .division{ padding-left: 0; } #nav #nav-01 .main-nav-links-col-2 .division { padding-left: 33px; } #nav #nav-02 .main-nav-links-col-1 .division, #nav #nav-02 .main-nav-links-col-2 .division, #nav #nav-02 .main-nav-links-col-3 .division{ margin-bottom:25px; } #nav #nav-05 .main-nav-links-col-1 .division, #nav #nav-05 .main-nav-links-col-2 .division{ margin-bottom:25px; display: inline-block; } #nav #nav-03 .main-nav-links-col-1, #nav #nav-03 .main-nav-links-col-2, #nav #nav-03 .main-nav-links-col-3, #nav #nav-03 .main-nav-links-col-4 { margin: 0px 0 0 22px; } #nav #nav-03 .main-nav-links-col-1, #nav #nav-03 .main-nav-links-col-2, #nav #nav-03 .main-nav-links-col-3{ width: 120px; } #nav #nav-03 .main-nav-links-col-4{ width: 208px; } #nav #nav-02 .division .app-icon{ width:48px; height:43px; margin-right: 10px; } #nav #nav-05 .division .app-icon{ width:50px; height:50px; margin-right: 20px; } dl,dd,dt { margin-bottom: 0; } #nav #nav-02 .padding-left-xxsmall dl, #nav #nav-02 .parent .child .division dl { width:227px; } #nav #nav-05 .padding-left-xxsmall dl, #nav #nav-05 .parent .child .division dl { width: 380px; } #nav #nav-05 .parent .child .main-nav-links-col-2 .division dl { margin-right: 0; width: 336px; } #nav #nav-02.japanapp ul.parent dt a, #nav li.child dt, #nav #nav-03 ul.parent dt a, #nav #nav-04 ul.parent dt a, #nav #nav-05 ul.parent dt a { margin-bottom: 10px; } #wrapper.newROHM #searchmenu div.searchlable a, #nav #nav-02.japanapp ul.parent dt a, #nav li.child dt, #nav #nav-03 ul.parent dt a, #nav #nav-04 ul.parent dt a, #nav #nav-05 ul.parent dt a { font-weight: bold; cursor: default; } #nav li.child dt, #nav #nav-03 ul.parent dt a, #nav #nav-04 ul.parent dt a, #nav #nav-05 ul.parent dt a { font-size: 13px !important; color: #D9213D !important; } #nav #nav-03 ul.parent dt, #nav #nav-04 ul.parent dt{ background-position: -72px -1811px; background-repeat: no-repeat; margin-left:-10px; padding-left:12px; } #nav #nav-04 ul.parent dt, #nav #nav-05 ul.parent dt{margin-left:0px;} #nav #nav-03 ul.parent li.child dd, #nav #nav-04 ul.parent li.child dd, #wrapper.newROHM #refdesign .paddingTopLeft40 td p a { background-position: -76px -1842px !important; background-repeat: no-repeat !important; } /* JIRA 1306 START */ #wrapper.newROHM #refdesign .paddingTopLeft40 td p a { padding-left: 12px; } /* JIRA 1306 END */ #nav li.child dd { margin: 1px 0 !important; background:none !important; } #wrapper.newROHM #header .customeNavigation #nav #nav-05 li.child .main-nav-links-col-1 dd, #wrapper.newROHM #header .customeNavigation #nav #nav-05 li.child .main-nav-links-col-2 dd { margin-left: 5px !important; } #nav li ul a { width: auto; } #nav li.child dd a { font-size: 13px !important; text-decoration: none !important; color: #353535 !important; } #wrapper.newROHM #header .customeNavigation #nav #nav-05 li.child .main-nav-links-col-1 dd a, #wrapper.newROHM #header .customeNavigation #nav #nav-05 li.child .main-nav-links-col-2 dd a{ font-size: 12px !important; } #nav li ul.parent li a { width: auto; position: relative; display: inline; } #wrapper.newROHM p.details-text a.link-btn { font-weight: bold; color: #464646; } #nav #nav-02 ul.parent li a, #nav #nav-03 ul.parent li a, #nav #nav-04 ul.parent li a { margin-left: 0; } #nav #nav-01 li.child .main-nav-links-col-1 dd a, #nav #nav-01 li.child .main-nav-links-col-2 dd a, #nav #nav-01 li.child .main-nav-links-col-3 dd a, #nav #nav-02 li.child .main-nav-links-col-1 dd a, #nav #nav-02 li.child .main-nav-links-col-2 dd a, #nav #nav-02 li.child .main-nav-links-col-3 dd a, #nav #nav-03 li.child .main-nav-links-col-1 dd a, #nav #nav-03 li.child .main-nav-links-col-2 dd a, #nav #nav-03 li.child .main-nav-links-col-3 dd a, #nav #nav-05 li.child .main-nav-links-col-1 dd a, #nav #nav-05 li.child .main-nav-links-col-2 dd a, .product-lists { margin-bottom: 0; clear: both; } #nav #nav-01 li.child .main-nav-links-col-1 dd a, #nav #nav-01 li.child .main-nav-links-col-2 dd a, #nav #nav-01 li.child .main-nav-links-col-3 dd a, #nav #nav-02 li.child .main-nav-links-col-1 dd a, #nav #nav-02 li.child .main-nav-links-col-2 dd a, #nav #nav-02 li.child .main-nav-links-col-3 dd a, #nav #nav-03 li.child .main-nav-links-col-1 dd a, #nav #nav-03 li.child .main-nav-links-col-2 dd a, #nav #nav-03 li.child .main-nav-links-col-3 dd a, #nav #nav-05 li.child .main-nav-links-col-1 dd a, #nav #nav-05 li.child .main-nav-links-col-2 dd a, .frame ul li { cursor: pointer; } #nav #nav-03 li.child .main-nav-links-col-1 dd a, #nav #nav-03 li.child .main-nav-links-col-2 dd a, #nav #nav-03 li.child .main-nav-links-col-3 dd a, #nav #nav-03 li.child .main-nav-links-col-4 dd a, #nav #nav-03 li.child .main-nav-links-col-5 dd a, #nav #nav-03 li.child .main-nav-links-col-6 dd a, #nav #nav-03 li.child .main-nav-links-col-7 dd a, #nav #nav-03 li.child .main-nav-links-col-8 dd a, #nav #nav-03 li.child .main-nav-links-col-9 dd a, #nav #nav-04 li.child .main-nav-links-col-5 dd a, #nav #nav-04 li.child .main-nav-links-col-6 dd a, #nav #nav-04 li.child .main-nav-links-col-7 dd a { padding-left:10px; display: inline-block; } #nav #nav-03 ul.parent .width436P .title dt { margin-left: 0; } #nav #nav-03 ul.parent li .width436P .division dt, #nav #nav-03 ul.parent li .width210P .division dt a, #nav #nav-04 ul.parent li .width210P .division dt a, #nav #nav-04 ul.parent li .width500P .division dt a { color: #ff0909 !important; } #nav #nav-03 ul.parent .width210P dt, #nav #nav-04 ul.parent .width210P dt { background: none; } .width436P { width: 436px; } #nav #nav-03 li .width436P.widthAuto{ width:100% !important; } #nav #nav-03 li .width436P.borderAll.margin-left14px { margin-left: 14px; } /*Jira 1739 Start*/ #nav #nav-02.japanapp ul.parent dt a { font-size: 15px!important; color: #D9213D!important; } #nav #nav-02.japanapp li { /*width: 97.5%;*/ position: relative; } #nav #nav-02.japanapp li .main-nav-sub-links-area { position: absolute; bottom: 10px; right: 50px; } #nav #nav-02.japanapp li .main-nav-sub-links-area dl dd { color: #333333; } #nav #nav-02.japanapp li .main-nav-sub-links-area dl dd a { border: 1px solid #999999 !important; color: #333333; padding: 6px 18px 5px !important; background: url(/../../rohm-theme/images/rohm-theme/dual-arrow.gif) no-repeat 7px -43px !important; } #nav #nav-02.japanapp li .main-nav-sub-links-area dl dd a:hover{ opacity:0.6; } #nav #nav-02.japanapp li .main-nav-links-area-top dl dt { background: url(/../../rohm-theme/images/rohm-theme/dual-arrow.gif) no-repeat !important; background-position: 0px 9px !important; font-size: 15px; font-weight: bold; } #nav #nav-02.japanapp li .main-nav-links-area-top dl dt, .distributionsearch-page .search-filter { padding-left: 12px; padding-top: 2px; } #nav #nav-02.japanapp li .main-nav-links-area-top .division dl dd, #wrapper.newROHM #header .customeNavigation #nav #nav-02.japanapp li .main-nav-links-area-top .division dl dd { margin-bottom: 10px !important; margin-left: 12px !important; } #wrapper.newROHM #header .customeNavigation #nav #nav-02.japanapp li .main-nav-links-area-top .division dl dd, #header .customeNavigation #nav li.japanapp li {cursor: default !important;} #wrapper.newROHM #header .customeNavigation #nav #nav-02.japanapp li .main-nav-links-area-top .division dl dd a {cursor: pointer;} #nav #nav-02.japanapp li .main-nav-links-area-top .division dl dd a:hover , #nav #nav-02.japanapp li .main-nav-links-area-top .division dl dt a:hover{ cursor: auto;} #nav #nav-02.japanapp li .main-nav-links-area-top .division dl dd a:hover , #nav #nav-02.japanapp li .main-nav-links-area-top .division dl dt a:hover, #wrapper.newROHM #header .customeNavigation #nav #nav-02.japanapp li .main-nav-links-area-top .division dl dd a:hover{text-decoration:underline!important;} /*Jira 1739 End*/ .width210P { margin-top:11px; margin-left: 18px; width: 210px; } .ja_JP .width210P { width: 222px; } .borderAll { border-color:#7f7f7f; } /* End */ /* Search */ .search-box{ width:262px; margin:10px 20px 10px 0px; background-position:0 -699px; } /*.ja_JP .search-box{ width:240px;*//*262px*/ /*}*/ .selectOption a { float: left; } .search-box section header{ display: none; } .search-box .searchTextfield { } .search-box .searchTextfield #search-1 input, .search-box .searchTextfield #search-2 input, .search-box .searchTextfield #search-3 input, .search-box .searchTextfield #search-4 input{ width: 202px; padding-top: 6px; padding-bottom: 5px; font-size:14px; font-weight:normal; border: 0px none; } .lists .date, .search-box .searchTextfield #search-1 input, .search-box .searchTextfield #search-2 input, .search-box .searchTextfield #search-3 input, .search-box .searchTextfield #search-4 input{ float: left; color:#464646; } .ja_JP .search-box .searchTextfield #search-1 input.search-input, .ja_JP .search-box .searchTextfield #search-2 input#productSearchBox, .ja_JP .search-box .searchTextfield #search-3 input.search-input, .ja_JP .search-box .searchTextfield #search-4 input.search-input{width: 180px; /*202px*/} .firefox .search-box input[type="text"], .firefox .search-box .search-input, .firefox .search-box .searchTextfield #search-2 input{ padding-bottom:4px; } .search-box .searchTextfield .search-input{ background-color:transparent; background-position: 0px -735px; background-repeat: repeat-x; } #wrapper .search-box .searchTextfield .search-btn, #wrapper .search-box .searchTextfield .search-btn:focus, #wrapper .search-box .searchTextfield .search-btn:hover, #wrapper .search-box .searchTextfield .search-btn:active{ width: 32px; height: 27px; font-size:0px; color:#fff; background-image: url(../images/rohm-theme/sprite.png); background-position: -47px -699px; background-color:transparent !important; border: 0px none; border-radius: 0px none; text-indent: -999px; overflow: hidden; } #wrapper .search-box .searchTextfield .search-btn, #wrapper .search-box .searchTextfield .search-btn:focus, #wrapper .search-box .searchTextfield .search-btn:hover, #wrapper .search-box .searchTextfield .search-btn:active{ float: left; } #wrapper .search-box .searchTextfield .search-btn, #wrapper .search-box .searchTextfield .search-btn:focus, #wrapper .search-box .searchTextfield .search-btn:hover, #wrapper .search-box .searchTextfield .search-btn:active{ background-repeat: no-repeat; display: inline-block; } /* Click Flyout Option */ #wrapper.newROHM #searchmenu div.searchlable a { color: #fff; font-size: 16px !important; padding: 0px 6px 14px !important; width: auto; } .de_DE #wrapper.newROHM #searchmenu div.searchlable a , #searchmenu { font-family:Arial, Helvetica, Verdana, sans-serif; } .en_US #searchmenu {font-family: 'IBM Plex SansRegular';} #searchmenu li { z-index:9; } #searchmenu a { padding: 0px; text-decoration: none; } .selectOption a, #searchmenu a { width:23px; height: 27px; } #wrapper.newROHM #searchmenu li:hover > a, /* IE6 */ #wrapper.newROHM #searchmenu li a:hover { color: #fff; } #searchmenu li a:hover { } /* Sub-searchmenu */ #searchmenu ul, .part-design{ display: none; z-index: 9; } #searchmenu ul, .LdotoolTip, .part-design{ position: absolute; } #searchmenu ul { padding: 0 0 10px 0; top: 34px; left: 13px; -webkit-box-shadow:1px 2px 2px 0px rgba(101, 101, 101, 0.75); -moz-box-shadow:1px 2px 2px 0px rgba(101, 101, 101, 0.75); box-shadow:1px 2px 2px 0px rgba(101, 101, 101, 0.75); } #searchmenu ul, .tabs li { border-color:#464646; background-color: #464646; } #searchmenu ul ul { top: 0px; left: 195px; } #searchmenu ul li { float: none; } #searchmenu ul li:last-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #wrapper.newROHM #searchmenu ul a{ color:#fff; } #wrapper.newROHM #searchmenu ul a { padding-right:7px; padding-left:26px; width: 174px; height: auto; line-height: 1; display: block; float: none; text-transform: none; } #wrapper.newROHM.zh #searchmenu ul a{width: 212px;} #wrapper.newROHM.ja #searchmenu ul a{width: 190px;} #wrapper.newROHM.ja #searchmenu ul .searchlable a { width: 210px; } #searchmenu .tab-link1.activesearch a { background-image: url("../images/rohm-theme/search_bullet.gif"); background-position: 12px 10px; background-repeat: no-repeat; text-decoration: underline !important; } /* IE6 */ #searchmenu ul a, *:first-child + html #searchmenu ul a { height: 10px; } /*Clear floated elements*/ #searchmenu:after { font-size: 0; content:" "; } * html #searchmenu, *:first-child + html #searchmenu { zoom: 1; } /* End */ .aui-autocomplete, .aui-combobox { float: left; } .aui-combobox-content .aui-toolbar { display: none !important; } .aui-autocomplete-results { width:207px !important; z-index:10 !important; } /* Search End */ /*A1 End */ /* Multi langule combo */ .portal-select { height:28px; margin-top:18px; font:12px/18px Arial, Helvetica, Verdana, sans-serif; } .ui-selectmenu { position:relative; height:2.2em; zoom:1; } .ui-selectmenu-icon { right:6px; top:0; } .center, .ui-selectmenu-icon{ color:#000; } .center, .ui-selectmenu-icon, .listextend, .listextend02 { position:absolute; } .ja_JP .ui-selectmenu-icon, .zh_CN .ui-selectmenu-icon, .ko_KR .ui-selectmenu-icon, .zh_TW .ui-selectmenu-icon{ /*right:-6px;*/ } .ui-selectmenu-icon, .ui-selectmenu-icon:hover { background-repeat: no-repeat; background-position:-68px -576px; width:14px; height:19px; } .ui-selectmenu-menu{ display: none; left: 0; } .ui-selectmenu-menu { z-index:10!important; } .ui-selectmenu-menu ul { margin:-19px 0 0 0; overflow:auto; -webkit-overflow-scrolling:touch; width:153px!important; padding-bottom:13px; height:auto!important; background-color:#FFF; border:1px solid #C3C3C3!important; } .ui-selectmenu-menu ul {list-style:none;} .ui-selectmenu-open { display:block; } ul.ui-selectmenu-menu-popup { margin-top:-1px; } .ui-selectmenu-menu li { border-top-color:transparent; border-bottom-color:transparent; border-right-width:0!important; border-left-width:0!important; } .ui-selectmenu-status, .ui-selectmenu-menu li a { color:#464646; } .ui-selectmenu-status, .ui-selectmenu-menu li a, .ui-selectmenu-menu li a:hover { outline:none; } .aui-menu-content li a, .lfr-menu-list ul li .taglib-icon, #tooltip_menu a, .ui-selectmenu-status, .ui-selectmenu-menu li a, .ui-selectmenu-menu li a:hover { display:block; text-decoration:none; } .ui-selectmenu-menu li a:hover { color:#06C !important; background-color:#eee; } .ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor:default; } .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left:20px; position:relative; margin-left:5px; } .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { top:1em; margin-top:-8px; } .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon, #righttab .faqsposition{ position:absolute; left:0; } .ui-selectmenu-status { line-height:1.4em; } .ui-selectmenu-menu li span, .ui-selectmenu-status span { display:block; margin-bottom:.2em; } .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight:bold; } .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity:.8; } .ui-selectmenu-menu .ui-selectmenu-group { font-size:1em; } .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height:1.4em; padding:.6em .5em 0; } /* End */ /*C1 Footer */ footer.footerBottom .footer-suBottom-nav .footer-logo .rohmlogo a { border-color:#f8d5da; display:block; } footer a:focus, footer a:visited { outline: none!important; } footer.footerBottom .subfooter{ background-color:#464646; } footer #bottom-nav .copyright{ background-color: #DC2039; } footer.footerBottom .footer-suBottom-nav{ height: 126px; } #wrapper.newROHM, footer.footerBottom .footer-suBottom-nav, footer.footerBottom .footer-shadow, footer.footerBottom #bottom-nav .footer { width: 944px; margin: 0 auto; } footer.footerBottom #bottom-nav .footer { line-height: 44px; color: #fff; } footer.footerBottom #bottom-nav .footer p { margin-bottom: 0; } .footer-icon { margin-top: 4px; } .footer-logo .rohmlogo { margin:33px 63px 0 1px; } footer #bottom-nav { background-color: #DC2039; overflow:hidden; } footer.footerBottom .footer-suBottom-nav .footer-shadow .footer-links { margin-top: 48px; } footer.footerBottom .footer-suBottom-nav .footer-shadow .footer-links h1{ color: #DD2039; margin: 1.8em 0 0.8em 1.9em; } footer.footerBottom .footer-suBottom-nav .footer-shadow .footer-links h1{ font-family: 'open_sanssemibold', sans-serif; font-size:16px; } .en_US footer.footerBottom .footer-suBottom-nav .footer-shadow .footer-links h1{font-family: 'IBM Plex SansSemiBold';} .ko_KR footer.footerBottom .footer-suBottom-nav .footer-shadow .footer-links h1{font-family:"Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";} .zh_TW footer.footerBottom .footer-suBottom-nav .footer-shadow .footer-links h1{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";} .zh_CN footer.footerBottom .footer-suBottom-nav .footer-shadow .footer-links h1{font-family: Verdana, Roboto, "Microsoft YaHei", "微软雅黑", "SimHei", "SimSun", "宋体", Arial, sans-serif;} footer.footerBottom .footer-suBottom-nav .footer-shadow .footer-links ul, footer.footerBottom .footer-suBottom-nav .footer-shadow .footer-links .leftspacing{ margin:0 0 0 2.2em; } footer.footerBottom .footer-suBottom-nav li{ background-position:-39px -660px; padding-left: 1.25em; line-height: 20px; } /*C1 Footer */ /*Home page autocomplete textbox css*/ .aui-autocomplete-results{ z-index:35 !important; } .aui-autocomplete-results-content { border-color:#98C0F4; height: 100%; overflow-y: auto; width: 204px !important; } .aui-combobox-content .aui-toolbar{ display:none !important; } .aui-autocomplete, .aui-combobox { float:left; } .aui-autocomplete input[type="text"]{ background-position: 0 -735px; background-repeat: repeat-x; color: #9A9A9A; } /* End */ /* Bradcrumb Menu */ #wrapper.newROHM #header{ margin-bottom:16px; } #main-content .portlet-static{ /* margin-top:12px; */ } .firefox .japan-Homepage-100_70_22_100#main-content .portlet-static{ margin-top:0px; } #main-content .portlet-static.rohm_breadcrumb-portlet, .ie #main-content .portlet-static.rohm_breadcrumb-portlet{ margin-top:0px; margin-bottom:12px; } #wrapper.newROHM #content #main-content .rohm_breadcrumb-portlet{ margin-top:-16px; } footer.footerBottom .footer-suBottom-nav .footer-logo .rohmlogo{ background-repeat: no-repeat; float: left; } footer.footerBottom .footer-suBottom-nav li { background-repeat: no-repeat; list-style: none outside none; } .ui-selectmenu-menu ul { overflow-x: hidden; overflow-y: auto; } #nav #nav-02.japanapp li .main-nav-sub-links-area dl dd a, #wrapper.newROHM header #top-nav .top-links, #wrapper.newROHM header #top-nav .top-links a, #wrapper.newROHM header #top-nav .portal-select, .dockbar .menu-button{ display: inline-block; text-decoration: none; } #back-to-top{ text-align: center; } /* logged user control panel theme */ .dockbar-ready #wrapper.newROHM .portlet-communities a{ color: #000; } .dockbar-ready #wrapper.newROHM .portlet-communities .aui-tab-active{ z-index:0; } .dockbar-ready #wrapper.newROHM .portlet-communities .aui-tab-active, .dockbar-ready #wrapper.newROHM .portlet-communities .aui-tab-active a, .dockbar-ready #wrapper.newROHM .portlet-communities .aui-tab-active a:hover { color: #fff; } /* End */ #wrapper.newROHM #header .customeNavigation #nav #nav-04 ul.parent .width500P dt { margin-bottom: 22px; } #wrapper.newROHM #header .customeNavigation #nav #nav-04 ul.parent .width500P dt a { font-family: arial; font-size: 16px !important; } .en_US #wrapper.newROHM #header .customeNavigation #nav #nav-04 ul.parent .width500P dt a {font-family: 'IBM Plex SansRegular';} #wrapper.newROHM #header .customeNavigation #nav #nav-04 ul.parent .width500P dd{background:none !important;} .portlet-borderless-bar{ padding-top: 2px; } .aui-dialog-content, .aui-menu-content li a, .lfr-menu-list ul li .taglib-icon, .portlet-borderless-bar{ padding-left: 5px; padding-right: 5px; } .portlet-borderless-bar{ color: #fff; } #wrapper.newROHM #header .customeNavigation #nav li#nav-04.nav-li.selected ul li.child { width: 94.5%; } #nav li#nav-04.nav-li.selected ul li .width210P.borderRight .division { margin-bottom: 10px !important; } #sort-menu { margin: 10px 0 0 100px; } #tooltip_menu { margin-top: 23px; background:#fff; position: absolute !important; right:0; width: 93px; z-index:5; } #wrapper.newROHM #header .customeNavigation #nav li.child dd #short-menu #tooltip_menu { width: 145px !important; margin-top: 36px; } .width500P #tooltip_menu { right: 45px; } .ja .width500P #tooltip_menu { right: 40px; } #tooltip_menu a { z-index: 2; padding: 0 9px 0 9px; color: #3c3c3c; font-size: 13px; } #tooltip_menu a:hover { background: #0066cc; color: #fff !important; } #tooltip_menu a.active{ color: #0066CC; } #wrapper.newROHM #header .customeNavigation #nav li.child dd #short-menu #tooltip_menu a { display: block; } #wrapper.newROHM #header .customeNavigation #nav li.child dd #short-menu #tooltip_menu a:hover, #wrapper.newROHM #header .customeNavigation #nav li.child dd #short-menu #tooltip_menu a.active:hover { color: #fff !important; } #wrapper.newROHM #header .customeNavigation #nav li.child dd #short-menu #tooltip_menu a.active { color: #0066cc !important; } /*Back to top start*/ #back-to-top { background: url("../images/rohm-theme/backtotop.png") center center no-repeat; position: fixed; bottom: 40px; right: 40px; z-index: 9999; /*width: 45px;*/ height: 45px; line-height: 110px; border-radius: 2px; transition: opacity 0.2s ease-out; opacity: 0; } #back-to-top, .distributionsearch-page .search-ico, .distributionsearch-page .search-filter{ color: #666; } #back-to-top, .distributionsearch-page .search-ico{ cursor: pointer; } #back-to-top:hover { background: url("../images/rohm-theme/backtotop.png") center center no-repeat; } /*Back to top end*/ .portlet-msg-alert, .portlet-msg-error, .portlet-msg-info, .portlet-msg-success{ display: block; margin-top: 2px; } /* EU - DE Flag .en-de-flag-group{display:none;} .en_GB #wrapper.newROHM.en .en-de-flag-group, .de_DE #wrapper.newROHM.de .en-de-flag-group{display:block !important;} .en_GB #wrapper.newROHM.en .en-de-flag-group, .de_DE #wrapper.newROHM.de .en-de-flag-group{float:left; width:136px; margin-top: 42px;} .en_GB #wrapper.newROHM.en .en-de-flag-group div, .de_DE #wrapper.newROHM.de .en-de-flag-group div {float: left;} .en_GB #wrapper.newROHM.en .en-de-flag-group .pipe, .de_DE #wrapper.newROHM.de .en-de-flag-group .pipe{height: 21px;} .de-flag, .eu-flag{background-image:url("../images/rohm-theme/eu-de-flag.png"); background-repeat: no-repeat; width:54px; height:21px;} .eu-flag{background-position: 0 0;} .de-flag{background-position: 0 -49px;} .en-de-text{line-height:21px; padding-left: 36px;} .eu-flag:hover .en-de-text, .de-flag:hover .en-de-text, .eu-flag.active .en-de-text, .de-flag.active .en-de-text{text-decoration:underline;} .en_GB #wrapper.newROHM.en .en-de-flag-group .pipe div, .de_DE #wrapper.newROHM.de .en-de-flag-group .pipe div {margin-top: -2px;} EU - DE Flag End */ .ja_JP #wrapper.newROHM header #top-nav .portal-select, .ja_JP .customeNavigation #nav, .ja_JP #searchmenu , .ja_JP .portal-select, .ja_JP #wrapper.newROHM #header .customeNavigation #nav #nav-04 ul.parent .width500P dt a{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;}