@charset "utf-8";
/* CSS Document */


html{background: url(/act/mkt/flowers2015/images/bg_down.gif) repeat;} /* background:url(全網頁墊底圖) repeat; */
body{background:url(/act/mkt/flowers2015/images/bg_top.gif) repeat-x 0 2px;}	/*  background:url(全網頁墊底圖2  花的) repeat;*/
.content-jp{background:url(/act/mkt/flowers2015/images/main_bg_jp.jpg) no-repeat center top; margin-top:-45px;}	
.content-kr{background:url(/act/mkt/flowers2015/images/main_bg_kr.jpg) no-repeat center top; margin-top:-45px;}
.content-cn{background:url(/act/mkt/flowers2015/images/main_bg_cn.jpg) no-repeat center top; margin-top:-45px;}
.content-eu{background:url(/act/mkt/flowers2015/images/main_bg_eu.jpg) no-repeat center top; margin-top:-45px;}
.content-am{background:url(/act/mkt/flowers2015/images/main_bg_am.jpg) no-repeat center top; margin-top:-45px;}
.content-afp, .content-fit{background:url(/act/mkt/flowers2015/images/main_bg_afp.jpg) no-repeat center top; margin-top:-45px;}
.content-tw{background:url(/act/mkt/flowers2015/images/main_bg_tw.jpg) no-repeat center top; margin-top:-45px;}
.content-htl{background:url(/act/mkt/flowers2015/images/main_bg_htl.jpg) no-repeat center top; margin-top:-45px;}
/* background:url(主視覺延伸寬1200px中間挖空圖) no-repeat center top;*/

/* 主視覺區域 */
.main-img{}

/* 白底色1200寬 不要捲軸 */
.box-bg{background:url(/act/mkt/flowers2015/images/box_bg.gif) repeat-y center top;}


/* menu區域 */
.menu{ margin:-35px 0 0 -15px; z-index:55; position: absolute; }
.menu-first{position: relative; margin:0px 0 0 0; width:900px; }
.menu-first.stuck{position:fixed; z-index:997; top:-8px; }/*滑動訂位要變窄*/
.menu-first.stuck .menu-sec, .menu-first.stuck .menu-sec2, .menu-first.stuck .menu-sec3, .menu-first.stuck .menu-sec4{top:71px; padding:3px 35px; }/*滑動訂位要變窄*/
/*↑同個CLASS NAME 有兩個名字.menu-first.stuck， .menu-sec為.menu-first.stuck裡面的CLASSNAME .menu-first.stuck .menu-sec↑ */

/* 第一層選單 */
.menu-first li{ list-style: none; float:left;}
.menu-first a{ display:block; width:225px; height:78px; background:url(/act/mkt/flowers2015/images/menu.gif) no-repeat 0 0;}  
.menu-first a:hover{ background-position:0 -200px;} /* x  y */

.menu-first a.menu-gfg{}
.menu-first a.menu-afp{background-position:-225px 0;} .menu-first a.menu-afp:hover{background-position:-225px -200px;}
.menu-first a.menu-tw{background-position:-450px 0;} .menu-first a.menu-tw:hover{background-position:-450px -200px;}
.menu-first a.menu-hotel{background-position:-675px 0;} .menu-first a.menu-hotel:hover{background-position:-675px -200px;}

.menu-first span{ display:none; } 

/* 第二層選單 */
.menu-sec, .menu-sec2, .menu-sec3, .menu-sec4{ display:none;}/*先把第二層隱藏起來*/
.menu-sec{  position: absolute; background:#f44744; padding:5px 35px; width:830px;}
.menu-sec2{ position: absolute; background:#f44744; padding:5px 35px; width:830px; margin:0 0 0 -225px;}
.menu-sec3{ position: absolute; background:#f44744; padding:5px 35px; width:830px; margin:0 0 0 -450px;}
.menu-sec4{ position: absolute; background:#f44744; padding:5px 35px; width:830px; margin:0 0 0 -675px;}
.menu-first .menu-sec a{width:auto; height:auto; background:none; padding:5px 10px; color:#fff; text-decoration:none;  font-size:20px; margin-left:5px; font-family:"微軟正黑體";}
.menu-first .menu-sec2 a{width:auto; height:auto; background:none; padding:5px 10px; color:#fff; text-decoration:none;  font-size:20px; margin-left:5px; font-family:"微軟正黑體";}
.menu-first .menu-sec3 a{width:auto; height:auto; background:none; padding:5px 10px; color:#fff; text-decoration:none;  font-size:20px; margin-left:5px; font-family:"微軟正黑體";}
.menu-first .menu-sec4 a{width:auto; height:auto; background:none; padding:5px 10px; color:#fff; text-decoration:none;  font-size:20px; margin-left:5px; font-family:"微軟正黑體";}

/* menu當前位置要變換 */
.pd-gfg .menu-first a.menu-gfg{ background-position:0 -400px;}
.pd-afp .menu-first a.menu-afp, .pd-fit .menu-first a.menu-afp{background-position:-225px -400px;}
.pd-tw .menu-first a.menu-tw{background-position:-450px -400px;}
.pd-htl .menu-first a.menu-hotel, .pd-hdp .menu-first a.menu-hotel, .pd-tkt .menu-first a.menu-hotel, .pd-tkt_tw .menu-first a.menu-hotel{background-position:-675px -400px;}


/* 第二層menu 國外旅遊切換 */
.pd-gfg .menu-sec{ display:block;}
.pd-jp .menu-first .menu-sec a.menu-jp, a:hover.menu-jp{background:#bb1d1c;}
.pd-kr .menu-first .menu-sec a.menu-kr, a:hover.menu-kr{background:#bb1d1c;}
.pd-cn .menu-first .menu-sec a.menu-cn, a:hover.menu-cn{background:#bb1d1c;}
.pd-eu .menu-first .menu-sec a.menu-eu, a:hover.menu-eu{background:#bb1d1c;}
.pd-am .menu-first .menu-sec a.menu-am, a:hover.menu-am{background:#bb1d1c;}
.pd-khh .menu-first .menu-sec a.menu-khh, a:hover.menu-khh{background:#bb1d1c;}


/*第二層menu 在航空自由行*/
.pd-afp .menu-sec2, .pd-fit .menu-sec2{display:block;}
.pd-fit .menu-first .menu-sec2 a.menu-fit, .menu-sec2 a:hover.menu-fit{background:#bb1d1c;}
.pd-afp .menu-first .menu-sec2 a.menu-afp, .menu-sec2 a:hover.menu-afp{background:#bb1d1c;}



/*第二層menu 在國內旅遊*/
.pd-tw .menu-sec3{display:block;}
.pd-tw .menu-first .menu-sec3 a:hover.menu-around{background:#bb1d1c;}
.pd-tw .menu-first .menu-sec3 a:hover.menu-tpa{background:#bb1d1c;}
.pd-tw .menu-first .menu-sec3 a:hover.menu-tch{background:#bb1d1c;}
.pd-tw .menu-first .menu-sec3 a:hover.menu-peh{background:#bb1d1c;}
.pd-tw .menu-first .menu-sec3 a:hover.menu-peh2{background:#bb1d1c;}



/*第二層menu 在訂房.票券*/
.pd-htl .menu-sec4, .pd-hdp .menu-sec4, .pd-tkt .menu-sec4, .pd-tkt_tw .menu-sec4{display:block;}
.pd-htl .menu-first .menu-sec4 a.menu-htl, a:hover.menu-htl{background:#bb1d1c;}
.pd-hdp .menu-first .menu-sec4 a.menu-hdp, a:hover.menu-hdp{background:#bb1d1c;}
.pd-tkt .menu-first .menu-sec4 a.menu-tkt-1, a:hover.menu-tkt-1{background:#bb1d1c;}
.pd-tkt_tw .menu-first .menu-sec4 a.menu-tkt-2, a:hover.menu-tkt-2{background:#bb1d1c;}


/*第二層menu 在訂房票券*/
/*.pd-htl .menu-sec4{display:block;}
.pd-htl menu-first .menu-sec4 a:hover.menu-htl{background:#bb1d1c;}
.pd-htl .menu-first .menu-sec4 a:hover.menu-hdp{background:#bb1d1c;}
.pd-htl .menu-first .menu-sec4 a:hover.menu-tkt-1{background:#bb1d1c;}
.pd-htl .menu-first .menu-sec4 a:hover.menu-tkt-2{background:#bb1d1c;}*/



/*第三層選單*/
.pd-gfg .intro-anchors{display:block;}/*原本是模組自動藏起來的 現在只要"國外旅遊"是開啟的狀態*/
.intro-anchors{margin:-10px 0 0 30px}
.intro-anchors a{font-size: 18px; color: #ad2555; padding: 10px 0 18px 0; margin-left: 10px; font-family: "微軟正黑體";}
.intro-anchors a:hover {color: #F60;}
.intro-anchors.stuck{position:fixed; z-index:999; background-color:#FFFFFF; width:950px; display:block; margin:-300px 0 0 0;box-shadow:0 0 6px 0 #cccccc; border:none;}
a[name^="a"]{position:relative; top:-100px; height:1px; display:block}


/*回頂部*/
.scroll2top:link, .scroll2top:visited{background:url(images/gotop.png) no-repeat 0 0; height:75px; width:90px; margin-left:915px; bottom:0px;}
.scroll2top:hover{background:url(images/gotop.png) no-repeat 0 -205px;}



/* 在大陸歐洲商品標題換油菜花 */
.pd-cn h4{background-image:url(/act/mkt/flowers2015/images/title_cn.gif);}
.pd-eu h4{background-image:url(/act/mkt/flowers2015/images/title_eu.png);}


/*航自改內容排列樣式*/
.pd-afp .carrier ul, .pd-fit .carrier ul{ display:inline-block;  }/*ul以內空間依靠，折行是因為最外層有設寬*/
.pd-afp .carrier li, .pd-fit .carrier li{ float:left;width:40%; margin:0 10px 0 48px;}
.pd-afp .carrier li a:link, .pd-afp  .carrier li a:visited, .pd-fit .carrier li a:link, .pd-fit  .carrier li a:visited{ font-size:0; }
.pd-afp .carrier li a strong, .pd-fit .carrier li a strong{ margin: 0px 0 -20px 0;}


/*訂房內容不要小標*/
.pd-htl .carrier li a:link, .carrier li a:visited{ font-size:0; }
.pd-htl .carrier li a strong {margin: 0px 0 -20px 0;}

.pd-hdp .carrier li a:link, .carrier li a:visited{ font-size:0; }
.pd-hdp .carrier li a strong {margin: 0px 0 -20px 0;}

.pd-tkt .carrier li a:link, .carrier li a:visited{ font-size:0; }
.pd-tkt .carrier li a strong {margin: 0px 0 -20px 0;}

.pd-tkt_tw .carrier li a:link, .carrier li a:visited{ font-size:0; }
.pd-tkt_tw .carrier li a strong {margin: 0px 0 -20px 0;}

/* 商品區域 */
q:before, q:after{content:"";} 
*+html .carrier li{min-height:1%;}
.carrier li:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}

.pd-gfg .pd-list{ background:#fff; padding:110px 25px 25px 20px;}
.pd-list{ background:#fff; padding:90px 25px 25px 20px;}
h4 {background: url(/act/mkt/flowers2015/images/title_bg.gif) no-repeat left top; text-align: left; font-size: 24px; padding:11px 54px; margin-bottom:0; color: #de2161; font-family: "微軟正黑體"; }
.carrier li a strong {font-weight: normal; display: block; font-size: 22px; font-weight: bolder; color: #FF7BA7; margin: 0px 0 6px 0; font-family: "微軟正黑體";}/* 我是商品大標啊孩子 */
.carrier li a:hover strong {color: #FF5B13; text-decoration: underline;}/* 商品大標變色囉囉囉 */
.carrier li em.price {font-size: 15px; color: #f91d56; font-family: Verdana, Geneva, sans-serif ,arial; float: right; font-weight: bold; margin:0 8px 0 0}
.carrier li em.price span, .carrier li em.price var { font-size: 15px; font-weight: bold; }
.carrier li a:link, .carrier li a:visited {text-decoration: none; font-size: 15px;  color: #575656; letter-spacing: 1px; line-height: 22px; display: block; font-family: Verdana, Geneva, sans-serif; font-family: "微軟正黑體";}
.carrier li:hover {  background-color: #fff1eb;}
.carrier li { border-bottom: 1px dotted #F7C499; padding: 10px 2px 7px 10px; line-height: 1.3em;}/* 我是虛線啊孩子 */
.carrier ul {margin:0 0 0 -19px; width:884px;}
