/**************************************************************************************/ /* /* Designed by 'AS Designing' /* Web: http://www.asdesigning.com /* Web: http://www.astemplates.com /* License: ASDE Commercial /* /**************************************************************************************/ /**************************************************************************************/ /* 全域 /**************************************************************************************/ /* Noto Sans TC / Noto Sans SC / Roboto / Oswald 已自架，改由 base.njk 的 以 載入 fonts-tc.css / fonts-sc.css / fonts-roboto.css / fonts-oswald.css，不再對外連線 Google Fonts。 */ /**************************************************************************************/ /* Sidebars /**************************************************************************************/ /*標準選單(位置as-position-11)的標題風格*/ #aside-row-2-left h2, #aside-row-2-left .module_title { background: linear-gradient(to bottom, #7093BA 0%, #6382A5 100%); border-bottom: 2px solid #6382A5; color: white; padding: 4px 20px; font-family: Roboto, 'Noto Sans TC', 'Noto Sans SC', sans-serif; } /*標準選單(位置as-position-11)的選項風格*/ #aside-row-2-left .moduletable, #aside-row-1-right .moduletable { border: 1px solid #7093BA; height: 480px; overflow: auto; font-family: Roboto, 'Noto Sans TC', 'Noto Sans SC', sans-serif; } /**************************************************************************************/ /*經營品牌選單*/ .menu-brand a { color: #333333; font-family: Tahoma; } .menu-brand a:hover, .menu-brand a.selected { color: #0099CC; } /*經營品牌選單的英文字母分類*/ .nav>li>a.menu-english-char, a.menu-english-char a:hover, a.menu-english-char a.selected { background-color: #7093BA !important; border-radius: 5px; color: white !important; padding-left: 10px; margin: 20px 10px 0px -10px; } /**************************************************************************************/ /*關於集團選單*/ .menu-about a, .menu-product a, .menu-contact a { color: #333333; font-size: 16px; padding: 18px 0px 18px 24px; border-bottom: solid 1px #e8e8e8; } .menu-about a:hover, .menu-about a.selected, .menu-product a:hover, .menu-product a.selected, .menu-contact a:hover, .menu-contact a.selected { color: #0099CC; } /**************************************************************************************/ /*產品中心選單、企業社會責任選單*/ .menu-product-center a, .menu-csr a { color: #333333; font-size: 16px; padding: 18px 0px 18px 24px; border-bottom: solid 1px #e8e8e8; } .menu-product-center a:hover, .menu-product-center a.selected, .menu-csr a:hover, .menu-csr a.selected { color: #0099CC; } /**************************************************************************************/ /*多國語言下拉選單*/ .language-select div form div { max-width: 95px !important; float: right; /*為了讓「Langeuage 標籤」顯示在「Langeuage 選單」的左邊*/ } .language-select div form select { float: right; /*手機版：為了讓「Langeuage 標籤」顯示在「Langeuage 選單」的左邊*/ } #header-top-row ul li { text-transform: capitalize; } /**************************************************************************************/ /* RWD */ @media screen and (max-width: 500px) { /* 讓上方Slider的圖片不會被截 */ .imgLoaded { width: 100% !important; margin: 0 !important; } /* 左邊選單 */ #aside-row-2-left { display: none; } }