@charset "utf-8";
/* CSS Document */

/* jQuery-UI dialog 兩枚按忸 */
.ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dia-buttonpane button{font-size:12px; background:#eaeaea url(/st_ec/img/ui/btn_bg_gy.gif) repeat-x 0 -8px; border:1px solid #aaa; padding:0 8px; float:right;}
.ui-dialog-buttonset button span.ui-button-text{padding:3px 1.2em 0 \9;}
.ui-dialog-buttonset button:hover{background-position:0 -5px;}
.ui-dialog-buttonset button:first-child + button, .ui-dia-buttonset button:first-child + button{margin-top:2px; margin-top:4px \9; font-size:15px; border:1px solid #aaa; padding:2px 8px 3px; padding:5px 8px 0 \9; *padding:0 8px; background:url(/st_ec/img/ui/btn_bg.gif) repeat-x 0 0; border:0 none \9;}
.ui-dialog-buttonset button:first-child + button span.ui-button-text, .ui-dia-buttonset button:first-child + button span.ui-button-text
{padding:4px 1.2em; color:#fff;}
.ui-dialog-buttonset button:first-child + button:hover, .ui-dia-buttonset button:first-child + button:hover{background:#5bb7fc url(/st_ec/img/ui/btn_bg_hover.gif) repeat-x 0 -4px;}
.ui-dialog .ui-dialog-title{font-size:15px;}
.login-msg p{font-size:13px;}


html{ background-color:#FFFFFF;} /* background:url(全網頁墊底圖) repeat; */
body.father-bgtop{background:url(/act/mkt/summertravel2015/images/bg_top_f.gif) repeat-x center top; }/*TOP波浪底-父親節*/
body.valentine-bgtop{background:url(/act/mkt/summertravel2015/images/bg_top_v.gif) repeat-x center top; }/*TOP波浪底-情人節*/
body.coffee-bgtop{background:url(/act/mkt/summertravel2015/images/bg_top_c.gif) repeat-x center top; }/*TOP波浪底-換咖啡*/
.box-bg.father-bg{background:url(/act/mkt/summertravel2015/images/boxbg_f.gif) repeat-y center top;}	/*main超過950的底-父親節.換咖啡*/
.box-bg.valentine-bg{background: url(/act/mkt/summertravel2015/images/boxbg_v.gif) repeat-y center top; }	/*main超過950的底-情人節*/
.content_f{background: url(/act/mkt/summertravel2015/images/main_bg_f.jpg) no-repeat center top;}/* background:url(主視覺延伸寬1200px中間挖空圖) no-repeat center top;*/
.content_v{background: url(/act/mkt/summertravel2015/images/main_bg_v.jpg) no-repeat center top;}/* background:url(主視覺延伸寬1200px中間挖空圖) no-repeat center top;*/
.content_c{background: url(/act/mkt/summertravel2015/images/main_bg_c.jpg) no-repeat center top;}/* background:url(主視覺延伸寬1200px中間挖空圖) no-repeat center top;*/
.menu-bg_f{background: url(/act/mkt/summertravel2015/images/menu_bg_f.jpg) no-repeat center top 315px;} /*menu的底*/
.menu-bg_v{background: url(/act/mkt/summertravel2015/images/menu_bg_v.jpg) no-repeat center top 315px;} /*menu的底*/
.menu-bg_c{background: url(/act/mkt/summertravel2015/images/menu_bg_c.jpg) no-repeat center top 315px;} /*menu的底*/


/* 讓圖片不要有多的白邊 */
img{ vertical-align:top;}


/* menu區域 */
.menu{margin:0 0 0 -75px; z-index:155; position:absolute; padding:0 auto; background: url(/act/mkt/summertravel2015/images/menu_bg_v.jpg) #FFF no-repeat center 0;  height:90px; width:1100px;  }
.menu.stuck{position:fixed; z-index:997; top:-8px; }/*滑動訂位要變窄*/
.menu-first{position:relative; margin:0px auto; height:90px; width:1100px; text-align:center;  padding:0 75px; }
.menu-first li{ list-style: none; float:left;}
.menu-first span{ display:none; } 
.menu-idx,.menu-father,.menu-valentine,.menu-coffee{ display:block; height:80px; background:url(/act/mkt/summertravel2015/images/menu.jpg) no-repeat 0 0;}  
.menu-idx{background-position:0 0;width:99px;} .menu-idx:hover{background-position:0 -100px; } 
.menu-father {background-position:-99px 0; width:308px;} .menu-father:hover{background-position:-99px -100px;} 
.menu-valentine{background-position:-407px 0; width:309px;} .menu-valentine:hover{background-position:-407px -100px;} 
.menu-coffee{background-position:-716px 0; width:234px;} .menu-coffee:hover{background-position:-716px -100px;}
.pd-father a.menu-father{background-position:-99px -200px;} 
.pd-valentine a.menu-valentine{background-position:-407px -200px;} 
.pd-coffee a.menu-coffee{background-position:-716px -200px;}

.pd-father .menu{background: url(/act/mkt/summertravel2015/images/menu_bg_f.jpg) no-repeat center 0;}
.pd-coffee .menu{background: url(/act/mkt/summertravel2015/images/menu_bg_c.jpg) no-repeat center 0;}

/* 第二層選單 */
.menu-sec1, .menu-sec2{ display:none;}/*先把第二層隱藏起來*/
.pd-father .menu-sec1{ display:block;}
.menu-sec1{position: absolute;padding:22px 40px 20px 40px; background:#f6fcff; width:920px; margin:10px 0 0 -100px;}
.menu-sec2{position: absolute; padding:22px 40px 20px 40px;; background:#fff9fa; width:920px; margin:10px 0 0 -420px;}
.menu-sec1 a{width:auto; height:auto; text-decoration:none; font-size:20px; margin-left:10px; padding:5px 20px; color:#7a7a7a; font-weight:bold; border:1px #aaaaaa solid; border-radius:5px; font-family:"微軟正黑體";}
.menu-sec1 a:hover, .pd-gfg-f a.menu-gfg, .pd-gdg-f a.menu-gdg, .pd-htl-f a.menu-htl, .pd-htl-f a.menu-htl, .pd-htl-f a.menu-htl, .pd-hdp-f a.menu-hdp, .pd-tkt-f a.menu-tkt, .pd-khh-f a.menu-khh{background-color:#57c4f7; color:#fff; border:1px #57c4f7 solid; border-radius:5px;}
.pd-valentine .menu-sec2{ display:block;}
.menu-sec2 a{width:auto; height:auto; text-decoration:none; font-size:20px; margin-left:10px; padding:5px 17px; color:#7a7a7a; font-weight:bold; border:1px #aaaaaa solid; border-radius:5px; font-family:"微軟正黑體";}
.menu-sec2 a:hover, .pd-gfg-v a.menu-gfg2, .pd-gdg-v a.menu-gdg2, .pd-htl-v a.menu-htl2, .pd-hdp-v a.menu-hdp2, .pd-tkt-v a.menu-tkt2, .pd-khh-v a.menu-khh2, .pd-vote a.menu-sweet{background-color:#ff9d9d; color:#fff; border:1px #ff9d9d solid; border-radius:5px;}

/*注意事項*/
.notice{ margin-top:-7px;}
ol.notice{width:740px; margin-left:75px; line-height:1.5em; font-size:14px; color:#565656; font-family:"微軟正黑體"; }
ol.notice li{ margin:4px 0;}
ol.notice li ol{ margin-left:1.5em;}

.htlnotice{ margin-left:30px; width:838px; }
.htlnotice li{ font-size: 18px; color:#706e6e; font-family:"微軟正黑體"; }


/*兌換訊息樣式*/
.pd-coffee .main-box{ margin-top:115px; position:relative;}
.pd-coffee .list-time{width:460px;height:40px;position:absolute;margin: 165px 0 0 310px;left: -211px;top: 4px;} 
.pd-coffee .list-cup{width:460px;height:42px;position:absolute;margin: 222px 0 0 310px;left: -211px;top: 4px;} 
.pd-coffee .list{width:460px;height:100px;position:absolute;margin: 278px 0 0 306px;left: -211px;top: 4px;} 
.pd-coffee .list-2{height:49px; left: -211px; margin:377px 0 0 375px; position: absolute; top: 4px; width: 460px;}
.ask-parent, .ask-parent + tr{display:none !important;}


/*送咖啡會員登入*/
input[type="text"], input[type="password"] {-moz-border-bottom-colors: none; width:276px; height:32px; margin-top:7px; border:1px #aaaaaa solid; border-radius: 2px; border-style: solid; padding: 3px;}
.user-pw {width: 17em;}
input{vertical-align: middle;}
input, input:active, input:focus {outline: 0 none;}
input{font-family: inherit; font-size: inherit; font-weight: inherit;}
input.login-cafe{background:url(images/btn_coffee2.gif) no-repeat 0 0; width:96px; height:90px; border:none; margin:0; padding:0; cursor:pointer;}
input.login-cafe:hover{ background-position:0 -90px;}


/*父親節-情人節-票選*/
.pd-father .main-box{ margin-top:160px;}
.pd-valentine .main-box{ margin-top:160px;}
.pd-vote .main-box{ margin-top:180px;}


/*票選*/
.vote-list-1s:after, .vote-list-2s:after{content:""; display:block; clear:both; line-height:0; height:0; visibility:hidden;}
.vote-list-1s .vote-list-a, .vote-list-1s .vote-list-b,
.vote-list-2s .vote-list-a, .vote-list-2s .vote-list-b{position:relative; float:left; height:88px; background:url(images/vote_bg_s1.gif) no-repeat 0 0; width:475px;}
.vote-list-2s .vote-list-a, .vote-list-2s .vote-list-b{background-image:url(images/vote_bg_s2.gif);}
.vote-list-1s .vote-list-b, .vote-list-2s .vote-list-b{background-position:-475px 0;}

.vote-member{display:inline-block; vertical-align:middle; font-size:36px; color:#d92564; font-family:Arial; font-weight:bold; font-style:italic; z-index:45; align:right; width:290px; text-align:right; padding-top:15px; padding-top:17px \9; padding-right:37px;}
.vote-list-b .vote-member{width:218px;}
.btn-go, .btn-no{width:120px; height:40px; display:inline-block; vertical-align:bottom; background:url(images/btn_ok.gif) no-repeat 0 0; z-index:45; position:relative; top:-4px; top:-2px \9;}
.btn-no{background-image:url(images/btn_no.gif); cursor:no-drop;}
.btn-go:hover{background-position:0px -40px;}
.btn-go span{display:none;}


#fancybox-content{margin-top:10px;}



/*推薦商品*/
.sale{ width:920px; height:160px; background-color:#FFFFFF; border-bottom: solid 1px #ffc994; margin-left:15px; position:relative ;}
.pd-box{position:absolute; margin:0 10px 10px 15px;}
.sale td.list-tit {font-family:"微軟正黑體" ; font-size:20px; color:#ffa366; font-weight:bold; padding:8px 0 0 10px;}
.sale td.price{font-family: Verdana; font-size:20px; color:#fc3158; font-weight:bold; text-align:right; padding:8px 12px 0 0; font-style:italic; }
.sale td.price span{font-size:14px;font-family:"微軟正黑體";font-weight:bold;}
.list-word{	font-family:"微軟正黑體"; font-size:14px; color:#4d4d4d; vertical-align:text-top; padding:5px 0 10px 10px; }
.cont{ border-bottom:1px dotted #ffbddf;}/* 我是虛線啊孩子 */
.sale table:hover{ background-color: #fef5f4; cursor:pointer;}/*我的媽呀滑過會有底色耶*/
.sale table:hover .list-tit{ color: #ff4800;; text-decoration: underline;}

/*fb留言樣式*/
.fbbox{ background:url(images/facebook_bg.gif) repeat-y center 0 ;}


/*模組--父親節*/
.ph{position:relative; display:block; float:left; width:258px; background: #FFFFFF; padding:10px; margin:20px 0 10px 10px;  transition:all .3s ease-out; box-shadow:none; overflow:hidden; width:258px; height:345px; border:1px solid #c8e6e8;border-radius:5px;}
.ph:hover{border:1px solid #FFF; box-shadow:0 2px 7px 5px rgba(128,128,128,.4);}
.group-type-ph{ padding: 10px 30px;}
.group-type-ph:after{content:""; display:block; clear:both; line-height:0; height:0; visibility:hidden;}
.ph.left{margin-left:0;}
.ph-img{ margin:-10px -10px 0;}
.ph-img img{width:278px; height:185px;}
.ph a:link,  .ph a:visited{text-decoration:none; border:none; color:#fff;}
.ph a img{border:none;}
.ph-title{display:block; font-size:19px; line-height:1.5em; /* max-height:2.2em;*/ overflow:hidden; padding:0 5px 0 10px ; margin:10px -10px 1px -10px; color:#209ef7; font-family:"微軟正黑體"; font-weight: 600;letter spacing:-2px; height:60px;}
.ph-detail{font-size:14px; background-color:#209ef7; padding:3px; color:#FFFFFF; border-radius:3px;font-family:"微軟正黑體"; ine-height:2.2em; max-height:2.2em; overflow:hidden; height:20px;}
.ph-feature{display:block; color:#6e6464; font-size:14px; line-height:1.3em; padding:5px 0 5px 2px; overflow:hidden; font-family:"微軟正黑體";letter spacing:-2px; height:30px; overflow:hidden;}
.ph .price{font-size:15px; font-weight:bold; float:right;font-family:"微軟正黑體"; color:#209ef7; margin-top:8px; }
.ph .price span{font-size:22px;  font-family: Helvetica; font-weight:bold;}
.ph .price i{font-style:normal;}

.more{font-family:"微軟正黑體"; font-weight:bold; font-size:18px;/* margin:40px 0 20px 30px;*/ width:950px; height:20px;  text-align:center; margin-top:15px; padding-bottom:45px; }
.more a{text-decoration:none; color: #17a3f3; }
.more a:hover{color: #005df7;}


/*模組--父親節--國內訂房c26隱藏圖片表單化*/
.pd-father .pd-hdptkt .ph{position:relative; display:block; background: #FFFFFF; padding:10px; margin:0px 0 15px 10px;  transition:all .3s ease-out; box-shadow:none; overflow:hidden; width:838px; height: auto;}
.pd-father .pd-hdptkt .ph:hover{border:1px solid #FFF; box-shadow:0 2px 7px 5px rgba(200,200,200,.4);}
.pd-father .pd-hdptkt .ph-img{ display:none;}
.pd-father .pd-hdptkt .ph-title{display:block; /*line-height:0.4em; /* max-height:2.2em;*/ overflow:hidden; padding:0 5px 0 10px ; margin:1px -10px 1px -10px; height:25px; width:700px;}
.pd-father .pd-hdptkt .ph-detail{font-size:14px; padding:5px 0 5px 10px; color:#6e6464; border-radius:3px;font-family:"微軟正黑體"; ine-height:2.2em; max-height:2.2em; background-color:#fff;}
.pd-father .pd-hdptkt .ph .price{ margin-top:-52px;}
.pd-father .pd-hdptkt .ph-feature{ display:none;}


/*模組-父親節--國外訂房--採再搜尋補圖*/
.ph-detail img {float: left; height: 185px; margin-top: -100px; width: 278px; position:absolute; margin:-259px 0 0 -13px;}

	
/*模組--情人節*/
.pd-valentine .ph{position:relative; display:block; float:left; width:258px; background: #ffffff; padding:10px; margin:20px 0 10px 10px; transition:all .3s ease-out; box-shadow:none; overflow:hidden; width:258px; height:345px; border:1px solid #ffd0d9;border-radius:5px;}
.pd-valentine .ph:hover{border:1px solid #FFF; box-shadow:0 2px 7px 5px rgba(128,128,128,.4);}
.pd-valentine .group-type-ph{ padding: 10px 30px;}
.pd-valentine group-type-ph:after{content:""; display:block; clear:both; line-height:0; height:0; visibility:hidden;}
.pd-valentine .ph.left{margin-left:0;}
.pd-valentine .ph-img{ margin:-10px -10px 0;}
.pd-valentine .ph-img img{width:278px; height:185px;}
.pd-valentine .ph a:link,  .ph a:visited{text-decoration:none; border:none; color:#fff;}
.pd-valentine .ph a img{border:none;}
.pd-valentine .ph-title{display:block; font-size:19px; line-height:1.5em; /* max-height:2.2em;*/ overflow:hidden; padding:0 5px 0 10px ; margin:10px -10px 1px -10px; color:#ff6481; font-family:"微軟正黑體"; font-weight: 600;letter spacing:-2px; height:60px;}
.pd-valentine .ph-detail{font-size:14px; background-color:#ff6481; padding:3px; color:#ffffff; border-radius:3px;font-family:"微軟正黑體"; ine-height:2.2em; max-height:2.2em; overflow:hidden; height:20px;}
.pd-valentine .ph-feature{display:block; color:#6e6464; font-size:14px; line-height:1.3em; padding:5px 0 5px 2px; overflow:hidden; font-family:"微軟正黑體";letter spacing:-2px; height:30px; overflow:hidden;}
.pd-valentine .ph .price{font-size:15px; font-weight:bold; float:right;font-family:"微軟正黑體"; color:#ff6481; margin-top:8px; }
.pd-valentine .ph .price span{font-size:22px;  font-family: Helvetica; font-weight:bold;}
.pd-valentine .ph .price i{font-style:normal;}

.pd-valentine .more a{text-decoration:none; color: #ff749e; }
.pd-valentine .more a:hover{color: #fd2059;}


/*模組--情人節--國內訂房c26隱藏圖片表單化*/
.pd-valentine .pd-hdptkt-v .ph{position:relative; display:block; background: #FFFFFF; padding:10px; margin:0px 0 15px 10px;  transition:all .3s ease-out; box-shadow:none; overflow:hidden; width:838px; height: auto;}
.pd-valentine .pd-hdptkt-v .ph:hover{border:1px solid #FFF; box-shadow:0 2px 7px 5px rgba(200,200,200,.4);}
.pd-valentine .pd-hdptkt-v .ph-img{ display:none;}
.pd-valentine .pd-hdptkt-v .ph-title{display:block; /*line-height:0.4em; /* max-height:2.2em;*/ overflow:hidden; padding:0 5px 0 10px ; margin:1px -10px 1px -10px; height:25px; width:700px;}
.pd-valentine .pd-hdptkt-v .ph-detail{font-size:14px; padding:5px 0 5px 10px; color:#6e6464; border-radius:3px;font-family:"微軟正黑體"; ine-height:2.2em; max-height:2.2em; background-color:#FFFFFF;}
.pd-valentine .pd-hdptkt-v .ph .price{ margin-top:-52px;}
.pd-valentine .pd-hdptkt-v .ph-feature{ display:none;}


/*回頂部*/
.scroll2top:link, .scroll2top:visited{background:url(images/gotop.png) no-repeat 0 0; height:100px; width:90px; margin-left:910px; bottom:25px;}
.scroll2top:hover{background:url(images/gotop.png) no-repeat 0 -100px;}

.toptop{margin-top:0px; display:block; height:60px; float:left;}
/*margin-top:-62px;↑往下給他高度62px;(圖片本身高度為60px)拿掉後錨點會跳至按鈕的底部，將會看不到按鈕圖案。 display:block↑告訴它有空間; height:10px↑告訴它有空間數字多少沒差比0大就好，主要是對應不同瀏覽器; float:left↑借浮動來清除按鈕原本就有設置的浮動效果>menu-1st;*/

/* Hack for Chrome Browser */
@media screen and (-webkit-min-device-pixel-ratio:0){
.btn-go, .btn-no{top:-2px;}
}