@charset "UTF-8";
/*
	File Name : transInfo-1.0.0.css
	Last Update : 2017.03.29
	Revision : 1.0.0
*/

/*----------------------------------------
 parts
-----------------------------------------*/
/* === icons === */
/*-- replace img --*/
.icnNormalLarge,
.icnAlertLarge{display:inline-block;text-indent:100%;vertical-align:middle;white-space:nowrap;overflow:hidden;/zoom:1;}
/*-- background img --*/
.icnNormalLarge,
.icnAlertLarge{/display:inline;width:25px;height:25px;margin:-5px 5px 0 0;background-image:url(../img/transinfo/spriteIcnTransInfo_2x.png);background-image/*\**/:url(../img/transinfo/spriteIcnTransInfo.png)\9;/*<ie8*/background-repeat:no-repeat;-webkit-background-size:56px 25px;-moz-background-size:56px 25px;background-size:56px 25px;/text-indent:25px;}
.icnNormalLarge{background-position:0 0;}
.icnAlertLarge{background-position:-31px 0;}
/*-- for firefox --*/
@-moz-document url-prefix(){
.icnNormalLarge,
.icnAlertLarge{text-indent:115%;}
}
/*-- for >ie7 iconFloatLeft clearfix --*/
.navAreaMajorLineCommon dd{/zoom:1;}


/*----------------------------------------
 module
-----------------------------------------*/
/*
 mdStatusNormalLine
-----------------------------------------*/
#mdStatusNormalLine{margin-bottom:20px;}

/* === labelStatusNormal === */
.labelStatusNormal .title{margin-bottom:5px;color:#3ca863;font-size:123.1%;font-weight:bold;}
.labelStatusNormal .icnNormal{/margin-top:2px;}

/* === boxActiveInfo === */
.boxActiveInfo{margin:15px 0;padding:8px 10px;background: #fdf1c3;}

/* === elmTblStatusNormalLine === */
.elmTblStatusNormalLine table{display:table;width:100%;border:4px solid #3ca863;border-collapse:collapse;border-spacing:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.elmTblStatusNormalLine th{width:20%;padding:5px 10px;border-top:1px solid #3ca863;font-weight:bold;}
.elmTblStatusNormalLine td{padding:5px 10px;border-top:1px solid #3ca863;border-left:1px solid #3ca863;}
.elmTblStatusNormalLine tr:first-child th,
.elmTblStatusNormalLine tr:first-child td{border-top:none;}
.elmTblStatusNormalLine td ul{overflow:hidden;}
.elmTblStatusNormalLine td li{display:inline-block;margin:2px 0;border-left:1px solid #999;/display:inline;/zoom:1;line-height:1.1;}
.elmTblStatusNormalLine td li:first-child{border-left:none;}
.elmTblStatusNormalLine td li a{padding:0 8px;}
.elmTblStatusNormalLine td li:first-child a{padding-left:0;}


/*
 navAreaMajorLineCommon
-----------------------------------------*/
.navAreaMajorLineCommon{margin:10px 0 20px;}
.navAreaMajorLineCommon dl{margin:10px 0 0 -8px;}
.navAreaMajorLineCommon dt.title{font-weight:bold;}
.navAreaMajorLineCommon dt{padding-left:8px;overflow:hidden;}
.navAreaMajorLineCommon .line dt{margin-bottom:3px;}
.navAreaMajorLineCommon .transport dt{margin-bottom:1px;}
.navAreaMajorLineCommon dd{display:inline-block;/display:inline;/zoom:1;}
.navAreaMajorLineCommon .line dd{border-left:1px solid #999;line-height:1.1;}
.navAreaMajorLineCommon .transport dd{min-width:80px;line-height:1.4;}
.navAreaMajorLineCommon .line dd a,
.navAreaMajorLineCommon .transport dd{padding:0 8px;}
.navAreaMajorLineCommon .line dt + dd {border-left:none;}
.navAreaMajorLineCommon .line dt + dd a,
.navAreaMajorLineCommon .transport dt + dd{padding-left:8px;}
.navAreaMajorLineCommon dd .icnAnchor{/margin-top:4px;}


/*
 mdServiceStatus
-----------------------------------------*/
#mdServiceStatus dl{margin:20px 10px 0;font-size:100%;}
#mdServiceStatus dt{margin-bottom:15px;color:#333;font-size:153.9%;line-height:25px;text-align:center;}
#mdServiceStatus dd{margin-bottom:20px;}
#mdServiceStatus dd p{margin-top:5px;font-size:108%;}
/*normal*/
#mdServiceStatus dd.normal p{color:#288041;}
/*trouble*/
#mdServiceStatus dd.trouble p{color:#ff0000;}


/*
 mdFlightInfo
-----------------------------------------*/
#mdFlightInfo{margin-bottom:20px;}

/* === navFlightType === */
.navFlightType,
.navFlightType li ul{display:table;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;/overflow:hidden;/zoom:1;}
.navFlightType{border-bottom:4px solid #ff7f92;font-size:123.1%;}
.navFlightType.intl{border-color:#6197f4;}
.navFlightType > li{/width:305px;border-left:5px solid #fff;}
.navFlightType > li:first-child{border-left:none;}
.navFlightType li{display:table-cell;/display:block;/float:left;vertical-align:middle;}
.navFlightType li li{/width:150px;padding:6px 0 4px;background:#fcd8dc;border-left:4px solid #fff;color:#0059b2;text-align:center;cursor:pointer;}
.navFlightType li li:hover{/*background:#fab3be;*/text-decoration:underline;}
.navFlightType li li.current{background:#ff7f92;color:#fff;cursor:default;}
.navFlightType li li.current:hover{text-decoration:none;}
.navFlightType li li.current a{color:#fff;text-decoration:none;cursor:default;}
.navFlightType li li:first-child{border-left:none;}
.navFlightType li.intl li{background:#d6e2fa;}
.navFlightType li.intl li.current{background:#6197f4;}
/*.navFlightType li.intl li:hover{background:#adc8ef;}*/
/*.navFlightType > li.dom{border-right:5px solid #fff;/border-width:6px;}
.navFlightType > li.dom:last-child{border-right:none;}
.navFlightType > li.dom:first-child{/width:100%;}
.navFlightType > li.dom:first-child li{/width:305px;}*/
/*labelFlight*/
.labelFlight{color:#ff7f92;line-height:1.3;}
.labelFlight:after{display:block;content:" ";margin-left:3.5em;border-top:2px solid #ff7f92;position:relative;top:-0.75em;}
.navFlightType > li.intl > .labelFlight{color:#6197f4;}
.navFlightType > li.intl > .labelFlight:after{border-color:#6197f4;}

/* === elmFlightInfo === */
.elmFlightInfo{margin:10px 0;}
.elmFlightInfo .msgNoData{padding:30px 0;border-right:2px solid #ddd;border-bottom:2px solid #ddd;border-left:2px solid #ddd;}
.elmFlightInfo table{width:100%;border-right:2px solid #ddd;border-bottom:2px solid #ddd;border-left:2px solid #ddd;}
.elmFlightInfo th{padding:2px 0;background:#f5f5f5;border-left:1px solid #ddd;font-size:85%;text-align:center;}
.elmFlightInfo td{padding:5px;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.elmFlightInfo .fixedTime,
.elmFlightInfo .changeTime{width:40px;text-align:center;}
.elmFlightInfo .status{width:160px;position:relative;}
.elmFlightInfo .status .text{display:block;font-size:85%;line-height:1.4;}
.elmFlightInfo .status .updateTime{display:block;margin-top:5px;color:#666;font-size:85%;}
.elmFlightInfo .flightNum{width:75px;}
.elmFlightInfo .airport{width:120px;}
/*mark*/
.elmFlightInfo .mark{font-weight:bold;}
.elmFlightInfo .status .mark{color:#ff4c4c;}
.elmFlightInfo .changeTime .mark,
.elmFlightInfo .status .text .mark{color:#ff8000;}