@charset "UTF-8";
            #cooling {
                background: url(../images/cooling_1920.jpg) center -11px no-repeat;
                height: 776px;
            }

            #cooling .frame {
                position: absolute;
                left: 154px;
                top: 60px;
                width: 1050px;
                height: 247px;
                text-align: center;
            }




            @media screen and (max-width: 1366px) {
                #cooling {
                    background: url(../images/cooling_1366.jpg) center -30px no-repeat;
                    height: 700px;
                }
                #cooling .frame {
                    left: 106px;
                    top: 50px;
                    width: 778px;
                    height: 137px;
                }
            }

            @media screen and (max-width: 960px) {
                #cooling {
                    background: url(../images/cooling_960.jpg) center 0px no-repeat;
                    height: 552px;
                }
                #cooling .frame {
                    left: 58px;
                    top: 0px;
                    width: 518px;
                    height: 221px;
                }
            }

            @media screen and (max-width: 640px) {
                #cooling {
                    background: url(../images/cooling_640.jpg) center 0 no-repeat;
                    height: 420px;
                }
                #cooling .frame {
                    top: 30px !important;
                }
                #cooling #cooling_arrow {
                    display: none;
                }
                #cooling #cooling_arrow2 {
                    display: none;
                }
            }