@charset "utf-8";

/* CSS Document */
/************************************************************************************
RESET
*************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {	
    line-height: 1;	
	-webkit-text-size-adjust: none;/*防止allpe的safari瀏覽器字體變大*/
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
   /* border-collapse: collapse;*/
    border-spacing: 0;
}

a img {
	border: none;
}

.clean { clear:both;}

.clearfix {
  overflow: hidden;
  zoom: 1;
}

img { width:100%;}

/************************************************************************************
STRUCTURE 主要區塊
*************************************************************************************/

body {
	font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;
	background-color: #fff;
}

h1,h2,h3 { display:none; }

#web-outer{	
	clear: both;
	overflow: hidden;
}

.header{clear:both;
overflow: hidden;}

/*======================
====Main Slider CSS=====
=======================*/


@media screen and (min-width:1024px)  {}

		#demo-1 {
			position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
			overflow: hidden; /* to bound the empty top space created by inner element's top margin */
			width: 100%;
			min-height: 750px;
			background-color: #d1f7ff;
		}
		.demo-inner-content {
			position: relative; /* if position is not set, the script will set it to 'relative'. */
			z-index: 2; /* if z-index is not set, the script will set it to '2'. */
			margin: 0 auto;
           padding-left: 50%;
		}

.main-title {max-width: 555px;position: absolute;left: 35%;right: 25%;top:150px;}
.top_bg{width: 100%;height: 500px; background: url("../img/top_bg.png") top no-repeat;position: absolute;left: 0;top:0;}
.block_header {clear: both; width: 100%;}


/*-------------------------------------選單---------------------------------------------*/
#main-nav {
    z-index: 990;
    overflow: hidden;
 }
 
 .block_menu {
     z-index: 990;
     width: 100%;
     text-align:center;
     font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;    
	 height: 70px;
	 padding-top: 12px;	
	 background: url("../img/menu_bg.png") top no-repeat;
     z-index: 990;
 }
 
 .sticky { top: 30px; }
 
#nav li { display:inline-block;}
#nav li a { display: inline-block;  }

.menu {}
.menu a { width: 120px;height: 45px; text-indent:-5000px;background: url("../img/nav.png") 0 -45px no-repeat;}
.menu a:hover, .menu a.active { background: url("../img/nav.png") 0 0;}
.menu02 a { width: 120px;height: 45px;text-indent:-5000px;background: url("../img/nav.png") -120px -45px no-repeat;}
.menu02 a:hover, .menu02 a.active { background: url("../img/nav.png") -120px 0;}
.menu03 a { width: 120px;height: 45px;text-indent:-5000px;background: url("../img/nav.png") -240px -45px no-repeat;}
.menu03 a:hover, .menu03 a.active { background: url("../img/nav.png") -240px 0;}
.menu04 a { width: 120px;height: 45px;text-indent:-5000px;background: url("../img/nav.png") -360px -45px no-repeat;}
.menu04 a:hover, .menu04 a.active { background: url("../img/nav.png") -360px 0;}
.menu05 a { width: 120px;height: 45px;text-indent:-5000px;background: url("../img/nav.png") -480px -45px no-repeat;}
.menu05 a:hover, .menu05 a.active { background: url("../img/nav.png") -480px 0;}
.menu06 a { width: 120px;height: 45px;text-indent:-5000px;background: url("../img/nav.png") -600px -45px no-repeat;}
.menu06 a:hover, .menu06 a.active { background: url("../img/nav.png") -600px 0;}


 .active {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }



.taitung-bg{margin: 30px 0 0 0;background: #d1f7ff url("../img/taitung_bg.png") bottom no-repeat;margin-bottom: -20px;}
.taitung-main{ width:100%;margin:0 auto;clear: both; overflow:hidden;}

.cloud {
    background: url("../img/cloud.png") top center repeat;
    animation: cloud 60s 0s linear infinite;
    background-position: 0 0;
    z-index: 50;
}

@-webkit-keyframes cloud {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -1920px 0;
    }
}

@-webkit-keyframes cloud_m {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -100vw 0;
    }
}

/*---介紹----*/
.flight-bg03{background: #d8f8ff url("../img/taitung_bg03.png") bottom no-repeat;padding-bottom: 30px;margin-top: -10px;}
.flight-box{max-width: 600px; margin: 0 auto;padding: 50px 0 30px 0;font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;clear: both;overflow: hidden;}
.flight-title{}
.title-top{max-width: 348px;margin: 0 auto 10px auto;}
.flight-txt{font-size: 20px;line-height: 2em; text-align: center;color: #787878;}

.video-box{max-width: 960px;height: 500px; margin:0 auto;padding: 20px;clear: both;overflow: hidden;
border-radius: 20px;background-color: #fff;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.03) 0px 2px 4px 0;}


/*---飛行介紹----*/
#flight{margin-top: 50px;clear: both;overflow: hidden;}
.flight-bg02{}
.floating-up{
	animation:Floatingx 3s infinite ease-in-out;
	-moz-animation:Floatingx 5s infinite ease-in-out;
	-webkit-animation:Floatingx 5s infinite ease-in-out}
	@keyframes Floatingx{from{transform:translate(0,0)}
	65%{transform:translate(0,20px)}to{transform:translate(0,0)}}
	@-webkit-keyframes Floatingx{from{-webkit-transform:translate(0,0)}
	65%{-webkit-transform:translate(0,20px)}to{-webkit-transform:translate(0,0)}}

/*---空中法拉利----*/
#apex{}
.apex-bg{background: url("../img/taitung_bg04.png") top repeat;}
.title-bg2{background: url("../img/title_bg02.jpg") top no-repeat;height: 370px;}
.title-02{background: url("../img/title_txt_bg.png") bottom no-repeat;margin: 0 auto;padding-top: 250px;}
.title-02 .title{max-width: 336px;margin: 0 auto;}

.apex-box{max-width: 960px;margin: 0 auto;font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;clear: both;color: #292929;font-style: 15px;line-height: 2em; overflow: hidden;}
.apex-txt{width: 95%;margin: 0 auto 20px auto;border:5px #fff solid;padding: 10px;clear: both;overflow: hidden;}
.apex-txt p{margin-top: 10px;}
.apex-txt strong{color: #0643a9;font-size: 16px;}
.apex-ph{width: 95%; position:relative;margin: 0 auto;padding: 10px 10px 20px 10px;}
.apex-ph img{border-radius: 0 20px 50px 20px;}
.apex-01{position: absolute;left:-40px;bottom: 120px; z-index: 100;}

.star{ max-width: 800px; margin: 0 auto; padding:0; clear:both; overflow: hidden;  text-align: center;}
.ct20 {width:18%; display: inline-block; vertical-align: top;float: left;margin-left: 10px;}
.ct20 img{max-width: 138px;}

/*-------------------------空中導覽----------------------------*/
#experience{}
.experience-bg{/*background-color: #e8faff;margin-bottom: -240px;padding-bottom: 240px;*/}
.experience-bg02{background-color: #e9fbff;}
.title-bg{background: url("../img/title_bg01.jpg") top no-repeat;height: 370px;}
.title-01{background: url("../img/title_txt_bg.png") bottom no-repeat;margin: 0 auto;padding-top: 170px;}
.title-01 .title{max-width: 396px;margin: 0 auto;}
.experience-box{max-width: 960px;margin: 0 auto;padding-bottom: 30px; font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif; clear: both;overflow: hidden;}

.air{max-width: 600px;margin: 40px auto 0 auto;position: relative;clear: both;overflow: hidden;}
.air-left{max-width: 138px;float: left;}
.air-right{max-width: 416px;padding-left: 148px;}

.fly-box01{width: 100%;position: relative;margin: 30px auto 20px auto;padding-top: 20px; border-radius: 20px;background-color: #fff;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.03) 0px 2px 4px 0;
}
.fly-box01 .fly-txt{width: 95%;z-index: 99;margin: 0 auto;}
.fly-box01 .fly-ph{width: 95%;padding: 10px;z-index: 50;margin: 0 auto;position: relative;}
.icon01{position: absolute;top:20px;left:20px;max-width: 147px;z-index: 500;}
.fly-box01 .fly-ph img{border-radius: 0 20px 50px 20px;}

.fly-box02{width: 100%;position: relative;margin: 30px auto 30px auto;padding-top: 20px;border-radius: 20px;background-color: #fff;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.03) 0px 2px 2px 0;
}
.fly-box02 .fly-txt{width: 95%; z-index: 99;margin: 0 auto;}
.fly-box02 .fly-ph{width: 95%;padding: 10px;z-index: 50;margin: 0 auto;position: relative;}
.icon02{position: absolute;top:10px;left:10px;max-width: 147px;z-index: 500;}
.fly-box02 .fly-ph img{border-radius: 0 20px 50px 20px;}

/*---共同---*/
.toptxt{max-width: 217px;margin: 10px auto;}
.toptxt em{font-style:normal;font-size: 18px; color: #fff600;margin: 0 0 0 5px;font-weight:normal;}
.note{display: block; font-size: 15px; line-height: 2em;color: #292929;padding: 10px 10px 20px 10px;}
.note strong{color: #0643a9;font-size: 16px;}
/*----------------*/

.scroll1{padding-bottom: 20px;}
.scroll1 img{}

.sliders{z-index: 100;}

/*---禮物---*/
.gift{max-width: 880px;margin: 20px auto;border:5px #fff solid;padding: 10px;font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;clear: both;color: #292929;font-style: 15px;line-height: 2em;border-radius: 10px;}
.line{width: 95%;border-bottom: 5px #fff solid;margin: 20px auto;}
.g01{margin-top: 5%;}
.gift-box{width: 95%;margin: 0 auto;clear: both;overflow: hidden;}
.gift-box .txt{float: right; width: 60%;}
.gift-box .txt p.title01{font-size: 35px;font-weight: 800;color: #0643a9;margin: 10px 0;}
.gift-box .txt strong{color: #0643a9;font-size: 16px;}
.gift-box .ph{float:left;width: 35%;text-align: center;}
.gift01 img{max-width: 156px;}
.gift02 img{max-width: 270px;}

/*----------------------------ig打卡景點介紹-----------------------------------*/
#ig{}
.ig-bg{}
.ig-bg02{background-color: #d3faea; padding-bottom: 10px;}
.title-bg4{background: url("../img/title_bg04.jpg") top no-repeat;height: 370px;}
.title-04{background: url("../img/title_txt_bg.png") bottom no-repeat;margin: 0 auto;padding-top: 250px;}
.title-04 .title{max-width: 281px;margin: 0 auto;}

.ig-box{max-width: 960px;margin: 0 auto;padding-bottom: 10px; font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;}
.ig-box01{width: 100%;position: relative;margin: 80px 0 40px 0;clear: both;min-height: 500px;}
.ig-box01 .ig-txt{width: 42%; position: absolute;background-color: #fff;top:120px;right: 10px;z-index: 99;border-radius: 0 0 50px 20px}
.ig-box01 .ig-ph{width: 75%;position: absolute;top:10px;left: 10px;padding: 10px;z-index: 80;}
.ig-box01 .ig-ph img{border-radius: 0 20px 50px 20px}
.ig-box01 .ig-ph .ps{position: absolute;bottom: 60px; right: 20px;background-color: #fff;border-radius: 10px;font-size: 13px;color: #666;padding: 5px;width: 160px;text-align: center;z-index: 100;}

.ig-box02{width: 100%;position: relative;margin: 80px 0 40px 0;clear: both;min-height: 500px;}
.ig-box02 .ig-txt{width: 42%;position: absolute;background-color: #fff;top:50px;left: 10px; z-index: 99;border-radius: 0 0 50px 20px}
.ig-box02 .ig-ph{width: 75%;position: absolute;top:10px;right: 20px;padding: 10px; z-index: 50;}
.ig-box02 .ig-ph img{border-radius: 0 20px 50px 20px}

/*---共同---*/
.toptxt02{display: block; padding: 10px; font-size: 28px; line-height: 40px; color: #fff;font-weight: bold; background-color: #05aa66;text-align: center;background-color: ##05aa66;}
.toptxt02 em{font-style:normal;font-size: 18px; color: #fff600;margin: 0 0 0 5px;font-weight:normal;}
.note02{display: block; font-size: 15px; line-height: 2em;color: #292929;padding: 10px 10px 20px 10px;}
.note02 strong{display: block;font-size: 22px;line-height: 35px;color: #05aa66;text-align: center; margin: 0 0 5px 0;}
/*----------------*/

.a-01{position: absolute;top: 0;left: 0;z-index: 10;}
.a-02{position: absolute;right: 0;bottom: 35px; z-index: 10;}

.b-01{position: absolute;top:0;right: 0;z-index: 10;}
.b-02{position: absolute;bottom: 35px;left: 0;z-index: 10;}
.b-03{background: url("../img/b03.png") bottom 20px right 30px no-repeat;}
.b-04{background: url("../img/b04.png") bottom 20px left 30px no-repeat;}
.b-05{background: url("../img/b05.png") top 10px right no-repeat;}
.b-06{background: url("../img/b06.png") bottom 20px left 30px no-repeat;}

.flower-01{position: absolute;top:-30px;left:-30px;z-index: 100;}
.flower-02{position: absolute;bottom:-10px;right:-30px;z-index: 100;}
.flower-03{position: absolute;top:40px;left:-30px;z-index: 100;}

.rotate {
  animation: rotation 8s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
/
/*-----------------------------金色航班---------------------------------*/
#balloon{}
.tour-bg{}
.tour-bg05{background-color: #def6ff; margin-top: 0;}
.title-bg5{background: url("../img/title_bg05.jpg") top no-repeat;height: 370px;}
.title-05{background: url("../img/title_txt_bg.png") bottom no-repeat;margin: 0 auto;padding-top: 200px;}
.title-05 .title{max-width: 280px; margin: 0 auto;}

.balloon-from{width: 95%;min-height: 200px; background-color: #fff;border-radius: 25px;border:5px #88edff solid;margin: 20px auto;padding: 10px; font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;clear: both;position: relative;}

.balloon-from .ph{max-width: 232px;position: absolute;}
.balloon-from .txt{width: 65%;margin-left: 250px;padding: 30px 0; font-size: 15px; line-height: 2em;color: #292929;}
.balloon-from .txt strong{font-size: 20px;color: #ff8b02;}
.balloon-from .txt p{display:none;border-radius: 25px;font-size: 20px;color: #0050c7;background-color: #fff582;font-weight: bold;text-align: center;}
.balloon-from .txt p strong{font-size: 25px;color: #ff8b02;font-weight: bold;}

.balloon-box{max-width: 800px;margin: 0 auto;/*padding-top: 180px;*/padding-bottom: 30px; font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;}


.trip2{display: inline-block;padding: 15px;margin: 20px 10px 10px 10px;font-size: 25px;font-weight: bold;color: #ff8d17;background-color:#fff582;border-radius: 25px;}
.balloon-trip{display: block;padding: 5px 10px 0 25px;font-size: 20px; line-height: 1.5em; font-weight: bold;color: #17499c;}
.balloon_list_box{width: 95%;margin: 10px auto 30px auto;padding: 0;clear: both;overflow: hidden;}
.balloon_list_box a{background-color: #fff;border-radius: 20px;color:#1f8fde;display:block;text-decoration:none;border-radius: 20px;}
.balloon_list_box a:hover{}

.balloon_list_box p{color:#0784da;font-size:22px;line-height: 1.5em; font-weight: bold;padding: 10px 5px 5px 10px;}
.balloon_list_box span {font-weight: normal;15px;line-height: 1.5em;padding: 3px 5px; display: inline-block;background-color: #ffe42b;border-radius: 25px;color: #1f8fde;}
h8{color:#e90404;}
.balloon_list_box em {font-style:normal;font-size:15px; color:#0784da;line-height:1.2em;margin:0 0 0 5px;}
.balloon_list_box p span{font-size: 15px;}
.balloon_list_box ul.note{display: block;clear: both;overflow: hidden;}
.balloon_list_box ul.note li{float: left;font-size: 15px;color: #464646;}
ul.note li em{font-style:normal;display: inline-block;padding: 5px;background-color: #ffe42b;border-radius: 25px;color: #1f8fde;}
.balloon_list_box .price{display: block;background-color: #88edff;border-radius: 0 0 20px 20px; color: #023ca6;text-align: center;font-size: 15px;padding: 15px 0;}
.balloon_list_box .price span{padding: 5px;background-color: #0643a9;color: #fff; font-size: 15px;top: -5px;border-radius: 25px;margin-right: 5px;margin-bottom: 10px;}
.balloon_list_box .price strong{font-size: 35px;font-weight: bold;margin-top: 10px;}

.saleout{width: 70%;font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;background-color: #0a6abb;border-radius: 10px;padding: 30px;font-size: 18px;line-height: 25px;color: #fff;text-align: center; margin: 0 auto;}

.fly-note{max-width: 80%;margin: 0 auto;padding: 0 0 10px 0; font-size: 15px;line-height: 20px;color: #464646;text-align: center;}

.remarks{max-width: 800px;margin: 10px auto;padding: 10px; font-family:"微軟正黑體";font-size: 15px;line-height: 1.5em; color: #000;text-align: center;}


/*-----------------------------推薦行程---------------------------------*/
#tour{}
.tour-bg{}
.tour-bg02{background-color: #def6ff; margin-top: 0;}
.title-bg3{background: url("../img/title_bg03.jpg") top no-repeat;height: 370px;}
.title-03{background: url("../img/title_txt_bg.png") bottom no-repeat;margin: 0 auto;padding-top: 250px;}
.title-03 .title{max-width: 282px; margin: 0 auto;}

.tour-box{max-width: 800px;margin: 0 auto;/*padding-top: 180px;*/padding-bottom: 30px; font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;}

.trip{display: inline-block;padding: 15px;margin: 20px 10px 10px 10px;font-size: 25px;font-weight: bold;color: #17499c;background-color: #cceaff;border-radius: 25px;}
.tour_list_box{width: 95%;margin: 10px auto 30px auto;padding: 0;clear: both;overflow: hidden;}
.tour_list_box a{background-color: #fff;border-radius: 20px;color:#1f8fde;display:block;text-decoration:none;border-radius: 20px;}
.tour_list_box a:hover{}

.tour_list_box p{color:#1f8fde;font-size:22px;line-height: 1.5em; font-weight: bold;padding: 10px 5px 5px 10px;}
.tour_list_box em {font-style:normal;font-size:15px; color:#1f8fde;line-height:1.2em;margin:0 0 0 5px;}
.tour_list_box ul.note{display: block;clear: both;overflow: hidden;}
.tour_list_box ul.note li{float: left;font-size: 15px;color: #464646;}
ul.note li em{font-style:normal;display: inline-block;padding: 5px;background-color: #ffe42b;border-radius: 25px;}
.tour_list_box .price{display: block;background-color: #0643a9;border-radius: 0 0 20px 20px; color: #ffe42b;text-align: center;font-size: 15px;padding: 15px 0;}
.tour_list_box .price strong{font-size: 35px;font-weight: bold;}

.saleout{width: 70%;font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;background-color: #0a6abb;border-radius: 10px;padding: 30px;font-size: 18px;line-height: 25px;color: #fff;text-align: center; margin: 0 auto;}

.fly-note{max-width: 80%;margin: 0 auto;padding: 0 0 10px 0; font-size: 15px;line-height: 20px;color: #464646;text-align: center;}

.remarks{max-width: 800px;margin: 10px auto;padding: 10px; font-family:"微軟正黑體";font-size: 15px;line-height: 1.5em; color: #000;text-align: center;}

.top-box{width: 100%;height: 90px;display: block;background: url("../img/top_box.png") center no-repeat;}

/*錨點*/
.block-first{overflow: hidden;padding-top: 280px;margin-top: -260px;}
.block-first02{overflow: hidden;padding-top: 295px;margin-top: -275px;}
.block-first03{overflow: hidden;padding-top: 210px; margin-top: -210px;}


@media screen and (min-width: 1800px) and (max-width: 2200px) {
.main-title {left: 35%;right: 25%;top:80px;}
}


@media screen and (max-width:959px)  {

#demo-1 {min-height: 550px;}
.main-title {max-width: inherit;width: 50%;left: 25%;top:50px;}
	
.apex-box{max-width: inherit;width: 95%;}
	
.gift{max-width: inherit;width: 90%;margin-top: 10px;}
	
}

/*---平板-----*/
@media screen and (max-width:768px)  {	
	#demo-1 {min-height: 450px;}
	.top_bg{display: none;}	
	.main-title {max-width: inherit;width: 50%;left: 25%;top:40px;}
	#main-nav{display: none;}
	#experience,#tour{}	

/*錨點*/	
.block-first,.block-first02,.block-first03{padding-top: 0;margin-top: 0;}
	
.air{max-width: 416px;margin: 20px auto 0 auto;position:inherit;}
.air-left{display: none;}
.air-right{padding-left:0;padding: 0 10px 0 10px;}	
	
.apex-01{display: none;}	
.video-box{max-width: inherit;width: 95%;height: 400px;padding: 15px;}	
	
.flight-box{}	
.experience-box{margin: 0 auto;}
.experience-box{padding-top: 10px;}	
.fly-box01{width: 95%;margin: 10px auto;}
.fly-box01 .fly-txt{width: 95%;}
.fly-box01 .fly-ph{width: 95%;}

.fly-box02{width: 95%;margin: 10px auto;}
.fly-box02 .fly-txt{width: 95%;}
.fly-box02 .fly-ph{width: 95%;}
	
.gift-box .txt p.title01{font-size: 23px;}	
	
.g01{margin-top:inherit;}	

.ig-box{margin: 0 auto;}	
.ig-box{padding-top: 10px;}	
.ig-box01{width: 95%;position: relative;background: none;margin: 10px auto;}
.ig-box01 .ig-txt{width: 100%;position: inherit;top:0;right: 0;border-radius:0;margin: 0 auto;}
.ig-box01 .ig-ph{width: 100%;position: inherit;top:0;left: 0;margin: 10px auto;padding: 0;}

.ig-box02{width: 95%;position: relative;background: none;margin: 10px auto;}
.ig-box02 .ig-txt{width: 100%;position: inherit;top:0;left: 0;border-radius:0;margin: 0 auto;}
.ig-box02 .ig-ph{width: 100%;position: inherit;top:0;right: 0;margin: 10px auto;padding: 0;}
.ig-box01 .ig-ph img,.ig-box02 .ig-ph img{border-radius:0;}	
	
.top-box{display: none;}
	
.balloon-from{width: 90%;min-height: inherit;}
.balloon-from .ph{display: none;}
.balloon-from .txt{width: 100%;margin-left: inherit; padding: 0;}
.balloon-from .txt p{display: block;}

	
	

}

@media screen and (min-width: 480px) and (max-width: 600px) {
.main-title {max-width: inherit;width: 70%;left:10%;top:40px;}
.title-top{max-width: inherit;width: 70%;}	
.icon01,.icon02{max-width: inherit;width: 30%;}	

.gift{width: 95%;}	
.gift-box .txt{float:inherit;width: 100%;margin: 0 auto;}
.gift-box .txt p.title01{text-align: center;}		
.gift-box .ph{float:inherit;width: 100%;margin: 0 auto;}	
	
.star{display: none;}	
	
}

/*---手機版-----*/
@media screen and (max-width:479px)  {	
#demo-1 {min-height: 400px;}
.main-title {max-width: inherit;width: 70%;left: 15%;top:50px;}
.title-top{max-width: inherit;width: 70%;}	
.icon01,.icon02{max-width: inherit;width: 30%;}
	
.gift{width: 95%;}	
.gift-box .txt{float:inherit;width: 100%;margin: 0 auto;}
.gift-box .txt p.title01{text-align: center;}	
.gift-box .ph{float:inherit;width: 100%;margin: 0 auto;}
	
.star{display: none;}	
	
}

/*---手機版-----*/
@media screen and (max-width:320px)  {		
	
	
	}