/* 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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
form{display:table;width:100%;}
/* start editing from here */
a{text-decoration:none; color:#1D4288;transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
-webkit-transition-property: initial;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease;
-webkit-transition-delay: initial;}
a:hover{text-decoration:none; color:#FBE216;}
a.title{text-decoration:none; color:#F05423;transition: 0.5s ease; font-size: 120%;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
-webkit-transition-property: initial;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease;
-webkit-transition-delay: initial;}
a.title:hover{text-decoration:none; color:#FBE216;}
a.button { text-decoration:none; color:#999;transition: 0.5s ease;white-space:nowrap;
background-color: #252525; padding: 5px; border-radius: 3px;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
-webkit-transition-property: initial;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease;
-webkit-transition-delay: initial;}
a.button:hover{text-decoration:none; color:#fff;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
.event_date { background-color: #1D4288; color: #FBE216; border-top: 10px solid #F05423; padding: 20px 5px; font-size: 150%; display: inline; line-height: 4; }
/*end reset*/
@font-face {
    font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
    font-weight: normal;
    font-style: normal;

}
body{
    background:#fff;
    font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
}
/*---start-wrap-----*/
.wrap{
	width:75%;
	margin:0 auto;
	transition: all .2s linear;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
}
.header{
	background: url(slider.jpg) no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
.logo{
	float:left; margin: 10px 0px;
}
.logo a{
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
	color: #fff;
	font-size: 2.4em;
	font-weight: 500;
}
.logo a span{
	color:#F1C40F;
}
.top-nav{
	float:right; margin: 40px 0px 10px 20px; vertical-align: middle; width: 85%; display: block;
}
.top-nav ul li{
	display:inline-block; font-size: 150%;
}
.top-nav li.active> a, .top-nav li> a:hover {
	color: #FBE216;
}
.top-header {
	background: rgba(255, 255, 255, 0.33);
	border-bottom: 0px ridge rgba(172, 172, 172, 0.2);
}
.top-nav ul li a {
	color: #FFF;
	display: block;
	margin: 0px 5px;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	padding: 0.4em 0em;
	border-radius: 0.3em;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 0.875em;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
	font-weight: 500;
}
/*---start-slider-info-----*/
.slider-info{
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
	text-align: center;
	padding: 12em 0 20em 0;
	margin: 0 auto;
}
.slider-info h2{
	font-size:3em;
	color:#fff;
}
.slider-info h1{
	font-size: 6em;
	color: #FBE216;
	font-weight: 500;
}
.slider-info h1 span{
	color:#F1C40F;
}
.slider-info p{
	width: 90%;
	margin: 0 auto;
	color: #fff;
	font-size: 120%;
	line-height:1.8em;
}
/*-----*/
#slideshow { 
    position: relative; 
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}
/*---start-header-info-----*/
.header-info{
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
        text-align: left;
        width: 60%;
        padding: 1em 0;
        margin: 0 auto;
}
.header-info h1{
        font-size: 3em;
        color: #FBE216;
        font-weight: 500;
}
.header-info p { font-size: 1.5em; color: #FFF; margin: 1em 0em; word-wrap: break-word; }
/*-----*/
/*---start-content-----*/
.welcome-note{
	text-align: center;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
	padding: 4em 0 2em 0;
}
.welcome-note h3{
	font-size: 4em;
	color: #252525;
}
.welcome-note p{
	text-align: left;
	color: #555;
	width: 34%;
	margin: 0 auto;
	margin-top: 0.5em;
	line-height: 1.5em;
}
.main-content{
        text-align: center;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
        padding: 2em 0 2em 0;
}
.main-content .main-detail {
        text-align: left;
        color: #555;
        width: 60%;
        margin: 0 auto;
        margin-top: 0.5em;
        line-height: 1.5em;
}
.main-content table { border: 1px solid black; border-collapse: collapse; }
td { border: 1px solid black; padding: 2px; }
.nav { line-height: 2; }
.slike { display: block; }
.mlike { display: none; }
.main-content p { margin-bottom: 15px; }
.main-content .theme_pic { float: right; margin: 0px 0px 10px 10px; border: none; max-width: 300px; }
.main-content .thumbnail { float: left; width: 125px; margin-bottom: 10px; }
.main-content .abstract { float: right; width: 82%; }
.main-content .promo { float: left; width: 25px; margin-bottom: 10px; }
.main-content .promopic { float: left; width: 100px; margin-bottom: 10px; }
.main-content .promodtl { float: right; width: 77%; }
.main-content .promoinput { white-space: nowrap; font-size: 11pt; }
.top-grid{
	float:left;
	width:31.33%;
	margin-right:2%;
	 font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
}
.top-grid:last-child{
	margin-right:0;
}
.top-grid h3{
	font-size: 2.2em;
	color: #AAA;
}
.top-grid p{
	color:#999;
	margin: 0.8em 0;
	line-height: 1.8em;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
	font-weight: 300;
	font-size: 1em;
	width: 96%;
}
.top-grid h3 img{
	vertical-align: middle;
	margin-right: 2%;
}
.top-grid-row {
	padding: 0em 0 3em 0;
	border-bottom: 1px solid #eee;
	text-align: center;
}
table.button { border: 0px; }
td.button { padding: 10px 0px; border: 0px; }
.main-content a { word-wrap: break-word; }
.main-content iframe { width: 100%; max-width: 440px; }
.main-content iframe.trans { max-width: 1024px; }
/*---start-our-mission----*/
.our-mission-left{
	float:left;
	width:20%;
}
.our-mission-left h4{
		font-size: 2.5em;
		color: #AAA;
		font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
}
.our-mission-right{
	float:right;
	width:78%;
}
.our-mission-right p{
	color: #999;
	margin: 0.8em 0;
	line-height: 1.8em;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
	font-weight: 300;
	font-size: 1em;
	width: 96%;
}
.our-mission {
	padding: 2em 0 0 0;
}
/*---//End-our-mission----*/
/*---start-trust-----*/
.trust h4{
	font-size:3em;
	color: #252525;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
}
.trust p{
	color: #999;
	line-height: 1.8em;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
	font-weight: 300;
	font-size: 0.875em;
}
.trust {
	text-align: center;
	padding: 1em 0 1.5em 0;
}
/*---//End-trust-----*/
/*---start-trip-clients-----*/
.trip-clients ul li{
	display: inline-block;
	margin-right: 2.5%;
	opacity:0.8;
}
.trip-clients ul li:hover{
	opacity:1;
}
.trip-clients ul li:last-child{
	margin-right:0%;
}
.trip-clients {
	padding: 2em 0 4em 0;
}
/*----*/
/*---start-sub-about----*/
.sub-about {
	background: #F3D026;
	padding: 3em 0em 4em 0;
}
.sub-about-header {
	padding: 20px 0px 0 0;
}
.sub-about-header h5{
	width: 31.33%;
	float: left;
	display: block;
	height: 1px;
	background: #000;
	margin-top: 43px;
}
.sub-about-header h3{
	font-family: '微軟正黑體', 'gandhi_sansregular';
	font-size: 5em;
	color: #000000;
	text-transform: uppercase;
	float: left;
	width: 33%;
	text-align: center;
}
.sub-about-header img{
	vertical-align:middle;
}
.sub-about-para p{
	text-align:center;
	font-family: '微軟正黑體', 'gandhi_sansregular';
	color: #000;
	display: block;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.8em;
}
.sub-about-para {
	padding: 1em 0;
}
.sub-about-para p:nth-child(1){
	padding-bottom:1em;
}
.sub-about-header-sub {
	padding: 20px 0px 0 0;
	width: 80%;
	margin: 0 auto;
}
.sub-about-header-sub h5{
	width: 34.33%;
	float: left;
	display: block;
	height: 1px;
	background: #000;
	margin-top: 13px;
}
.sub-about-header-sub h3{
	font-family: '微軟正黑體', 'gandhi_sansregular';
	font-size: 1.2em;
	color: #000000;
	text-transform: uppercase;
	float: left;
	width: 29%;
	text-align: center;
}
.sub-about-header-sub img{
	vertical-align:middle;
}
/*---start-abub-about-grids----*/
.sub-about-grid{
	float: left;
	width: 31.33%;
	text-align: center;
	margin-right: 2%;
}
.sub-about-grid:last-child{
	margin-right:0;
}
.sub-about-grid-people{
	padding: 10px;
	border: 1px solid #eee;
	color: #999;
	line-height: 1.8em;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
	font-weight: 300;
	font-size: 0.875em;
}
.sub-about-grid h4{
	color: #252525;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
	font-size: 1.5em;
	text-transform: uppercase;
	padding: 0.4em 0 0 0;
}
.sub-about-grid h4 img{
	vertical-align: middle;
	border: 1px solid #DFDCDC;
	margin-right: 2%;
	padding: 3px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.sub-about-grid span{
	color: #999;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
	font-size: 0.75em;
	text-transform: uppercase;
	display: block;
	padding: 1em 0 0 0;
}
.sub-about-grid-social ul li{
	display:inline-block;
}
.sub-about-grid-social {
	padding: 1em 0;
}
.sub-about-grid-social ul li img{
	background: #fff;
	padding: 5px;
	border-radius: 0.2em;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.sub-about-grid-social ul li img:hover{
	background:#999;
}
.sub-about-grids {
	padding: 2em 0 0 0;
	text-align: center;
	width: 87%;
	margin: 0 auto;
	padding: 2em 0 3em 0;
}
.sub-about-grid-social img{
	border-radius:none;
}
/*---start-mid-banner-----*/
.mid-banner{
	background: url(space.jpg) no-repeat 100% 69%;
	padding: 5em;
	margin: 2em 0;
}
.mid-banner h3{
	font-size: 3em;
	color:#FBE216;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
}
.mid-banner h4{
	font-size: 1.5em;
	color:#FFF;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
}
.mid-banner p{
	color: #FFF;
	margin: 0.8em 0;
	line-height: 1.8em;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
	font-weight: 300;
	font-size: 0.875em;
	width: 41%;
}
/*---//End-mid-banner-----*/
/*---start-mid-profile-----*/
.mid-profile{
        background: url(profile.jpg) no-repeat 100% 69%;
        padding: 5em;
        margin: 2em 0;
}
.mid-profile h3{
        font-size: 3em;
        color:#FBE216;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
}
.mid-profile h4{
        font-size: 1.5em;
        color:#FFF;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
}
.profile-header{
        text-align: center;
        margin: 2em 0 0 0;
}
.profile-header h3 {
        font-size: 2em;
        color: #252525;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
}
.profile-box { text-align: center; }
.signup_fb { float: left; width: 100%; margin: 20px 0px; }
.button_fb { font-family: '微軟正黑體', 'Arial Unicode MS', Georgia; background-color: #3B5998; color: #fff; font-size: 22px; border: none; padding: 5px 10px; }
.button_1 { font-family: '微軟正黑體', 'Arial Unicode MS', Georgia; background-color: #F05423; color: #fff; font-size: 22px; border: none; padding: 5px 10px; white-space: nowrap; line-height: 2; }
.button_3 { font-family: '微軟正黑體', 'Arial Unicode MS', Georgia; background-color: #1D4288; color: #fff; font-size: 22px; border: none; padding: 5px 10px; }
.button_4 { font-size: 80%; vertical-align: 7px; white-space: nowrap; }
.signup_1 { float: left; width: 100%; margin-top: 20px; }
.signup_2 { float: left; width: 100%; margin-top: 10px; }
.signup_3 { float: left; width: 100%; margin-top: 5px; }
.signup_4 { float: left; width: 100%; margin-top: 15px; margin-bottom: 70px; line-height: 2; }
.signup_caption { float: left; width: 45%; text-align: right; padding-right: 5px; font-family: '微軟正黑體', 'Arial Unicode MS', Georgia; padding-top: 16px; }
.signup_label { float: left; width: 45%; text-align: right; padding-right: 5px; font-family: '微軟正黑體', 'Arial Unicode MS', Georgia; padding-top: 0px; }
.signup_input { float: left; width: 45%; text-align: left; font-family: '微軟正黑體', 'Arial Unicode MS', Georgia; }
.signup_id { float: left; width: 45%; text-align: left; font-family: '微軟正黑體', 'Arial Unicode MS', Georgia; font-size: 120%; font-weight: bold; }
.signup_option { width: 60%; text-align: left; }
.signup_pic { width: 250px; border: none; margin: 5px 0px; }
.form_search { display: inline; vertical-align: 23px; white-space: nowrap; margin-left: 5px; }
.form_input, .search_input { border: 1px solid gray; padding: 15px; font-family: '微軟正黑體', 'Arial Unicode MS', Georgia; width: 250px; }
.forgetpwd { margin-top: -50px; display: none; }
.nextmember { color: #F05423; font-size: 150%; font-weight: bold; }
.fast_field { background-color: #F05423; font-size: 150%; padding: 5px; color: #ffffff; width: 200px; }
.fast_price { background-color: #1D4288; color: #FBE216; border-left: 15px solid #F05423; padding: 40px 5px; font-size: 120%; display: inline; line-height: 4; }
/*---//End-mid-profile-----*/
/*----*/
/* Circular Content Carousel Style */
.ca-container{
	position: relative;
	margin: 1em auto 3em auto;
	padding-top: 3em;
	width: 83.5%;
	height: 450px;
}
.ca-wrapper{
	width:100%;
	height:100%;
	position:relative;
}
.ca-item{
	position:relative;
	float:left;
	width:330px;
	height:100%;
	text-align:center;
}
.ca-more{
	position: absolute;
	bottom: -3px;
	right: 0px;
	height: 78px;
	width: 80px;
	padding: 4px 15px;
	background: url(more.png) no-repeat 100%;
	text-align: center;
	color: white;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
}
.ca-more:hover{
	background: url(moreh.png) no-repeat 100%;
}
.ca-close{
	position:absolute;
	top:10px;
	right:10px;
	background:url(cross.png) no-repeat center center;
	width:27px;
	height:27px;
	text-indent:-9000px;
	outline:none;
	opacity:0.7;
}
.ca-close:hover{
	opacity:1.0;
}
.ca-item-main{
	padding: 20px;
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	background: #fff;
	overflow: hidden;
	border: 1px solid #eee;
}
.ca-icon, .ca-item-6 .ca-icon{
	width: 200px;
	height: 200px;
	display: block;
	position: relative;
	margin: 10px auto;
	background: transparent url(g1.jpg) no-repeat center center;
	border-radius: 0%;
}
.ca-item-2 .ca-icon{
	background-image:url(g5.jpg);
	border-radius: 50%;
}
.ca-item-3 .ca-icon{
	background-image:url(g4.jpg);
	border-radius: 50%;
}
.ca-item-4 .ca-icon{
	background-image:url(g3.jpg);
	border-radius: 50%;
}
.ca-item-5 .ca-icon{
	background-image:url(g2.jpg);
	border-radius: 50%;
}
.ca-item-7 .ca-icon{
	background-image:url(g5.jpg);
	border-radius: 50%;
}
.ca-item-8 .ca-icon{
	background-image:url(g4.jpg);
	border-radius: 50%;
}
.ca-item-9 .ca-icon{
        background-image:url(g3.jpg);
	border-radius: 50%;
}
.ca-item-A .ca-icon{
        background-image:url(g2.jpg);
	border-radius: 50%;
}
.ca-item h3{
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
	text-transform:uppercase;
	font-size:24px;
	color:#000;
	margin-bottom:20px;
	text-align:center;
	text-shadow: 0px 1px 1px #e4ebe9;
}
.ca-item h4{
	border-left: 7px solid #F1C40F;
	position: relative;
	color: #999;
	margin: 0.8em 0;
	line-height: 1.8em;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
	font-weight: 300;
	font-size: 1em;
}
.ca-item h4 span{
	text-indent: 25px;
	display: block;
}
.ca-item h4  span.ca-quote{
	color: #999;
	font-size: 5em;
	position: absolute;
	top: 11px;
	left: 6px;
	text-indent: 0px;
}
.ca-content-wrapper{
	background:ghostwhite;
	position:absolute;
	width:0px; /* expands to width of the wrapper minus 1 element */
	height:440px;
	top:5px;
	text-align:left;
	z-index:10000;
	overflow:hidden;
}
.ca-content{
	width:100%;
	overflow:hidden;
}
.ca-content-text{
	padding: 10px 36px;
	color: #252525;
	line-height: 1.8em;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
	font-weight: 300;
	font-size: 1em;
}
.ca-content-text p{
	padding-bottom:5px;
}
.ca-content h6{
	margin:25px 20px 0px 35px;
	font-size:1.2em;
	padding-bottom:5px;
	color:#252525;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
	border-bottom:2px solid #eee;
	text-shadow: 1px 1px 1px #eee;
}
.ca-content ul{
	margin:20px 35px;
	height:30px;
}
.ca-content ul li{
	float:left;
	margin:0px 2px;
}
.ca-content ul li a{
	color:#fff;
	background:#252525;
	padding:0.5em;
	font-size:1em;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	border-radius:0.3em; 
	-webkit-border-radius:0.3em; 
	-moz-border-radius:0.3em; 
	-o-border-radius:0.3em;
}
.ca-content ul li a:hover{
	background:#fff;
	color:#000;
	text-shadow:none;
}
.ca-nav span{
	width:25px;
	height:38px;
	background:transparent url(arrows.png) no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:-40px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:-40px;
}
.ca-nav span:hover{
	opacity:1.0;
}
/*---start-mid-grids-----*/
.mid-grids-header{
	text-align:center;
	padding: 4em 0 4em 0;
}
.mid-grids-header h3{
	font-size: 3em;
	color: #252525;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
}
.mid-grids-header p{
	text-align:left;
	color: #999;
	width: 60%;
	margin: 0 auto;
	line-height: 1.8em;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
	font-weight: 300;
	font-size: 1em;
}
.grid {
	padding:20px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

.grid li {
	display: inline-block;
	width: 33%;
	margin: 0;
	text-align: left;
	position: relative;
	margin-right: 0%;
}

.grid figure {
	margin: 0;
	position: relative;
}

.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
}

.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #252525;
	color: #FFFFFF;
}

.grid figcaption h3 {
	margin: 0;
	padding: 0;
	color:#FFF;
	text-transform: uppercase;
}

.grid figcaption span:before {
	content: 'by ';
}

.grid figcaption a {
	text-align: center;
	padding: 6px 10px;
	display: inline-block;
	background: #fff;
	color: #000000;
	border-radius: 0.2em;
	font-size: 0.875em;
}
/* Caption Style 2 */
.cs-style-2 figure img {
	z-index: 10;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.cs-style-2 figure:hover img,
.cs-style-2 figure.cs-hover img {
	-webkit-transform: translateY(-90px);
	-moz-transform: translateY(-90px);
	-ms-transform: translateY(-90px);
	transform: translateY(-90px);
}

.cs-style-2 figcaption {
	height: 46px;
	width: 89.5%;
	top: auto;
	bottom: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
}
.cs-style-2 figcaption .desc { float: left; width: 70%; height: 41px; overflow: hidden; }
.cs-style-2 figcaption .more { float: right; width: 30%; }
.cs-style-2 figcaption span{
	font-size: 1em;
	text-transform: uppercase;
	color: #aaa;
}
.cs-style-2 figcaption a {
	position: absolute;
	right: 20px;
	top: 28px;
}
/* Individual Caption Styles */
/*---start-contact-----*/
.contact-header{
	text-align: center;
	margin: 4em 0 1em 0;
}
.contact-header h3 {
	font-size: 3em;
	color: #252525;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
}
.contact-header p {
	color: #999;
	line-height: 1.8em;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
	font-weight: 300;
	font-size: 1em;
}
.contact-box-left{
}
.contact-box-left input[type="text"]{
	border: 1px solid #eee;
	padding: 1.5em;
	width: 40%;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
	border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	-o-border-radius: 0.2em;
	outline: none;
}
.contact-box-right textarea{
	width: 95%;
	padding: 1.5em;
	border: 1px solid #eee;
	height: 100px;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	-o-border-radius: 0.2em;
	outline: none;
}
.contact-box-right{
	margin-top: 0.2em;
}
.button_2{
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	-o-border-radius: 0.2em;
	color: #fff;
	background: #F1C40F;
	border: none;
	padding: 1.5em;
	cursor: pointer;
	display: block;
	width: 90%;
	outline:none;
	transition: 0.5s ease;
	margin-top: 0.5em;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	text-align: center;
}
.button_2:hover{
	color:#252525;
}
.contact-form{
	position: relative;
	top: 4.5em;
}
.contact-map{
	position: absolute;
	width: 100%;
}
.contact-box {
	height: 500px;
}
/*---//End-contact-----*/
/*---End-content-----*/
/*---start-copy-right-----*/
.copy-right{
	text-align:center;
	background:#252525;
	padding:1em 0;
	color: #F05423;
	font-size: 90%;
}
.copy-right p{
	color: #999;
	font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
	font-size: 0.75em;
	text-transform: uppercase;
	display: block;
}
.copy-right p a{
	color:#999;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.copy-right p a:hover{
	color:#FFF;
}
/*---//End-copy-right-----*/
.nav_up{
	padding:7px;
	background-color:white;
	position:fixed;
	background:url(top-arrow.png) no-repeat top left;
	background-position:50% 50%;
	width:20px;
	height:20px;
	bottom: 2px;
	opacity:0.7;
	right:30px;
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.nav_down{
	padding:7px;
	background-color:white;
	position:fixed;
	background:url(top-arrow.png) no-repeat top left;
	background-position:50% 50%;
	width:20px;
	height:20px;
	bottom:0px;
	opacity:0.7;
	left:70px;
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
#content{
	position:absolute;
	width:100%;
}

.shopCart { width: 60%; }
.shopCellLeft { padding: 3px; border-bottom: 1px dotted gray; width: 53%; font-size: 16px; vertical-align: middle;}
.shopCellQty { padding: 3px; border-bottom: 1px dotted gray; white-space: nowrap; text-align: right; font-size: 16px; align: bottom;}
.shopCellOther { padding: 3px; border-bottom: 1px dotted gray; white-space: nowrap; text-align: right; font-size: 16px; vertical-align: middle;}
.shopCellRight { padding: 3px; border-bottom: 1px dotted gray; white-space: nowrap; text-align: right; font-size: 16px; vertical-align: middle;}

.shopHeadLeft { padding: 2px; border-bottom: 1px solid gray; font-weight: bold; width: 53%; font-size: 18px;}
.shopHeadQty{ padding: 2px; border-bottom: 1px solid gray; white-space: nowrap; text-align: right; font-weight: bold; font-size: 18px;}
.shopHeadOther { padding: 2px; border-bottom: 1px solid gray; white-space: nowrap; text-align: right; font-weight: bold; font-size: 18px;}
.shopHeadRight { padding: 2px; border-bottom: 1px solid gray; white-space: nowrap; text-align: right; font-weight: bold; font-size: 18px;}
.shopTotal { padding: 2px; white-space: nowrap; text-align: right; font-size: 18px;}
.shopValue { padding: 2px; white-space: nowrap; text-align: right; font-weight: bold; font-size: 18px;}

.main-content table.button { border-collapse: collapse; border: none; width: 60%; border-top: 1px solid gray; }
td.button { border: none; }

.top-menu { display: none; }
.top-menu img { width: 30px; border: 0px; margin: 80px 0px 0px 20px; }

table.CALPARMS { border: none; }
td.CALPARMS { border: none; }
.bcal_head {font-size:14pt;color:#D5551E; border: none; }
.bcal_notthismon {font-size:16pt;background-color:white;color:#AAAAAA;border:1px solid #1D4288; width:50px; height:50px}
.bcal_normal {font-size:16pt;background-color:#1D4288;color:#FBE216;border:1px solid #1D4288; width:50px; height:50px}
.bcal_holiday {font-size:16pt;background-color:#1D4288;color:#F05423;border:1px solid #1D4288; width:50px; height:50px}
.bcal_today {font-size:16pt;background-color:#FBE216;color:white;border:1px solid #1D4288; width:50px; height:50px}
.bcal_wday {font-size:12pt;background-color:#FFFFFF;font-weight:normal;border:1px solid #1D4288; width:50px; height:30px}
a.bcal_normal_day:link {color:#FBE216}
a.bcal_normal_day:visited {color:#FBE216}
a.bcal_normal_day:hover {color:#FBE216;text-decoration:underline;}
a.bcal_holiday_day:link {color:#F05423;}
a.bcal_holiday_day:visited {color:#F05423;}
a.bcal_holiday_day:hover {color:#F05423;text-decoration:underline;}
a.bcal_today_day:link {color:white}
a.bcal_today_day:visited {color:white}
a.bcal_today_day:hover {color:white;text-decoration:underline;}

table.bcal_content {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #1D4288;
  padding-right: 20px;
}
table.bcal_banner {
  border-collapse: collapse;
  width: 100%;
  border: none;
}
table.bcal_footer {
  border-collapse: collapse;
  width: 100%;
  border: none;
}

/*---//End-wrap-----*/
/*----responsive-design-----*/
@media only screen and (max-width: 1440px) and (min-width: 1366px) {
	.wrap{
		width:84%;
	}
}
@media only screen and (max-width: 1366px) and (min-width: 1280px) {
	.wrap{
		width:89%;
	}
}
@media only screen and (max-width: 1280px) and (min-width: 1024px) {
	.wrap{
		width:89%;
	}
	.slider-info {
		padding: 2.5em 0 14em 0;
	}
	.ca-container{
		width: 74.5%;
	}
	.ca-item {
		width: 32%;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 640px) {
	.wrap{
		width:89%;
	}
	.slider-info {
		padding: 2.5em 0 14em 0;
	}
	.ca-container{
		width: 85%;
	}
	.ca-item {
		width: 32%;
	}
	.welcome-note p {
		width: 54%;
	}
	.top-grid h3 {
		font-size: 2em;
	}
	.our-mission-left h4 {
		font-size: 2em;
	}
	.trip-clients ul li:nth-child(2){
		display:none;
	}
	.cs-style-2 figcaption {
		width: 80.9%;
	}
	.contact-box-left input[type="text"] {
		width: 40%;
	}
	.contact-box-right textarea {
		width: 93%;
	}
	.button_2 {
		width: 70%;
	}
        .top-nav {
                float: left;
                margin: 10px 0px 10px 20px;
                display: block;
        }
	.top-nav ul li a {
		padding: 0.4em 0em;
	}
	.slider-info h2 {
		font-size: 2em;
	}
	.slider-info h1 {
		font-size: 4em;
	}
	.grid {
		padding:0;
	}
	.welcome-note h3 {
		font-size: 3em;
	}
	.our-mission-right p,.sub-about-grid-people {
		font-size:0.8em;
	}
	.sub-about-grid h4 img {
		display: block;
		margin: 0 auto;
	}
	.grid li {
		width: 32%;
	}
}
@media only screen and (max-width: 640px) and (min-width: 200px) {
	.slider-info {
		font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
		text-align: center;
		padding: 1.5em 0 10em 0;
		margin: 0 auto;
	}
	.slider-info h1 {
		font-size: 2em;
		color: #FBE216;
		font-weight: 500;
	}
	.top-nav ul li a {
		display: block;
		margin: 0px 5px;
		-webkit-transition: 0.5s ease;
		padding: 0.4em 0em;
		border-radius: 0.3em;
		text-transform: uppercase;
		font-size: 0.875em;
		font-family: '微軟正黑體', 'Arial Unicode MS', Georgia;
		font-weight: 500;
	}
	.top-menu { display: block; }
	.top-menu img { width: 30px; border: 0px; margin: 80px 0px 0px 20px; }
	.top-nav {
		float: left;
		margin: 5px 0px 10px 20px;
		display: none;
	}
	.header {
		background: url(slider.jpg) no-repeat;
		background-size: cover;
		background-position: 50% 50%;
	}
	.welcome-note {
		padding: 3em 0 1em 0;
	}
	.welcome-note h3 {
		font-size: 3em; padding: 0px 20px;
		color: #252525;
	}
	.welcome-note p {
		width: 50%;
	}
	.top-grid {
		float: auto;
		width: 100%;
	}
	.top-grid h3 {
		font-size: 1.5em;
	}
	.top-grid h3 img {
		margin: 0px 5px 5px 0px;
	}
	.mid-banner {
		padding: 1.5em 1em;
	}
	.mid-banner p {
		width: 80%;
	}
	.ca-container {
		padding-top: 1em;
	}
	.ca-item {
		width: 250px;
	}
	.ca-nav span.ca-nav-next {
		right: -20px;
	}
	.ca-nav span {
		left: auto;
	}
	.ca-content-text {
		font-size: 0.8em;
	}
	.ca-content ul {
		margin: 0px 35px;
	}
	.ca-content ul li a {
		font-size: 0.5em;
	}
	.mid-grids-header p {
		padding: 0px 20px;
	}
	.grid li {
		display: table;
		width: 100%;
		margin-bottom: 5px;
	}
	.mid-grids-header {
		padding: 1.5em 0;
	}
	.contact-header {
		margin: 4em 0 1em 0;
	}
	.contact-header p {
		padding: 0px 20px;
	}
	.contact-form { top: 2em; }
	.contact-box-left input[type="text"] {
		width: 220px;
	}
	.contact-box-right textarea {
		width: 220px;
		height: 100px;
	}
	.contact-box {
		width: auto;
	}
	.button_2 { width: 220px; }
	.profile-header { padding: 0px 25px; }
	.profile-header h3 { font-size: 1.5em; }
	.mid-profile { padding: 5em 1em; }
	.mid-profile h3 { font-size: 2em; }
	.mid-profile h4 { font-size: 1.5em; }
	.signup_caption { width: 275px; padding-right: 25px; padding-top: 0px; }
	.signup_label { width: 275px; padding-right: 25px; padding-top: 0px; }
	.signup_input { width: 275px; padding-left: 25px; }
	.signup_id { width: 259px; padding-left: 30px; overflow: hidden; text-overflow: ellipsis; }
	.signup_option { width: 90%; text-align: left; }
	.main-content { padding: 1em 0; }
	.main-content .main-detail { width: 85%; }
	.main-content .abstract { width: 100%; margin-bottom: 10px; }
	.main-content .theme_pic { float: initial; margin: 0 0 10px 0; max-width: 220px; }
	.main-content img { max-width: 250px; }
	.main-content iframe { width: 100%; max-width: 280px; }
	.slike { display: none; }
	.mlike { display: block; }
	.header-info { width: 75%; }
	.header-info h1{ font-size: 2em; }
	.form_search { margin-left: 0px; }
	.search_input { border: 1px solid gray; padding: 15px; font-family: '微軟正黑體', 'Arial Unicode MS', Georgia; width: 128px; }

	.shopCart { width: 90%; }
	.shopCellLeft { padding: 2px; font-size: 12px; }
	.shopCellQty { padding: 2px; font-size: 12px; }
	.shopCellOther { padding: 2px; font-size: 12px; }
	.shopCellRight { padding: 2px; font-size: 12px; }

	.shopHeadLeft { padding: 1px; font-size: 14px; }
	.shopHeadQty{ padding: 1px; font-size: 14px;}
	.shopHeadOther { padding: 1px; font-size: 14px;}
	.shopHeadRight { padding: 1px; font-size: 14px;}
	.shopTotal { padding: 1px; font-size: 14px;}
	.shopValue { padding: 1px; font-size: 14px;}

	.bcal_notthismon {font-size:10pt;width:25px; height:25px}
	.bcal_normal {font-size:10pt;width:25px; height:25px}
	.bcal_holiday {font-size:10pt;width:25px; height:25px}
	.bcal_today {font-size:10pt;width:25px; height:25px}
	.bcal_wday {font-size:10pt;width:25px; height:20px}
}