@charset "utf-8";

/*@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/
/****************************************
		0. 全体の設定
*****************************************/

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix{zoom:100%;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.clear{display: block;clear:both;font-size: 0;margin:0px;	padding:0px;border:0px;height:0px;line-height:0px;visibility: hidden;content: " ";}
html,body {text-align:left;	color:#333333;}
h1,h2,h3,h4,h5{font-weight: normal;	margin:0;padding:0;}

body{margin-left: 1px;/* font-size: 1.4em; */}
a {text-decoration:none; color:#333;}
a:hover{text-decoration: none;}
a img {
	border-style:none;
}
ul{
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}
/*input, */button, textarea, select,
input[type="text"],
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#footer { margin-top:0;}

/*全体設定
*****************************/
*{
	list-style: none;
	margin: 0;
	padding: 0;
}

#wrap div{box-sizing: border-box;}
#wrap div:after {
	content: "";
	clear: both;
	display: block;
}
div{ display:block;}
/*html{
	margin: 0;
	margin-left: 0!important;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
body{
	margin: 0;
	margin-left: 0!important;
	padding: 0;
	width: 100%;
	font-size: 16px;
}*/
#wrap{background-color: #1455a8;}

#breadcrumb{color: #1357ac;}



/****************************************
		# 共通ヘッダーフッター修正設定
*****************************************/
#footer .footer01 .body:first-child {width:960px;margin:0 auto 10px;padding: 18px 35px;}
#footer .footer02{padding: 0 0 35px;background:#ffffff repeat;}
#footer .footer02 .body,
#footer .footer02 .body02{
	width:960px;
	margin:0 auto 0;
	padding: 27px 0 18px;
	text-align:left;
	background:#ffffff repeat;
}
#footer h2, #footer .footer01 .body .tourNav h2 {
	font-size: 14px;
	text-align: left;
}

/****************************************
		0. 全体の設定
*****************************************/

.section{
	width: 100%;
	padding: 0;
	/*text-align:center;*/
}

.section-wrap{
	padding: 0;
}

.section-box{
	width: 1120px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.section-text{
	margin:10px auto;
	text-align:center;
	width:100%
}

@media screen and (max-width: 1024px) {
.section-box{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
}

.section-box-half{
	width: 50%;
	padding: 5px;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 80px;
}

.section-line{
	background-color: #d90110;
	color: #FFF;
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
	padding: 15px 0;
}

.section-pagetop{
/*	width: 100%;*/
	padding: 5px 10px;
	margin: 0 auto;
	text-align: right;
	font-size: 0.8em;
	text-decoration: underline;
}
.section-pagetop img{
	width: 25px;
	vertical-align: middle;
}

/****************************************
		# ヘッダー設定
*****************************************/

#headerLocal{
	padding: 0;
}
.header-wrap{
	width: 1100px;
	margin: 0 auto;
	display: table;
	line-height: 1;
}
.header-wrap li{
	display: table-cell;
	/* vertical-align: middle; */
}
.header-logo{
	width: 70px;
	vertical-align: middle;
}
.header-logo img{
	width: 100%;
	vertical-align: middle;
}
.header-txt{
	width: 75px;
	vertical-align: middle;
	font-weight: bold;
	color: #023B95;
	font-size: 1.4em;
	padding-left: 5px;
}



/****************************************
		タイトル設定
*****************************************/

#titleArea {
	background: url(../img/cebu_pc.jpg) no-repeat center top #1455A8;
	
/*border-top:#1357ac solid 5px;
	border-bottom:#1357ac solid 5px;*/
}

#titleArea .inner {
	width:1200px;
	height:497px;
	max-width:2000px;
	margin:0 auto;
	position:relative;
}

@media screen and (max-width: 1024px) {
#titleArea .inner {
	width: 100%;
}	
}


/****************************************
		# ナビゲーション設定
*****************************************/
.menu_img {
	height:55px;
	padding: 0;
    margin: 0;
	background:url(../img/menutop.png) no-repeat bottom center;
	position: relative;
    bottom: -2px;}
	
.navi-tittle {
	background:#1357ac;
	color:#FFF;
	text-align:center;
	/*font-weight:bold;*/
	font-size:150%;
	padding:8px 0 5px 0;
}

#navigationWrap{
	background:#1357ac;
}
.navi-box{
	display: table;
	width: 1080px;
	margin: 0 auto;
}


.navi-box li{
	text-align: center;
	//display: table-cell;
	font-weight: bold;
	//padding:7px 3px;
	margin:0 1% 1% 1%;
	width:23%;
	float:left;
}
.navi-box li a{
	padding:10px;
	background:#FFF;
	color: #222;
	text-decoration: none;
	display: block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.navi-box li a:hover{
	background:#E7BEBF;
	transition:all 0.3s ease;
}

@media screen and (max-width: 1024px) {
.navi-box{
	display: table;
	width: 100%;
	margin: 0;
}
}

/****************************************
		# メイン設定
*****************************************/
#mainWrap{background: linear-gradient(#63a0c9, #065282);}
#mainWrap h2{
    width: 100%;
    text-align: center;
	background:#333333;
	padding:10px 0;
    color: #FFF;
    font-weight: bold;
}


/****************************************
		# ビジュアル設定
*****************************************/
.area_box01 {background: linear-gradient(#1455a8, #c6ebf1);}
.area_box { width:100%; margin:0 auto; background: linear-gradient(#96d2ea, #c0dcff);}
.area_box2 {width:100%; height:960px; padding:0 0 10px; background: linear-gradient(#94cff0, #c0dcff);}
.area_ttl{padding:0 0 30px; clear:both;	text-align:center;}


.w_txt1 , .w_txt2 {color:#FFF;}
.top_txt{ width:960px;
	margin:0 auto;
    top: -20px;
    position: relative;}
.top_txt span {display:block;}
.op { width:820px; margin:0 auto;}
.op_p {width:400px; height:auto; float:left;}
.op_ttl{ font-size: 18px; border-bottom:1px solid #333; width:440px; font-weight:bold;}
.op_r{
	position: relative;
    left: -20px;
    float: left;
    display: block;
    width: 420px;
}
.op_l{float:left;
	display:block;
	width:420px;}
	
.bbl{
	margin: 0 8px -14px 0;
	width:40px;
}
.bbl_r{
	padding: 0 0 2px 35px;
    width: 16%;
}
.bbl_l{ padding:5px 5px 0px 0px; width:40px;}

.op_txt_r{font-size: 14px;
    padding: 5px 0px 10px 60px;}	
.op_txt_l{font-size: 14px;
    padding: 5px 15px 10px 10px;}	
.op_bn {
    text-align: center;
    font-size: 13px;
    margin: 10px 0 5px 0;
}	
.op_bn a{ background: url(../img/arrow01.png) no-repeat #FF3366 right 10px top 9px;
    border-radius: 5px;
    color: #FFF;
    padding: 7px 30px 7px 15px;
}
.op_bn a:hover{background:url(../img/arrow01.png) no-repeat #222 right 10px top 9px; transition:all 0.4s ease;}

.mt{ position:relative; top:-190px; height:30px;}
.right_p{ margin: 20px 0 0 20px;}

.op2 { width:820px; margin:0 auto;}
.op2_box {
	width:50%;
	height: 210px;
	float:left;
	margin: 15px 0 0;
}
.op2_p , op2_r { float:left; margin-right: 10px;}
.op2_ttl{
	border-bottom: 1px #333 solid;
    font-size: 17px;
    font-weight: bold;
    padding: 1% 0 1% 53%;
}
.op2_ttl:before{
    position: absolute;
    content: '';
    background: url(../img/bbl.png) no-repeat 0 0;
    width: 40px;
    height: 29px;
    background-size: 77%;
    margin-left: -27px;
}
.op2_txt{
    font-size: 13px;
    padding: 7px 10px 0 0;
}
.op2_r{margin: 0 5px 20px 0px;}
.op2_bn {
    text-align: center;
    font-size: 12px;
    position: relative;
    margin: 10px 30px;
    float: right;
}	
.op2_bn a{
	background: url(../img/arrow01.png) no-repeat #FF3366 right 7px center;
    border-radius: 5px;
    color: #FFF;
    padding: 6px 25px 6px 18px;
    background-size: 5%;
}
.op2_bn a:hover{
	background:url(../img/arrow01.png) no-repeat #222 right 7px center;
	transition:all 0.4s ease;
	background-size: 5%;}

#hotel_box li{ }
#hotel_box{ width:820px;height:245px; margin:0 auto;}
#hotelBox{
    background: #FFF;
    position: relative;
    border: 1px solid #333;
    height: 247px;}
.areaContentBox {
    display: flex;
    margin: 0 auto 10px;
    padding: 0;}
#hotelBox > li:nth-child(1){ width:480px;}


#ho_title{
    font-family: 'Galada', cursive;
    font-size: 1.65em;
    font-weight: normal;
    position: absolute;
    left: 40px;
    top: 26px;
    background: linear-gradient(transparent 70%, #FFFF00 70%);
    line-height: 0.8;}
.sub{
	font-size: 0.7em;
    position: absolute;
    top: 50px;
    left: 40px;}

#label {
	width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 40px 0 0;
    border-color: #333 transparent transparent transparent;
    position: absolute;
}

.ho_txt{
    font-size: 13px;
    position: relative;
    padding: 2% 3%;
    width: 58%;
    margin-top: 50px;
}
.ho_bn {
	font-size: 12px;
    background: url(../img/arrow01.png) no-repeat #333 right 7px center;
    border-radius: 5px;
    color: #FFF;
    padding: 7px 30px 7px 15px;
    position: absolute;
    margin: 5px 135px;
}	
.ho_bn:hover{
    background: url(../img/arrow01.png) no-repeat #FF3366 right 7px center;
    transition: all 0.5s ease;
    text-decoration: none;
    color: #ffff;
}

.ho_p { position:absolute; top:0; right:0;}


.bottombg{ width:100%; background:url(../img/bottombg.png) repeat-x; height:240px;}

#other_hotels {
	width: 520px;
    text-align: center;
    background: #FF3366;
    padding: 10px;
    border-radius: 5px;
    color: #FFF;
    margin: 30px auto 0;}
#other_hotels:hover{
	background: #333;
	transition:all 0.5s ease;}


#other_tour {
    width: 520px;
    text-align: center;
    background: #f36;
    padding: 10px;
    border-radius: 5px;
    color: #FFF;
    margin: 30px auto 0;}
#other_tour:hover{
	background: #333;
	color: #FFF;
	transition:all 0.5s ease;}
	
	
.map {
    width: 200px;
    height: 150px;
    background: url(../img/diver.png) no-repeat;
    position: relative;
    top: 11%;
    right: -36%;
    margin: 0 auto;
	
	-webkit-animation-name:air;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:air;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:ease;
}

@media screen and (max-width: 1024px) {
.map {
    width: 200px;
    height: 150px;
    background: url(../img/diver.png) no-repeat;
    position: relative;
    top: 10%;
    right: -40%;
    margin: 0 auto;	

}	
}

@-webkit-keyframes air {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -18px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes air {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -18px);}
	100% {-moz-transform:translate(0, 0);}
}


/****************************************
		　　　さかな背景
*****************************************/
#roop {
    width: 100%;
    height: 100%;
    background: url(../img/fishbg.png) repeat;
    background-position: 0 0;
    -webkit-animation: bgroop 60s linear infinite;
    animation: bgroop 60s linear infinite;
}
@-webkit-keyframes bgroop {
    from {
        background-position: 0  0;
    }
    to {
        background-position: -1956px 0;
    }
}
@keyframes bgroop {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -1956px 0;
    }
}


/****************************************
		# 商品設定
*****************************************/
/*
.section-box-wrap {
	margin:40px 0;}*/
.item-wrap {
    width: 100%;
    padding:0 10px 3px;
	margin:0 0 20px;
/*    background-color: #CEECF4;*/
}

.item-box{
	float: left;
	width: 50%;
	/* background-color: #EEE; */
	border: 5px solid transparent;
	transition:all 0.2s ease;
	position: relative;
	margin-top:10px;
}
/*.item-box:nth-child(even){
	border-right: none;
}*/
.item-box a{
	text-decoration: none;
	color: #222;
}
.item-box:hover{
	border: 5px solid #ff3366;
	transition:all 0.4s ease;
}
.item-box-head{
	width:100%;
	/*background-color:#E41205;*/
	padding:2px 10px;
	font-size:14px;
	color:#FFF;
	text-align: center;
}
.domestic--box .item-box-head{
	width:100%;
	background-color:#6cb100;
	padding:2px 10px;
	font-size:14px;
	color:#FFF;
	text-align: center;
}
.item-box-pic{
	width: 45%;
	height:160px;
	overflow:hidden;
	position:relative;
	float:left;
	padding-right:7px;
}
.item-box-pic img{
	width: 100%;
	display: block;
}

.item-box-pic .tag{
	font-size: 92%;
	position:absolute;
	left:0px;
	top:5px;
	background:#F36;
	color:#FFF;
	padding:2px 8px;
	box-shadow:0 3px 1px 0 rgba(0, 0, 0, 0.2);
	}

.item-box-info{
	background-color: #FFF;
	padding: 10px;
/*	background-image: url(../img/icon/icon_corner.png);*/
	background-position: right 1px bottom 1px;
	background-size: 8px;
	background-repeat: no-repeat;
}

.item-box-ttl{
	font-size: 16px;
	color:#004098;
	font-weight: bold;
	padding: 5px 1px 2px;
}
.item-box-txt{
    font-size: 13px;
    line-height: 1.5;
    padding: 7px;
    background-color: #F4F4F4;
    margin-left: 45%;
}
.item-box-icon{
	font-size: 0.7em;
	background-color: #E3005A;
	color: #FFF;
	padding: 2px 5px;
	display: inline-block;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	display: none;
}
.item-box-price{
	font-size: 18px;
    font-weight: bold;
    color: red;
    padding: 5px;
    display: block;
    text-align: right;
}

.item-box-badge{
    /* width: 80px; */
    /* height: 80px; */
    /* background-color: red; */
    border-radius: 40px;
    text-align: center;
    color: #FFF;
    line-height: 1.1;
    display: table;
    position: absolute;
    top: -8px;
    left: -8px;
}
.item-box-badge img{
    width:80px;
}
.item-box-badge span{
    font-size: 1em;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-weight: bold;
/*     transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg); */
}

.item-wrap-btn{
	width: 90%;
	margin: 20px auto 0;
}
.item-wrap-btn a{
	color: #FFF;
	font-size: 1.6em;
	display: block;
	padding: 20px 0;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-image: url(./img/icon/icon_next03.png);
	background-size: 22px;
	background-position: top 28px right 25px;
	background-repeat: no-repeat;
}
.item-wrap-btn a:hover{
	opacity: 0.7;
	transition:all 0.4s ease;
}


/**/
.other-item .other-item-wrap{
    width: 97%;
    /* overflow-x: auto; */
    -webkit-overflow-scrolling: touch;
    /* padding-bottom: 1em; */
    margin: 10px auto 30px;
}

.other-item .other-item-box{
	/*min-width: 1000px;*/
    padding: 15px 15px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
/*	background-color: #FAFAFA;*/
	border: 2px solid #1357ac;
}

.other-item .other-item-box p{
	color: #1357ac;
	font-size: 16px;
	float: left;
	padding-right: 10px;
	display: block;
	font-weight: bold;
	margin-top: 3px;
}

.other-item .other-item-box li{
	float: left;
	font-size: 0.9em;
	font-weight: bold;
	background-color: #1357ac;
	color: #FFF;
	margin: 0 0.3em 0.5em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.other-item .other-item-box li a{
	color: #FFF;
	display: block;
	padding: 0.3em 1em;
	padding-right: 2em;
	transition:all 0.4s ease;
	text-decoration: none;
	background-image: url(../img/icon/icon_next.png);
	background-size: 13px;
	background-position: right 10px top 8px;
	background-repeat: no-repeat;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.other-item .other-item-box li a:hover{
	background: #ff3366;
	transition:all 0.5s ease;
}


/* -------------------- おすすめ航空券 -------------------- */

.air_bg {background:#CEECF4;}
.air_box{width:960px; margin:0 auto; }
.air_box ul li{
	float: left;
    list-style-type: none;
    list-style-position: inside;
    width: 210px;
    display: block;
    margin: 10px 10px 25px 0;
    background: #FFFFFF;
    padding: 10px;
    position: relative;
  /*  background-image: url(../img/icon/icon_corner.png);*/
    background-position: right 1px bottom 1px;
    background-size: 8px;
    background-repeat: no-repeat;
	}
	
.flag3{ position:absolute; left:0; top:0; display:block; width:90px; margin:10px 0; padding:5px;background: #1357ac; color:#FFF;font-size:12px; text-align:center;box-shadow: 2px 2px 4px #111;
    -webkit-box-shadow: 2px 2px 4px #111;
    -moz-box-shadow: 2px 2px 4px #111;}
.color_ttl{color: #0F3;}
.air_box ul li .tpick{height:auto;  padding-top:160px; background-size:222px 160px; background-repeat:no-repeat; position:relative;}
.air_box ul li a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	text-decoration:none;
	}
.air_box ul li .tpick .tex_box{width:212px; background:none; position:static; padding:5px; text-align:center; color:#333; text-shadow: none;}
.air_box ul li .tpick .txt{font-size:12px; font-weight:bold; line-height:1.3; margin-bottom:5px; height:25px;}
.air_box ul li .tpick .des{font-size:18px;font-weight:bold; line-height:1.2; margin-bottom:2px; margin-top:5px;}
.air_box ul li .tpick .price{font-size:20px; font-weight:bold; color:#F00;text-align:center;}
.air_box ul li .link_box{ text-align:center; padding-top:7px; font-size:12px;}
.air_box ul li .link_box span{display:block;}



/****************************************
		# リンクボタン設定
*****************************************/
.vtm_link{
	text-align:center;
}
.vtm_link img{
	padding:15px 30px;
}
.vtm_link a:hover{
	filter:alpha(opacity=70);
	opacity:0.8;
}




/* パンくず
-------------------------------------------------*/

/*フッター*/
#footer_mobile{display:none;}


/****************************************
		# フライトスケジュール 
*****************************************/
.box{ width:960px; margin:0 auto 30px;}

.tableSchedule {
   width: 96%;margin:0 auto;
  font-size: 15px;

}

.tableSchedule span{box-sizing:border-box; display:block; width:25%; text-align:center;  float:left; padding:8px; background: #eee;border-left: 1px solid #fff;border-bottom: 1px solid #fff;}
.tableSchedule span.ttl{background:#666; color:#FFFFFF;font-size:13px; }
.tableSchedule span.flight{ background:#0F738E; color:#FFFFFF; text-align:center;border-right: 1px solid #fff; }
.tableSchedule span.flight2{   background:#0F738E;color: #FF0; text-align:center; border-right: 1px solid #fff; }

/****************************************
		# 動画
*****************************************/

.topread {width:920px; margin:0 auto;font-size:14px; line-height:24px; padding:40px 0 0;}
.topread iframe { float:left;width:425px; height:240px;}
.topread .read { width:470px; float:right; padding:5px 0 0 0;}
.topread .read h2 { font-size:20px; font-weight:bold; margin:0 0 5px 0; line-height:24px; color: #FFF; border-bottom: solid #FFF 1px;}
.topread .read h2 span { font-size:12px; font-weight:normal; display:block; margin: -3px 0 0 40px;}
.topread .read h2 b{ font-size:14px;}
.topread .read p {}
.staff { margin: 10px 0 0 30px;}


.canvas-container {
    
 /*   background: url(images/sea.jpg) no-repeat center center;*/
    background-size: cover;
}
canvas {
    width: 100%;
    height:150px;
    vertical-align: top;
	overflow:hidden;
	
}

/****************************************
		　　　ウェーブ
*****************************************/
.wavebox {
  width: 100%;
  height: 300px;
  border-radius: 5px;
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);
  background: #fbfcee;
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.wave {
  opacity: .4;
  position: absolute;
  top: 3%;
  left: 50%;
  background: #0af;
  width: 500px;
  height: 500px;
  margin-left: -250px;
  margin-top: -250px;
  -webkit-transform-origin: 50% 48%;
          transform-origin: 50% 48%;
  border-radius: 43%;
  -webkit-animation: drift 3000ms infinite linear;
          animation: drift 3000ms infinite linear;
}

.wave.-three {
  -webkit-animation: drift 5000ms infinite linear;
          animation: drift 5000ms infinite linear;
}

.wave.-two {
  -webkit-animation: drift 7000ms infinite linear;
          animation: drift 7000ms infinite linear;
  opacity: .1;
  background: yellow;
}

.box:after {
  content: '';
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #ee88aa, rgba(221, 238, 255, 0) 80%, rgba(255, 255, 255, 0.5));
  z-index: 11;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

@-webkit-keyframes drift {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  from {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes drift {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  from {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

#sineCanvas{background:#c8eaf0;}
#sineCanvas1{background:#BEDBFE;}
#sineCanvas2{background:#BEDBFE;}