@charset "utf-8";/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Merriweather:700);
@import url(http://fonts.googleapis.com/css?family=Crimson+Text:400,700);
*{font-size:16px;}
body,div,ul,ol,li,h1,h2,h3,h4,p,tr,td,img,a{margin: 0 auto; padding: 0; font-family:vedenda,\5FAE\8EDF\6B63\9ED1\9AD4, Helvetica, sans-serif, "新細明體";}
body{ -webkit-text-size-adjust:100%; background:url(images/bg.jpg) repeat;width:100%;}
a img, img{vertical-align:top; text-decoration:none; border:0;}
ul{list-style:none;}
a{text-decoration:none; outline:none;}
hr{ border:none; +border:none; background:url(images/hr.jpg) no-repeat; display:block; height:24px; margin:20px -29px 20px -29px; clear:both;}
*:focus{outline:none;}
*::-moz-focus-inner{border:none; outline:none;}
.time font{font-family:'Merriweather', serif;}
.one{font-family:'Crimson Text', serif;}

h3{ line-height:43px; background-color:#067fcc; color:#fff; font-size:1.3125em; padding:0 12px; float:left; margin:0 0 20px 30px; position:relative;}
h3:before{ content:""; background:url(images/h1_b.jpg) no-repeat; width:30px; height:43px; position:absolute; left:-30px;}
h3:after{ content:""; background:url(images/h1_a.png) no-repeat; width:47px; height:43px; position:absolute; right:-47px;}

p{ font-size:0.97em; line-height:1.875em; text-align:justify;}

.l{float:left;}
.r{float:right;}
table{ margin:auto; vertical-align:middle; font-size:15px; line-height:30px;}
th{ background-color:#09f; color:#fff; text-align:center; vertical-align:middle; line-height:40px;}
td{ background-color:#fff; text-align:center; vertical-align:middle; border-bottom: solid 1px #09f; line-height:40px;}
.sec{ border:none;}
.sect th { border-bottom: solid 1px #09f;}
.sec td { border-bottom: solid 1px #09f;}
.sec td a , .sec td a:visited{ padding:5px; background-color:#369; color:#fff; border-radius:5px; -webkit-border-radius:5px;}
.sec td a:hover{ background-color:#69c; color:#FFC;}
.nb{ border-bottom:none !important;}

/*.content{ margin:0 auto; padding:0; width:100%; background:url(images/bg.jpg) repeat-y center top , #ede7d4;}	*/
.content{ margin:0 auto; padding:0; display:block;}
/*大圖輪撥*/
.main-slide{position:relative; width:100%; background:url(images/bg_header.jpg) no-repeat left top;}
/*.movie{margin:auto; width:1280px; left:50%; margin-left:-640px; +left:0; +margin-left:auto;}*/
.film img{display:block; border:none;}
.film:after{content:"."; display:block; clear:both; line-height:0; height:0; visibility:hidden;}
.pager{margin:0; padding:0; width:100%; height:24px; text-align:center; position:absolute; z-index:999; top:300px;}
.pager li{display:inline-block; width:24px; height:24px; background:url(images/li.png) no-repeat; cursor:pointer;}
.pager li.active{background:url(images/li_ac.png) no-repeat;}

/*【 FIX 選單 】*/
.menus-box{height:70px; background:url(images/bg_m.jpg) repeat-x left top;width:100%;text-align: center;}
.menus{max-width:960px; list-style-type:none; margin:0 auto; padding:0;text-align: center;display:block;}
.menus:after{content:""; display:block; clear:both; line-height:0; height:0; visibility:hidden;}
.menus li{display:inline-block;margin:0 0 0 -4px;width:20%;position:relative;}
.menus > li:first-child{margin:0;}
.menus li > a:link, .menus li > a:visited{width:100%;display:block; text-decoration:none; text-align:center;line-height:2.88em; color:#fff; font-size:1.5em; background:url(images/menu.jpg) no-repeat center 0;}
.menus li > a:hover, .menus li.current >  a{ background-position:center -70px;}

/*【 三層手風琴 MENU】*/
.sub{display:none; position:absolute; z-index:3000 !important;width:100%;margin-left:4px;}
.menus li:hover .sub{display:block;}
.sub ul{padding:0;width:100%;display:block;}
.sub li{float:none;display:block;width:100%;}
.sub li a:link, .sub li a:visited{background:url(images/sub.jpg) no-repeat 0 0; font-size:1.125em; line-height:40px;display:block;}
.sub li a:hover{ background-position:0 -40px;}
.sub li ul{display:none; padding:10px 0; background:#0c4561; }
.sub li ul li a:link, .sub li ul li a:visited{font-size:1em; line-height:2em; text-align:left; margin:0 -8px 0 8px; color:#26908f; background:none;display:block;}
.sub li ul li a:hover{color:#fff600;}

/* 釘住時 */
.fixing .menus{width:960px;position:fixed; top:0; left:50%; margin-left:-480px; z-index:1688; box-shadow:0 2px 3px 0 rgba(64,64,64,.4);}
.anchor{position:relative; top:-115px; display:block; /*width:200px; height:2px; background:#c00;*/}


/*推薦行程-行程總覽第二層*/
.menu-sec2{width:950px; height:50px; padding:0 0 0 35px;}
.overview-menu li{ list-style:none; float:left; margin-left:12px;}
.overview-menu a{ font-size:20px; font-weight:bold; color:#29b891; font-family:"微軟正黑體"; padding:7px 14px; border:1px solid #29b891;}
.overview-menu a:hover,
.pd-hk .menu-sec2 .overview-menu .menu-hk a,
.pd-okinawa .menu-sec2 .overview-menu .menu-okinawa a,
.pd-okinawa1 .menu-sec2 .overview-menu .menu-okinawa1 a,
.pd-okinawa1 .menu-sec2 .overview-menu .menu-janet a:hover,
.pd-jp .menu-sec2 .overview-menu .menu-jp a,
.pd-cjk .menu-sec2 .overview-menu .menu-cjk a{text-decoration:none; color:#FFF; background-color:#29b891;}



/*推薦行程*/
.center{max-width:960px; padding:24px 29px 0 29px; margin:0 auto; background-color:#fff; border:solid 1px #e7e0cc; border-top:0; border-bottom:0; overflow:hidden;box-sizing: border-box;}
.title{margin:0 -29px 35px -29px;}
.titleText{margin:0 auto ;max-width:960px;font:bold 18px/1.4 "微軟正黑體"; color:#017687; text-align: left;}
.date{clear:both; margin-bottom:16px; overflow:hidden;}
.date h2{background:url(images/date.jpg) no-repeat left center; color:#fff; width:96px; line-height:30px; padding-left:20px;margin-right:5px; display:block; float:left;text-align: left;}
.date li{border-right:solid 1px #ccc; float:left; padding:0 5px; margin-bottom:8px;}
.date a:link,.date a:visited{line-height:18px; display:block; padding:5px 12px; color:#000;}
.date a:hover{ color:#C30;}
.select a{color:#FFC !important;background-color:#F60; border-radius:5px; -webkit-border-radius:5px;}
.p_t1{background:url(images/date_table_01.jpg) repeat-x; color:#fff; font-size:21px; line-height:46px;}
.p_t2{background:url(images/date_table_02.jpg) no-repeat; color:#fff;}
.p_t3{background:url(images/date_table_03.jpg) no-repeat; color:#fff; text-align:left; vertical-align:middle; padding-left:12px; font-size:22px;font-weight:bold;}
.notice{clear:both; margin:20px -29px 16px -29px; padding-left:29px; background:url(images/notice_rep.jpg) repeat-y;}
.notice:before{background:url(images/notice_t.jpg) no-repeat; content:''; display:block; height:22px;}
.notice:after{background:url(images/notice_b.jpg) no-repeat; content:''; display:block; height:11px;}
.notice > p{font:normal 15px/1.4 "微軟正黑體";color:#333;display:block;clear: both;padding:8px 12px 8px;}
.notice > p b{color:#00275c;}
.notice > ul{list-style-image:url(images/arrow2.png); clear:both; padding:0 29px 24px 29px; overflow:hidden;}
.notice > ul > li{line-height:30px; padding-left:5px;text-align: left;}

.notice ol{list-style-type:decimal;clear:both; padding:0 29px 24px 29px;text-align: left;}
.notice ol>li{
	font:normal 15px/1.4 "微軟正黑體";
	color:#333;
	padding:0 0 8px 0;
	list-style-image:none;
}
.notice ul>li b,
.notice ol>li b{
	font-weight: 700;
	color:#00275c;
}
.notice ul>li h6,
.notice ol>li h6{
	font:bold 15px/1.4 "微軟正黑體";
	color:#333;
	padding:5px 0 0 15px;	
}
.notice ul>li>ol,
.notice ol>li>ol{
	list-style-type:lower-alpha;clear:both; padding:5px 29px;	
}
.notice ol>li>ol>li{
	font:normal 13px/1.4 "微軟正黑體";
	color:#333;
	padding:0 0 5px 0;
}
.notice ol>li>p{font:normal 13px/1.4 "微軟正黑體";color:#002d5b;display:block;clear: both;padding:0 0 4px 24px;}
.notice ul>li>p{font:normal 13px/1.4 "微軟正黑體";color:#002d5b;display:block;clear: both;padding:0 0 4px 1em;}

.notice ul>li>h6{display:block;clear: both;padding:0 0 4px;}

.bus{clear:both; padding-top:5px;}
.bus p{clear:both; margin-bottom:20px; line-height:24px;}

/*黃金公主號*/
.title2{margin:-24px -29px 0 -29px; padding-bottom:25px; background:url(images/title_d.jpg) repeat-x bottom left;}
.s1_bg{background:url(images/s1_bg_video.jpg) no-repeat; height:775px; margin-left:-29px; position:relative;}
.s1_bg h3{margin:39px 0 0 520px;}
.s1_article{float:right; margin-top:38px;}
.s1_p1{margin-left:553px; width:420px;}
.s1_p2{margin-left:553px; width:420px; padding-bottom:40px;}
.s1_video{ position:absolute; top:64px; left:47px; width:410px; height:231px; }
.divider{background:url(images/divider.png) repeat-x; display:block; height:12px; margin:30px -29px;}
.s1_article2{ float:left; margin-top:30px;}
.s1_p3{margin-left:29px; padding:20px 0;}
.room_t{ padding:42px 0 20px 29px; min-height: 130px;}
.room_t p{ clear:both;}
.room{clear:both; margin:0 -29px;}
.at1{ background:url(images/s2_bg1.jpg) no-repeat; height:355px;}
.at2{ background:url(images/s2_bg2.jpg) no-repeat; height:279px;}
.at3{ background:url(images/s2_bg3.jpg) no-repeat; height:286px;}
.at4{ background:url(images/s2_bg4.jpg) no-repeat; height:338px;}
.at1 h3,.at2 h3,.at3 h3,.at4 h3{ display:none;}
.at1 p{ padding:180px 30px 0 405px; display:block;}
.at2 p{ padding:137px 0 0 29px; width:535px; float:left;}
.at3 p{ padding:120px 30px 0 405px; display:block;}
.at4 p{ padding:132px 0 0 29px; width:535px; float:left;}
.at1 span,.at2 span,.at3 span,.at4 span{ color:#1677b2; font-weight:600;}
.room_n{clear:both; padding:30px 0; border-bottom:dotted 2px #a1ccd3;}

.box{clear:both; margin:0 -29px;}
.box h4{ background:url(images/st.png) no-repeat; padding-left:18px; font-size:1.32em; line-height:1.45; font-weight:500; color:#369;text-align: left;}
.box h5{ color:#369;}
.e1 h4{ margin:30px 0 0 408px;}
.e1 p{ margin:10px 0 0 408px; width:520px;}
.e2 h4{ margin:210px 0 0 58px; float:left;}
.e2 p{ margin:10px 0 0 58px; width:435px; clear:both;}
.e3 h4{ margin:40px 0 0 30px; float:left;}
.e3 p{ margin:0 0 0 30px; width:435px; float:left;}
.e4 h4{ margin:74px 0 0 58px; float:left; color:#082e53;}
.e4 p{ margin:10px 0 0 58px; width:560px; clear:both; color:#fff;}
.e2{background:url(images/s4_bg.jpg) no-repeat; height:439px; margin-bottom:12px;}
.e4{background:url(images/s4_bg2.jpg) no-repeat; height:334px;}

.ra1{ position:relative; height:214px; padding:42px 0 0 29px;}
.ra1 h3{ padding-left:0;}
.ra1 h4{ margin-top:169px;}
.ra1 p{ position:absolute; left:42px; top:110px; width:460px; z-index:200; padding-bottom:24px; border-bottom:solid 1px #ccc;}
.ra1 img{ margin-top:-35px;}
.ra2 p{ padding-left:29px;}
.ra2 img{ padding-left:29px; padding-bottom:10px;}
.spic{margin:auto; width:403px;}
.ra3{ width:460px; margin-right:40px; padding-top:15px;}
.ra3 p{ padding-bottom:10px;}
.ra3 span{ color:#09c;}
.ra4 h4, .ra5 h4{ margin-left:29px; margin-bottom:10px;}
.ra4 p{ padding-bottom:30px;}
.ra5{background:url(images/s3_bg.jpg) no-repeat; margin:0 -29px;}
.ra5 h4{ color:#036;}
.ra5 p{ margin-left:29px; padding-bottom:10px; width:480px; color:#fff;}

.f1{ position:relative; height:214px; padding:42px 0 0 29px;}
.f1 h3{ padding-left:29px;}
.f1 h4{ margin-left:15px; clear:both;}
.f1 p{ position:absolute; left:42px; top:145px; width:460px; z-index:200;}
.f1 img{ margin-top:-120px;}
.f2 h5{ margin:56px 0 0 398px; float:left;}
.f2 p{ margin:10px 0 0 398px; width:435px; clear:both;}
.f3 h5{ margin:64px 0 0 268px; float:left;}
.f3 p{ margin:10px 0 0 268px; width:435px; float:left;}
.f4 h4{ margin:58px 0 0 30px; clear:both;}
.f4 p{ margin:10px 0 0 30px; width:435px; float:left;}
.f4 img{ margin-top:-57px;}
.f5 h4{ margin:40px 0 0 30px; float:left;}
.f5 p{ margin:10px 0 0 30px; width:435px; float:left;}
.f6 h4{ margin:250px 0 0 58px; float:left; color:#082e53;}
.f6 p{ margin:10px 0 0 58px; width:830px; clear:both;}
.f2{background:url(images/s5_bg1.jpg) no-repeat; height:205px;}
.f3{background:url(images/s5_bg2.jpg) no-repeat; height:205px;}
.f6{background:url(images/s5_bg3.jpg) no-repeat; height:379px;}

.life_bg{background:url(images/life_title.jpg) no-repeat; margin:-30px -29px 0 -29px; height:281px;}
.life_bg h1{ font-size:3em; color:#069; font-weight:400; margin-left:45px; padding-top:56px;}
.life_bg span{font-family:'Crimson Text', serif; font-size:1.6em; color:#999; font-weight:400;}
.life_bg p{ clear:both; margin-left:45px;}
.life_l,.life_r,.time{ float:left;}
.time{background:url(images/time_bg.jpg) repeat-y center; width:140px; height:1600px; position:relative; margin:83px 0 0 10px;padding:0;}
.life_article{ width:337px; padding:0 19px; background:url(images/life_bt.jpg) no-repeat right 20px; clear:both; margin-bottom:50px; overflow:hidden;}
.life_article:after{ content:''; background:url(images/life_bb.jpg) no-repeat left bottom; display:block; height:138px; margin:-110px 0 0 -19px;}
.life_article h3{ font-size:1.315em; color:#369; background:none; margin-left:-19px;}
.life_article h3:after,.life_article h3:before{ background:none;}
.life_article p{ clear:both; padding-bottom:10px;}
.time p{line-height:96px; font-family:'Merriweather', serif; color:#36c; position:absolute;}
.pR{background:url(images/time_r.png) no-repeat; width:113px; padding-left:25px; margin-left:20px;}
.pL{background:url(images/time_l.png) no-repeat; width:113px; padding-left:45px;}
.b1{top:194px;}
.b2{top:452px;}
.b3{top:629px;}
.b4{top:845px;}
.b5{top:1061px;}
.b6{top:1310px;}
.b7{top:1524px;}

.tou1,.tou2,.tou3,.tou4,.tou5,.tou6,.tou7,.tou8{ clear:both; padding-bottom:20px;}
.tou1 h4,.tou2 h4,.tou3 h4,.tou4 h4,.tou5 h4,.tou6 h4,.tou7 h4,.tou8 h4{ background:url(images/st.png) no-repeat left; padding-left:18px; font-size:1.32em; line-height:1.45em; font-weight:500; color:#369;}
.tou1 h5,.tou2 h5,.tou3 h5,.tou4 h5,.tou5 h5,.tou6 h5,.tou7 h5,.tou8 h5{ background:url(images/tour_ml.jpg) no-repeat; padding:0 20px 0 36px; font-size:0.81em; line-height:1.5em; color:#930; float:left; margin-left:29px;}
.tou1 b,.tou2 b,.tou3 b,.tou4 b,.tou5 b,.tou6 b,.tou7 b,.tou8 b{ background:url(images/tour_mr.jpg) no-repeat; display:block; width:28px; height:20px; float:right;}

.tou1{ padding:37px 0 30px 0;}
.tou1 img{ margin-left:-29px; margin-top:-60px}
.tou2{ background:url(images/tour_bg1.jpg) no-repeat; margin:0 -29px;}
.tou2 h3{ margin-top:250px; margin-left:58px;}
.st1{ clear:both;}
.st1 h4{float:left; margin-left:29px;}
.st1 p{ clear:both; width:600px; margin-left:29px;}
.st1 img{ margin-top:-130px;}
.st2{ clear:both;}
.st2 h4{float:left; margin-top:30px; margin-left:30px;}
.st2 p{ float:left; width:615px; margin-left:30px; }
.st2 img{margin-bottom:10px;}
.tou3 > div{ clear:both;}
.tou3 h3{margin-top:24px; margin-left:29px;}
.st3{background:url(images/tour_bg3.jpg) no-repeat; height:259px; padding-left:329px; margin:24px 0 0 -29px; }
.st3 h4{float:left; margin-top:30px;}
.st3 p{ clear:both; width:590px;}
.st4{height:188px;}
.st4 h4{float:left;  margin-top:34px;}
.st4 p{ clear:both; width:570px;margin-left:0px;}
.st4 img{ float:right; margin:-130px -29px 0 0;}
.tou4 > div{ clear:both;}
.tou4 h3{margin-top:24px; margin-left:29px}
.tou4 dl{ width:33%; height:434px; padding:0 24px; background:url(images/tour_boder.jpg) no-repeat right top; float:left;box-sizing: border-box;margin-bottom:20px;}
.tou4 dl.nob{ width:252px; padding:0 24px; background:none;}
.tou4 dd{ margin-left:-20px; padding-left:24px;}
.tou4 dd{ margin-left:-20px; padding:10px 0 10px 24px;text-align: left;}
.dt{ font-size:1.31em; color:#069;}

.tou5{ background:url(images/tour_bg2.jpg) no-repeat; margin:0 -29px; overflow:hidden;}
.tou5 h3{ margin-top:290px; margin-left:58px;}
.st5{ clear:both; margin-top:340px; padding-left:330px; background:url(images/tour_bg4.jpg) no-repeat; height:184px;}
.st5 h4{float:left; margin-top:30px;}
.st5 p{ float:left; width:600px;}

.st6{height:184px;}
.st6 h4{float:left; margin:45px 0 0 29px;}
.st6 p{ clear:both; width:600px; margin-left:29px;}
.st6 img{ margin-top:-120px;}

.tou8{ background:url(images/miyako_bg.jpg) no-repeat; margin:0 -29px; overflow:hidden;}
.tou8 h3{ margin-top:290px; margin-left:58px;}
.st8{ clear:both; margin-top:340px; padding-left:330px; background:url(images/miyako_p1.jpg) no-repeat; height:184px;}
.st8 h4{float:left; margin-top:30px;}
.st8 p{ float:left; width:600px;}

.st9{height:184px;}
.st9 h4{float:left; margin:45px 0 0 29px;}
.st9 p{ clear:both; width:600px; margin-left:29px;}
.st9 img{ margin-top:-170px;}
/*gotop*/
.scroll2top:link, .scroll2top:visited {bottom: 30px; margin-left: 925px; display: block; width: 54px; height: 95px; background: url(images/top.jpg) no-repeat 0 0; z-index: 999;}
.scroll2top:hover { background-position:0 -95px;}

/*【 調整C26模組 】-未使用*/
.group-type-ph{ margin:0 auto;padding: 10px 0; text-align: center;}
.group-type-ph:after{content:""; display:block; clear:both; line-height:0; height:0; visibility:hidden;}
.ph{
	position:relative;
	display:inline-block;
	width:33%;
	vertical-align: top;
	box-sizing:border-box;
	background:#42768E;
	padding:0.2%;
	margin:0 0 10px 0px;
	border:4px solid #F2F1F1;
	transition:all .3s ease-out;
	box-shadow:none;
	overflow:hidden;
}
.ph:hover{background:#3A98C3; box-shadow:0 2px 7px 5px rgba(128,128,128,.4);}
.ph.left{margin-left:0;}
.ph-img{ margin:0 auto 8px;padding:0;}
.ph-img img{width:100%;display:block;}
.ph a:link,  .ph a:visited{text-decoration:none; border:none; color:#fff;overflow: hidden;display:block;}
.ph a img{border:none;}
.ph-title{display:block; font:bold 18px/1.3 "微軟正黑體";height:2.5em; overflow:hidden; padding-left:10px; margin:0 auto 10px; background:url(images/ph_title_bg.jpg) repeat;}
.ph-detail{font-size:13px; line-height:1.5em;}
.ph-feature{display:block; color:#f4ff40; font-size:12px; line-height:1.5em; padding:0.5em 0; overflow:hidden;}
.ph .price{font-size:12px; font-weight:bold; float:right; font-style:normal;color:#fff;}
.ph .price span{font-size:18px; color:#ff9c00;padding:0;letter-spacing: -1px;}
.ph .price i{font-style:normal;}


/*行程總覽-C23*/
.carrier { margin:0 auto;}
.carrier h4 { display: none;}
.carrier .box-head strong { display: none;}
.carrier .box-head span { display: none;}
.carrier .box-head p { position: absolute; display: block;}
.carrier .box-head img { display: none; margin: -195px 0 0 -10px;}
.carrier .box-head q { display: none;}
.carrier .box-head a{pointer-events: none; cursor: default;}/*第一則連結不要，IE 11以下不支援*/
.carrier ul{ background:url(images/pdlist_bg.jpg) no-repeat center bottom; margin-top:0px;  display: inline-block; height: 400px;}
.carrier strong { font-size: 17px; color: #302e2e; font-weight: normal; text-decoration: none;}
.carrier li {  float: left;width: 300px;height:30px;}
.carrier li a{display:block;padding: 3px 0; width: 300px;margin-left:0;text-decoration:none;}
.carrier li a:hover { background-color: #39afe5; display:block;}
.carrier li a:hover strong {color: #ffffff; text-decoration: none;}
.carrier li em.price {font-size: 17px; color: #ff4e00; font-family:"微軟正黑體"; float: right; margin:0 2px 0 0}
.carrier li em.price span, .carrier li em.price var { font-size: 20px; color: #ff4e00;}
.carrier li a:hover em.price {color: #ffffff; margin-top: -2px;}
.carrier li a:hover em.price span{color: #ffffff; margin-top: -2px;}
.carrier a { font-size:0;}
.carrier li.box-head { width: 900px; margin-top: -1px;height:234px;padding:0;}
.carrier li.box-head a{display:block;padding: 3px 0; width: auto;}
.box-head a .imgbox img { display: block;margin:0 auto ;}

.toptop{ margin-top:-20px;}

.msgBtn{
  display:block;
  width:120px;
  height:120px;
  position: absolute;
  z-index:100;
  background:url(images/msgBtn.gif) left top no-repeat;
  right:0;
  bottom:0;
  margin: auto 10% 0 auto;
  /*
transition: opacity 1.5s;
-moz-transition: opacity 1.5s;
-webkit-transition: opacity 1.5s; 
-o-transition: opacity 1.5s; */
}
.msgBtn:hover{
background:url(images/msgBtn.png) left top no-repeat;	
}
.msgBtnAct{
	opacity:1;	
}

.kv-m{
	margin:0 auto;
	padding:0;

}
.kv-m img{
	display:block;
	width:100%;
	margin:0 auto;
}
.mNavBtn{
	display:block;
	width:30px;
	height:30px;
	position: fixed;
	z-index:101;
	right:0;
	top:0;	
	background:#5b2ce1 url(images/mobileSelBg.png) center center no-repeat;
	background-size:20px 20px;
	border-radius:50%;
	margin:4px 8px auto auto;
}
.mNavBtn.act{
	background:#5b2ce1 url(images/mobileSelBg1.png) center center no-repeat;
	background-size:20px 20px;
}
.mNav{
	position: fixed;
	z-index:100;
	left:0;
	top:-1500px;
	width:100%;
	display:block;
	background-color:rgba(1,45,99,0.7);

}
.mNav .navList{
	list-style: none;
	padding:50px 8px 8px;
	margin:0 auto;
	color:#fff;
}
.mNav .navList>li{
	font:bold 14px/1.4 "微軟正黑體";
	color:#fff;
	margin:0 auto 10px;

}
.mNav .navList>li>a{
	font:bold 18px/1.4 "微軟正黑體";
	color:#fff;
	text-decoration: none;	
}
.mNav .navList>li>ol{
	list-style-type: disc;
	padding:0 8px 8px 8px;
	list-style-position: outside;
	margin:0 auto;
	color:#fff;
}
.mNav .navList>li>ol>li{
	width:30%;
	list-style-type: disc;
	display:inline-block;
	font:normal 13px/1.4 "微軟正黑體";
}
.mNav .navList>li>ol>li:before{
	content:">";
	margin-right:3px;
}
.mNav .navList>li>ol>li>a{
	font:normal 15px/1.8 "微軟正黑體";
	color:#fff;
	text-decoration: none;	
}
.cycle-slideshow{width:100%;display:block;}
.movie .cycle-slideshow img{display:block;width:100%;}

.pc-ad,.m-ad{
	max-width: 100%;
	margin:0 auto;
}
@media screen and (min-width:740px) {
	.kv-m{display:none;}
	.main-slide{width:100%; background:url(images/bg_header.jpg) no-repeat left top;}
	.movie{margin:5px auto; max-width:1280px;position:relative;display:block; }
	.film{max-width:1280px;overflow:hidden;}
	.film img{display:block; border:none;}
	.pager {margin: 0; padding: 0; width: 100%; height: 24px; text-align: center; position: absolute; z-index: 999; top: 220px;}
	.ra > img{border:none; width:403px;}
	.menus-box{display:block;}
	.mNavBtn{display:none;}
	.ph{
		display:inline-block;
		width:33%;
	}
	.pc-ad{display:block;}
	.m-ad{display:none;}
}
@media screen and (min-width:580px) and (max-width:739px) {
	.movie{display:none; }
	.main-slide{height:0px;}
	.kv-m{display:block;}
	.menus-box{display:none;}
	.center{padding:15px;}
	.mNavBtn{display:block;}
	.ph{
		display:inline-block;
		width:49%;
	}
	.pc-ad{display:block;}
	.m-ad{display:none;}
}
@media screen and (max-width:579px) {
	.movie{display:none; }
	.main-slide{height:0px;}
	.kv-m{display:block;}
	.menus-box{display:none;}
	.center{padding:15px;}
	.mNavBtn{display:block;}
	.ph{
		display:block;
		width:100%;
	}
	.pc-ad{display:none;}
	.m-ad{display:block;}
}
/*
.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;}
*/

/*.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;}*/