body{ background-position:left top; } #text_style_2_1477539900677{font-size:12px!important;color:#333;line-height:26px;font-family:Arial!important;width:7.166666666666667%;top:88.8125px;position:absolute;left:24.333335876464844%;margin-left:0px;text-align:center;z-index:10;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_2_1477539900677{left:24.66871328771178%;top:62.8125px;width:8.854166666666668%;}} @media screen and (max-width:640px) {#text_style_2_1477539900677{display:none;width:100%;left:0%;top:62.828125px;}} #text_style_2_1477539440469{font-size:12px!important;color:#333;line-height:26px;font-family:Arial!important;width:8.25%;top:88.8125px;position:absolute;left:37.00000254313151%;margin-left:0px;text-align:center;z-index:10;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_2_1477539440469{left:35.69014639839164%;top:62.8125px;width:7.604166666666664%;}} @media screen and (max-width:640px) {#text_style_2_1477539440469{display:none;width:100%;left:0%;top:62.828125px;}} #text_style_2_1477539524064{font-size:12px!important;color:#333;line-height:26px;font-family:Arial!important;width:7.5%;top:88.8125px;position:absolute;left:50.41666920979818%;margin-left:0px;text-align:center;z-index:10;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_2_1477539524064{left:47.239583333333336%;top:62.8125px;width:5.520833333333333%;}} @media screen and (max-width:640px) {#text_style_2_1477539524064{display:none;width:100%;left:0%;top:62.828125px;}} #text_style_2_1477539694435{font-size:12px!important;color:#333;line-height:26px;font-family:Arial!important;width:7.5%;top:88.8125px;position:absolute;left:63.08203125%;margin-left:0px;text-align:center;z-index:10;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_2_1477539694435{left:56.496798292422625%;top:62.8125px;width:6.145833333333333%;}} @media screen and (max-width:640px) {#text_style_2_1477539694435{display:none;width:100%;left:0%;top:62.828125px;}} #text_style_2_1477539858210{font-size:12px!important;color:#333;line-height:26px;font-family:Arial!important;width:7.916666666666666%;top:88.8125px;position:absolute;left:76.25%;margin-left:0px;text-align:center;z-index:10;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_2_1477539858210{left:65.4904881561833%;top:62.8125px;width:8.020833333333336%;}} @media screen and (max-width:640px) {#text_style_2_1477539858210{display:none;width:100%;left:0%;top:62.828125px;}} #text_style_2_1477539678509{font-size:12px!important;color:#333;line-height:26px;font-family:Arial!important;width:8.166666666666666%;top:88.8125px;position:absolute;left:89.08333333333334%;margin-left:0px;text-align:center;z-index:10;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_2_1477539678509{left:75.31794952099453%;top:62.8125px;width:7.708333333333335%;}} @media screen and (max-width:640px) {#text_style_2_1477539678509{display:none;width:100%;left:0%;top:62.828125px;}} #dh_style_02_1481093061816{width:100%;height:147px;z-index:9;top:0px;position:absolute;left:21.416666666666668%;} @media screen and (min-width:641px) and (max-width:1200px) {#dh_style_02_1481093061816{height:90px;z-index:999;left:24.662043063592247%;width:75.45357524012807%;top:0px;}} @media screen and (max-width:640px) {#dh_style_02_1481093061816{height:139px;z-index:999;width:58.4375%;left:38.75%;top:6.666665434837341px;}} #dh_style_02_1481093061816 > .view_contents{overflow:visible;} #dh_style_02_1481093061816 #hot>a {color:#d41e14;} #dh_style_02_1481093061816 .mainMenuSet:hover {color:#d41e14;} @media screen and (max-width:640px) { #dh_style_02_1481093061816 .subCurSet {color:transparent;font-weight:normal;}} @media screen and (max-width:640px) { #dh_style_02_1481093061816 #hot>a {background:#c9ddf2;color:#ffcc00;font-weight:normal;}} #image_logo_1544964861996{width:12.166666666666668%;height:196px;position:absolute;top:13px;left:-1.6666673024495444%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_logo_1544964861996{left:7.944236926360726%;top:18px;height:168px;width:125px;}} @media screen and (max-width:640px) {#image_logo_1544964861996{width:164px;height:196px;top:105px;left:24.375%;display:none;}} #image_style_01_1544965210937{width:16.666666666666664%;height:200px;display:none;position:absolute;left:41.66666666666667%;top:26.770832061767578px;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1544965210937{width:20.833333333333336%;height:200px;display:none;left:39.58333333333333%;top:26.770832061767578px;}} @media screen and (max-width:640px) {#image_style_01_1544965210937{width:100.09765625%;height:141.77083337306976px;display:block;top:0.7708333730697632px;left:0%;}} #image_style_01_1544965210937 > .view_contents{overflow:visible;} #comm_layout_header{height:224px;} @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_header{height:186px;}} @media screen and (max-width:640px) {#comm_layout_header{height:145.66666543483734px;z-index:11;}} #comm_layout_header > .view_contents{overflow:visible;max-width:1200px;} #image_style_01_1480908541702{width:109.16666666666666%;height:510px;top:0.0000057220458984375px;position:absolute;left:-4.58712100982666%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480908541702{height:407px;left:-9.166666666666666%;top:0.1789703369140625px;}} @media screen and (max-width:640px) {#image_style_01_1480908541702{height:148px;width:100%;left:0%;top:0.00568389892578125px;}} #image_style_01_1480908623594{width:71.54761904761905%;height:902px;top:510.06251525878906px;position:absolute;left:14.287574404761905%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480908623594{height:714px;left:3.229166666666667%;top:408.0625px;width:93.54166666666667%;}} @media screen and (max-width:640px) {#image_style_01_1480908623594{height:684px;width:92.63157894736842%;left:3.5496410570646586%;top:151.3333282470703px;}} @media screen and (max-width:640px) { #image_style_01_1480908623594 .modSet {background:#ffffff # url(../img/upimages/pkgimg/pkgimg/pkgimg/web/cpic01.jpg);}} @media screen and (max-width:640px) { #image_style_01_1480908623594 .imgSet {background:# url(../img/upimages/pkgimg/pkgimg/pkgimg/web/cpic01.jpg);}} #image_style_01_1480908901272{width:13.690476190476192%;height:209px;top:534px;position:absolute;left:18.996465773809522%;z-index:5;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480908901272{height:208px;z-index:3;left:4.635416666666667%;top:363.96875px;width:218px;}} @media screen and (max-width:640px) {#image_style_01_1480908901272{height:165px;width:54.37499999999999%;left:6.704101562500001%;top:151.078125px;z-index:3;}} #text_default_1481279803872{width:9.27617709065355%;height:212px;top:550.5000228881836px;position:absolute;left:29.400594052902658%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_default_1481279803872{height:228px;width:11.876988335100743%;top:433.6666793823242px;left:27.794823906083245%;}} @media screen and (max-width:640px) {#text_default_1481279803872{height:198px;width:37.1875%;left:57.4560546875%;top:152.97916793823242px;}} #image_style_01_1480909171529{width:9.833333333333332%;height:188px;top:501.953125px;position:absolute;left:72.09077380952381%;z-index:9;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480909171529{height:200px;left:78.06386062149814%;top:413.9583435058594px;width:12.916666666666668%;}} @media screen and (max-width:640px) {#image_style_01_1480909171529{height:165px;width:23.42105263157895%;left:72.61067718267441%;top:394.4375px;z-index:6;}} #text_default_1481279921965{width:19.333333333333332%;height:259px;top:537.0000152587891px;position:absolute;left:53.01556420233463%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_default_1481279921965{height:242px;width:222px;left:51.72091782283885%;top:433.6666793823242px;}} @media screen and (max-width:640px) {#text_default_1481279921965{height:240px;width:68.125%;left:5.983073115348816%;top:365.00001525878906px;}} #image_style_01_1480909480842{width:10.75%;height:520px;top:840.46875px;position:absolute;left:14.285714285714285%;z-index:4;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480909480842{height:402px;left:5.987955729166667%;top:659.46875px;width:139px;}} @media screen and (max-width:640px) {#image_style_01_1480909480842{height:135px;width:12.631578947368421%;left:8.279754739058646%;top:629.2045288085938px;z-index:9;}} #image_style_01_1480909295107{width:50.66666666666667%;height:1094px;top:585.9791717529297px;position:absolute;left:22.7533820736998%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480909295107{height:794px;width:610px;left:17.65641569459173%;top:578.96875px;}} @media screen and (max-width:640px) {#image_style_01_1480909295107{height:287px;width:64.73684210526316%;left:17.1337890625%;top:590.4375px;}} #image_style_01_1480909543161{width:12.666666666666668%;height:680px;top:743px;position:absolute;left:73.03571428571428%;z-index:3;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480909543161{height:510px;left:78.59212239583333%;top:636.0625px;width:155px;}} @media screen and (max-width:640px) {#image_style_01_1480909543161{height:200px;width:16.05263157894737%;left:77.09928010639392%;top:596.7045288085938px;z-index:8;}} #image_style_01_1480909056865{width:7.083333333333333%;height:84px;top:689.9375152587891px;position:absolute;left:36.51681489716509%;z-index:7;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480909056865{height:71px;z-index:5;left:34.67404946700741%;top:605.9583435058594px;}} @media screen and (max-width:640px) {#image_style_01_1480909056865{height:74px;width:22.105263157894736%;left:73.86067718267441%;top:316.0625px;z-index:5;}} #image_style_01_1480909657319{width:71.91822008418521%;height:599px;top:1412.0625px;position:absolute;left:14.040889957907396%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480909657319{height:520px;left:3.229166666666667%;top:1121.0625px;width:93.54166666666667%;}} @media screen and (max-width:640px) {#image_style_01_1480909657319{height:187px;width:92.6%;left:3.700000000000003%;top:846.328125px;}} #layout_1480908469041{height:2011.0625px;background-image:url(../img/upimages/pkgimg/pkgimg/pkgimg/web/bg000.jpg);} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1480908469041{height:1641.0625px;}} @media screen and (max-width:640px) {#layout_1480908469041{height:1041px;}} #image_style_01_1480916117005{width:100%;height:371px;top:1px;position:absolute;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480916117005{height:281px;width:93.54166666666667%;left:3.229166666666667%;}} @media screen and (max-width:640px) {#image_style_01_1480916117005{height:110px;width:93.42105263157895%;left:3.289473684210526%;top:0.00000762939453125px;}} #layout_1480916013989{height:372px;background-image:url(../img/upimages/pkgimg/pkgimg/pkgimg/web/bg000.jpg);} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1480916013989{height:282px;}} @media screen and (max-width:640px) {#layout_1480916013989{height:110.00000762939453px;}} #layout_1480916013989 > .view_contents{max-width:1200px;} #div_blank_1480916720654{width:71.85808779314492%;height:884px;top:0.008544921875px;position:absolute;left:14.07095610342754%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1480916720654{height:631px;width:93.64583333333333%;left:3.2708915074666343%;}} @media screen and (max-width:640px) {#div_blank_1480916720654{height:749px;width:92.89473684210526%;left:3.8157894736842106%;top:9.671875px;z-index:1;}} #div_blank_1480916720654 > .view_contents{overflow:visible;} #div_blank_1480916720654>.view_contents {background:#ff003f url(../img/upimages/pkgimg/pkgimg/pkgimg/web/bg.jpg);background-repeat:repeat;background-size:auto;} #div_blank_1483879520436{width:19.48286229705352%;height:347px;position:absolute;top:84.9375px;left:40.25856885147324%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1483879520436{width:20%;left:40.03181336161188%;top:49.9375px;height:265px;}} @media screen and (max-width:640px) {#div_blank_1483879520436{width:45.5%;height:230px;top:35.9375px;left:51.18421052631579%;}} #div_blank_1483879520436 > .view_contents{overflow:visible;} #div_blank_1483879520436 {box-sizing:border-box;background: url(../img/upimages/pkgimg/pkgimg/uesrImages/sl_002.png);background-repeat:no-repeat;background-size:cover;background-position-x:50%;background-position-y:50%;} #div_blank_1483879520436:hover {background: url(../img/upimages/pkgimg/pkgimg/uesrImages/SL_02.png);background-repeat:no-repeat;background-size:cover;background-position-x:50%;background-position-y:50%;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1483879520436 {box-sizing:border-box;background: url(../img/upimages/pkgimg/pkgimg/uesrImages/SL_02.png);background-size:cover;background-repeat:no-repeat;background-position-y:50%;background-position-x:50%;}} @media screen and (max-width:640px) { #div_blank_1483879520436 {box-sizing:border-box;background: url(../img/upimages/pkgimg/pkgimg/uesrImages/SL_02.png);background-repeat:no-repeat;background-size:cover;background-position-x:50%;background-position-y:50%;}} #div_blank_1483879347948{width:19.48286229705352%;height:347px;position:absolute;top:84.9375px;left:17.797279013830426%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1483879347948{left:9.858828207847296%;top:49.9375px;height:265px;width:20%;}} @media screen and (max-width:640px) {#div_blank_1483879347948{width:45.526315789473685%;height:230px;top:35.9375px;left:3.8157894736842106%;}} #div_blank_1483879347948 > .view_contents{overflow:visible;} #div_blank_1483879347948 {box-sizing:border-box;background: url(../img/upimages/pkgimg/pkgimg/uesrImages/sl_001.png);background-repeat:no-repeat;background-size:cover;background-position-x:50%;background-position-y:50%;} #div_blank_1483879347948:hover {background: url(../img/upimages/pkgimg/pkgimg/uesrImages/SL_01.png);background-repeat:no-repeat;background-size:cover;background-position-x:50%;background-position-y:50%;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1483879347948 {box-sizing:border-box;background: url(../img/upimages/pkgimg/pkgimg/uesrImages/SL_01.png);background-repeat:no-repeat;background-size:cover;background-position-x:50%;background-position-y:50%;}} @media screen and (max-width:640px) { #div_blank_1483879347948 {box-sizing:border-box;background: url(../img/upimages/pkgimg/pkgimg/uesrImages/SL_01.png);background-repeat:no-repeat;background-size:cover;background-position-x:50%;background-position-y:50%;}} #div_blank_1483879535560{width:19.48286229705352%;height:347px;position:absolute;top:84.9375px;left:62.68791340950091%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1483879535560{width:20%;left:69.98939554612937%;top:49.9375px;height:265px;}} @media screen and (max-width:640px) {#div_blank_1483879535560{width:45.5%;height:230px;top:265.9375px;left:3.8157894736842106%;}} #div_blank_1483879535560 > .view_contents{overflow:visible;} #div_blank_1483879535560 {box-sizing:border-box;background: url(../img/upimages/pkgimg/pkgimg/uesrImages/sl_003.png);background-repeat:no-repeat;background-size:cover;background-position-x:50%;background-position-y:50%;} #div_blank_1483879535560:hover {background: url(../img/upimages/pkgimg/pkgimg/uesrImages/SL_03.png);background-repeat:no-repeat;background-size:cover;background-position-x:50%;background-position-y:50%;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1483879535560 {box-sizing:border-box;background: url(../img/upimages/pkgimg/pkgimg/uesrImages/SL_03.png);background-repeat:no-repeat;background-size:cover;background-position-x:50%;background-position-y:50%;}} @media screen and (max-width:640px) { #div_blank_1483879535560 {box-sizing:border-box;background: url(../img/upimages/pkgimg/pkgimg/uesrImages/SL_03.png);background-repeat:no-repeat;background-size:cover;background-position-x:50%;background-position-y:50%;}} #div_blank_1483879565360{width:19.48286229705352%;height:347px;position:absolute;top:496.9375px;left:17.797279013830426%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1483879565360{width:20%;left:9.858828207847296%;top:314.9375px;height:265px;}} @media screen and (max-width:640px) {#div_blank_1483879565360{width:45.5%;height:230px;top:265.9375px;left:51.18421052631579%;}} #div_blank_1483879565360 > .view_contents{overflow:visible;} #div_blank_1483879565360 {box-sizing:border-box;background: url(../img/upimages/pkgimg/pkgimg/uesrImages/sl_004.png);background-repeat:no-repeat;background-size:cover;background-position-x:50%;background-position-y:50%;} #div_blank_1483879565360:hover {background: url(../img/upimages/pkgimg/pkgimg/uesrImages/SL_04.png);background-repeat:no-repeat;background-size:cover;background-position-x:50%;background-position-y:50%;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1483879565360 {box-sizing:border-box;background: url(../img/upimages/pkgimg/pkgimg/uesrImages/SL_04.png);background-repeat:no-repeat;background-size:cover;background-position-x:50%;background-position-y:50%;}} @media screen and (max-width:640px) { #div_blank_1483879565360 {box-sizing:border-box;background: url(../img/upimages/pkgimg/pkgimg/uesrImages/SL_04.png);background-repeat:no-repeat;background-size:cover;background-position-x:50%;background-position-y:50%;}} #div_blank_1483879606827{width:19.48286229705352%;height:347px;position:absolute;top:496.9375px;left:40.25856885147324%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1483879606827{width:20%;left:39.978791092258746%;top:314.9375px;height:265px;}} @media screen and (max-width:640px) {#div_blank_1483879606827{width:45.5%;height:230px;top:495.9375px;left:3.8157894736842106%;}} #div_blank_1483879606827 > .view_contents{overflow:visible;} #div_blank_1483879606827 {box-sizing:border-box;background: url(../img/upimages/pkgimg/pkgimg/uesrImages/sl_005.png);background-repeat:no-repeat;background-size:cover;background-position-x:50%;background-position-y:50%;} #div_blank_1483879606827:hover {background: url(../img/upimages/pkgimg/pkgimg/uesrImages/SL_05.png);background-repeat:no-repeat;background-size:cover;background-position-x:50%;background-position-y:50%;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1483879606827 {box-sizing:border-box;background: url(../img/upimages/pkgimg/pkgimg/uesrImages/SL_05.png);background-repeat:no-repeat;background-size:cover;background-position-x:50%;background-position-y:50%;}} @media screen and (max-width:640px) { #div_blank_1483879606827 {box-sizing:border-box;background: url(../img/upimages/pkgimg/pkgimg/uesrImages/SL_05.png);background-repeat:no-repeat;background-size:cover;background-position-x:50%;background-position-y:50%;}} #div_blank_1483879620429{width:19.48286229705352%;height:347px;position:absolute;top:496.9375px;left:62.68791340950091%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1483879620429{width:20%;left:69.98939554612937%;top:314.9375px;height:265px;}} @media screen and (max-width:640px) {#div_blank_1483879620429{width:45.5%;height:230px;top:495.9375px;left:51.44736842105263%;}} #div_blank_1483879620429 > .view_contents{overflow:visible;} #div_blank_1483879620429 {box-sizing:border-box;background: url(../img/upimages/pkgimg/pkgimg/uesrImages/sl_006.png);background-repeat:no-repeat;background-size:cover;background-position-x:50%;background-position-y:50%;} #div_blank_1483879620429:hover {background: url(../img/upimages/pkgimg/pkgimg/uesrImages/SL_06.png);background-repeat:no-repeat;background-size:cover;background-position-x:50%;background-position-y:50%;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1483879620429 {box-sizing:border-box;background: url(../img/upimages/pkgimg/pkgimg/uesrImages/SL_06.png);background-repeat:no-repeat;background-size:cover;background-position-x:50%;background-position-y:50%;}} @media screen and (max-width:640px) { #div_blank_1483879620429 {box-sizing:border-box;background: url(../img/upimages/pkgimg/pkgimg/uesrImages/SL_06.png);background-repeat:no-repeat;background-size:cover;background-position-x:50%;background-position-y:50%;}} #layout_diy_1477468932614{height:884.008544921875px;background-image:url(../img/upimages/pkgimg/pkgimg/pkgimg/web/bg000.jpg);} @media screen and (min-width:641px) and (max-width:1200px) {#layout_diy_1477468932614{height:631px;}} @media screen and (max-width:640px) {#layout_diy_1477468932614{height:767px;}} #image_style_01_1480920761920{width:100%;height:116px;top:0.3125px;position:absolute;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480920761920{height:87px;width:93.4375%;left:3.3333333333333335%;}} @media screen and (max-width:640px) {#image_style_01_1480920761920{height:45px;width:100%;left:0%;top:0px;}} #image_style_01_1480920868882{width:100%;height:675px;top:116.3125px;position:absolute;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480920868882{height:549px;left:3.177083333333333%;top:87.3125px;width:93.64583333333333%;}} @media screen and (max-width:640px) {#image_style_01_1480920868882{height:200px;width:93.6842105263158%;left:3.125%;top:52.96875px;}} #layout_1480920729179{height:791.3125px;background-image:url(../img/upimages/pkgimg/pkgimg/pkgimg/web/bg000.jpg);} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1480920729179{height:636.3125px;}} @media screen and (max-width:640px) {#layout_1480920729179{height:278px;}} #layout_1480920729179 > .view_contents{max-width:1200px;} #dh_style_01_1484229654894{width:66.66666666666666%;z-index:999;position:absolute;top:29px;left:16.666666666666664%;} @media screen and (min-width:641px) and (max-width:1200px) {#dh_style_01_1484229654894{z-index:999;left:16.64899257688229%;top:23px;}} @media screen and (max-width:640px) {#dh_style_01_1484229654894{width:11.31578947368421%;z-index:999;top:-1.96875px;left:6.7105263157894735%;display:none;}} #dh_style_01_1484229654894 > .view_contents{overflow:visible;} #dh_style_01_1484229654894 .columnSet {color:#ffffff;} #dh_style_01_1484229654894 .mainMenuSet {color:#ffffff;font-size:16px;border-right-style:solid;border-right-width:1px;border-left-style:none;border-left-width:1px;} #dh_style_01_1484229654894 #hot>a {color:#ffffff;font-size:16px;} @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_01_1484229654894 #hot>a {font-size:14px;}} @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_01_1484229654894 .mainMenuSet {font-size:14px;line-height:35px;height:35px;}} /*----------------------电脑板式样式----------------------*/ #dh_style_01_1484229654894 li:last-of-type a{ border-right:0px; } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_01_1484229654894{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #dh_style_01_1484229654894{ } } #comm_layout_footer{height:100px;} @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_footer{height:80px;}} @media screen and (max-width:640px) {#comm_layout_footer{height:50.03125px;display:none;}} #comm_layout_footer > .view_contents{max-width:1200px;} #comm_layout_footer {background:#6a5147;} /*PC菜单*/ .menuStyle_02 { height: 100%;} .Style_02_menuLayout { height: 100%;} .Style_02_pcMenu {display:block; position: relative; text-align: center; height: 100%;} .Style_02_pcMenu .menu { position: absolute; left: 0; top: 50%; width:100%; height: 100%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%);} /* .Style_02_pcMenu .menu>li {position: relative; float:left; width:13%; height: 100%; text-align:center;} */ .Style_02_pcMenu .menu>li .subminSet{display: none; white-space: nowrap; margin-top: 100%; background: #EEE;} .Style_02_pcMenu .menu>li .subminSet a{font-size: 14px; line-height: 40px; display: block;} .Style_02_pcMenu .menu>li .subminSet a:hover{background: #e8e8e8;} .Style_02_pcMenu .menu>li .subminSet a.subCurSet{background: #e5e5e5} .Style_02_pcMenu .menu>li:hover .subminSet{display: block;} .Style_02_pcMenu .menu>li>a { position: absolute; top: 50%; left: 0; width: 100%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .Style_02_pcMenu .menuText {color:#1d1b1b; font-size:16px; word-spacing: 7px; letter-spacing: 7px; text-indent: 7px;} .Style_02_pcMenu .menuText_en {color:#817f7f; font-size:10px;} .Style_02_pcMenu .menu .menuLogo { width: 22%;} .Style_02_pcMenu .menuLogo a {display:block; width: 100%; text-align: center;} .Style_02_pcMenu .menuLogo img {width:90%;} .Style_02_pcMenu .menu .plus { font-size: 16px; letter-spacing: 7px; text-indent: 7px;/* display:block; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; */} .Style_02_pcMenu .menu .normal { font-size: 13px; letter-spacing: 1px; text-indent: 3px; position: absolute; width: 100%; top: 120%; } .Style_02_pcMenu #hot>a{color:inherit;font-size: inherit;font-family:inherit;} .Style_02_pcMenu #hot>a>div{color:inherit;font-size: inherit;font-family:inherit;} /*手机菜单*/ .Style_02_miniMenu .minimenuLogo { float:left; width: 50%;} .Style_02_miniMenu .minimenuLogo a { display: block;} .Style_02_miniMenu .minimenuLogo img { width: 100%; max-width: 320px;} .Style_02_miniMenu { display: none;} .Style_02_miniMenu .menuTop {overflow:hidden; position: relative;} .Style_02_miniMenu .menuIcon { position: absolute; top: 50%; right: 0px; padding: 10px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .Style_02_miniMenu .menuIcon i { color: #1d1b1b; font-size: 20px;} .Style_02_miniMenu .menuMain { display:none; width: calc(100vw + 17px); height: 100vh; overflow: hidden; position: fixed; top: 0; left: 0; z-index: 999999; background: rgba(0,0,0,.8);} .Style_02_miniMenu .menuShow { display:block;} .Style_02_miniMenu .menuMain_bg { width: 100%; overflow-y: scroll;} .Style_02_miniMenu .menuUl { padding:10px 20px;} .Style_02_miniMenu .menuCloseLi { border: none;} .Style_02_miniMenu .menuClose { color: #fff; font-size: 20px; float: right; padding: 15px 0px;} .Style_02_miniMenu .menuUl>li { border-bottom: 1px solid #fff; overflow: hidden;} .Style_02_miniMenu .menuMain a { width: 100%; display: block; position: relative; overflow: hidden;} .Style_02_miniMenu .menuText_en { display: none;} .Style_02_miniMenu .menuText { color: #fff; font-size: 16px; height: 55px; line-height: 55px; float: left;} .Style_02_miniMenu .menuArr { color: #fff; font-size: 16px; position: absolute; right: 0px; top: 50%; transform: translate(0,-50%);} .Style_02_pcMenu .menuText {color:#1d1b1b; font-size:16px; font-family: "Microsoft YaHei"; word-spacing: 7px; letter-spacing: 7px; text-indent: 7px;} .Style_02_pcMenu .menuText_en {color:#817f7f; font-size:10px; font-family: "verdana";} /*导航字体*/ @font-face { font-family: "menuText"; src: url('menuText.TTF');} @font-face { font-family: "MenuText_en"; src: url('MenuText_en.TTF');} .Style_02_pcMenu .menu>li {position: relative; float:left; width:calc(78%/6); height: 100%; text-align:center;} #dh_style_02_1481093061816 .menuUl02 .subMenu02>a .fa{position: absolute;top: 0;right: 2px;} @media screen and (max-width:766px) { .Style_02_pcMenu {display:none;} .Style_02_miniMenu { display:block;} } .logoStyle *{box-sizing: border-box;} .logoStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .logoStyle>a{overflow: hidden; width: 100%;height: 100%; display: block;} .logoName{white-space: nowrap;} #image_style_01_1544965210937 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1544965210937 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1544965210937 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1544965210937 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } #image_style_01_1480908541702 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480908541702 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1480908541702 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1480908541702 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } #image_style_01_1480908623594 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480908623594 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1480908623594 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1480908623594 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } #image_style_01_1480908901272 .CompatibleImg img{width:auto; height:auto}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480908901272 .CompatibleImg img{width:auto; height:auto}}@media screen and (max-width:640px) {#image_style_01_1480908901272 .CompatibleImg img{width:100%; height:auto; margin-left:0px}} #image_style_01_1480908901272 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } #image_style_01_1480909171529 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480909171529 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1480909171529 .CompatibleImg img{width:100%; height:auto; margin-left:0px}} #image_style_01_1480909171529 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } #image_style_01_1480909480842 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480909480842 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1480909480842 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1480909480842 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } #image_style_01_1480909295107 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480909295107 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1480909295107 .CompatibleImg img{width:100%; height:auto; margin-left:0px}} #image_style_01_1480909295107 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } #image_style_01_1480909543161 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480909543161 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1480909543161 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1480909543161 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } #image_style_01_1480909056865 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480909056865 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1480909056865 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1480909056865 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } #image_style_01_1480909657319 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480909657319 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1480909657319 .CompatibleImg img{width:100%; height:auto; margin-left:0px}} #image_style_01_1480909657319 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } #image_style_01_1480916117005 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480916117005 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1480916117005 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1480916117005 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } #image_style_01_1480920761920 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480920761920 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1480920761920 .CompatibleImg img{width:auto; height:100%; position:relative; top:0; left:50%;-webkit-transform:translate(-50%,0);-o-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}} #image_style_01_1480920761920 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } #image_style_01_1480920868882 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1480920868882 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1480920868882 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1480920868882 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } /*菜单样式*/ .menuStyle_1{width:100%; position:relative;} .menuStyle_1 *{transition:color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s; -webkit-transition:color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s; -moz-transition:color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s; -o-transition:color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s; box-sizing: border-box;} .menuStyle_1 .dflex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;} .menuStyle_1 .rflex{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1; float: left\0;} .menuStyle_1 ul,.menuStyle_1 li{padding:0;margin:0px;list-style:none} .menuStyle_1 .menuLayout{position:relative; margin:0 auto;width:100%;} .menuStyle_1 .menuLayout:after{content:''; display:block; clear:both;} .menuStyle_1 .menuUl_box{position:relative; width:100%; text-align:center;} .menuStyle_1 .menuUl{position:relative; width:100%; text-align:center;} .menuStyle_1 .menuUl li{position:relative;} .menuStyle_1 .menuUl li>a{text-decoration:none; color:#4d5158;font-size:14px;height:44px; box-sizing:border-box; line-height:44px;display:block;text-align:center; letter-spacing:normal; white-space:nowrap; padding: 0 1em\0;} .menuStyle_1 .menuUl li>a:hover{color:#f90} .menuStyle_1 .menuUl #hot > a{color:#f90;} .menuStyle_1 .menuLayout .miniMenu{display:none;} .menuStyle_1 .menuUl02 {opacity: 0; display: none; position: absolute; left: 50%; height: 0; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0);} .menuStyle_1 .menuUl .rflex:hover .menuUl02 {opacity: 1; display: block; height: auto;} .menuStyle_1 .menuUl02 .subMenu02 { float: none;} .menuStyle_1 .menuUl02 .subMenu02 a { color: #333; width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 15px;} .menuStyle_1 .menuUl02 .subMenu02 a:hover {} .menuStyle_1 .rflex { position: relative;} #dh_style_01_1484229654894 .menuUl02 .subMenu02>a .fa{position: absolute;top: 0;right: 2px;} @media screen and (max-width:640px) { .menuStyle_1 .menuUl,.menuStyle_1 .menuUl_box {display:none;} .menuStyle_1 .menuScroll{height: 84%; height: 84vh; width: 100%;} .menuStyle_1 .menuScroll>.menuUlCopy{width: calc(100% + 18px); height: 100%; overflow-x: hidden; overflow-y: scroll; } .menuStyle_1 .menuLayout .miniMenu{display:block; position:relative; overflow:hidden; width: 100%; height:44px;} .menuStyle_1 .miniMenu .leftBox .sidebar{font-size:28px; line-height:44px; font-weight:normal;cursor:pointer;color:#4d5158; position:absolute; top:0; right:0px; width:44px; text-align:center;} .menuStyle_1 .miniMenu .leftBox .nav{width:100%; height:44px;} .menuStyle_1 .miniMenu .leftBox .menuUlCopy{padding:15px 0 15px 30px;} .menuStyle_1 .miniMenu .leftBox .menuUlCopy li{width:100%; } .menuStyle_1 .miniMenu .leftBox .menuUlCopy li a{width:100%; display:block; text-align:left;color:#fff; border-bottom:1px solid rgba(255,255,255,.2); text-decoration:none; font-size:16px; line-height:44px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .menuStyle_1 .menuLayout .miniMenu.Mslide{height:100% !important; height:100vh !important; background:rgba(0,0,0,.85); position: fixed; width: 100%; top: 0; left: 0;} .menuStyle_1 .menuLayout .miniMenu.Mslide .sidebar{color:#fff;} .menuStyle_1 .menuLayout .miniMenu.Mslide .nav a{display:none !important;} }