<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media only screen and (max-width:1275px){.rearch-slide li{max-width:263px;}
.rrr-inner.about-desc,.rrr-slider{max-width:1090px;margin:0 auto;}
.chart-art .rrr-slider .rearch-images{width:255px!important;max-width:255px;}
}
@media only screen and (max-width:1200px){#header .logo{max-width:35%;margin-top:5px;}
.banner{background-size:100% auto;}
.container{width:98%;}
.header-tp-ctn .phone-header, .mailid-header{font-size:16px;line-height:130%;}
.header-tp-ctn .ph-header-wrap{margin-left:15px;padding-left:5px;}
.search-header{margin-top:10px;}
.navigation ul.nav li a{font-size:13px;padding:10px 9px 10px 10px;}
.search-header .search{background:rgba(0, 0, 0, 0) url("../images/ico.png") no-repeat scroll 99% 68%/10% auto;font-size:15px;height:35px;width:250px;}
.banner-container{width:95%;margin-bottom:60px;}
.slider .slide-main-box h3{font-size:21px;}
.slider .slide-main-box p{font-size:15px;margin-bottom:10px;}
.slider .slide-main-box a{font-size:18px;padding:10px 15px 13px;}
.services-blog{margin:0 auto;max-width:768px;text-align:center;}
.slider{bottom:-230px;max-width:550px;padding-bottom:25px;}
.slider .bx-wrapper .bx-controls-direction a{background-position:15px 10px;height:40px;width:40px;}
.slider .bx-wrapper .bx-controls-direction a:hover{background-position:15px -49px;}
.slider .bx-wrapper .bx-controls-direction a.bx-next{background-position:-38px 10px;}
.slider .bx-wrapper .bx-controls-direction a.bx-next:hover{background-position:-38px -49px;}
.banner{background-size:cover;max-height:300px;padding-bottom:30px;}
.services-part{padding:30px 0;}
.services-blog .service-ttl,.press-slider .slide-press .date p.day,.press-slider .slide-press .date p.month{font-size:17px;}
.services{float:left;width:250px;}
.services-blog .services.inline.middle{margin:0 5%;}
.find-reserch{padding:30px 0;}
.index-title{margin:0 auto;max-width:80%;}
.index-title h2{font-size:25px;margin:0 auto 30px;width:auto;}
.commodities{font-size:16px;margin-bottom:40px;width:100%;background-size:5% auto;border-radius:5px;height:45px;padding:0 45px 0 10px;}
.inner-index{float:left;margin-bottom:20px;text-align:center;width:25%;}
.img-index{margin:0 auto 15px;}
.main-part-item{margin-bottom:35px;}
.purchase-part{padding:30px 0;}
.research-slider .bx-wrapper{max-width:750px !important;}
.research-slider .bx-wrapper .bx-viewport{margin:0 auto;max-width:96%;}
.inner-index h2{font-size:20px;}
.research-slider .bx-wrapper .bx-controls-direction a{background:#ffffff url("../images/control.png") no-repeat scroll 11px 7px;height:35px;width:35px;}
.research-slider .bx-wrapper .bx-controls-direction a.bx-next{background-position:-122px 8px;}
.research-slider .bx-wrapper .bx-controls-direction a:hover{background-position:-34px 7px;}
.research-slider .bx-wrapper .bx-controls-direction a.bx-next:hover{background-position:-77px 8px;}
.rb-ex{padding:30px 0;}
.main-date-part .bx-wrapper{max-width:768px !important;}
.main-date-part{margin-bottom:40px;}
.tr-content{font-size:18px;width:60%;}
.chart::after{background:rgba(0, 0, 0, 0) url("../images/shadow.png") no-repeat scroll 0 0/84%;}
.mk-trade form{margin:0 auto;max-width:768px;}
.mk-trade ul{margin-left:0;}
.mk-trade li{margin-right:22px;}
.stock-input{width:295px;}
.tabular{padding:30px 0;}
#tabs li a{font-size:14px;padding:10px 0px;}
.doller{float:left;width:50%;}
[type="checkbox"]:not(:checked) + label::before, [type="checkbox"]:checked + label::before{left:4px;}
[type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after{left:5px;}
.tab{margin:0 auto;max-width:750px;}
.tb-1-content{padding:16px 10px;}
.tb-1-top:first-child{margin-bottom:0px;}
.brand{margin-bottom:20px;margin-left:91px;width:25%;}
.brand:first-child, .brand:nth-child(4){margin-left:0;}
.btn-watch-list{width:25%;}
.btn-watch-list a{font-size:20px;}
.tabular h2{width:100%;margin-bottom:45px;}
.find-reserch .index-title h2 span::after{bottom:-24px;}
.index-title h2 span::after{bottom:-25px;}
.about-desc h2{font-size:30px;}
.about-section{padding:30px 0;}
.about-section .about-desc p.about-content,.chart-art .slide-ctn-wrap .chart-ttl{font-size:15px;line-height:140%;}
.about-section .about-det-img h3{font-size:19px;}
.about-section .about-det-img p{font-size:15px;background-size:auto 100%;padding-left:55px;}
.rrr-section{padding:25px 0 35px;}
.rrr-inner.about-desc h2{margin-bottom:25px;}
.rrr-inner.about-desc, .rrr-slider{max-width:640px;}
.rearch-slide li{max-width:206px;}
.rrr-section .slide-ctn-wrap p.title{font-size:17px;margin-bottom:5px;}
.rrr-section .slide-ctn-wrap{padding:5px 7px;}
.press-comic.about-desc h2{font-size:25px;margin-bottom:25px;}
.press-comic{padding:30px 0 35px;}
.press-slider .slide-press .date{margin-right:2%;width:14.5%;}
.press-slider .slide-press .content-date.right{width:83.5%;}
.press-slider .content-date .title{font-size:15px;margin-bottom:5px;}
.press-slider .content-date .det{font-size:14px;}
.press-slider .content-date .det a{font-weight:normal;}
.press-slider .slide-press{margin-bottom:10px;padding-bottom:10px;}
.view-all-btn{margin-top:15px;}
.press-comic .comic .view-all-btn{margin-top:11px;}
.chart-art.about-desc{padding:21px 0 35px;}
.chart-art.about-desc h2{margin-bottom:25px;}
.chart-art .rrr-slider .rearch-images{height:170px;max-width:195px;width:195px !important;}
footer .footer-nav .footer-navigation li a{font-size:12px;padding:18px 7px 19px;}
.press-comic .bx-wrapper .bx-controls-direction{right:-20px;top:-54px;}
.press-comic .comic .bx-wrapper .bx-controls-direction{right:0px;}
.inner-banner .banner-image .caption{font-size:18px;line-height:30px;top:130px;}
.inner-page .main-section h1{font-size:21px;margin-bottom:25px;line-height:25px;padding-bottom:10px;}
.inner-page .main-section h1 span.blue{padding-bottom:7px;}
.inner-page .main-section .left{width:45%;}
.inner-page .main-section .right{width:52.1%;}
.inner-page .inner_table table{margin-bottom:30px;}
.inner-page .news ul{margin-bottom:30px;}
.inner-page #header .header .head-main a{font-size:45px;}
.inner-page #header .header .head-main a span{font-size:35px;}
.place-ord{padding:5px 0 6px 10px;width:210px;}
}
@media only screen and (max-width:768px){.research-slider .bx-wrapper .bx-controls-direction a{left:10px;top:0;}
.research-slider .bx-wrapper .bx-controls-direction a.bx-next{right:10px;}
.tabular h2{width:100%;font-size:25px;}
.main-date-part{margin-bottom:70px;}
.main-date-part .bx-wrapper .bx-controls-direction a{bottom:-220px;left:330px;top:0;width:30px;}
.main-date-part:last-child{margin-bottom:50px;}
.main-date-part .bx-wrapper .bx-controls-direction a{background-size:175% auto;bottom:-220px;height:40px;left:300px;top:0;width:40px;}
.main-date-part .bx-wrapper .bx-controls-direction a.bx-next{background-position:-32px 0;background-size:174% auto;height:40px;left:auto;right:310px;width:40px;}
.main-date-part .bx-wrapper .bx-controls-direction a:hover{background-position:15px -47px;}
.main-date-part .bx-wrapper .bx-controls-direction a.bx-next:hover{background-position:-32px -47px;}
}
@media only screen and (max-width:767px){.container{width:96%;}
#header .logo{margin-bottom:15px;max-width:73%;}
.header{padding:5px 0 0;}
.header-tp-ctn .mailid-header{display:block;float:none;line-height:100%;margin:0 auto 10px;padding:10px 0 10px 27px;width:230px;}
.header-tp-ctn{padding:0;text-align:center;}
.header-tp-ctn .ph-header-wrap{float:none;margin:0 auto;max-width:142px;padding:0;}
.search-header{float:none;display:block;}
.search-header .search{color:#000;}
.banner{max-height:150px;padding:0;margin:0;}
.header-tp-ctn .phone-header, .mailid-header{margin-bottom:10px;}
.header-right-detail{clear:both;float:none;text-align:center;}
.slider{border-radius:0;bottom:0;left:0;margin:0 auto;max-width:300px;min-height:120px;padding:10px 30px;position:absolute;right:0;top:15px;}
.slider .slide-main-box h3{font-size:15px;margin-bottom:5px;}
.slider .bx-wrapper .bx-controls-direction a{background-position:9px 5px;height:30px;left:-38px;width:30px;}
.slider .bx-wrapper .bx-controls-direction a:hover{background-position:9px -54px;}
.slider .bx-wrapper .bx-controls-direction a.bx-next{background-position:-43px 5px;right:-38px;}
.slider .bx-wrapper .bx-controls-direction a.bx-next:hover{background-position:-43px -54px;}
.slider .slide-main-box p{font-size:14px;}
.services{float:none;width:100%;}
.services-middle{margin:25px 0;}
.services-blog{margin:0 auto;max-width:320px;}
.banner-container{height:150px;margin-bottom:0;}
.services-blog .services.inline.middle{margin:20px auto;}
.services-blog .srvices-img{margin-bottom:15px;}
.services-blog .service-ttl, .press-slider .slide-press .date p.day, .press-slider .slide-press .date p.month{font-size:18px;}
.index-title{margin:0 auto;max-width:320px;font-size:22px;}
.index-title h2{width:100%;font-size:22px;}
.find-reserch .index-title h2 span::after{bottom:-24px;}
.inner-index{float:none;margin-bottom:20px;text-align:center;width:100%;}
.index-title h2 span::after{bottom:-24px;}
.rb-ex h2 span::after{bottom:-25px;}
.platform h2 span::after{bottom:-25px;}
.research-slider .bx-wrapper{max-width:320px !important;}
.update-part{margin-right:0;width:300px !important;}
.chart::after{background:rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.chart{float:none;margin-bottom:20px;position:relative;width:100%;}
.tr-content{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:18px;width:100%;}
.doller{float:none;width:100%;}
.mk-trade{padding:50px 0;}
.mk-trade form{margin:0 auto;max-width:320px;}
.trade-title h2{margin-bottom:30px;}
.mk-trade li{display:block;margin:0 0 10px;}
.mk-trade label{font-size:18px;margin-right:10px;}
.stock-input{font-size:16px;height:40px;width:100%;}
.place-ord{font-size:20px;width:170px;padding:7px 0 6px 10px;}
.place-ord::after{background:#fff url("../images/btn-bg.png") no-repeat scroll 12px 10px/145% auto;padding:20px 22px;}
.place-ord:hover::after{background:#98af4d url("../images/btn-bg.png") no-repeat scroll -32px 10px/145% auto;}
.pos &gt; span{padding:7px 10px;right:67px;}
.tabular .index-title h2 span::after{bottom:-54px;}
#tabs li{float:none;display:block;width:100%;}
#tabs li a {font-size:14px;padding:10px 0;border-width:0 0 1px;}
#tabs .ui-tabs-active a.ui-tabs-anchor{border-bottom: 1px solid #a1ba52;color:#8Faa43;}
.brand{margin-bottom:20px;margin-left:0;width:100%;}
.btn-watch-list a{font-size:18px;}
.btn-watch-list{width:60%;}
.calendar h2{font-size:20px;}
.calendar{margin-right:10px;padding:25px 29px;}
.calendar::after{bottom:-65px;font-size:20px;padding:22px 20px;}
.rb-content h3{font-size:16px;}
.rb-content p{font-size:13px;}
.main-date-part .bx-wrapper{max-width:300px !important;}
.main-date-part .bx-wrapper .bx-controls-direction a:hover{background-position:15px -42px;}
.main-date-part .bx-wrapper .bx-controls-direction a.bx-next:hover{background-position:-35px -40px;}
.slider5 &gt; li{width:300px !important;}
.rb-content{float:right;padding:4px 0;width:69.2%;}
.main-date-part .bx-wrapper .bx-controls-direction a.bx-next{background-position:-35px 0;background-size:200% auto;height:35px;left:0;right:-80px;width:30px;}
.main-date-part .bx-wrapper .bx-controls-direction a{background-size:182% auto;bottom:-220px;height:35px;left:110px;top:0;width:34px;}
.update-title{margin-bottom:10px;}
.update-title h6{font-size:16px;margin-bottom:8px;}
.update-title date{font-size:14px;}
.paragraph{float:right;width:58%;}
.paragraph p{font-size:14px;line-height:140%;}
.research-slider .bx-wrapper .bx-viewport{margin:0 auto;max-width:300px;}
.commodities{background-size:8% auto;}
.platform{background:rgba(0, 0, 0, 0) url("../images/bg-platform.jpg") no-repeat scroll 0 0/cover;padding:30px 0;}
.main-platform{margin:0 auto;max-width:320px;padding-top:15px;}
.chart::after{display:none;}
.slider .slide-main-box a{font-size:18px;padding:10px 15px;}
.about-section .about-desc.left{max-width:100%;float:none;}
.about-desc h2{font-size:22px;}
.about-section .about-det-img.right{max-width:100%;float:none;margin-top:30px;}
.rrr-inner.about-desc h2{padding:0 0 3px;margin-bottom:20px;}
.rrr-inner.about-desc{max-width:100%;}
.rrr-slider{max-width:207px;}
.press-comic .press{background:none;padding-right:0;width:100%;}
.comic{max-width:100%;float:none;}
.press-comic.about-desc h2{font-size:21px;margin-bottom:20px;}
.press-comic .bx-wrapper .bx-controls-direction{right:0;top:-49px;}
.view-all-btn{margin-top:10px;}
.press-comic .press{margin-bottom:25px;}
footer .footer-nav .footer-navigation li:first-child a{padding-left:7px;}
.footer-navigation li{float:none;}
footer .footer-nav .footer-navigation li a{padding:10px 7px 10px;}
.copyright p{font-size:13px;}
.menu{display:block;margin-top:15px;float:right;}
.navigation .nav{display:none;}
.side-menu &gt; ul{max-height:73%;overflow-y:scroll;}
.header_sec.sticky{background:#333333;padding:8px 0;position:fixed;top:0;width:100%;z-index:9999999;}
.header_sec.sticky .menu{margin-top:5px;}
.header_sec.sticky .menu .line{background:#FFFFFF;}
#header .header_sec.sticky .logo{margin:0;max-width:58%;z-index:999999;}
.inner-banner .banner-image .caption{font-size:13px;line-height:19px;top:33px;width:97%;padding:3px;}
.inner-page .main-section .left{width:100%;float:none;}
.inner-page .main-section{margin-top:25px;}
.inner-page .main-section .bluetext{font-size:14px;line-height:23px;}
.main-section .sandp{margin-bottom:20px;}
.inner-page .main-section h1{margin-bottom:15px;font-size:20px;}
.inner-page .main-section .keycomment{margin-bottom:25px;}
.inner-page .news li,.inner-page .econ li{font-size:14px;}
.inner-page .news li:before{top:3px;}
.inner-page .main-section .right{width:100%;float:none;}
.inner-page .econ ul:last-child{margin-bottom:10px;}
.inner-page td{font-size:13px;}
.error_text h3{font-size:14px;line-height:140%;}
.inner-page .main-section h1{font-size:16px;padding-bottom:6px;}
.inner-page #header .header .head-main a,.inner-page #header .header .head-main a span{font-size:20px;}
.inner-page #header .header .head-main a{height:100%;display:block;}
.logo-inner{max-height:50px;max-width:44px;}
.inner-page #header .header .head-main{text-align:left;}
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){head~body #opera{display:block;}
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){ul#menu-header_menu li.last a{padding:0 51px;}
}
* Safari */@media screen and (-webkit-min-device-pixel-ratio:0){#safari{display:block;}
}
@media \0screen{.color{color:#F00;}
}
@media screen and (-webkit-min-device-pixel-ratio:0){#mainNav li{margin:0 26px 0 0;}
.header-tp-ctn .phone-header{background-position:left -67px;padding-left:45px;}
.img-index{background-color:#a1ba52;border:15px solid #ffffff;border-radius:50%;box-shadow:0 7px 9px rgba(102, 102, 102, 0.5);box-sizing:padding-box; -moz-box-sizing:padding-box; -webkit-box-sizing:padding-box; margin:0 auto 30px;padding:62px 5px;position:relative;}
.btn-p-r{background-color:#a1ba52;border-radius:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#fff;font-family:"Lato",sans-serif;font-size:20px;font-weight:bold;line-height:150%;padding:10px 15px;position:relative;width:225px;}
.research-slider .bx-wrapper .bx-controls-direction a{background:#ffffff url("../images/control.png") no-repeat scroll 19px 14px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;bottom:0;box-shadow:0 0 2px rgba(0, 0, 0, 0.35);height:48px;left:-60px;margin:auto;top:12px;width:50px;}
.research-slider .bx-wrapper .bx-controls-direction a.bx-next:hover{background-position:-71px 14px;}
.calendar::after{background-color:#000;border-radius:0 0 8px 8px;-moz-border-radius:0 0 8px 8px;-webkit-border-radius:0 0 8px 8px;bottom:-60px;content:"Jan_";font-size:27px;left:0;padding:24px 21px;position:absolute;}
.img-pla{background-color:#98af4d;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0 auto 22px;padding:68px 73px;position:relative;width:135px;}
.place-ord{background-color:#98af4d;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;color:#fff;font-family:"Lato",sans-serif;font-size:26px;font-weight:bold;line-height:135%;padding:4px 0 7px 10px;text-align:left;width:215px;cursor:pointer;}
}
@-moz-document url-prefix(){.selector{color:lime;}
}
:root .news_desc{line-height:150px\9 !important;}
*+html .class{}
::i-block-chrome, .social_r ul li{margin:0 0 0 7px;}
------OR-------
@media screen and (-webkit-min-device-pixel-ratio:0){.foot_cards ul li{margin:0 17px 0 0;}
.foot_cards2 ul li{margin:0;}
::i-block-chrome, .social_r ul li{margin:0 0 0 7px;}
::i-block-chrome, .foot_cards ul li{margin:0 10px 0 0;}
::i-block-chrome, .foot_cards2 ul li{margin:0;}
}
////.social ul li a:hover img{opacity:0.8;filter:alpha(opacity = 80);}
.home-page{background:url("../images/inner-img.jpg") no-repeat 0 0;background-size:100% 100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='images/home-img.jpg',sizingMethod='scale');}
********************************************************************NEW******************************************************
@media screen and (-webkit-min-device-pixel-ratio:0){::i-block-chrome, .wrapper th &gt; p span{position:relative;}
}
x:-o-prefocus, p{background:red;}
@media all and (-ms-high-contrast:none){.foo{color:green}
*::-ms-backdrop, .foo{color:red}
}
solved issues in hopme page,
responsive(tablet and mobile) view completed,
cb(chrome,safari,opera,ie9) completed
</pre></body></html>