@charset "utf-8";
/* CLEARFIX */
.clearfix:after, .key-visual:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}

/* 整體 */
*:focus{outline:none;}
*::-moz-focus-inner{border:none; outline:none;}
body{background:url(images/grid_bg.gif) repeat center top;}
h1, h2, h3, h4, #append-btn, #location-menus .navbar-brand, .carrier li a strong, .navbar-custom .navbar-nav > li > a, #location-menus .dropdown .dropdown-menu li a, .setop #append-list .nav > li a:link, .setop #append-list .nav > li a:visited, .setop #append-list .nav > li.heading span{font-family:'微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial,sans-serif;}
.container .navbar.yamm{margin:1px -15px;}
.navbar.yamm > .container .navbar-brand{}
.yamm .nav > li > a{padding-left:8px; padding-right:8px;}
.intro-anchors{display:none !important;}
.kxs, .ksm, .kmd, .klg{display:none;}
[id*="anc_"]{position:relative; display:block; height:0; top:-120px;}

/* 主視覺 */
.key-visual{text-align:center; height:auto; padding-bottom:57px;}
.key-visual .container{padding:10px; padding-top:0px;overflow: hidden;}
.key-visual img{margin: 0px auto;
    padding: 0px 0 0 0px; max-height:474px;}
.fixing .key-visual + .container:before{content:'.'; display:block; height:90px;}


/* 切換選單 */
#append-btn{color:#fff; border:2px solid #fff; box-shadow:none; padding:2px 12px 2px 9px; font-size:16px; top:1px;}
#append-btn:before{content:" "; display:inline-block; vertical-align:middle; width:13px; height:5px; background:url(images/location_down_arr.gif) no-repeat center bottom; margin-right:3px;}
#append-btn:after{content:"花現嬉遊";}


/* PING MENU */
.fixing #location-menus{position:fixed; z-index:1000; top:-1px; margin:0 0 0 -15px;}
/* MENU */
#location-menus .navbar-toggle{float:none; text-align:right; border-radius:0; position:absolute; right:0; left:0; width:100%; margin:0; padding:10px 15px 10px;}
#location-menus .navbar-toggle .drop-tip{display:inline-block; width:18px; height:13px; background:url(images/select_drop_arr.png) no-repeat 0 0; vertical-align:bottom;}
#location-menus #navbar-collapse-menus{background:#FBD2D2;}
#location-menus #navbar-collapse-menus:before{content:""; display:block; width:100%; height:5px; margin:0 -15px; background:#c51868; position:absolute; top:0;}
#location-menus .navbar-nav{margin:0 -15px;}
#location-menus .dropdown .dropdown-menu{text-align:center; left:0; right:0;}
#location-menus .dropdown .dropdown-menu li{display:inline-block;}
#location-menus .dropdown .dropdown-menu li a:link, #location-menus .dropdown-menu li a:visited{padding:3px 13px;}
#location-menus .dropdown .dropdown-menu li a:hover{background:#1bbaee; color:#fff;}
#location-menus .dropdown.opened .dropdown-menu{display:block; box-shadow:none; border:none;}
.fixing #location-menus .dropdown.opened .dropdown-menu{box-shadow:0 6px 12px rgba(0,0,0,0.176); border-radius:0; left:-1px; right:-1px;}
#location-menus.navbar-collapse.collapse.in .dropdown.opened .dropdown-menu{display:none;}
#location-menus.navbar-collapse.collapse.in .dropdown.opened.open .dropdown-menu{display:block;}
#location-menus .dropdown.opened.active .dropdown-toggle{pointer-events:none;}

.navbar-custom{}
.navbar-custom .navbar-brand, .navbar-custom .navbar-text{color:#fff;}
.navbar-custom .navbar-nav > li{border-top:5px solid #c51868;}
.navbar-custom .navbar-nav > li:hover, .navbar-custom .navbar-nav > li:focus{}
.navbar-custom .navbar-nav > li > a{color:#fff; border-bottom:2px solid #fa4ba6; background:#fa4ba6; font-size:17px; padding-left:13.4px; padding-right:13.4px; border-right:1px solid #e53691; border-left:1px solid #ff53ae;}
.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus,
.navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus{ background:#c3176f url(images/menu_a_inset.png) repeat-x center bottom;}
.navbar-custom .navbar-nav > li > a:hover:after, .navbar-custom .navbar-nav > li > a:focus:after,
.navbar-custom .navbar-nav > .active > a:after, .navbar-custom .navbar-nav > .active > a:hover:after,
.navbar-custom .navbar-nav > .active > a:focus:after{content:" "; display:block; width:100%; height:5px; background:url(images/menu_a_tip.png) no-repeat center bottom; position:absolute; right:0; left:0; bottom:0;}

.second-anchor{background:#fff; text-align:center; margin-bottom:-1px;}
.fixing .second-anchor{box-shadow:0 6px 12px rgba(0,0,0,0.176); border-radius:0; left:-1px; right:-1px;}
.second-anchorxxx:after{content:" "; display:block; clear:both; line-height:0; height:0; visibility:hidden;}
.second-anchor a:link, .second-anchor a:visited, .second-anchor strong{display:inline-block; padding:2px 10px; margin:10px; font-size:15px;border: 1px solid #ff81c4;color: #ff81c4;}
.second-anchor strong{display:none;}
.second-anchor a:hover{color:#c4166f; border:2px #c4166f solid; text-decoration:none; font-weight:bold;}
.second-anchor strong:after{content:"：";}

/* .navbar-custom .navbar-collapse, .navbar-custom .navbar-form{border-color: #f92895;} */
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #f92b96;
  color: #fff;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}


/* 商品區 */
.cms{background:#fff; padding-bottom:50px;}
/* C23模組*/
.carrier{padding:0 15px;}
.carrier h4, .horcrux h4{border:2px solid #FA4BA6; color:#A5135E; font-size:30px; line-height:1; margin:28px 0 15px;}
.carrier h4:before, .horcrux h4:before{content:" "; display:inline-block; background:#fff url(images/h4_title_before.gif) no-repeat right top; width:40px; height:42px; vertical-align:text-top; margin-right:.6em;}
/*.carrier.type2 h4{border:none; margin:15px 0; color:#fa4ba6; font-size:26px;}
.carrier.type2 h4:before{display:none;}*/
.horcrux + .carrier.type2{padding-top:1px;}
.carrier li{list-style-type:none; position:relative; border-top:1px dashed #d9ceb0;}
.carrier li.box-head{display:none !important;}
.carrier li.box-head + li{border-top:0;}
/*-親愛的我把C23的第一則請出來惹-*/
.htl .carrier li.box-head, .htl .carrier li.box-head, .tkt .carrier li.box-head, .hdp .carrier li.box-head{display: block !important; background: #eeeeee none repeat scroll 0 0; border-color: #7d72e2; border-style: solid; border-width: 0 0 0 10px; margin-bottom: 10px;}
.htl .carrier li.box-head a:hover, .htl .carrier li.box-head a:hover, .tkt .carrier li.box-head a:hover, .hdp .carrier li.box-head a:hover, .afp .carrier li.box-head a:hover, .afp2 .carrier li.box-head a:hover{ background:none; pointer-events: none; cursor:default;}
.htl .carrier li.box-head a:link, .htl .carrier li.box-head a:link, .tkt .carrier li.box-head a:link, .hdp .carrier li.box-head a:link, .htl .carrier li.box-head a:visited, .htl .carrier li.box-head a:visited, .tkt .carrier li.box-head a:visited, .hdp .carrier li.box-head a:visited, .afp .carrier li.box-head a:visited, .afp2 .carrier li.box-head a:visited, .afp .carrier li.box-head a:link, .afp2 .carrier li.box-head a:link{pointer-events: none; cursor:default;}/*第一則連結不要，IE 11以下不支援*/
.htl .carrier li.box-head img, .htl .carrier li.box-head img, .tkt .carrier li.box-head img, .hdp .carrier li.box-head img, .afp .carrier li.box-head img, .afp2 .carrier li.box-head img{display: none; }
.htl .carrier li.box-head q, .htl .carrier li.box-head q, .tkt .carrier li.box-head q, .hdp .carrier li.box-head q, .afp .carrier li.box-head q, .afp2 .carrier li.box-head q{display: none; }
.htl .carrier li.box-head span, .htl .carrier li.box-head span, .tkt .carrier li.box-head span, .hdp .carrier li.box-head span, .afp .carrier li.box-head span, .afp2 .carrier li.box-head span{display: none; }
.htl .carrier li.box-head strong, .htl .carrier li.box-head strong, .tkt .carrier li.box-head strong, .hdp .carrier li.box-head strong, .afp .carrier li.box-head strong, .afp2 .carrier li.box-head strong{ background: #fff none repeat scroll 0 0; color: #ec2b91; font-size: 17px; font-weight: 200; margin-bottom: -10px; margin-top: -10px; padding: 0 20px; background: none;}
.carrier li a:link, .carrier li a:visited{display:block; color:#4d4d4d; padding: 12px 15px 15px 15px; font-family:"微軟正黑體"; font-size:14px;}
.carrier li a:hover{background:#fef4fd; text-decoration:none; color:#6e654a;}
.carrier li a strong{color:#7d72e2; font-size:20px; display:block; line-height:1.6;/* width:85%;*/}
.carrier li a:hover strong{color:#512ac0;}
.carrier li a .price{float:right;}
.afp .carrier li a:link, .afp2 .carrier li a:link, .afp .carrier li a:visited, .afp2 .carrier li a:visited, .tkt .carrier li a:link, .tkt .carrier li a:visited, .hdp .carrier li a:link, .hdp .carrier li a:visited{ font-size:0;}
/*.afp .carrier li:hover a, .htl .carrier li:hover a, .tkt .carrier li:hover a, .fit .carrier li:hover a{color:#fdf4a4;}*/
.cms .price{color:#ec2b91; font-size:16px; font-weight:bold; font-family:"Arial Black", Gadget, sans-serif;}
.cms .price span, .price var {font-size:24px; font-family:"Arial Black", Gadget, sans-serif; font-style:italic;}
.cms .price span:after{content:"起"; display:inline; font-size:15px; position:relative; top:-1px; font-weight: 700; font-family:"微軟正黑體";}
.note{color:#888; line-height:1.5; margin:10px 20px;}
.note ul li{list-style-position:outside; margin-left:10px;}
.scroll2top:link, .scroll2top:visited{width:70px; height:70px; background:url(images/top_badge.png) no-repeat 0 -70px; margin-left:940px;}
.scroll2top:hover{background-position:0 0;}

/*banner&注意事項*/
.container .banner-l{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-l a{display:inline-block;margin:0;width:33%;}
.container .banner-l a img{ width:100%;display:block;}

.container .banner-2{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-2 a{display:block;margin:0;}
.container .banner-2 a img{ width:100%;display:block;border:0;}
.container .banner-2 a img.forPC{ width:100%;display:block;}
.container .banner-2 a img.forM{ display:none;}

.container .banner-3{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-3 {display:block;margin:0;}
.container .banner-3 img{ width:100%;display:block;border:0;cursor: default;}
.container .banner-3 img.forPC{ width:100%;display:block;}
.container .banner-3 img.forM{ display:none;}
.container .banner-3 .btnBox{
	margin:0 auto;
	padding:0 33px;
	overflow:hidden;
}

.container .banner-3 .btnBox .lineBox{
	text-align: right;
	background:url(images/btnBoxBg.jpg) left center repeat-x;}
.container .banner-3 .btnBox .lineBox a{
	display:inline-block;
}
.container .banner-3 .btnBox .lineBox .linkBtn1{margin-right:-4px;}
.container .banner-3 .btnBox .lineBox a img{
	display:block;
	border:0;
	cursor: pointer;
}
.container .banner-4{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-4 img{ width:100%;display:block;border:0;}
.container .banner-4 img.forPC{ width:100%;display:block;}
.container .banner-4 img.forM{ display:none;}

.sportsale .banner-s{display:none;}
.container .imgcont img{ width:100%;}
.mobilecash .container .noteapp, .fansdo .container .noteapp, .newsitf .container .noteapp, .newswifi .container .noteapp, .newsgift .container .noteapp, .app200 .container .noteapp, .afp .container .noteapp, .afp2 .container .noteapp{ width:100%;}
.htl-link{ text-align:right; font-size:16px; margin:0 20px 0 0;}
.container .htl-link a:hover{ color:#F72020;}
.container .htl-link a, .container .htl-link:hover{ text-decoration:none !important;} 

/*--現場搶便宜-台北國際旅展 資訊 --*/
.newsitf .container .itf-time, .newsitf .container .itf-time-s{margin-top:20px;}
.newsitf .container .itf-time p{ padding:5px 2px; font-size:15px; margin: 0; width: auto;}
.container .itf-time-s{ display:none;}

/*旅展最低價-航空自由行....限時好康FOR PC PAD*/
.afp-spnote{display:inline-block; position:relative; width:100%; margin: 20px 0 0 0; border:1px #ff7c00 solid; background:#ff7c00;  vertical-align:middle; text-align:right;}
.afp-spnote .l{ display:inline-block; width:44%;  color:#FFF; padding:5px 10px; height:auto; text-align:center; margin:auto 0; font-size:16px; font-family:"微軟正黑體"; vertical-align:middle;}
.afp-spnote .l p{font-size:24px; font-family:'微軟正黑體'; border:2px #FFF solid; padding:2px 2px; font-weight:400; width:80%; text-align:center; margin: 0 auto;}
.afp-spnote .r{ display:inline-block; width:54.6%; padding:6px 20px; font-size:15px; font-family:"微軟正黑體"; color:#434343;background:#fff; vertical-align:middle; text-align:left;}
.afp-spnote .r span{ color:#ff7c00;}
.afp-spnote:after{content:"."; display:block; clear:both; line-height:0; height:0; visibility:hidden;}

.afp2-spnote{display:inline-block; position:relative; width:100%; margin: 20px 0 0 0; border:1px #ff7c00 solid; background:#ff7c00;  vertical-align:middle; text-align:right;}
.afp2-spnote .l{ display:inline-block; width:44%;  color:#FFF; padding:5px 10px; height:auto; text-align:center; margin:auto 0; font-size:16px; font-family:"微軟正黑體"; vertical-align:middle;}
.afp2-spnote .l p{font-size:24px; font-family:'微軟正黑體'; border:2px #FFF solid; padding:2px 2px; font-weight:400; width:80%; text-align:center; margin: 0 auto;}
.afp2-spnote .r{ display:inline-block; width:54.6%; padding:6px 20px; font-size:15px; font-family:"微軟正黑體"; color:#434343;background:#fff; vertical-align:middle; text-align:left;}
.afp2-spnote .r span{ color:#ff7c00;}
.afp2-spnote:after{content:"."; display:block; clear:both; line-height:0; height:0; visibility:hidden;}

/*旅展最低價-國外訂房....產品注意事項*/
.htl .container .htl-spnote{ display:block;}
.htl-spnote{ width:100%; text-align:center; margin-top:20px;}
.htl-spnote .macau, .htl-spnote .tokyo{ width:48%; background:#7d72e2; float:left; padding:5px 2px;border-radius:10px; }
.htl-spnote .macau span, .htl-spnote .tokyo span{ color:#FFF; font-size:19px; font-weight:400; font-family:"微軟正黑體";}
.htl-spnote .macau p, .htl-spnote .tokyo p{ background:#FFFFFF;border-radius:10px; text-align:left; padding:8px 15px;color:#434343; font-size:15px; font-family:"微軟正黑體"; }
.htl-spnote .tokyo{ margin-left:20px;}
.htl-spnote .macau p:after{content:"."; display:block; clear:both; line-height:0; height:65px; visibility:hidden;}
.htl-spnote:after{content:"."; display:block; clear:both; line-height:0; height:0; visibility:hidden;}

/*旅展最低價-航空自由行....更多行程*/
.pd-more{ width:80%; border:1px #7d72e2 solid; color:#7d72e2;  text-align:center; margin:0 auto;  color:#7d72e2; font-size:20px; font-family:"微軟正黑體"; font-weight:600; border-radius:6px; padding:5px; margin-bottom:30px; margin-top:-30px;}
.pd-more:hover{background:#7d72e2; color:#FFFFFF; font-size:20px; font-family:"微軟正黑體"; font-weight:600;}
.more .pd-more a, .more:hover{ text-decoration:none !important; }


/* C26模組 */
.group-type-ph{padding-top:20px;}
.ph{float:left; width:290px; height:370px; padding:0 0 10px 0 ; border:1px solid transparent; border-color:#FFF; background:#9d67b3; margin:0 0 25px 16px;box-shadow:none; overflow:hidden;}
.ph.aside-one{margin-left:0;}/* .ph:nth-of-type(3n) + .ph, .ph:first-child{margin-left:0;} */
.ph:hover{cursor:pointer; background-color:#8e53a9;border:1px solid #FFF; box-shadow:0 2px 5px 2px rgba(128,128,128,.4); }

.ph-img{position:relative; z-index:3 !important; width:288px; height:192px; background:#000; border:0;display:none;}
.ph-img img{width:inherit; height:auto; position:absolute; z-index:1; opacity:1; filter:alpha(opacity=100); -webkit-transition:all .3s ease-out; transition:all .3s ease-out;border:0;}
/*.ph.masked .ph-img img{opacity:.6; filter:alpha(opacity=60);}*/
.ph a:link, .ph a:visited{position:relative; display:block; text-decoration:none;}
.ph-title{color:#ffffff; padding:8px 10px 5px; overflow:hidden; height:1.6em; line-height:25px; display:block; font-size:20px; font-family:"微軟正黑體"; font-weight:400;}
.ph-detail{ color:#ffff33; padding:10px; border-bottom:1px #f6bfe3 dotted; }
.ph-detail{ color:#ffff33; padding:10px; border-bottom:1px #f6bfe3 dotted; }
.afp .ph-detail, .afp2 .ph-detail{ border: none;}
.ph-feature{display:block;  color:#ffffff; font-size:15px;line-height:1.3em; padding:5px 8px 5px 10px; overflow:hidden; font-family:"微軟正黑體";letter spacing:-2px; height:42px; overflow:hidden;}
.ph .price{font-size:15px; font-weight:bold; float:right;font-family:"微軟正黑體"; color:#ffff33;margin-right:10px;}
.ph .price span{font-size:22px;  font-family: Helvetica; font-weight:bold;}
.push .ph .price i{font-size:15px; font-weight:bold; float:right;font-family:"微軟正黑體"; color:#ffff33;margin: 4px 0 0 2px;}
.push .price span:after{display:none;}
.price span{font-size:22px;  font-family: Helvetica; font-weight:bold;}
.price span:after{ display:inline; font-size:11px; position:relative; top:-1px; font-weight:normal;}
.note{color:#888; line-height:1.5; margin:10px 20px;}
.note ul li{list-style-position:outside; margin-left:10px;}
.scroll2top:link, .scroll2top:visited{width:70px; height:70px; background:url(images/top_badge.png) no-repeat 0 -70px; margin-left:940px;}
.scroll2top:hover{background-position:0 0;}
.container .push {display: block;  overflow: hidden;}
.afp .container .push, .afp2 .container .push{ display: block; height: 320px; overflow: hidden;}
.col-md-11{ padding:0;}
.cn .ph-detail img,
.htl .ph-detail img{ display: block; margin:0 auto 10px;width:100%; }/*旅展最低價-大陸港澳_圖片覆蓋*/

/*得獎名單*/
.prizeBox{
	width: 92%;
	margin: -3px auto 0;
	padding: 35px 15px 15px 15px;
	box-sizing: border-box;
	border-radius: 8px;
	background-color:#fff;
	position: relative;
	border:1px solid #c4004a;
	text-align: left;

}
.prizeBox .prizeTitle{
	position: absolute;
	z-index: 2;
	left:0;
	top:0;
	margin:-2% auto auto -15px;
}
.prizeBox .prizeTitle img{
	width: 158px;
	display: block;
}
.prizeName{
	font: bold 16px/1.4 "微軟正黑體";
	color:#fff;
	background-color:#c4004a;
	display:block;
	padding: 6px 15px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.prizeTab{
	display: inline-table;
	width: 25%;
	margin:0 auto 8px -4px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.prizeTab.first{
	margin:0 auto 8px 0;
}

.prizeTab tr th,.prizeTab tr td{
	padding: 5px;
	text-align: center;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	font: normal 13px/1.4 "微軟正黑體";
	color:#222;
}
.prizeTab tr th{
	background-color:#ffe3ee;
	display: table-cell;
}
.prizeTab.first tr th{
	display: table-cell;
}
.prizeTab.first tr .user,
.prizeTab tr .user{width:60px;}
.prizeTab.first tr .sn,
.prizeTab tr .sn{width:40px;}

.prizeTab tr td{
	height:47px;
	vertical-align: middle;
	word-wrap:break-word;
	word-break:break-all;
}
.prize1,.prize2{
	display:none;
}
.prize1Btn,.prize2Btn{
	width:9em;
	display: block;
	padding:4px 8px;
	border:3px solid #c4004a;
	margin:0 auto 8px;
	text-align: center;
	font: 700 15px/1.4 "微軟正黑體";
	color:#fff;
	background-color:#c4004a;
	border-radius:3px;
	box-shadow: 0 3px 0px #9c003b;
	cursor: pointer;
}

/*=== 桌機版 較小螢幕 =========================*/

/*當視窗最小寬度為992px，最大不管，套用這些CSS*/
@media (min-width: 992px){
.klg{display:block;}
.container .banner-l{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-l a{display:inline-block;margin:0;width:32%;}
.container .banner-l a img{ width:100%;display:block;border:0;}

.container .banner-2{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-2 a{display:block;margin:0;}
.container .banner-2 a img{ width:100%;display:block;border:0;}
.container .banner-2 a img.forPC{ width:100%;display:block;}
.container .banner-2 a img.forM{ display:none;}

.container .banner-3{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-3 {display:block;margin:0;}
.container .banner-3 img{ width:100%;display:block;border:0;cursor: default;}
.container .banner-3 img.forPC{ width:100%;display:block;}
.container .banner-3 img.forM{ display:none;}
.container .banner-3 .btnBox{
	margin:0 auto;
	padding:0 33px;
	overflow:hidden;

}
.container .banner-3 .btnBox .lineBox{
	text-align: right;
	background:url(images/btnBoxBg.jpg) left center repeat-x;}
.container .banner-3 .btnBox .lineBox a{
	display:inline-block;
}
.container .banner-3 .btnBox .lineBox .linkBtn1{margin-right:-4px;}
.container .banner-3 .btnBox .lineBox a img{
	display:block;
	border:0;
	cursor: pointer;
}
.container .banner-4{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-4 img{ width:100%;display:block;border:0;}
.container .banner-4 img.forPC{ width:100%;display:block;}
.container .banner-4 img.forM{ display:none;}

.ph{
	float:none;
	width:32%;
	height:370px;
	padding:0 0 10px 0 ;
	border:1px solid transparent;
	border-color:#FFF; background:#9d67b3;
	margin:0 auto 8px 2px;
	box-shadow:none;
	overflow:hidden;
	display:inline-block;
}
/*得獎名單*/
.prizeBox .prizeTitle{
	margin:-2% auto auto -15px;
}
.prizeBox .prizeTitle img{
	width: 158px;
	display: block;
}
.prizeTab{
	display: inline-table;
	width: 25%;
	margin:0 auto 8px -4px;
}
.prizeTab.first{
	margin:0 auto 8px 0;
}

.prizeTab tr th{
	display: table-cell;
}
.prizeTab.first tr th{
	display: table-cell;
}
.prizeTab.first tr .user,
.prizeTab tr .user{width:60px;}
.prizeTab.first tr .sn,
.prizeTab tr .sn{width:40px;}
}

/*當視窗最小寬度為768px，最大不管，套用這些CSS*/
@media (min-width: 768px){
#append-list{position:absolute; top:459px; left:0; right:0; float:left; background:#e0125a; border-bottom:1px solid #7D0D35; box-shadow:inset 0 -3px 6px 1px rgba(0,0,0,.4);}
#append-list .nav{float:none !important; margin:0 auto; width:970px;}
#append-list li{border:1px solid #AD164B;}
#append-list li b{display:none;}
#append-list li + li{border-left:0;}
#append-list li.heading + li{border-left:1px solid #0b273c;}
.setop #append-list .nav > li a:link, .setop #append-list .nav > li a:visited{font-size:24px; padding:17px 21px;font-weight:400; color:#FFE200;}
.setop #append-list .nav > li a:hover, #sale .setop #append-list .nav > li.sale01 a{background:url(images/append_grad.gif) repeat-x left top; text-shadow:0 2px 1px rgba(0,0,0,.4); text-decoration:none;}
.setop #append-list .nav > li a:hover, #free .setop #append-list .nav > li.free01 a{background:url(images/append_grad.gif) repeat-x left top; text-shadow:0 2px 1px rgba(0,0,0,.4); text-decoration:none;}
.setop #append-list .nav > li a:hover, #tw .setop #append-list .nav > li.tw01 a{background:url(images/append_grad.gif) repeat-x left top; text-shadow:0 2px 1px rgba(0,0,0,.4); text-decoration:none;}
.setop #append-list .nav > li a:hover, #htl .setop #append-list .nav > li.htl01 a{background:url(images/append_grad.gif) repeat-x left top; text-shadow:0 2px 1px rgba(0,0,0,.4); text-decoration:none;}
.setop #append-list .nav > li a:hover, #khh .setop #append-list .nav > li.khh01 a{background:url(images/append_grad.gif) repeat-x left top; text-shadow:0 2px 1px rgba(0,0,0,.4); text-decoration:none;}
.setop #append-list .nav > li a:hover, #news .setop #append-list .nav > li.news01 a{background:url(images/append_grad.gif) repeat-x left top; text-shadow:0 2px 1px rgba(0,0,0,.4); text-decoration:none;}
.setop #append-list .nav > li.heading{float:left; margin-right:0px; border:none;}
.setop #append-list .nav > li.heading span{display:block; padding:1em 0.5em; line-height:20px; color:#ffff5d; font-size:15px; font-weight:bold;}
.setop #append-list .nav > li.heading span:after{content:" "; display:inline-block; background:url(images/append_heading_arr.png) no-repeat 0 0; width:7px; height:12px; vertical-align:baseline; margin-left:8px;}
.setop #append-list .nav > li.disable a{color:#aaa;}
.setop #append-list .nav > li.disable a:hover{background:none; cursor:default;}
#location-menus .container{padding:0;}

/*--------------------------------------注意事項*/
.container .banner-mobil{display:none;}
.mobilecash .container h6, .fansdo .container h6, .newsitf .container h6, .newswifi .container h6, .newsgift .container h6, .app200 .container h6, .afp .container h6, .afp2 .container h6{display:none;}
.mobilecash .container li, .fansdo .container li, .newsitf .container li, .newswifi .container h6, .newsgift .container h6, .app200 .container li, .afp .container li, .afp2 .container li{ font-size:12px; font-family:"新細明體"; color:#565656; line-height:19px;}
.mobilecash .container ol, .fansdo .container ol, .newsitf .container ol, .newswifi .container h6, .newsgift .container h6, .app200 .container ol, .afp .container ol, .afp2 .container ol{list-style-position:outside;margin-left:20px; padding:0 40px;}
.afp .container .banner-mobil, .afp2 .container .banner-mobil{display: block;}
.afp h6, .afp2 h6{ display:none;}
.container .banner-l{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-l a{display:inline-block;margin:0;width:32%;}
.container .banner-l a img{ width:100%;display:block;border:0;}

.container .banner-2{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-2 a{display:block;margin:0;}
.container .banner-2 a img{ width:100%;display:block;border:0;}
.container .banner-2 a img.forPC{ width:100%;display:block;}
.container .banner-2 a img.forM{ display:none;}

.container .banner-3{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-3 {display:block;margin:0;}
.container .banner-3 img{ width:100%;display:block;border:0;cursor: default;}
.container .banner-3 img.forPC{ width:100%;display:block;}
.container .banner-3 img.forM{ display:none;}
.container .banner-3 .btnBox{
	margin:0 auto;
	padding:0 33px;
	overflow:hidden;

}
.container .banner-3 .btnBox .lineBox{
	text-align: right;
	background:url(images/btnBoxBg.jpg) left center repeat-x;}
.container .banner-3 .btnBox .lineBox a{
	display:inline-block;
}
.container .banner-3 .btnBox .lineBox .linkBtn1{margin-right:-4px;}
.container .banner-3 .btnBox .lineBox a img{
	display:block;
	border:0;
	cursor: pointer;
}
.container .banner-4{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-4 img{ width:100%;display:block;border:0;}
.container .banner-4 img.forPC{ width:100%;display:block;}
.container .banner-4 img.forM{ display:none;}

/*--------------------------------------現場搶便宜-保險*/
.fansdo .sq{display:none;}
.newsitf .sq{display:none;}
.newsitf .container p{ font-size:18px; color:#494949; font-family:"微軟正黑體"; width:89%; margin-left:60px; }
.itf-100list{margin:40px 0 20px 0; text-align:center;font-family:"微軟正黑體";}
.itf-100list strong{ font-size:28px; color:#0fb6ca; }
.itf-100list table{ width:540px; height:316px; text-align:center; margin:0 auto ; border:3px #0fb6ca solid;}
.itf-100list .tit{ font-size:24px; color:#FFF; background-color:#0fb6ca; font-weight:400; padding:2px auto;border-left-style:2px #ffffff dotted; }
.itf-100list .txt{ font-size:20px; color:#494949;}
.itf-100list .b{ background-color:#ededed;}
.itf-100list .txt td { border-right: 1px solid #f3f3f3;}
.newsitf .ps-note{display:none;}


}


/*當視窗最小寬度為768px，最大991px，套用這些CSS*/
@media (min-width: 768px) and (max-width: 991px){
.klg{display:none;}
.kmd{display:block;}	
#append-list{top:409px; padding:0;}
#append-list .nav{width:750px;}
.setop #append-list .nav > li a:link, .setop #append-list .nav > li a:visited{font-size:21px;padding:18px 10px;font-weight:400;}
.navbar-custom .navbar-nav > li > a{padding-left:6.8px; padding-right:6.9px; font-size:15px;}
.scroll2top:link, .scroll2top:visited{margin-left:720px;}
.newsitf .container p{ font-size:16px; color:#494949; font-family:"微軟正黑體"; width:89%; margin-left:45px; }
.newswifi .container p{ font-size:16px; color:#494949; font-family:"微軟正黑體"; width:89%; margin-left:45px; }
.newsgift .container p{ font-size:16px; color:#494949; font-family:"微軟正黑體"; width:89%; margin-left:45px; }
.itf-100list{margin:40px 0 20px 0; text-align:center;font-family:"微軟正黑體";}
.itf-100list strong{ font-size:28px; color:#0fb6ca; }
.itf-100list table{ width:540px; height:316px; text-align:center; margin:0 auto ; border:3px #0fb6ca solid;}
.itf-100list .tit{ font-size:24px; color:#FFF; background-color:#0fb6ca; font-weight:400; padding:2px auto;border-left-style:2px #ffffff dotted; }
.itf-100list .txt{ font-size:20px; color:#494949;}
.itf-100list .b{ background-color:#ededed;}
.itf-100list .txt td { border-right: 1px solid #f3f3f3;}
.container .push{ margin-left:50px;}
.container .banner-l{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-l a{display:inline-block;margin:0;width:32%;}
.container .banner-l a:first-child{margin:0;}
.container .banner-l a img{ width:100%;display:block;border:0;}

.container .banner-2{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-2 a{display:block;margin:0;}
.container .banner-2 a img{ width:100%;display:block;border:0;}
.container .banner-2 a img.forPC{ width:100%;display:block;}
.container .banner-2 a img.forM{ display:none;}

.container .banner-3{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-3 {display:block;margin:0;}
.container .banner-3 img{ width:100%;display:block;border:0;cursor: default;}
.container .banner-3 img.forPC{ width:100%;display:block;}
.container .banner-3 img.forM{ display:none;}
.container .banner-3 .btnBox{
	margin:0 auto;
	padding:0 33px;
	overflow:hidden;

}
.container .banner-3 .btnBox .lineBox{
	text-align: right;
	background:url(images/btnBoxBg.jpg) left center repeat-x;}
.container .banner-3 .btnBox .lineBox a{
	display:inline-block;
}
.container .banner-3 .btnBox .lineBox .linkBtn1{margin-right:-4px;}
.container .banner-3 .btnBox .lineBox a img{
	display:block;
	border:0;
	cursor: pointer;
}
.container .banner-4{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-4 img{ width:100%;display:block;border:0;}
.container .banner-4 img.forPC{ width:100%;display:block;}
.container .banner-4 img.forM{ display:none;}
/*得獎名單*/
.prizeBox .prizeTitle{
	margin:-2% auto auto -12px;
}
.prizeBox .prizeTitle img{
	width: 120px;
	display: block;
}
.prizeTab{
	display: table;
	width: 100%;
	margin:0 auto 8px 0;
}
.prizeTab.first{
	margin:0 auto 8px 0;
}

.prizeTab tr th{
	display: none;
}
.prizeTab.first tr th{
	display: table-cell;
}
.prizeTab.first tr .user,
.prizeTab tr .user{width:30%;}
.prizeTab.first tr .sn,
.prizeTab tr .sn{width:20%;}
}

/*for IOS用*/
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 768px) and (max-width: 991px){
#exotic .navbar-custom .navbar-nav > li.ribbon-right{margin-left:-130px; left:145px;}

}

/*=== 行種裝置版 Pad以下 =========================*/

/*當視窗最大寬度為768px，最小不管，套用這些CSS*/
@media (max-width: 767px) {
.ksm{display:block;}
.key-visual{padding-bottom:0;}
[id*="anc_"]{position:relative; display:block; height:0; top:-80px;}
.key-visual .container{padding:0;}
.dropdown.yamm-fw .dropdown-menu{ text-align:left;}
.dropdown.yamm-fw .dropdown-menu li{float:none; display:block;}
.fixing .navbar.yamm{width:100%;}
.fixing .key-visual + .container:before{height:40px;}

.setop #append-list .nav > li.disable{display:none;}
.setop #append-list .nav > li.heading{display:none;}
.setop #append-list .navbar-nav{margin-bottom:0;}
.setop #append-list{background:#fefff4;}
.setop #append-list .nav > li{border-bottom:1px solid #f7e6e9; background:url(images/location_arr.png) no-repeat 87% 52%;}
.setop #append-list .nav > li b{content:" "; display:inline-block; width:32px; height:32px; background:url(images/location_icon.png) no-repeat 0 0; margin-right:.75em; vertical-align:middle;}
.setop #append-list .nav > li.newyear b{background-position:0 0;}
.setop #append-list .nav > li.d228 b{background-position:-32px 0;}
.setop #append-list .nav > li.april b{background-position:-64px 0;}
.setop #append-list .nav > li.labor b{background-position:-96px 0;}
.setop #append-list .nav > li.dragon b{background-position:-128px 0;}
.setop #append-list .nav > li.moon b{background-position:-160px 0;}
.setop #append-list .nav > li:last-child b{background-position:-192px 0;}

#location-menus #navbar-collapse-menus{background:#ffe5f2;}
#location-menus #navbar-collapse-menus:before{display:none;}
#location-menus .navbar-header{height:40px; overflow:hidden;}
#location-menus #navbar-collapse-menus{margin:0 -16px;}
#location-menus{background:url(images/drop_bg.gif) repeat-x left top;}
#location-menus .navbar-brand{font-size:23px; font-weight:bold; padding:10px 15px 0;}
.navbar-custom .navbar-nav > li{width:50%; float:left; border:none;}
.navbar-custom .navbar-nav > li > a{background:#ffe5f2; color:#780a3e; border-top:none; border-bottom:1px solid #f7e6e9; padding:15px 10px; border-left:0; border-right:0;}
.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus,
.navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus{background:#ffe5f2; border-top:none; text-decoration:underline; padding-bottom:15px;}
.navbar-custom .navbar-nav > li > a:after{display:none !important;}
#location-menus .navbar-nav > li > a:before{content:" "; display:inline-block; width:19px; height:19px; background:url(images/triangle.png) no-repeat 0 0; margin-right:3px; vertical-align:top;}
.navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus{color:#fff; background-color:transparent;}
.navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
.navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus{color:#780a3e; background-color:#ffe5f2;}
#location-menus .dropdown.opened .dropdown-menu{background:#fefff4; padding:0;}
#location-menus .dropdown .dropdown-menu{text-align:left;}
#location-menus .dropdown .dropdown-menu li{}
#location-menus .dropdown .dropdown-menu li a:link, #location-menus .dropdown-menu li a:visited{color:#780a3e; font-size:15px;}
#location-menus .dropdown .dropdown-menu li a:hover,
#location-menus .dropdown .dropdown-menu li a:active,
#location-menus .dropdown .dropdown-menu li a:focus{background:#fefff4; color:#780a3e; text-decoration:underline;}
#location-menus .dropdown.opened.open > a{background:#fefff4; color:#780a3e;}
#location-menus .dropdown.opened.open > a:before{background-position:0 -19px;}
.second-anchor{margin:0 -16px; text-align:left;}
.second-anchor a:link, .second-anchor a:visited, .second-anchor strong{margin:4px 6px; font-size:13px;}
.second-anchor strong{display:inline-block; font-size:15px; margin:3px 5px; border:0; color:#333333;}
.scroll2top:link, .scroll2top:visited, .scroll2top:hover{margin-left:0; bottom:0; right:0; width:100px; height:41px; background:url(images/top_badge_sm.png) no-repeat 0 0;}

.cms{padding-top:0;}
.cms .col-md-12{padding:0;}
.carrier{padding:0;}
.carrier h4{border-right-width:10px;}
.carrier li a .price{display:block; float:none; text-align:right; margin-right:5px;}
.container .banner-l{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-l a{display:inline-block;margin:0;width:32%;}
.container .banner-l a:first-child{margin:0;}
.container .banner-l a img{ width:100%;display:block;border:0;}

.container .banner-2{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-2 a{display:block;margin:0;}
.container .banner-2 a img{ width:100%;display:block;border:0;}
.container .banner-2 a img.forPC{ width:100%;display:none;}
.container .banner-2 a img.forM{ display:block;}

.container .banner-3{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-3 {display:block;margin:0;}
.container .banner-3 img{ width:100%;display:block;border:0;cursor: default;}
.container .banner-3 img.forPC{ width:100%;display:none;}
.container .banner-3 img.forM{ display:block;}
.container .banner-3 .btnBox{
	margin:0 auto;
	padding:0 10px 0 18px;
	overflow:hidden;

}
.container .banner-3 .btnBox .lineBox{
	text-align: right;
	background:url(images/btnBoxBg.jpg) left center repeat-x;}
.container .banner-3 .btnBox .lineBox a{
	display:inline-block;
}
.container .banner-3 .btnBox .lineBox .linkBtn1{margin-right:-4px;}
.container .banner-3 .btnBox .lineBox a img{
	display:block;
	border:0;
	cursor: pointer;
}
.container .banner-4{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-4 img{ width:100%;display:block;border:0;}
.container .banner-4 img.forPC{ width:100%;display:none;}
.container .banner-4 img.forM{ display:block;}

.sportsale .banner-s{display: block; text-align:center;}
.sportsale .banner-s img{ width:94%;}
.fansdo sq, .sq{ display:block; background-color:#013662; padding:3px 0 3px 10px; color:#FFF; margin-bottom:20px; font-size:22px; font-family:"微軟正黑體"; font-weight:400; width:100%; text-align:left }
.banner-mobil{ display:block; }
.container .imgcont{ display: none;}

/*banner+cont+注意事項*/
.container .banner-mobil h5{ font-size:20px; color:#FFF; width:100%; background-color:#0880de; text-align:center; font-weight:500; padding:3px 0; margin-bottom:10px;font-family:"微軟正黑體";}
.container .banner-mobil .info-tit{ font-size:18px; color:#ff7c00; font-weight:500;font-family:"微軟正黑體";}
.container .banner-mobil p{color:#706e6e; font-size:15px; font-family:"微軟正黑體";}
.container .banner-mobil img, .app200 .banner-mobil img{ width:100%; text-align:center;}
.container .banner-mobil h6, .mobilecash .container h6, .fansdo .container h6, .newsitf .container h6, .newswifi .container h6, .newsgift .container h6, .app200 .container h6, .afp .container h6, .afp2 .container h6{ font-size:20px; color:#585858; width:100%; text-align:center; font-weight:500; padding:2px 0; margin-bottom:10px;font-family:"微軟正黑體"; border:1px #585858 solid; margin:20px 0 10px 0;}
.container .banner-mobil li, .mobilecash .container li, .fansdo .container li, .newsitf .container li, .newswifi .container h6, .newsgift .container h6, .app200 .container li, .afp .container li, .afp2 .container li{ font-size:12px; font-family:"新細明體"; color:#565656; line-height:19px;}
.container .banner-mobil ol, .mobilecash .container ol, .fansdo .container ol, .newsitf .container ol, .newswifi .container h6, .newsgift .container h6, .app200 .container ol, .afp .container ol, .afp2 .container ol{list-style-position:outside;margin-left:20px; }
.banner-cont{ margin-top:-120px; display:block; height:10px; float:left;}
.sportsale .banner-cont{ margin-top:-10px; display:block; height:10px; float:left;}
.mobilecash .container .noteapp, .fansdo .container .noteapp, .newsitf .container .noteapp, .newswifi .container .noteapp, .newsgift .container .noteapp, .app200 .container .noteapp, .afp .container .noteapp, .afp2 .container .noteapp{ display:none;}
.mobilecash .container .second-anchor strong, .newsitf .container .second-anchor strong, .newswifi .container .second-anchor strong, .newsgift .container .second-anchor strong, .itfnews .container .second-anchor strong, .app200 .container .second-anchor strong{ font-size:0;}
.mobilecash .container .second-anchor, .itfnews .container .second-anchor, .newsitf .container .second-anchor, .app200 .container .second-anchor{ height:0; }

.newsitf .container p{ font-size:16px; color:#494949; font-family:"微軟正黑體"; width:97%; margin-left:10px; }
.newsitf .ps-note{display: block; text-align:right; margin-right:10px;}
.newswifi .container p{ font-size:16px; color:#494949; font-family:"微軟正黑體"; width:97%; margin-left:10px; }
.newswifi .ps-note{display: block; text-align:right; margin-right:10px;}
.newsgift .container p{ font-size:16px; color:#494949; font-family:"微軟正黑體"; width:97%; margin-left:10px; }
.newsgift .ps-note{display: block; text-align:right; margin-right:10px;}
.itf-100list{margin:40px 0 20px 0; text-align:center;font-family:"微軟正黑體";}
.itf-100list strong{ font-size:28px; color:#0fb6ca; }
.itf-100list table{ width:417px; height:322px; text-align:center; margin:0 auto ; border:3px #0fb6ca solid;}
.itf-100list .tit{ font-size:22px; color:#FFF; background-color:#0fb6ca; font-weight:400; padding:2px auto;border-left-style:2px #ffffff dotted; }
.itf-100list .txt{ font-size:17px; color:#494949;}
.itf-100list .b{ background-color:#ededed;}
.itf-100list .txt td { border-right: 1px solid #f3f3f3;}
.mobilecash .navbar, .newsitf .navbar, .itfnews .navbar, .app200 .navbar{min-height:0;}
.container .push{ display:block;}
.push-tit{ display:none;}
.afp .container .push{ display:none;}


/*--現場搶便宜-台北國際旅展 資訊 --*/
.newsitf .container .itf-time{ display:none;}
.container .itf-time-s{ display: block;}

/*c23模組*/
.carrier li a:link, .carrier li a:visited{display:block; color:#4d4d4d; padding: 12px 15px 15px 15px; font-family:"微軟正黑體"; font-size:14px;}
.carrier li a:hover{background:#fef4fd; text-decoration:none; color:#6e654a;}
.carrier li a strong{color:#7d72e2; font-size:18px; display:block; line-height:1.6;width:76%; }
.cms .price{ font-size:14px; font-weight:bold; font-family:"Arial Black", Gadget, sans-serif;padding: 1px 10px 0 20px;}
.cms .price span, .price var {font-size:20px; font-family:"Arial Black", Gadget, sans-serif; font-style:italic;}
.cms .price span:after{content:""; display:inline; font-size:15px; position:relative; top:-1px; font-weight: 700; font-family:"微軟正黑體";}
.htl .carrier li.box-head, .htl .carrier li.box-head, .tkt .carrier li.box-head, .hdp .carrier li.box-head, .afp .carrier li.box-head, .afp2 .carrier li.box-head{display: block !important; background: #eeeeee none repeat scroll 0 0; border-color: #7d72e2; border-style: solid; border-width: 0 0 0 10px; margin-bottom: 10px;margin: 0 auto 10px; width: 95%;}
.htl .carrier li.box-head strong, .htl .carrier li.box-head strong, .tkt .carrier li.box-head strong, .hdp .carrier li.box-head strong, .afp .carrier li.box-head strong, .afp2 .carrier li.box-head strong { background: #fff none repeat scroll 0 0; color: #ec2b91; font-size: 15px; font-weight: 200; margin-bottom: -10px; margin-top: -10px; padding: 0 20px; background: none; width: 100%;}
/*.afp .carrier li.box-head{display: block !important; background: #eeeeee none repeat scroll 0 0; border-color: #7d72e2; border-style: solid; border-width: 0 0 0 10px; margin-bottom: 10px;}
.afp .carrier .box-head a{pointer-events: none; cursor: default;}/*第一則連結不要，IE 11以下不支援*/
/*.afp .carrier li.box-head a:hover{ background:none;}
.afp .carrier li.box-head a:visited, afp .carrier li.box-head a:link{pointer-events: none; cursor:default;}/*第一則連結不要，IE 11以下不支援*/
/*.afp .carrier li.box-head img {display: none; }
.afp .carrier li.box-head q, .afp .carrier li.box-head span{display: none; }
.afp .carrier li.box-head strong{ background: #fff none repeat scroll 0 0; color: #ec2b91; font-size: 17px; font-weight: 200; margin-bottom: -10px; margin-top: -10px; padding: 0 20px; background: none;}*/
.afp-spnote{display:none;}

/*旅展最低價-國外訂房....產品注意事項*/
.htl .container .htl-spnote{ display:block;}
.htl-spnote{ width:100%; text-align:center;  float:none;}
.htl-spnote .macau, .htl-spnote .tokyo{ background:#7d72e2; padding:5px 2px;border-radius:10px; margin-top:20px; width:100%; float:none;}
.htl-spnote .macau span, .htl-spnote .tokyo span{ color:#FFF; font-size:19px; font-weight:400; font-family:"微軟正黑體"; }
.htl-spnote .macau p, .htl-spnote .tokyo p{ background:#FFFFFF;border-radius:10px; text-align:left; padding:8px 15px;color:#434343; font-size:15px; font-family:"微軟正黑體"; }
.htl-spnote .tokyo{ margin-left:0;}
.htl-spnote .macau p:after{content:"."; display:block; clear:both; line-height:0; height:0; visibility:hidden;}

.ph{
	float:none;
	width:47%;
	height:370px;
	padding:0 0 10px 0 ;
	border:1px solid transparent;
	border-color:#FFF; background:#9d67b3;
	margin:0 auto 8px 8px;
	box-shadow:none;
	overflow:hidden;
	display:inline-block;
}
/*得獎名單*/
.prizeBox .prizeTitle{
	margin:-2% auto auto -12px;
}
.prizeBox .prizeTitle img{
	width: 120px;
	display: block;
}
.prizeTab{
	display: table;
	width: 100%;
	margin:0 auto 8px 0;
}
.prizeTab.first{
	margin:0 auto 8px 0;
}

.prizeTab tr th{
	display: none;
}
.prizeTab.first tr th{
	display: table-cell;
}
.prizeTab.first tr .user,
.prizeTab tr .user{width:30%;}
.prizeTab.first tr .sn,
.prizeTab tr .sn{width:20%;}


}




/*當視窗最大寬度為767px，而且視窗為橫向，套用這些CSS*/
@media (max-width: 767px) and (orientation: landscape) {
.navbar-custom .navbar-nav > li{width:25%;}
.navbar-custom .navbar-nav > li > a{padding:15px 3px; font-size:13px;}
.newsitf .ps-note{display: block; text-align:right; }
.itf-100list strong{ font-size:28px; color:#0fb6ca; }
.itf-100list table{ width:417px; height:322px; text-align:center; margin:0 auto ; border:3px #0fb6ca solid; }
.itf-100list .tit{ font-size:22px; color:#FFF;  }
.itf-100list .txt{ font-size:17px; color:#494949;}
.container .push{ display:block;}
.afp .container .push, .afp2 .container .push{ display:none;}
.push-tit{ display:none;}
.mobilecash .navbar, .newsitf .navbar, .itfnews .navbar, .app200 .navbar{min-height:0;}
.container .banner-l{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-l a{display:inline-block;margin:0;width:32%;}
.container .banner-l a:first-child{margin:0;}
.container .banner-l a img{ width:100%;display:block;border:0;}
.container .banner-2{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-2 a{display:block;margin:0;}
.container .banner-2 a img{ width:100%;display:block;border:0;}
.container .banner-2 a img.forPC{ width:100%;display:none;}
.container .banner-2 a img.forM{ display:block;}

.container .banner-3{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-3 {display:block;margin:0;}
.container .banner-3 img{ width:100%;display:block;border:0;cursor: default;}
.container .banner-3 img.forPC{ width:100%;display:none;}
.container .banner-3 img.forM{ display:block;}
.container .banner-3 .btnBox{
	margin:0 auto;
	padding:0 10px 0 18px;
	overflow:hidden;

}
.container .banner-3 .btnBox .lineBox{
	text-align: right;
	background:url(images/btnBoxBg.jpg) left center repeat-x;}
.container .banner-3 .btnBox .lineBox a{
	display:inline-block;
}
.container .banner-3 .btnBox .lineBox .linkBtn1{margin-right:-4px;}
.container .banner-3 .btnBox .lineBox a img{
	display:block;
	border:0;
	cursor: pointer;
}
.container .banner-4{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-4 img{ width:100%;display:block;border:0;}
.container .banner-4 img.forPC{ width:100%;display:none;}
.container .banner-4 img.forM{ display:block;}


/*旅展最低價-國外訂房....產品注意事項*/
.htl .container .htl-spnote{ display:block;}
.htl-spnote{ width:100%; text-align:center;  float:none;}
.htl-spnote .macau, .htl-spnote .tokyo{ background:#7d72e2; padding:5px 2px;border-radius:10px; margin-top:20px; width:100%; float:none;}
.htl-spnote .macau span, .htl-spnote .tokyo span{ color:#FFF; font-size:17px; font-weight:400; font-family:"微軟正黑體"; }
.htl-spnote .macau p, .htl-spnote .tokyo p{ background:#FFFFFF;border-radius:10px; text-align:left; padding:8px 15px;color:#434343; font-size:13px; }
.htl-spnote .tokyo{ margin-left:0;}
.htl-spnote .macau p:after{content:"."; display:block; clear:both; line-height:0; height:0; visibility:hidden;}
.ph{
	float:none;
	width:46%;
	height:370px;
	padding:0 0 10px 0 ;
	border:1px solid transparent;
	border-color:#FFF; background:#9d67b3;
	margin:0 auto 8px auto;
	box-shadow:none;
	overflow:hidden;
	display:inline-block;
}

}


/*=== 行種裝置版 手機樣式 =========================*/

/*當視窗最大寬度為479px，最小不管，套用這些CSS*/
@media (max-width: 479px){
.ksm{display:none;}
.kxs{display:block;}
.setop #append-list .nav > li:last-child{border-width:5px;}
.newsitf .ps-note img{display: block; text-align: right; width:110%;}
.newswifi .ps-note img{display: block; text-align: right; width:110%;}
.newsgift .ps-note img{display: block; text-align: right; width:110%;}
.itf-100list strong{ font-size:26px;  }
.itf-100list table{ width:100%; height:290px;}
.itf-100list .tit{ font-size:18px;}
.itf-100list .txt{ font-size:15px; }
.container .push{ display:block;}
.afp .container .push, .afp2 .container .push{ display:none;}
.push-tit{ display:none;}
.mobilecash .navbar, .newsitf .navbar, .newswifi .navbar, .newsgift .navbar, .itfnews .navbar, .app200 .navbar{min-height:0;}
.container .banner-l{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-l a{display:block;margin:-22px auto 0;width:300px;}
.container .banner-l a:first-child{margin:0 auto;}
.container .banner-l a img{ width:100%;display:block;border:0;}
.container .banner-2{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-2 a{display:block;margin:0;}
.container .banner-2 a img{ width:100%;display:block;border:0;}
.container .banner-2 a img.forPC{ width:100%;display:none;}
.container .banner-2 a img.forM{ display:block;}

.container .banner-3{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-3 {display:block;margin:0;}
.container .banner-3 img{ width:100%;display:block;border:0;cursor: default;}
.container .banner-3 img.forPC{ width:100%;display:none;}
.container .banner-3 img.forM{ display:block;}
.container .banner-3 .btnBox{
	margin:0 auto;
	padding:0 10px 0 18px;
	overflow:hidden;

}
.container .banner-3 .btnBox .lineBox{
	text-align: right;
	background:url(images/btnBoxBg.jpg) left center repeat-x;}
.container .banner-3 .btnBox .lineBox a{
	display:inline-block;
}
.container .banner-3 .btnBox .lineBox .linkBtn1{margin-right:-4px;}
.container .banner-3 .btnBox .lineBox a img{
	display:block;
	border:0;
	width:64px;
	cursor: pointer;
}
.container .banner-4{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-4 img{ width:100%;display:block;border:0;}
.container .banner-4 img.forPC{ width:100%;display:none;}
.container .banner-4 img.forM{ display:block;}

/*c23模組*/
.carrier li a:link, .carrier li a:visited{display:block; color:#4d4d4d; padding: 8px 15px 8px 15px; font-family: "新細明體"; font-size:12px; width:76%; }
.carrier li a:hover{background:#fef4fd; text-decoration:none; color:#6e654a;}
.carrier li a strong{color:#7d72e2; font-size:16px; display:block; line-height:1.5; width: 100%; }
.cms .price{ font-family: "Arial Black",Gadget,sans-serif; font-size: 14px; font-weight: bold; height: 100%; padding: 18px 10px; }
.cms .price span, .price var { font-size:18px; font-family:"Arial Black", Gadget, sans-serif;}
.cms .price span:after{content:""; display:inline; font-size:13px; position:relative; top:-1px; font-weight: 700; font-family:"微軟正黑體";}
/*-C23第一則開啟-*/
.htl .carrier li.box-head, .htl .carrier li.box-head, .tkt .carrier li.box-head, .hdp .carrier li.box-head, .afp .carrier li.box-head, .afp2 .carrier li.box-head{display: block !important; background: #eeeeee none repeat scroll 0 0; border-color: #7d72e2; border-style: solid; border-width: 0 0 0 8px; margin-bottom: 10px;margin: 0 auto 10px; width: 95%;}
.htl .carrier li.box-head strong, .htl .carrier li.box-head strong, .tkt .carrier li.box-head strong, .hdp .carrier li.box-head strong, .afp .carrier li.box-head strong, .afp2 .carrier li.box-head strong{ background: #fff none repeat scroll 0 0; color: #ec2b91; font-size: 15px; font-weight: 200; margin-bottom: -10px; margin-top: -10px; padding: 8px 4px; background: none; width: 100%;}
.htl .carrier li.box-head a:link, .htl .carrier li.box-head a:link, .tkt .carrier li.box-head a:link, .hdp .carrier li.box-head a:link, .htl .carrier li.box-head a:visited, .htl .carrier li.box-head a:visited, .tkt .carrier li.box-head a:visited, .hdp .carrier li.box-head a:visited, .afp .carrier li.box-head a:link, .afp .carrier li.box-head a:visited, .afp2 .carrier li.box-head a:link, .afp2 .carrier li.box-head a:visited{ cursor:default; width:100%;}


/*旅展最低價-國外訂房....產品注意事項*/
.htl .container .htl-spnote{ display:block;}
.htl-spnote{ width:100%; text-align:center; margin-top:20px; float:none;}
.htl-spnote .macau, .htl-spnote .tokyo{ background:#7d72e2; padding:5px 2px;border-radius:10px;margin-top:20px; width:100%; float:none;}
.htl-spnote .macau span, .htl-spnote .tokyo span{ color:#FFF; font-size:17px; font-weight:400; font-family:"微軟正黑體";}
.htl-spnote .macau p, .htl-spnote .tokyo p{ background:#FFFFFF;border-radius:10px; text-align:left; padding:8px 13px;color:#434343; font-size:13px;}
.htl-spnote .tokyo{ margin-left:0;}
.htl-spnote .macau p:after{content:"."; display:block; clear:both; line-height:0; height:0; visibility:hidden;}

.ph{
	float:none;
	width:90%;
	height:auto;
	padding:0 0 10px 0 ;
	border:1px solid transparent;
	border-color:#FFF; background:#9d67b3;
	margin:0 auto 8px auto;
	box-shadow:none;
	overflow:hidden;
	display:block;
}

/*得獎名單*/
.prizeBox .prizeTitle{
	margin:-2% auto auto -12px;
}
.prizeBox .prizeTitle img{
	width: 120px;
	display: block;
}
.prizeTab{
	display: table;
	width: 100%;
	margin:0 auto 8px 0;
}
.prizeTab.first{
	margin:0 auto 8px 0;
}

.prizeTab tr th{
	display: none;
}
.prizeTab.first tr th{
	display: table-cell;
}
.prizeTab.first tr .user,
.prizeTab tr .user{width:25%;}
.prizeTab.first tr .sn,
.prizeTab tr .sn{width:20%;}
}



/*當視窗最大寬度為360px，最小不管，套用這些CSS*/
@media (max-width: 360px){
#append-btn:after{content:"選單";}
.container .banner-l{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-l a{display:block;margin:-22px auto 0;width:300px;}
.container .banner-l a:first-child{margin:0 auto;}
.container .banner-l a img{ width:100%;display:block;border:0;}
.container .banner-2{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-2 a{display:block;margin:0;}
.container .banner-2 a img{ width:100%;display:block;border:0;}
.container .banner-2 a img.forPC{ width:100%;display:none;}
.container .banner-2 a img.forM{ display:block;}

.container .banner-3{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-3 {display:block;margin:0;}
.container .banner-3 img{ width:100%;display:block;border:0;cursor: default;}
.container .banner-3 img.forPC{ width:100%;display:none;}
.container .banner-3 img.forM{ display:block;}
.container .banner-3 .btnBox{
	margin:0 auto;
	padding:0 10px 0 18px;
	overflow:hidden;

}
.container .banner-3 .btnBox .lineBox{
	text-align: right;
	background:url(images/btnBoxBg.jpg) left center repeat-x;}
.container .banner-3 .btnBox .lineBox a{
	display:inline-block;
}
.container .banner-3 .btnBox .lineBox .linkBtn1{margin-right:-4px;}
.container .banner-3 .btnBox .lineBox a img{
	display:block;
	border:0;
	width:64px;
	cursor: pointer;
}
.container .banner-4{margin-top:20px; border:0; cursor: pointer;text-align: center; }
.container .banner-4 img{ width:100%;display:block;border:0;}
.container .banner-4 img.forPC{ width:100%;display:none;}
.container .banner-4 img.forM{ display:block;}

.ph{
	float:none;
	width:290px;
	height:370px;
	padding:0 0 10px 0 ;
	border:1px solid transparent;
	border-color:#FFF; background:#9d67b3;
	margin:0 auto 8px auto;
	box-shadow:none;
	overflow:hidden;
}
/*得獎名單*/
.prizeBox .prizeTitle{
	margin:-2% auto auto -15px;
}
.prizeBox .prizeTitle img{
	width: 120px;
	display: block;
}
.prizeTab{
	display: table;
	width: 100%;
	margin:0 auto 8px 0;
}
.prizeTab.first{
	margin:0 auto 8px 0;
}

.prizeTab tr th{
	display: none;
}
.prizeTab.first tr th{
	display: table-cell;
}
.prizeTab.first tr .user,
.prizeTab tr .user{width:30%;}
.prizeTab.first tr .sn,
.prizeTab tr .sn{width:20%;}
}








