/* Custom theme code styles $see - Usefuls tools online for editing 1. http://charliepark.org/bootstrap_buttons/ - Button style generator 2. http://www.colorzilla.com/gradient-editor/ - CSS3 gradient maker /* * -------------------------------------------------- * 1. General Elements *-------------------------------------------------- */ /* Noto Sans �脲�鞾�煾�� */ @import url(//fonts.googleapis.com/earlyaccess/notosanstc.css); /* fa 頝嗪𣪧*/ .fa, .fas { font-weight: 900; margin-bottom: 3px; } body{ font-family: 'Noto Sans TC', Open Sans,Arial, serif,sans-serif; } .color_212529{ color: #212529; } .base_color{ color: #01916d; } /* 撣貊鍂����堒偕撖� */ .size_18{ font-size: 18px !important; } .size_20{ font-size: 20px !important; } .size_22{ font-size: 22px !important; } .size_24{ font-size: 24px !important; } /* ����烾苊敶� */ .banner_shadow{ text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333; } /* ��厰�� */ .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle { color: #fff; background-color: #39a1ff; border-color: #39a1ff; } .navbar-layout-navbar-below .header { padding-bottom: 0px; padding-top: 0px; } .navbar-expand-md .navbar-main.collapse .dropdown-menu .dropdown-item, .navbar-expand-md.navbar-main.collapse .dropdown-menu .dropdown-item { font-size: 16px; } /* product.php */ .product_info i{ color: #6c757d; } .clearFloat{ clear:both; } /* �𤩎璆剖�峕�厩鍂 */ .product_cion span{ border-radius: 4px; border-width:1px; border-style:solid; display: inline-block; padding: 4px 8px; margin: 2px 0; font-size: 13px; text-transform: uppercase; color: #333; font-weight: 400; } #header { /* 1. Header wrapper */ } .header .header-brand img{ max-height: 50px; } #highlighted { /* 2. Highlighted (below header) wrapper */ } #content { /* 3. Content wrapper */ } #content-below { /* 4. Content Below wrapper */ } /* rma_inquiry.php */ .rma_inquiry_status{ pointer-events:none; } #footer { } .footer_link_color a{ color: #FFFFFF; text-decoration: none; } .footer_link_color a:hover { color: #FFFFFF; text-decoration: underline; } /* page */ .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 161px; padding: 10px 0 10px 10px; } .p_item1_con_height{ min-height: 50px; } .p_item2_con_height{ padding-top:0px; min-height: 0px; } /* product page */ .p_list_summary_body{ width: 100%; } .p_list_summary{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 18px; margin-bottom: 0px; } /* Product List img*/ .p_list_img_div{ display:flex; justify-content:center; align-items:center; height: 220px; width: 100%; } .p_list_img_div img{ max-height: 100%; width: auto; } .card-ribbon { font-size: 14px; padding: 5px 5px; } /* product */ .content_data { font-family: Noto Sans TC !important; } .inquiry_link a{ color: #FFF; } .inquiry_link i{ color: #FFF; } .inquiry_link a:hover{ color: #4C4C4C; } .inquiry_link a:active{ color: #4C4C4C; } /* 閰W�讛�𠍁CON */ .car_cion { width: 80px; height: 80px; position: fixed;/** ��蝪∪鱓��銝�蝔格糓�鰵�䲮瘜𤏪��停�糓霈梶�訫�滚�帋�滩身摰𡁏�𣂼𤐄摰𡄯�䔶��糓IE6銝齿��𣈲�螱甇斤車�鸌��*/ right:75px; top: 50%; margin-top: -50px; z-index: 99; } .car_cion i{ font-size: 40px; } .car_cion a{ width: 130px; } .car_cion img{ height: 80px; } .cart-link .cart-link-count, .cart-link-lg .cart-link-count { position: absolute; top: -7px; right: -60px; margin: 0; font-weight: 700; font-size: 23px; border-radius: 100%; height: 30px; line-height: 24px; width: 30px; padding: 0; text-align: center; border: 1px solid #fff; display: inline-block; } /* Button */ .product_list_button{ width: 100%; height: 35px; font-weight: 300; font-size: 14px; box-shadow: 2px 6px 4px rgba(0,0,0,.25); } /* form */ .error{ color: #b00; } #highlighted { background-color: #FFFFFF; } /* Extra small devices (phones, less than 768px) */ /* No media query since this is the default in Bootstrap */ @media (min-width: 576px) { /* Small devices (576px and up). Mixin: media-breakpoint-up(sm) */ /* Index banner */ .carousel-item{ width:100%; } /* 擐㚚����鰵瘨��� (2024-11-13 隤踵㟲)*/ .index_new_list{ font-size: 18px; font-weight: 500; } .index_news_data{ display: inline-block; width: 14em; } /* Banner ����� */ .carousel-caption { position: absolute; right: 15%; bottom: 120px; left: 374px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: left; } .carousel-caption h2{ font-size:52px; line-height: 52px; font-weight: 700; } /* header menu*/ .header_menu_ul{ margin-top: 45px !important; } /* Footer */ .footer_logo{ padding-left: 50px; padding-top: 85px; } /* 擐㚚�Banner 銝漤*蝷粹𤓖�衣���𣇉�� */ .block_not_view_desktop { display: none !important; } } @media (min-width: 768px) { /* Medium devices (768px and up). Mixin: media-breakpoint-up(md) */ } @media (min-width: 992px) { /* Large devices (992px and up). Mixin: media-breakpoint-up(lg) */ .navbar-expand-md .navbar-main .navbar-nav>.nav-item>.nav-link, .navbar-expand-md .navbar-main .navbar-nav>.nav-link, .navbar-expand-md.navbar-main .navbar-nav>.nav-item>.nav-link, .navbar-expand-md.navbar-main .navbar-nav>.nav-link { font-size: 22px; font-weight: 400; } .nav_link_top { padding: 10px 10px; margin: 0; font-size: 20px; font-weight: 300; } .menu-top{ position: absolute; right: 16px; top: 20px; } .menu-top li{ margin-right: 15px; } } @media (min-width: 1200px) { /* X-Large devices (1200px and up). Mixin: media-breakpoint-up(xl) */ } /* max-width */ @media (max-width: 575.98px) { /* Small devices (575px and down). Mixin: media-breakpoint-down(xs) */ /* header */ .header .header-brand img{ max-height: 40px; } .header-inner .header-brand { margin-right: auto; padding-bottom: 0px; padding-top: 0px; } .navbar-offcanvas .navbar-main .navbar-nav>.nav-item>.nav-link, .navbar-offcanvas .navbar-main .navbar-nav>.nav-link { font-size: 20px; } /* Index banner */ .carousel-item{ width:100%; } /* Banner ����� */ .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 18px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: left; } .carousel-caption h2{ font-size:40px; } /* Footer */ .footer_logo{ padding-left: 0px; padding-top: 0px; padding-bottom: 50px; } /* generic */ .page_back_img{ height: 300px; } /* 擐㚚�Banner 銝漤*蝷箸�𧢲��踎��𣇉�� */ .block_not_view_mobile { display: none !important; } } @media (max-width: 767.98px) { /* Medium devices (767px and down). Mixin: media-breakpoint-down(sm) */ } @media (max-width: 991.98px) { /* Large devices (992px and down). Mixin: media-breakpoint-down(md) */ } @media (max-width: 1199.98px) { /* X-Large devices (1200px and down). Mixin: media-breakpoint-down(lg) */ } /* target one breakpoint */ @media (min-width: 576px) and (max-width: 767.98px) { /* Small devices (between 576px and 767px). Mixin: media-breakpoint-only(sm) */ } @media (min-width: 768px) and (max-width: 991.98px) { /* Medium devices (tablets, between 768px and 991px). Mixin: media-breakpoint-only(md) */ } @media (min-width: 992px) and (max-width: 1199.98px) { /* Large devices (desktops, between 992px and 1199px). Mixin: media-breakpoint-only(lg) */ } @media (min-width: 1200px) { /* Extra large devices (large desktops, 1200px and up). Mixin: media-breakpoint-only(xl) */ } /* span multiple screenwidths */ @media (min-width: 768px) { /* From medium to large (between 768px and 1199px). Mixin: media-breakpoint-between(md, xl) */ } /* * -------------------------------------------------- * 4. Misc * Other stuff *-------------------------------------------------- */