@charset "UTF-8";#layout>.body>.wp>main{padding:20px 0}#layout>.body>.wp>main>.main{padding:0 10px}ul.place-tabs{margin:60px 0 30px 0;list-style:none;display:inline-block;width:100%}ul.place-tabs>li{list-style:none;display:block;float:left;background-color:#D7D7D7;width:20%;height:60px;text-align:center;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.2em;cursor:pointer;position:relative;border:2px solid white}ul.place-tabs>li:before{content:'';display:inline-block;width:0;height:60px;vertical-align:middle}ul.place-tabs>li.checked{color:white;background-color:#999999}ul.place-tabs>li.checked:after{color:#999}ul.place-tabs>li.checked:after{position:absolute;display:block;content:'▼';color:#2aa738;font-size:20px;margin-left:-0.5em;left:50%;bottom:-15px;width:20px;height:20px}ul.place-tabs>li.checked:nth-child(1){background-color:#128243}ul.place-tabs>li.checked:nth-child(1):after{color:#128243}ul.place-tabs>li.checked:nth-child(2){background-color:#3ba44d}ul.place-tabs>li.checked:nth-child(2):after{color:#3ba44d}ul.place-tabs>li.checked:nth-child(3){background-color:#7ea939}ul.place-tabs>li.checked:nth-child(3):after{color:#7ea939}ul.place-tabs>li.checked:nth-child(4){background-color:#7dbb4b}ul.place-tabs>li.checked:nth-child(4):after{color:#7dbb4b}ul.place-tabs>li.checked:nth-child(5){background-color:#666}ul.place-tabs>li.checked:nth-child(5):after{color:#666}ul.place-tabs>li>div{display:inline-block;vertical-align:middle}ul.place-tabs>li>div>br{display:none}#filters{display:inline-block;width:100%;text-align:center;color:white;background-color:#72C27D;padding:1em 0}ul.filter{margin:10px 0;list-style:none;display:inline-block;width:100%;font-size:16px;line-height:17px;cursor:pointer}ul.filter>li{list-style:none;display:inline-block;border:1px solid white;padding:4px 12px;margin:3px 5px;border-radius:3px}ul.filter>li.checked{color:#52851F;border-color:#FEFBC2;background-color:#FEFBC2}ul.filter>li:hover{border-color:#FEFBC2}div.hints{font-size:14px;color:#aaa}#comp-desc,.sugg-desc{width:100%;font-size:20px;text-align:center;margin:10px 0 40px 0;line-height:1.2em;background-color:#E2F1DB;padding:1em;color:#508645;-webkit-box-sizing:border-box;box-sizing:border-box}#comp-desc>i,.sugg-desc>i{font-size:14px}#comp-desc>i>b,.sugg-desc>i>b{color:red}#comp-desc.hide,.sugg-desc.hide{display:none}#all-package{width:100%;display:block;margin:0 auto}#all-package.hide{display:none}#all-package .package{width:280px;height:360px;border-radius:5px;overflow:hidden;float:left;background-color:#EDEDED;line-height:1.4em;margin:10px 5px;z-index:1;position:relative}#all-package .package:hover{-webkit-box-shadow:0 0 3px rgba(0,0,255,0.5);box-shadow:0 0 3px rgba(0,0,255,0.5)}#all-package .package>a{text-decoration:none;color:black}#all-package .package>a>img{width:280px;height:200px;border:0}#all-package .package>a>h2{font-size:18px;margin:10px;margin-bottom:4px}#all-package .package>a>h3{font-size:16px;margin:10px;margin-top:4px;font-weight:normal}#all-package .package>a:hover{_color:darkblue}#all-package .package>.price{display:inline-block;list-style:none;font-size:12px;padding:10px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}#all-package .package>.price>li{display:block;list-style:none;float:left;width:50%}#all-package .package>.price>li>b{color:white;background-color:#98B8DF;padding:2px 4px;border-radius:4px;margin:0 5px}#all-package .package>.price>li:last-child>b{background-color:#F77C80}#all-package .package>b{position:absolute;background-color:#666;color:white;padding:4px 10px 2px 10px;border-radius:4px;font-size:15px;font-weight:normal;left:10px;top:10px}#all-package .package>b.p1{background-color:#128243}#all-package .package>b.p2{background-color:#3ba44d}#all-package .package>b.p3{background-color:#7ea939}#all-package .package>b.p4{background-color:#7dbb4b}#all-package .package label.checkbox{display:inline-block;cursor:pointer;float:right;font-size:18px;color:#aaa;text-align:right}#all-package .package label.checkbox:after{content:'';display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;background-color:white;-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.5);box-shadow:inset 1px 1px 1px rgba(0,0,0,0.5);margin:0 10px;vertical-align:text-bottom}#all-package .package input[type="checkbox"]{display:none}#all-package .package input[type="checkbox"]:checked+label:after{background:#a00;content:'\2714';color:white}#compare-form{width:100px;height:100px;z-index:9900;right:0;bottom:220px;position:fixed;display:block;-webkit-transform:translateZ(0);transform:translateZ(0);margin:10px}#compare-form.hide{display:none}#compare-form>form{width:100%;height:80px;position:relative}#compare-form>form .title1,#compare-form>form .title2{position:absolute;font-size:14px;color:white;width:100%;text-align:center;left:2px}#compare-form>form .title1{top:8px}#compare-form>form .title2{bottom:-13px}#compare-form>form .count{cursor:pointer;display:block;background-color:rgba(237,132,51,0.8);-webkit-box-shadow:1px 1px 6px rgba(0,0,0,0.5);box-shadow:1px 1px 6px rgba(0,0,0,0.5);border-radius:50%;font-size:50px;line-height:100px;width:100px;height:100px;text-align:center;font-family:'Arial Black', Gadget, sans-serif;color:white}#compare-form:hover{-webkit-filter:opacity(1);filter:opacity(1)}#options{margin-bottom:60px}#options h3{color:#95c271;font-size:18px;margin:30px 0 5px 0}#options h3>i{color:#aaa;font-size:14px;font-weight:normal}#options>fieldset{margin-bottom:1em}#options>fieldset>label{display:block;float:left;margin-bottom:0.1em;padding:0 0.5em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#666;border:1px solid transparent;cursor:pointer;width:25%}#options>fieldset>label>input[type=radio],#options>fieldset>label>input[type=checkbox]{vertical-align:baseline}#options>fieldset>label:hover{border:1px solid #eee;border-radius:6px}@media screen and (max-width: 1200px){#all-package{width:900px}}@media screen and (max-width: 1100px){#options>fieldset>label{width:33.33%}}@media screen and (max-width: 900px){#all-package{width:600px}}@media screen and (max-width: 800px){ul.place-tabs>li>div>span{display:none}#options>fieldset>label{width:50%}#compare-form{bottom:130px}}@media screen and (max-width: 600px){#all-package{width:300px}#options>fieldset>label{width:100%}}@media screen and (max-width: 720px){ul.place-tabs>li>div>br{display:inline}}@media screen and (max-width: 440px){ul.place-tabs{font-size:12px;margin-top:40px}}