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

* { font-family: 'Microsoft JhengHei','simhei','Arial','Helvetica','PMingLiU','sans-serif';
}
ul { list-style: none;}
li { display: inline-block;}
section {padding: 15px 0px;}

/*google_search*/
.google_search input{padding:5px;width:100%;}

/*innerBN*/
section.innerBN{padding:0 !important;position:relative;overflow:hidden;display:none;}
section.innerBN>aside{position:absolute;lefT:50%;margin-left:-50%;text-align:center;}
section.innerBN>aside img{position:relative;z-index:0;}

.mainTitle{padding:0px 30px 10px;border-bottom:1px solid #eee;font-size:25px;margin:30px auto 30px;}
.mainTitle>span{font-size:75%;color:#ccc;padding-left:10px;}
.mainTitle>span:before{content:"/";margin-right:5px;}

/**/
.mobileBtn{right:10px;top:10px;position:absolute;font-sizE:25px;z-index:999;}
.phonebtn { color: white;}
.phonebtn:hover {color:yellow;}

/*relaxList*/
.relaxList h4{margin:10px 0}
.relaxList >div>div{margin-bottom:15px;}
.relaxList >div>div>a{position:relative;}
.relaxList >div>div>a img{z-index:0;}
.playIcon{background: url(../../../app/webroot/img/theme/icon_View.png);width:66px;height:66px;position:absolute;left:40%; top: 20%;z-index:99;}
.relaxList >div>div>a i{opacity:1;transition:all .7s}
.relaxList >div>div>a:hover i{opacity:.7}


/*mobileMenu*/
.mobileZone{border-bottom:10px solid #3576dc;height:60px;margin-bottom:15px;position:fixed;width:100%;z-index:999;background:#fff;box-shadow:0 5px 5px}
.mobileZone>a{float:left;width:12%;border-right:1px solid #ccc;height:100%;display:block;text-align:center;font-size:18px;line-height:270%;color:#3576dc;font-weight:bold;}
.mobileZone>a:hover{background-color:#3576dc;color:#fff;text-decoration:none;}
.mobileZone>a.nobd{border-right:none}
.mobileZone>a span{font-size:90%;}

.mobileZone h1{padding:0;margin:0;height:100%;text-align:center;border-right:1px solid #ccc;float:left;width:52%;display:block;}
.mobileZone h1 img{height:90%;width:auto;margin:auto;}

#mobileMenu{font-size:18px;background-color:#eee;height:100%;width:80%;position:fixed;top:0;left:0;z-index:9999;
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    transform:translateX(-100%);
}
#mobileMenu li{border-bottom:1px solid #ccc}
#mobileMenu li.smallNav{font-size:15px;border-bottom:none}
#mobileMenu a{color:#000;}
#mobileMenu a:hover{background-color:#f57900;color:#fff;}

/*內容遮罩*/
#block{width:100%;height:100%;background:#000;display:none;z-index:600;position:fixed;left:0;top:0;opacity:0.7;}

/**/
.small_banner {  padding-left: 0px; padding-right: 0px;}

/*index*/
header { width: 100%;position:fixed; background: #f57900; z-index: 1000; padding: 15px;}

.header_btn1, .header_btn2 { color: white; }
.header_btn1 li { padding-left:10px;}

.header_btn2 li{border-right: 1px solid white;padding:0 5px 0 3px;font-size:90%;}
.header_btn2 li:last-child{border:none;}

.header_btn2 { font-size: 16px; margin-top: 5px;}
.header_btn2 ul li a { color: white;display:block;}
.header_btn2 ul li a:hover { color: yellow;}
.btn1 { color: white;}
.btn1:hover { color: yellow;}

/*about*/


.box { height: 100px;}
.about_banner { height: 740px;  display:block; width:100%;padding:100px;}
.banner_bd { background:url(../../../app/webroot/img/theme/about/banner_bd.jpg) no-repeat  ;}

.banner_bd h1 { color:white; font-size: 65px; font-weight: bolder; line-height:1.1;  margin-top: 110px;}
.banner_bd h2 { color:white; font-size: 30px; margin-top: 10px; margin-bottom: 80px; line-height:1;}

.banner_bd h3 { font-size: 25px; line-height:1; color: #ffe2ac;}
.banner_bd h4 { font-size: 40px; line-height:1; color: #fff1d4; font-weight: bolder; margin-top: 20px; margin-bottom: 30px;}

.banner_bd ul li a { display: inline-block;  color: white; border: 2px solid white; border-radius: 50px;margin:5px;}
.banner_bd ul li a:hover { background: #AF8969;}

.borderbox { border: 4px solid #CCC; height: 200px; width: 300px;margin:auto;}
section h3 { margin-bottom: 30px;}


.section_box { background: #FFF;padding: 15px 20px; margin: 20px 0 50px;position:relative;display:block;}
.section_box img{width:30px;}
.section_box h4 { margin-bottom: 20px;}
.section_box .box_more{position:absolute;right:5px;top:5px;display:block;background:#f57900;color:#fff;padding:5px;}
.section_box .box_more:hover{background:#820002}

.about_box { margin-top: 250px;}
.about_bd {background: url(../../../app/webroot/img/theme/about/about004.jpg); height: 100px; }

/*news*/

.news_banner { padding-left: 0px; padding-right: 0px; padding-bottom: 0px;}
.news_title { font-size: 26px; color:#f57900; margin-bottom: 10px;}

/*contact*/

.con_textbox {  margin:0 auto; padding: 20px 40px; margin-bottom: 30px;}
.orange_text { color: #f57900;}
.orange {color:#f57900; padding: 5px;}

.conform ul li { display: block; margin-bottom: 3px; padding-left: 0px;}
.conform ul li span{width:23%;margin-right:5%;text-align:right; font-size: 15px; color:#f57900; vertical-align:middle;display:inline-block}
.conform ul li input { width: 70%; background: #f5f5f5;}
.conform ul li textarea { width: 70%; background: #f5f5f5; height: 130px; border: 1px #cccccc solid;vertical-align:middle;}

.send,.reset { background:#b25900; padding: 5px 12px; border-radius: 3px; color: white; margin: 5px;}
.send:hover,.reset:hover { background:#793d00; color: white;}


/*photos*/
.photosList{}
.photosList>div{margin-bottom:15px;}
.photosList>div>h3{font-size:25px;margin:5px 0;}
.photosList>div>h4{font-size:12px;margin:15px 0; color: #f57900;}
.photosList>div>a{display:block;position:relative;height:200px;text-align:center;padding:10px 0;margin-bottom:5px;overflow:hidden;}
.photosList>div>a>img{display:inline-block;vertical-align:middle;max-height:90%;max-width:98%;}
.photosList>div>a:before{content:"";height:100%;display:inline-block;vertical-align:middle;}

.photosList>div>a aside{position:absolute;width:100%;height:100%;background:rgba(255,134,0,0);top:0;left:0;transition:all .7s;}
.photosList>div>a aside img{display:inline-block;vertical-align:middle;opacity:0;transform:translateY(-500px)}
.photosList>div>a aside:before{content:"";height:100%;display:inline-block;vertical-align:middle;}
.photosList>div>a:hover aside{background:rgba(255,134,0,.8);}
.photosList>div>a:hover aside img{opacity:1}
.photosList>div>a:hover img{transform:scale(.9,.9)}

.photosList>div>p{overflow:hidden;/*text-overflow:ellipsis;white-space:nowrap;*/}

/*groups*/
.groupstitle{padding:0;}
.groupstitle>ul>li { display: block; width: 100%;}
.orgtitle { display: inline-block; color:#f57900;}
.updata { color:#b75c00; background:#ffe1c3; float:right; border-radius: 3px; padding: 3px 10px;}


/*explain*/

.exlistcontent { border: 1px #f57900 solid; text-align:center; border-left: 8px #f57900 solid; border-bottom: 1px #f57900 solid; min-width: 400px;}
.extitle { border-right: 1px #000 dashed; width: 53%;}
.examount { border-right: 1px #000 dashed; width: 8%;}
.exstauts { border-right: 1px #000 dashed; width:25%;}
.exdetail{ width:100%;}
.money,.money2 { display: inline-block; vertical-align: middle;}
.money { width: 25px;height:25px;line-height:25px;text-align:center;transform:scale(.9);font-size:12px;background: #f57900; border-radius: 50px; color: white;}
.money2 { width: 80%; text-align:left; text-align:right;}

.flr { float:right;}
.exbox { border-top:20px #f57900 solid; border-bottom:8px #f57900 solid;}

.wtjoin { width: 188px; height:188px; background:url(../../../app/webroot/img/theme/explain/Detail-JoinThis_off.png);display:block;margin:auto;}
.wtjoin:hover {background:url(../../../app/webroot/img/theme/explain/Detail-JoinThis_on.png); }

/*lightbox*/

.lighttitle { color:#b25900;}
.orgbd { background:#f57900; padding:18px 10px;}
.lightt2 {}
.lightt2>div { display:inline-block;}
.titlebox { color:#b25900; width: 80%; background:white; padding: 5px ; margin: 10px;}

.lighttitle2>p { display: inline-block;}
.orgti { color:#f57900; font-size: 26px;}
.titlecon { font-size: 16px; margin-left: 10px;}

.sec2list>li { display:inline-block; width: 48%; text-align:left; margin-bottom: 10px;}
.sec2list>li>p { display: inline-block;vertical-align:middle;  width: 28%;padding-left:15px;position:relative;}
.sec2list>li>p>i,.sec3list>li>p>i{position:absolute;left:0;top:3px;}
.sec2list>li>input {}
.sec2list>li>input[type=text]{width: 60%;vertical-align:middle; }


.cheno { margin-bottom: 12px;}
.sec2 { border-bottom: 1px solid #dbdbdb;}
.birthday>input { width: 12%;}
.sec4>span>input {  padding: 4px 10px;}


.sec3list>li { display:inline-block; width: 100%; text-align:left; margin-bottom: 10px;}
.sec3list>li>p { display: inline-block;vertical-align:middle;  width: 20%;padding-left:15px;position:relative;}
.sec3list>li>input[type=text]{width: 60%;vertical-align:middle; }

.adress>.ad01 { width: 5%;}
.adress>.ad02 { width: 40%; min-width: 165px;}

.lightnext { background: #b25900; color:white; padding: 10px 10px; border-radius: 5px;}
.lightnext:hover { background: #793d00; color:white;}

/*tripList*/
.tripList{color:#333;}
.tripList li{width:100%;display:table;border-left: 8px #f57900 solid;background:rgba(255,255,255,.9);}
.tripList li a{display:table;width:100%;}
.tripList li a:hover{background:rgba(255,110,0,.1)}
.tripList li dt,.tripList dd{display:table-cell;vertical-align:middle;padding:2px 10px;}

.tripList li dt{color:#814000;text-align:center;}
.tripList li dd.tripName{color:#814000;}
.tripList li dd.tripNum{text-align:center;}
.tripList li dd.tripStadus{text-align:center;}
.tripList li dd.tripPrice{text-align:right;}

.tripList li dd.tripPrice>h2{margin:5px 0;color:#FF5F00}
.tripList li dd.tripPrice>h2>span{font-size:15px;}
.tripList li dd:last-child{border-right:none !important;}

.tripct dt,.tripct dd{border-right:1px dashed #ccc}
.tripct li{ border: 1px #f57900 solid;border-left: 8px #f57900 solid;margin-bottom:5px;padding:5px 0}

.triptitle li dt,.triptitle li dd{background:#f57900;color:#fff !important;}

/*tripDetail*/
.detailBg{background-size:cover;background-repeat: no-repeat; background-attachment: fixed;}
.detailTxt,.tripList2{max-width:1100px;margin:20px auto;color:#fff;}
.detailTxt {text-shadow:#000 1px 1px 15px,#ccc 1px 1px 10px}
.detailTxt h1{font-size:50px;}
.detailTxt .tripList{}

/*detailNav*/
.detailNav{max-width:1100px;margin:20px auto;}
.detailNav ul{text-align:center;}
.detailNav li{width:24%;display:inline-block;vertical-align:middle;text-align:center;}
.detailNav li a{display:block;background:rgba(255,255,255,.95);border:1px solid #FF8E00;border-radius:15px;font-size:18px;padding:10px 15px}
.detailNav li a i{padding:0 5px;color:#FF9600}
.detailNav li a:hover{background:rgba(255,158,35,1.00);color:#fff;}
.detailNav li a:hover i{color:#fff;}

.articles{max-width:1100px;margin:20px auto;}
.articles>article{background:rgba(255,255,255,.95);border:1px solid #f57900;padding:10px 30px;margin:5px 0;position:relative;}
.articles>article>hr{border-color:#f57900}
.articles>article .otherInfo li{display:block;margin-bottom:10px;color:#F17800}
.articles>article .btnUp{right:10px;top:5px;position:absolute;font-size:30px;color:#FF7E00}
.articles>article .btnUp:hover{color:#F50004}

.articlePage{margin:20px 50px;}
.articlePage .title{font-size:20px;color:#666;border:1px solid #ccc;padding:5px 15px;border-left:5px solid #f57900;}
.articlePage .date{font-size:15px;margin-bottom:20px;background:#999;width:120px;text-align:center;font-size:12px;color:#fff;}
.articlePage  article{padding:20px;}