@media (min-width: 1920px){ } @media (min-width: 1440px){ } @media (min-width: 1366px){ .container{ width: 1200px; padding-right: 0; padding-left: 0; } } @media (min-width: 1280px){} @media (min-width: 1200px){ .col-lg-5ths{ width: 20%; float: left; } .w-02{ float: left; width: 20%; } .w-074{ float: right; width: 74.2%; } .header-custom .nav-custom>li{ margin-left: 20px; } .header-custom .nav-custom>li>a{ padding-right: 18px; padding-left: 18px; } } @media (min-width: 992px){ .col-md-5ths{ width: 20%; float: left; } .header-custom .nav-custom{ margin-top: 28px; } .header-custom .nav-custom>li>a{ padding-top: 10px; padding-bottom: 10px; border-radius: 5px; } .header-custom .nav-custom>li>a:focus, .header-custom .nav-custom>li>a:hover{ background-color: #d82616; color: #fff; } .header-custom .nav-custom>.active>a, .header-custom .nav-custom>.active>a:hover, .header-custom .nav-custom>.active>a:focus{ background-color: #d82616; color: #fff; } .mod-04 .box .text .title{ height: 60px; } .mod-05{ min-height: 410px; text-align: right; } .mod-05 .title, .mod-05 .content ul li{ padding-right: 30px; padding-left: 30px; } .mod-05 .content ul li a{ background: url("/static/images/a_bg1.jpg") right center no-repeat; } .mod-05 .content ul li a:hover, .mod-05 .content ul li .on{ background: url("/static/images/a_bg1_h.jpg") right center no-repeat; } } @media (min-width: 768px){ .col-sm-5ths { width: 20%; float: left; } } @media (min-width: 1440px) and (max-width : 1599px){ } @media (min-width: 1200px) and (max-width : 1365px){ } @media (min-width: 992px) and (max-width : 1199px){ .w-02{ float: left; width: 29%; } .w-074{ float: right; width: 66%; } .header-custom .nav-custom>li{ margin-left: 1px; } .mod-01 .img .bg .text .text-con .con{ line-height: 20px; } } @media (min-width: 768px) and (max-width : 1199px){ } @media (min-width: 768px) and (max-width: 991px){ .footer-nav a{ margin-right: 15px; margin-left: 15px; } } @media only screen and (max-width: 1199px){ .mod-03 .img{ margin-bottom: 30px; } } @media only screen and (max-width : 991px){ .header-custom .nav-custom>li>a:focus, .header-custom .nav-custom>li>a:hover{ color: #d82616; } .header-custom .nav-custom>.active>a, .header-custom .nav-custom>.active>a:hover, .header-custom .nav-custom>.active>a:focus{ color: #d82616; } .header-custom .navbar-toggle{ margin-top: 31px; } .mb115, .mb130{ margin-bottom: 60px; } .mod-02 .item{ background-size: cover; } .mod-04 .box .img{ margin-bottom: 15px; } } @media only screen and (max-width : 767px){ .col-xs-5ths{ width: 20%; float: left; } #side-menu{ display: none; } .header-custom .logo .logo-l{ display: none; } .header-custom .logo .logo-x{ display: block; } .footer-tel .tel-con img{ margin-right: 20px; } .footer-nav a{ width: 32%; margin-right: 0; margin-left: 0; } .mod-03 .text>div{ height: 144px; overflow: hidden; } .mod-04 .box .text .content{ display: none; } } @media only screen and (max-width : 500px){ .tit-1 .name .name-en{ display: none; } } @media only screen and (max-width : 440px){ .mod-04 .box .text{ padding-left: 80px; } } @media only screen and (max-width : 400px){ } @media only screen and (max-width: 320px){ } /* FILE ARCHIVED ON 09:26:46 Sep 04, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 15:52:48 Nov 16, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.641 exclusion.robots: 0.03 exclusion.robots.policy: 0.018 esindex: 0.011 cdx.remote: 4.51 LoadShardBlock: 219.3 (3) PetaboxLoader3.datanode: 221.146 (4) PetaboxLoader3.resolve: 128.712 (3) load_resource: 148.633 */