@charset "UTF-8";

/* port_vacation */
/*
.port_vacation{float:right; width:200px; position:relative;}
*/
.port_vacation div:after{display:block; content:''; clear:both;}
.port_vacation ul li{position:relative; font-size:14px; color:#666; font-weight:normal; line-height:18px; margin-top:5px;}
.port_vacation ul li > span.date{float:right; color:#666; font-size:14px; font-weight:300;}
.port_vacation ul li > span em{color:#108ccf; font-size:14px; font-weight:normal;}
.port_vacation li.skyblue p em{color:#3cb4f4 !important;}
.port_vacation li span.percent{position:absolute; font-size:15px; font-weight:500; color:#108ccf; display:inline-block; bottom:-3px; right:0; height:20px; width:20%; text-align:right;}
.port_vacation li.skyblue span.percent{color:#3cb4f4 !important;}
.port_vacation li p.graph{width:80%; height:10px; background-color:#f5f5f5; border-radius:5px; position:relative; margin-top:5px;}
.port_vacation li p.graph span{display:inline-block; position:absolute; top:0; left:0; height:10px; background-color:#108ccf; border-radius:5px;}
.port_vacation li.skyblue p.graph span{background-color:#3cb4f4;}
.drop {position: absolute; z-index: 2147483647; background-color:#fff ; top: 20px; display: none; right: 13px; border: 1px solid; padding: 5px;}