.cls-1{fill-rule:evenodd; fill: #f60;}
.site_header {background: transparent; min-height: 60px;}
.toplogo {width: 260px; height: 110px; margin-left: 90px; background: url(../images/logo.png);}
.toplogo2 {width: 240px; height: 330px; background: url(../images/logo_2.png);}
.toplogo5 {width: 920px;}
.headrow {width: 1000px; min-height: 106px; background: transparent;} /* border-bottom: solid 2px #aaa; background: linear-gradient(#fff,#fff 50%,#c7c7c7);*/
.headerbg {background: url(../images/top6.jpg); background-position: bottom; background-size: cover;}
.header {min-height: 106px; border-bottom: solid 2px #aaa; background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.1));} /* #c7c7c7 */
.hdright {width: 300px; min-height: 50px; margin-top: 15px;}
.hdrttl2 {text-align: right; color: #f60; text-shadow: 3px 3px 2px rgba(0,0,0,0.3), 0 0 16px #fff;} /* text-shadow: 2px 2px rgba(0,0,0,0.7); text-shadow: 0 0 6px #fff, 0 0 30px #fbe5cd;*/
.hdrttl {width: 510px; min-height: 50px; margin-left: 20px; text-align: left; color: #000; font-size: 60px;} /* text-shadow: 0 0 6px #fff, 0 0 30px #fbe5cd; */
.hdrhline {height: 3px; border-top: solid 2px #555; border-bottom: solid 1px #555;}
.hdrblock {width: 920px;}
.toptitle {margin-top: 40px; color: white;}
.topmenu {background: rgba(255,255,255,0.65);}
.topmenu2 {background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.7) 40%,rgba(255,255,255,0.7) 60%,rgba(255,255,255,0));}

.topmel {display: inline-block; vertical-align: top; min-width: 40px; height: 30px; margin: 0 42px; padding: 10px 0; text-align: center;}
.topmel a {display: inline-block;}
.topmel_act {color: #f60; margin-top: -1px;} /*#f60; text-shadow: 0 0 4px #fff, 0 0 20px #fbe5cd; text-shadow: 0 0 4px #fff, 0 0 20px #fff;*/
.topmel_nac {color: #000;}
.topmel_ent {color: #f60;}
.topmel_nac:hover, .topmel_nac:active {color: #555;}
.topmel_ent:hover, .topmel_ent:active {color: #777;}

.main_page {width: 996px;}
.info_page {width: 920px; min-height: 600px;}
.info_titlea {min-height: 40px; border-top: solid 2px #ddd; border-bottom: solid 2px #ddd; background: linear-gradient(#ddd,#fff 30%,#fff 70%,#ddd);}
.info_title {width: 920px; min-height: 40px;}
.info_title h1 {margin: 0; padding: 0; font-family: Century Gothic, sans-serif; font-size: 32px; font-weight: normal; color: #333;}
.info_title h2 {margin: 0; padding: 0; font-family: Century Gothic, sans-serif; font-size: 24px; font-weight: normal; color: #333;}
.tstyle_1 {font-family: Century Gothic, sans-serif; font-size: 32px; color: #f60;}
.tstyle_2 {font-family: Arial; font-size: 24px; color: black;}
.tstyle_3 {font-family: Arial; font-size: 40px; color: #f60;}
.tstyle_4 {font-family: Century Gothic, sans-serif; font-size: 40px; color: black;}
.tstyle_5 {font: 17px Arial; color: black;}
.tstyle_5 span {font: bold 22px Arial; color: black;}
.tstyle_6 {font: 28px Arial; color: black;}
.tstyle_7 {font-family: Century Gothic, sans-serif; font-size: 28px; color: #f60;}
.tstyle_8 {font: 20px Arial; line-height: 1.2em; color: black;}
.tstyle_9 {font-family: Century Gothic, sans-serif; font-size: 32px; color: black;}


.top_menu {background: #f3f3f3; border-top: solid 2px #c7c7c7; border-bottom: solid 1px #c7c7c7;}
.top_lang {position: absolute; top: 10px; right: 8px; width: 100px; height: 20px; z-index: 1000;}
.top_lang a {font-size: 19px; color: #555;}
.top_lang a:hover {color: #f60;}
.admel {display: inline-block; vertical-align: top; min-width: 40px; height: 40px; margin: 0 35px; text-align: center;}
.admel a {display: inline-block;}
.amel_act {color: #f60; cursor: default;}
.amel_nac {color: #333; cursor: pointer;}
.amel_nac:hover {color: #ff460d;}

.top_enter {position: absolute; top: 0px; right: 8px; width: 100px; height: 20px; z-index: 1000;}
.top_enter a {font-size: 20px; color: #888;}
.top_enter a:hover {color: #f60;}

.aprodwl {min-height: 20px; border-top: solid 1px #000;}
.aprodlist, .acatlist, .artlist {display: inline-block; width: 100%;}
.aprcatel {width: 180px; min-height: 20px;}
.aprcatck {width: 20px; height: 20px;}
.form_window {width: 1160px; margin: 0 auto; min-height: 400px; text-align: left; background: white;}
.form_title {width: 180px; min-height: 20px; font-size: 18px; text-align: left;}
.form_content {width: 760px; min-height: 20px; text-align: left;}
.form_extend {width: 200px; min-height: 20px; text-align: right;}
.ainput1, .ainput2, .ainput3 {height: 16px; padding: 3px 12px 3px 12px; font-size: 15px;border: solid 1px #7c7c7c; border-radius: 2px; background: white;}
.ainput1 {width: 500px; text-align: left;}
.ainput2 {width: 50px; text-align: center;}
.ainput3 {width: 150px; text-align: center;}
.aiwrame1 {width: 150px; height: 30px; border: none;}

.acatnac {background: #ccc; opacity: 0.4;}
.acatact {background: white;}

.aprodblock, .acatblock {display: inline-block; vertical-align: top; margin: 10px 5px; width: 250px; min-height: 100px; border: solid 1px #ddd;}
.apb_img {display: inline-block; width: 100%; min-height: 100px; text-align: center; margin: 10px 0;}
.apb_img img {min-width: 175px; max-width: 250px; max-height: 250px;}
.apb_pars {display: inline-block; width: 100%; min-height: 16px; margin-top: 5px; text-align: center; font: 15px Arial; color: black;}
.apb_ttl {display: inline-block; width: 100%; min-height: 16px; margin-top: 10px; text-align: center; font: bold 16px Arial; color: black;}
.apb_price {display: inline-block; width: 100%; min-height: 16px; margin-top: 5px; text-align: center; font: bold 16px Arial; color: black;}

.prodblock {display: inline-block; vertical-align: top; text-align: center; margin: 20px 35px; width: 220px; min-height: 220px;}
.prodimg {width: 220px; height: 220px; border: solid 1px #b3b3b3; background-position: center;}
.prodttl {display: inline-block; width: 100%; min-height: 20px; margin-top: 6px; text-align: center; font: 25px Arial; color: black;}
.prodpars {display: inline-block; width: 100%; min-height: 12px; margin-top: 2px; text-align: center; font: 19px Arial; color: black;}
.prodprc {display: inline-block; width: 100%; min-height: 20px; margin-top: 2px; text-align: center; font: 24px Arial; color: #f60;}
.prodcard {min-height: 400px; background: black; margin-top: 2px;}
.prodtopline {min-height: 20px;}
.prodexit {font: 14px Arial; color: #f60; cursor: pointer;}
.prodexit:hover {font: 14px Arial; color: red;}
.prodcontent {min-height: 20px;}

.prodfullimg {min-height: 400px; background-position: center;}
.prodnav {position: absolute; top: 0px; width: 400px; height: 100%; cursor: pointer; z-index: 1000;}
.pnleft {left: 0px;}
.pnright {right: 0px;}
.prodinfo1 {color: white; min-width: 100px; max-width: 500px;}
.prodinfo2 {color: white; width: 140px; margin-top: 15px;}
.prodinfo3 {color: white; width: 500px;}
.prodinfo4 {color: white; width: 500px; cursor: pointer;}
.prodinfo4:hover {color: #f60;}

.form_input {width: 400px;}

.footerbg {background: url(../images/foot1.jpg); background-position: bottom; background-size: cover;}
.footer {min-height: 106px; border-top: solid 2px #ccc; background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.1));}
.contact_ico1 {width: 100px; height: 110px; margin-right: 230px; background: url(../images/i01.png); background-size: contain;}
.contact_ico2 {width: 90px; height: 90px; margin-left: 220px; background: url(../images/i02.png); background-size: cover;}
.footer_ico1 {width: 30px; height: 30px; margin: 0 10px; background: url(../images/i03.png); background-size: cover;}
.footer_ico2 {width: 30px; height: 30px; margin: 0 10px; background: url(../images/i04.png); background-size: cover;}
.footer_ico3 {width: 52px; height: 30px; margin: 0 10px; background: url(../images/i05.png); background-size: cover;}
.ftrttl {width: 280px; min-height: 30px; margin-left: 10px; text-align: left; color: #000; font-size: 30px;}
.ftrmenu  {width: 320px;}
.ftrmitem {min-width: 50px; min-height: 15px; margin: 0 20px; text-align: center; color: #555; font-size: 14px;}
.ftrmitem:hover, .ftrmitem:active {color: #000;}
.ftright {width: 250px; margin-top: 5px;}

.cmwin {position: absolute; top: 0px; left: 0px; width: 1020px; height: 800px; display: none; text-align: center; background: rgba(255,255,255,0.7);}
.cmcont {display: inline-block; width: 600px; height: 150px; margin-top: 300px; padding-top: 100px; text-align: center; font: bold 24px Arial; color: #f60; border: solid 1px #777; border-radius: 12px; background: white;}

.news_block {min-height: 100px; border-bottom: solid 1px #aaa;}
.news_bb {border-bottom: double 4px #aaa;}
.news_blockin {width: 100%; min-height: 60px; margin: 5px 0 20px 0;}
.news_subrow {height: 30px; margin-top: 10px; text-align: left; line-height: 1em;}
.news_sub, .comm_sub {display: inline-block; vertical-align: middle; min-width: 20px; color: #a7a7a7;}
.news_sub {font: 14px Arial;}
.comm_sub {font: 12px Arial;}
.news_ctr {display: inline-block; vertical-align: middle; min-width: 20px; color: #333;}
.news_hurd {display: inline-block; vertical-align: middle; width: 20px;}
.comm_block {min-height: 50px; margin-top: 10px; background: white; border: solid 1px #777; border-radius: 4px;}
.comm_name {display: inline-block; vertical-align: top; width: 150px; min-height: 45px; margin-top: 5px; text-align: left; font: 24px Arial; color: black;}
.comm_cont {display: inline-block; vertical-align: top; width: 820px; margin-left: 20px; margin-top: 10px; min-height: 40px; text-align: left; font: 18px Arial; color: black;}
.acomms_block {min-height: 20px; margin-top: 10px; border: solid 1px #777; border-radius: 6px;}
.acomms_block2 {min-height: 20px; margin-top: 11px;}
.acomms_row {width: 1200px; display: none; background: white;}
.acomms_info {width: 150px; color: #555;}


.rullis, .rullic {display: inline-block; vertical-align: top; width: 20px; color: #555; font-size: 15px; line-height: 1.3em;}
.rullis {margin-left: 20px; width: 20px;}
.rullic {width: 850px;}

.rullim, .rullik {display: inline-block; vertical-align: top; color: #333; font: 15px Arial; line-height: 1.3em;}
.rullik {width: 20px;}
.rullim {width: 350px;}

.ciradw {position: relative; width: 22px; height: 22px; border: solid 1px #777; border-radius: 6px; cursor: pointer;}
.ciradc {position: absolute; top: 4px; left: 4px; width: 14px; height: 14px; background: #aaa; border-radius: 50%;}
.cirads {position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; background: #aaa; border-radius: 4px;}
.ciradw:hover .cirads {background: #777;}
.ciselb {width: 150px; height: 28px; padding: 0 10px; border: solid 1px #777;}

.confall {position: absolute; top: 0; right: 0; width: 100px; height: 40px;}
.confall_but {position: absolute; top: 0; right: 13px; width: 22px; height: 22px; border: solid 1px #777; border-radius: 6px; cursor: pointer;}
.confall_note {position: absolute; top: 26px; right: -20px; width: 100px; height: 16px; font-size: 10px; color: #777;}

.ghard {fill: #aaa; fill-rule: evenodd;}
.rhard {fill: red; fill-rule: evenodd;}

.med_thumb {width: 125px; height: 125px; margin: 5px; overflow: hidden; border: solid 1px #ddd;}

.main_block1 {height: 664px; background: url(../images/imga.jpg); background-position: center; background-size: cover;}
.main_block2 {height: 664px; background: url(../images/img8.jpg); background-position: center; background-size: cover;}
.main_block3 {height: 664px; background: url(../images/img1.jpg); background-position: center; background-size: cover;}
.main_block4 {height: 664px; background: url(../images/img7.jpg); background-position: center; background-size: cover;}

 .hst_free, .hst_book, .hst_conf, .hst_note {width: 43px; padding: 5px 0; text-align: center; font: 14px Arial;}
 .hst_note {height: 13px;}
 .hst_free {color: #333;}
 .hst_book {color: blue; font-weight: bold;}
 .hst_conf {color: red; font-weight: bold;}
 .hst_pri {background: #feb;}
 .cal_wrow, .cal_wrown {min-height: 33px; border-bottom: solid 1px #aaa; }
 .cal_wrown {background: #f3eaf3;}
 .cal_wrow {background: #fff;}
 .cal_wdel {height: 5px; border-bottom: solid 2px #aaa;}
 .cal_wday {width: 200px; color: #000;}
 /*.cal_wrow:hover .cal_wday {color: #f60;}*/
 .cal_wdayn {color: #000;}
 .cal_wt {width: 700px;}

.hst_cn1, .hst_cr1 {color: #333; background: transparent;}
.hst_cn2, .hst_cr2 {color: #333; background: rgba(255,220,150,0.8);}
.hst_cn3, .hst_cr3 {color: #fff; background: red;}
.hst_cn4, .hst_cr4 {color: #fff; background: #07f;}
.hst_cn5, .hst_cr5 {color: #fff; background: #00ae00;}
.hst_cn6, .hst_cr6 {color: #777; background: #f3eaf3;}
.hst_cr1, .hst_cr2, .hst_cr4, .hst_cr5 {cursor: pointer;}
.hst_cr1:hover, .hst_cr1:active {color: #333; background: #cfc;}
.hst_cr2:hover, .hst_cr1:active {color: #333; background: #cfc;}
.hst_cr4:hover, .hst_cr1:active {color: #000; background: #ccc;}
.hst_cr5:hover, .hst_cr1:active {color: #fff; background: green;}

.hss_block {width: 500px; color: #333; background: white;}
.cal_wtimes {width: 914px; border: solid 2px #aaa; margin-bottom: 20px;}
.cal_cnote {width: 80px; height: 20px; margin-top: 2px; background: rgba(255,220,150,0.5);}
.cal_cnt {font: 14px Arial; color: #333;}
.cal_trow {min-height: 30px; border-bottom: solid 1px #d7d7d7;}
.cal_trown {min-height: 30px; margin-top: 2px; border-top: solid 1px #d7d7d7;}
.cal_trbl {width: 456px; border-right: solid 1px #aaa;}
.cal_trbr {width: 456px;}

.hsa_time {width: 120px; min-height: 10px; padding: 7px 0; font: 15px Arial; text-align: center;}
.hsa_stat {min-width: 300px; margin-left: 30px;}
.cal_rstatus {width: 120px; text-align: left; font: 15px Arial;}
.hsa_stata {width: 730px; margin-left: 30px;}
.cal_rstata {width: 180px; font: 15px Arial;}
.cal_rstatb {width: 150px; font: 15px Arial;}
.hsa_reg {background: transparent;}
.hsa_pri {background: rgba(255,220,150,0.5);}
.hsa_free {color: #00ae00;}
.hsa_conf {color: red;}
.hsa_book {color: blue;}
.hsc_free {background: #fff;}
.hsc_conf {background: #fed;}
.hsc_book {background: #dfd;}
.hsc_clos {background: #f3eaf3;}

.cal_button, .cal_button1, .cal_button2 {text-align: center; padding-top: 3px; font: 15px Arial; border: solid 1px #aaa; border-radius: 3px; cursor: pointer;}
.cal_button {height: 20px; min-width: 150px; padding-top: 3px;}
.cal_button1 {height: 20px; min-width: 120px; padding-top: 3px;}
.cal_button2 {height: 25px; min-width: 250px; padding-top: 7px;}
.cal_button3 {height: 23px; min-width: 200px; padding-top: 6px; text-align: center; font: 16px Arial; border: solid 1px #aaa; border-radius: 3px; cursor: pointer;}

.cal_book {color: #00ae00; background: #fff; box-shadow: 2px 2px 4px rgba(0,0,0,0.3);}
.cal_book:hover {color: green; background: #eee;}
.cal_book:active {color: green; background: #eee; box-shadow: 1px 1px 2px rgba(0,0,0,0.1);}
.cal_cancel {color: #000; background: #fff; box-shadow: 2px 2px 4px rgba(0,0,0,0.3);}
.cal_cancel:hover {color: red; background: #eee;}
.cal_cancel:active {color: red; background: #eee; box-shadow: 1px 1px 2px rgba(0,0,0,0.1);}
.cal_confirm {color: blue; background: #fff; box-shadow: 2px 2px 4px rgba(0,0,0,0.3);}
.cal_confirm:hover {color: #333; background: #eee;}
.cal_confirm:active {color: #333; background: #eee; box-shadow: 1px 1px 2px rgba(0,0,0,0.1);}
.cal_close {position: absolute; top: 8px; right: 20px; width: 100px; height: 16px; text-align: right; z-index: 500; color: #f60; font: 14px Arial;}
.cal_close:hover, .cal_close:active {color: red;}

.callbackform {display: none; width: 100%; min-height: 100px;}
.callbacklink {color: blue; cursor: pointer;}
.callbacklink:hover, .callbacklink:active {color: #f70;}

.con_map {width: 482px; height: 642px;}
.con_inf {width: 520px; margin: 0 20px; min-height: 300px;}

.citextd {width: 242px;}

.ctl_1 {width: 300px;}
.ctl_2 {width: 80px;}
.ctl_3 {width: 50px;}
.ctl_4 {width: 120px;}
.ctl_5 {width: 250px;}
.ctl_6 {width: 150px;}
.ctl_7 {width: 200px;}
.tlrow {padding: 5px 0; border-bottom: solid 1px #000;}
.tsrow {padding: 5px 0; border-bottom: solid 1px #aaa;}
.tbtn1 {color: blue; cursor: pointer;}
.tbtn2 {color: red; cursor: pointer;}
.tbtn3 {color: #aaa; cursor: pointer;}
.tbtn4 {color: #00ae00; cursor: pointer;}
.csel {color: #000; cursor: pointer;}
.tbtn1:hover, .tbtn1:active, .tbtn2:hover, .tbtn2:active, .tbtn3:hover, .tbtn3:active, .csel:hover, .csel:active {color: #f60;}

.cn_bg0 {background: #eee;}
.cn_bg1 {background: #ffe7b0;} /* rgba(255,220,150,0.5) */
.cn_bg2 {background: #f00;}
.cn_bg3 {background: #00ae00;}
.cn_bg4 {background: #07f;}
.cn_bg5 {background: #fa0;}

.cn_tc, .cn_dc {height: 670px; border: solid 1px #ccc;}
.cn_tc {width: 90px;}
.cn_dc {width: 102px; border-left: none;}
.cn_dh, .cn_th {height: 55px; border-bottom: solid 2px #ccc; background: #fafafa;}
.cn_td, .cn_tda {width: 100%; height: 35px; padding-top: 5px; text-align: center; font-size: 13px; color: #888;}
.cn_td {border-bottom: solid 1px #ccc;}
.cn_dd, .cn_dda, .cn_ddb, .cn_ddc, .cn_ddd {width: 100%; height: 20px; text-align: center; cursor: pointer;}
.cn_dda {border-bottom: solid 1px #ccc;}
.cn_ddb {border-bottom: solid 1px #f77;}
.cn_ddc {border-bottom: solid 1px #88b888;}
.cn_ddd {border-bottom: solid 1px #49f;}
.cn_ddb2 {border-bottom: solid 1px red;}
.cn_ddc2 {border-bottom: solid 1px #00ae00;}
.cn_ddd2 {border-bottom: solid 1px #07f;}

.cn_drn, .cn_dra, .cn_drs {width: 25px; margin-top: 5px; height: 25px; border-radius: 50%;}
.cn_dra {background: red;}
.cn_drn {background: transparent;}
.cn_drs {background: #aaa;}
.cn_dia {color: white;}
.cn_din {color: #555;}
.cn_dis {color: white;}
.cn_dht {color: #555; font: 13px Arial;}

.seltwin {position: absolute; left: 0px; width: 920px; height: 400px; text-align: center; z-index: 1000; background: rgba(0,0,0,0.1);}
.stwpt {top: -150px;}
.stwd {margin-top: 100px; width: 600px; height: 200px; border: solid 2px #777; background: #fff; box-shadow: 2px 2px 4px rgba(0,0,0,0.3);}
.stwc {position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background: url(../css/images/icon10.png); cursor: pointer;}
.stwa {margin-top: 50px; width: 600px; height: 300px; border: solid 2px #777; background: #fff; box-shadow: 2px 2px 4px rgba(0,0,0,0.3);}
.rulink {color: blue;}
.rulink:hover, .rulink:active {color: #f70;}

@media only screen and (min-width: 1048px) {
.main_page {width: 1160px;}
.info_page {width: 1060px;}
.info_title {width: 1060px;}
.headrow {width: 1160px;}
.hdrblock {width: 1060px;}
.hdrttl {width: 645px;}
.ftrttl {width: 295px;}
.ftrmenu  {width: 420px;}
.hdrhline {width: 1060px;}
.topmel {margin: 0 60px;}
.med_thumb {width: 133px; height: 133px; margin: 8px;}
.cal_wtimes {width: 1056px; border: solid 2px #ccc;}
.cal_wday {width: 230px;}
.cal_rstatus {width: 140px;}
.rullic {width: 960px;}
.cal_wt {width: 810px;}
.hst_free, .hst_book, .hst_conf, .hst_note {width: 53px;}
.hsa_stat {width: 350px;}
.cal_trbl, .cal_trbr {width: 527px;}
.ctl_7 {width: 270px;}
.cn_dc {width: 120px;}
.seltwin {width: 1060px;}
}