@charset "UTF-8";

@font-face 
{ 
	font-family: 'NordicaHairline'; 
	src: url('../fonts/NordicaHairline.eot'); 
	src: url('../fonts/NordicaHairline.woff2') format('woff2'), url('../fonts/NordicaHairline.woff') format('woff'), url('../fonts/NordicaHairline.ttf') format('truetype'), url('../fonts/NordicaHairline.svg') format('svg'); 
}

@font-face
{
	font-family: 'NordicaThin'; 
	src: url('../fonts/NordicaThin.eot'); 
	src: url('../fonts/NordicaThin.woff2') format('woff2'), url('../fonts/NordicaThin.woff') format('woff'), url('../fonts/NordicaThin.ttf') format('truetype'), url('../fonts/NordicaThin.svg') format('svg'); 
}

@font-face 
{
	font-family: 'Nordica';
	src: url('../fonts/NordicaRegular.eot');
	src: url('../fonts/NordicaRegular.woff2') format('woff2'), url('../fonts/NordicaRegular.woff') format('woff'), url('../fonts/NordicaRegular.ttf') format('truetype'), url('../fonts/NordicaRegular.svg') format('svg'); 
}

@font-face 
{
	font-family: 'ITCAvantGardeStd';
	src: url('../fonts/ITCAvantGardeStd-XLtCn.eot');
	src: url('../fonts/ITCAvantGardeStd-XLtCn.woff2') format('woff2'), url('../fonts/ITCAvantGardeStd-XLtCn.woff') format('woff'), url('../fonts/ITCAvantGardeStd-XLtCn.ttf') format('truetype'), url('../fonts/ITCAvantGardeStd-XLtCn.svg') format('svg'); 
}

@font-face
{
	font-family: 'Didot';
	src: url('../fonts/Didot.eot');
	src: url('../fonts/Didot.woff2') format('woff2'), url('../fonts/Didot.woff') format('woff'), url('../fonts/Didot.ttf') format('truetype'), url('../fonts/Didot.svg') format('svg'); 
}

/************************************************************************************
Common
*************************************************************************************/
a:link { text-decoration: none }
a:visited { text-decoration: none }
a:active { text-decoration: none }
a { color: #4C4C4C; }
*,
*:after,
*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: 0;}
body,
html { width: 100%; min-height: 100%; overflow-x: hidden;padding: 0;margin: 0; background: #fff; -webkit-text-size-adjust: 100%; }
body { font-size:14px; font-family: 'NordicaThin', 'Open Sans', 'Helvetica', 'Arial', 'Microsoft JhengHei', '微軟正黑體', '儷黑 Pro', 'LiHei Pro', 'sans-serif';}
.hand { cursor: pointer; }
input:focus { outline: none; }
::-ms-clear { display: none; }
.hidden { display: none !important; }
.clearfix:after { content: ""; display: table; clear: both; }
ul { list-style-type: none; margin: 0;padding: 0; }
img { border: 0; width: auto; max-width: 100%; }
button {border-width: 0px; padding: 0px; cursor: pointer;}

.submit-loading { display:none; width: 210px; height: 43px; background-color: #333; margin:0 auto; background-repeat: no-repeat; background-position: center; background-image: url('../../assets/images/loading.gif'); }
.align-center { text-align:center; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.float-left { float:left; }
.float-right { float:right; }
.remark { font-size:14px; }
.underline,
a.underline { text-decoration:underline; }
.figure > img { display:block; }
.col { display: inline-block; vertical-align: top; }
.error { border-color: red; }
.error .error-text,.error .error-text a { color: red; }
.scale-effect > .figure { position: relative; }
.scale-effect > .figure > img,
.article-item .figure:before { transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; }
.overflow { hidden; overflow: hidden; }
.hidden-text { display:none; }
.btn-close { position:relative; display: block; width:40px; padding-top:40px; cursor: pointer; margin-bottom: 10px; }
.btn-close:before,
.btn-close:after{ content:''; position:absolute; width:100%; height:2px; background-color:#fff; top:50%; left: 0; margin-top:-1px; }
.btn-close:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.btn-close:after { transform: rotateZ(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.btn-close--black:before,
.btn-close--black:after { background-color:#000; }
.btn-close--small { width:30px; padding-top:30px; }
.faux-block-link{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(data:image/gif;,);}
.arrow{position:relative;display: inline-block;width: 12px;padding-top: 22px;}
.arrow:before,.arrow:after{content:'';position:absolute;top:50%;left: 0;width: 100%;height: 2px;background-color: #000;border-radius: 2px;transition:background-color 0.3s;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;-ms-transition:background-color 0.3s;}
.arrow:after{margin-top: -1px;}
.arrow-right{margin-right: 2px;}
.arrow-right:before,.arrow-right:after{transform-origin: right center;-webkit-transform-origin: right center;-moz-transform-origin: right center;-ms-transform-origin: right center;}
.arrow-right:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.arrow-right:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.arrow-left:before,.arrow-left:after{transform-origin: left center;-webkit-transform-origin: left center;-moz-transform-origin: left center;-ms-transform-origin: left center;}
.arrow-left:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.arrow-left:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.arrow-large{width: 28px;padding-top: 46px;}
.arrow-large:before,.arrow-large:after{height: 4px;}
.arrow-white:before,.arrow-white:after{background-color:#fff;}
.arrow-down{width: 26px;padding-top: 15px;}
.arrow-down:before,.arrow-down:after{margin:0;top:auto;bottom:0;width: auto;}
.arrow-down:before{left:0;right:50%;transform-origin: right center;-webkit-transform-origin: right center;-moz-transform-origin: right center;-ms-transform-origin: right center;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.arrow-down:after{left: 50%;right:0;transform-origin: left center;-webkit-transform-origin: left center;-moz-transform-origin: left center;-ms-transform-origin: left center;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.icon{background-repeat:no-repeat;background-position:center;background-size:100%;}
.icon-elle{background-image:url('../../assets/images/footer_elle.png');}
.icon-fb{background-image:url('../../assets/images/footer_fb.png');}
.align-middle{height:100%;white-space:nowrap;text-align: center;}
.align-middle.before:before,.align-middle.before2:before,.align-middle.before3:before,.align-middle-item,.align-middle-item2,.align-middle-item3{display:inline-block;vertical-align:middle;}
.align-middle.before:before{content:'';display:inline-block;height:100%;width:2px;margin-left:calc(51.84% - 2px);margin-top:0;}
.align-middle.before2{width: 50%;}
.align-middle.before2:before{content:'';display:inline-block;height:100%;width:2px;margin-left:0%;margin-top:0%}
.align-middle.before3:before{content:'';display:inline-block;height:100%;width:2px;margin-left:-7px;}
.white-bg{background-color:#fff;}
.pink-bg{background-color:#f9f4f0;}
.btn-style{display:inline-block;cursor:pointer;}
.btn-style > img{display:block;}
.btn-container{text-align:center;}
.hidden{display:none;}
.pointer{cursor:pointer;}
.desktop{display: block;}
.mobile{display: none;}
.nospace{letter-spacing:0;}

.grecaptcha-badge{
    display: none;
}

#site-wrapper{min-width:320px;overflow:hidden}
.content-panel p{line-height:35px;margin:35px 11.36%;color:#e24b36;font-size:16px;}
.section-title{text-align:center;}

@media (max-width:640px){
    body{font-size:20px;}
	.align-middle.before:before{content:'';display:inline-block;height:100%;width:0%;margin-left:0%;margin-top:50%;}
    .sponsored-container,.footer{font-size:18px;}
	.desktop{display: none;}
	.mobile{display: block;}
	.align-middle.before2{width: 100%;}
	/*.align-middle-item{vertical-align: text-top;}*/
	.align-middle-item2{display:inline-block;vertical-align:text-top;top:28%;position:relative;}
	.content-panel p{font-size:3vw;line-height: 2em;margin: 35px 0%;}
	.sponsored-container .margin{padding:20px 30px 50px;}
}

@media (max-width:640px)
{
	body
	{
		font-size:20px;
	}
}

@media (max-width:480px)
{
	body
	{
		font-size:16px;
	}
}

/*
.keyBackgroundColor { background-color:#d91539; }
.kvKeyBackgroundColor { background-color:#d91539; }
*/
@media (max-width:640px)
{
	.kvKeyBackgroundColor { background-color:initial; }
}

.noBackgroundColor { background-color:#dbdbdb; }

.margin{max-width: 1440px; margin: 0 auto; padding: 0 0px;}

/************************************************************************************
KV
*************************************************************************************/
#section-topnav { height: 50px; background: #000; position: fixed; width: 100%; z-index: 10; }
#section-topnav .margin .styleInsider { display: block; padding: 9.5px 15px; width: 50%;}
/*#section-topnav .margin .styleInsider .navLogo { margin-top: 8px; max-width: 384px; width: 100%; height: 16px; background: url('../../assets/images/topnav_logo.png') no-repeat 0px 0px; background-size: contain; }*/
#section-topnav .margin .styleInsider .navGuest { font-family: "ITCAvantGardeStd",'Open Sans','Helvetica', 'Arial', '微軟正黑體', 'Microsoft JhengHei', '儷黑 Pro', 'LiHei Pro', 'sans-serif'; color: #eddccc; font-size: 19pt; text-transform: uppercase; padding-left: 15px; letter-spacing: 5px;}
#section-topnav .margin .giveaway { width: 50%; }
#section-topnav .margin .giveaway .actionBtn { color: #fff; font-size: 14px; letter-spacing: 0.2em; text-align: right; padding: 15px 15px 0px 0px; }

#section-kv { margin-top: 50px; }
#section-kv .margin { }
/*#section-kv .margin .kv { position: relative; width: 100%; background: url('../../assets/images/kv.jpg') no-repeat 0px 0px; background-size: contain;}*/
#section-kv .margin .kv:after { content:''; display:block; padding-top:56.11112%;}
#section-kv .margin .kv .kvTextBox { position: absolute; width: 29.16%; top: 21.46%; max-width: 420px;}
#section-kv .margin .kv .kvTextBox:after { content: ''; display: block; padding-top: 9.5%; }

#section-kv .margin .kv .kvTextBox .logoImg:after { content: ''; display: block; }
#section-kv .margin .kv .kvTextBox .kvText {width: 80.24%; margin: 0px 9.88%; color:#fff; font-size:16px; text-align:justify; line-height:1.4; padding-top: 0px;}

@media (max-width:1440px)
{
	#section-topnav .margin .styleInsider .navGuest { font-size: 1.3vw; line-height:1.9;}
	#section-topnav .margin .giveaway .actionBtn { font-size:1.1vw; }
    #section-kv .margin .kv .kvTextBox .kvText {font-size:1.1vw; line-height:1.4;}
}

@media (max-width:768px)
{
	#section-topnav { height: 50px; }
	#section-topnav .margin .giveaway .actionBtn { font-size: 11px; }
	#section-kv .margin .kv:after { content:''; display:block; padding-top:77.5%;}
	/*#section-kv .margin .kv { background: url('../../assets/images/kv_tablet.jpg') no-repeat 0px 0px; background-size: contain; }*/
	#section-kv .margin .kv .kvTextBox { position: absolute; width: 50%; top: 14%;}
	#section-kv .margin .kv .kvTextBox .logoImg { margin: 9% 9% 8%; background: url('../../assets/images/logo.png') no-repeat 0px 0px; background-size: contain; width: 82%; }
	#section-kv .margin .kv .kvTextBox .kvText {width: 84%; margin: 0px 8%; font-size:2.2vw; line-height:1.3;}
	#section-kv .margin .kv .kvTextBox .logoImg:after { padding-top: 63.07%; }
	#section-kv .margin .kv .kvTextBox:after { padding-top: 24%; }
}

@media (max-width:640px)
{
	#section-topnav { height: 50px; }
	#section-topnav .margin .styleInsider { display: none; }
	#section-topnav .margin .giveaway { width: 100%; }
	#section-topnav .margin .giveaway .actionBtn { font-size: 14px; text-align: center; padding: 15px; }
	
	#section-kv .margin .kv { width: 100%; background-size: 50%; background-color:#d91539;}
	#section-kv .margin .kv:after { padding-top: 122.6%;}
	#section-kv .margin .kv .kvTextBox { position: absolute; width: 100%; top: 0%; left: 0%; max-width: 640px;}
	#section-kv .margin .kv .kvTextBox .logoImg { background: url('../../assets/images/logo.png') no-repeat 0px 0px; background-size: contain; width: 37.5%; }
	#section-kv .margin .kv .kvTextBox .kvText {width: 87.5%; margin: 0px 6.25%; font-size:3.6vw; line-height:1.4; padding-top: 5%;}
	#section-kv .margin .kv .kvTextBox .logoImg:after { padding-top: 63.07%; }
	#section-kv .margin .kv .kvTextBox:after { padding-top: 9.5%; }
}

/*
@media (max-width:570px)
{
	#section-kv .margin .kv:after { padding-top: 85%;}
}

@media (max-width:450px)
{
	#section-kv .margin .kv:after { padding-top: 98%;}
}

@media (max-width:390px)
{
	#section-kv .margin .kv:after { padding-top: 113%;}
}
*/

/************************************************************************************
KV_travel
*************************************************************************************/

#section_travel-kv {margin-top:30px;}
#section_travel-kv .margin {max-width:980px;margin:0 auto;padding:0 30px;}
#section_travel-kv .content-panel p {line-height:35px;margin:50px 0;color:#000;font-size:14px;font-family: 'Open Sans',Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", "儷黑 Pro", "LiHei Pro", sans-serif;}
#section_travel-kv .content-panel p {margin-bottom:30px;}
.kv_travel .logo {position:absolute;width: 47%;top:10px;left:10px;}
.video-container,.video-container video {position:absolute;top:0;left:0;width:100%;height:100%;}
.kv_travel.video-playing .logo {display:none;}
.kv_travel.video-playing .video-container {opacity: 1;}
/*.btn-start {padding-left: 8px; width:321px; height: 56px; font-family:'Didot';line-height: 56px; border: 1px solid #000; font-size:21px; font-weight: bold; letter-spacing: 4px; color: #000; background:rgba(165, 134, 91, 0);}*/
/*.btn-start:hover {color: #fff; background:rgba(165, 134, 91, 1);}*/
.soundMute {z-index:190; width:29px; height:29px; bottom:20px; right:20px; position:absolute; cursor:pointer; display:none; opacity:0;}
.soundOn {background: url('../../assets/images/music.png') no-repeat 0px 0px;}
.soundOff {background: url('../../assets/images/mute.png') no-repeat 0px 0px;}
.video-container:hover .soundMute { display: block; opacity:1;}

@media (max-width:768px){
    #section_travel-kv .content-panel p > br{display:none;}
}

@media (max-width:640px){
    .kv_travel .logo{width: 56%;}
    .delimiter img{width:45%;}
}

@media (max-width:480px){
	#section_travel-kv {margin-top:15px;}
	#section_travel-kv .margin {padding:0 15px;}
    #section_travel-kv .btn-style{width: 78%;}
    #section_travel-kv .content-panel p{margin-bottom:20px;margin: 25px 0; line-height: 30px;font-size:16px;}
}




/************************************************************************************
video
*************************************************************************************/
#section-video { }

.col-container { overflow: hidden; margin-top: 0px;}
.col-item { position: relative; overflow: hidden;}
.col-item > .bg { position:relative; z-index:1;}

.four-col .col-item { position:relative; width: calc((100% / 4)); margin-left: 0%;}
.four-col .col-item:first-child { margin-left:0;}
.three-col .col-item { position:relative; width: calc((100% / 3)); margin-left: 0%;}
.three-col .col-item:first-child { margin-left:0;}
.two-col .col-item { position:relative; width: calc((100% / 2)); margin-left: 0%;}
.two-col .col-item:first-child { margin-left:0;}
.one-col .col-item { position:relative; width: 100%; margin-left: 0%;}
.one-col .col-item:first-child { margin-left:0;}

.col-float { float:left;}
.col-item .img{position:absolute;top:0;left:0;width:100%;height:100%;margin:0px;}
.col-item .img img{height:100%;width:auto;}

.videoContainer { position:relative; width:100%; }
/*.videoContainer .video1 { background: url('../../assets/images/video_bg.jpg'); background-size: contain; background-repeat: no-repeat; background-position: center; }*/
.videoContainer .video1:after { content: ''; display: block; padding-top: 25%; }
.videoContainer .video1 .hoverColor { width:100%; position:absolute; }
/*.videoContainer .video1 .hoverColor:before,
.videoContainer .video1 .hoverColor:after { content: ''; display: none; background: url('../../assets/images/video_bg.jpg'); background-size: contain; background-repeat: no-repeat; transition: .5s; background-position: center; -webkit-filter: blur(10px) saturate(2); filter: blur(10px) saturate(2); width:100%; padding-top:25%; position: absolute;}*/
.videoContainer .videoBtn { position:absolute; width:11.38%; left:44.31%; top:27.2%; background: url('../../assets/images/video_play.png'); background-size: contain; background-repeat: no-repeat; }
.videoContainer .videoBtn:after { content: ''; display: block; padding-top: 100%; }
.videoContainer:hover .video1 .hoverColor:before,
.videoContainer:hover .video1 .hoverColor:after { display: block; }
.videoContainer:hover .videoBtn { background: url('../../assets/images/video_play_hover.png'); background-size: contain; background-repeat: no-repeat;}

@media (max-width:640px)
{
	/*.videoContainer .video1 { background: url('../../assets/images/video_bg_m.jpg'); background-size: contain; background-repeat: no-repeat; background-position: center; }*/
	.videoContainer .video1:after { content: ''; display: block; padding-top: 40.61%; }
	.videoContainer .videoBtn { width:25%; left:37.5%; top:20%;}
	.videoContainer:hover .video1 .hoverColor:before,
	.videoContainer:hover .video1 .hoverColor:after { display: none; }
	.videoContainer:hover .videoBtn { background: url('../../assets/images/video_play.png'); background-size: contain; background-repeat: no-repeat;}
}

/************************************************************************************
feature
*************************************************************************************/
#section-feature .image:after { content: ''; display: block; padding-top: 47.92%; }
#section-feature .text { position: relative; width: 100%; padding-top: 20px; padding-bottom: 20px; }
#section-feature .title{ text-align: center; }
#section-feature .text .title .titleBg { color: #fff; background-color: #F6967E; padding: 15px 20px 15px 30px; text-decoration: none; font-size: 13px; line-height: 1.2; white-space: nowrap; display: inline-block; border-radius: 0; float: none; letter-spacing: 0.6em;}
#section-feature .text .descn{ text-align: center; color: #000; font-size: 16px; padding: 20px; }
#section-feature .col-item:hover .text .title .titleBg { background-color: #f4c2b7; }
#section-feature .col-item:hover .image:before,
#section-feature .col-item:hover .image:after { display: block; }

#section-feature .eachFeature { position: relative; width: 100%;}
#section-feature .eachFeature .videoBtn { position:absolute; width:11.38%; left:44.31%; top:27.2%; background: url('../../assets/images/video.png'); background-size: contain; background-repeat: no-repeat; }
#section-feature .eachFeature .videoBtn:after { content: ''; display: block; padding-top: 100%; }
#section-feature .col-item:hover .eachFeature .videoBtn { background: url('../../assets/images/video_hover.png'); background-size: contain; background-repeat: no-repeat;}

@media (max-width:1440px)
{
	#section-feature .text .title .titleBg { font-size: 1.1vw; }
	#section-feature .text .descn{ font-size: 1.2vw; }
}

@media (max-width:768px)
{
	#section-feature .text .title .titleBg { font-size: 2vw; padding: 10px 10px 10px 20px; }
	#section-feature .text .descn{ font-size: 2.2vw; }
}

@media (max-width:640px)
{
	#section-feature .text .title .titleBg { font-size: 3.4vw;}
	#section-feature .text .descn{ font-size: 3.6vw; }
	#section-feature .text { padding-bottom: 5%; }
	#section-feature .col-item:hover .text .title .titleBg { background-color: #000; }
	#section-feature .col-item:hover .image:before,
	#section-feature .col-item:hover .image:after { display: none; }
}


/************************************************************************************
feature_travel
*************************************************************************************/

#section_travel-feature .margin {max-width:980px;margin:0 auto;padding:0 30px;}
.dim-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color: rgba(0, 0, 0, 0.25);}
.icon-read{position:absolute;top:50%;width: 69px;padding-top: 50px;left: 0;right: 0;margin: -25px auto 0;background-repeat:no-repeat;background-position:center;background-image:url('../../assets/images/hover.png');}
#section_travel-feature .col-container{overflow:hidden;margin-top: 35px;}
#section_travel-feature .col-item{position:relative;overflow: hidden;}
#section_travel-feature .col-item > .bg{position:relative;z-index:1;}
#section_travel-feature .four-col .col-item{position:relative;width: calc((97% / 4));margin-left: 1%;}
#section_travel-feature .four-col .col-item:first-child{margin-left:0;}
#section_travel-feature .col-float{float:left;}
#section_travel-feature .col-item .img{position:absolute;top:0;left:0;width:100%;height:100%;}

#section_travel-feature .two-col{width:calc(100% + 5px);}
#section_travel-feature .two-col .col-item{width: calc(50% - 5px);margin-right: 5px;margin-bottom: 5px;}

#section_travel-feature .feature .dim-overlay,.feature .figure,.feature .img{border-radius: 100px;}
#section_travel-feature .feature .figure{position:absolute;top: 3%;left: 7%;right: 8%;bottom: 29%;overflow:hidden;}
#section_travel-feature .feature .img{background-repeat:no-repeat;background-position:center;background-size:cover;}
#section_travel-feature .feature .feature-1{background-image:url('../../assets/images/feature1.jpg');}
#section_travel-feature .feature .feature-2{background-image:url('../../assets/images/feature2.jpg');}
#section_travel-feature .feature .feature-3{background-image:url('../../assets/images/feature3.jpg');}
#section_travel-feature .feature .feature-4{background-image:url('../../assets/images/feature4.jpg');}

#section_travel-feature .feature-large .figure{padding-top: 56%;}
#section_travel-feature .feature-large .col-item{color:#fff;font-size:18px;}
#section_travel-feature .feature-large .col-item .text{margin-bottom: 16px;line-height: 1.8em;}
#section_travel-feature .feature-large .icon-read{position:relative;top: 0;margin: 0 auto;}
#section_travel-feature .feature-large .moveup-item{transform: translate3d(0,34px,0);-webkit-transform: translate3d(0,34px,0);-moz-transform: translate3d(0,34px,0);-ms-transform: translate3d(0,34px,0);}


@media (min-width:981px){    
    #section_travel-feature .feature .col-item:hover .dim-overlay{opacity:1;}
    #section_travel-feature .feature .col-item:hover .icon-read{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
    #section_travel-feature .feature-large .col-item:hover .moveup-item{transform:translate3d(0,20px,0);-webkit-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);}
    #section_travel-feature .feature-large .col-item:hover .opacity-transition{opacity:1;}
}

@media (max-width:640px){
    #section_travel-feature .four-col{width: 102%;}
    #section_travel-feature .four-col .col-item{width: 48%;margin-right:2%;margin-left: 0;margin-bottom: 1.3%;}
    #section_travel-feature .two-col{width:100%;}
    #section_travel-feature .two-col .col-item{width:100%;margin-right:0;margin-bottom:10px;}

    #section_travel-feature .feature-large .col-item{font-size:20px;}
}

@media (max-width:480px){
	#section_travel-feature .margin {padding:0 15px;}
    #section_travel-feature .col-container{margin-top:25px;}
    #section_travel-feature .feature-large .col-item{font-size:18px;}
}


/************************************************************************************
gallery
*************************************************************************************/
#section-gallery { padding-bottom: 40px;}
#section-gallery .margin .title { margin: 40px auto; color: #000; font-size: 16px; text-align: center; letter-spacing: 0.6em;}
#section-gallery .slick-arrow {display: none !important;}
#section-gallery .slick-active { opacity: 1 !important; }
#section-gallery .slick-slide { opacity: 0.5; }
.gallery-item { padding: 0px 32.5px; max-height: 504px; }

@media (max-width:768px)
{
	#section-gallery .margin .title { font-size: 18px; }
	#section-gallery .margin .title { margin: 45px auto 25px;}
	.gallery-item { max-height: 375px; padding: 0px 16px; }
	.slick-slide
	{
		width: 249px;
	}

}

/************************************************************************************
giveaways
*************************************************************************************/
#section-giveaways {  }
#section-giveaways .margin { background: #fff; }
#section-giveaways .margin .content { position: relative; padding-bottom: 0px;}
#section-giveaways .margin .content .title { padding-top: 40px; padding-bottom: 40px; color: #000; font-size: 36px; text-align: center; letter-spacing: 0.6em; text-transform: uppercase; font-family: 'NordicaHairline','Open Sans','Helvetica', 'Arial', '微軟正黑體', 'Microsoft JhengHei', '儷黑 Pro', 'LiHei Pro', 'sans-serif'; font-weight:bold;}
#section-giveaways .margin .content .sponsorImg { margin: 0px auto;  background-size: contain; position: relative; padding-bottom: 55px; }
#section-giveaways .margin .content .sponsorImg:after { content:''; display: block; }
#section-giveaways .margin .content .sampleImg { background: url('../images/prize.jpg'); background-size: contain; background-repeat: no-repeat; width: 19.79%; position: relative; left: 0; top: 20%; margin: 0px auto;}
#section-giveaways .margin .content .sampleImg:after { content:''; display: block; padding-top: 112.7%;}
#section-giveaways .margin .delimiter { background-color:#000; text-align: center; height: 90px;}
#section-giveaways .margin .delimiter .text { padding: 32px; height: 90px; font-size: 24px; line-height: 1.2; letter-spacing: 0.6em; color:#fff; text-align: center; }
#section-giveaways .margin .delimiter:hover { background-color:#444; }

@media (max-width:1440px)
{
	#section-giveaways .margin .content .title { font-size: 2.5vw; }
	#section-giveaways .margin .content .descn { font-size: 1.1vw; }
	#section-giveaways .margin .delimiter .text { font-size: 1.6vw; }
}

@media (max-width:768px)
{
	#section-giveaways .margin .content { padding-bottom: 0px;}
	#section-giveaways .margin .content .title { font-size: 3.2vw; }
	#section-giveaways .margin .content .sponsorImg { background-size: contain; margin: 0px calc(100% - 195px) 0px 10px; width: 185px;}
	#section-giveaways .margin .content .sampleImg { background: url('../images/prize_m.jpg'); background-size: contain; background-repeat: no-repeat; width: 92%; left: 0%; top: 30%; position: relative;     max-width: 357px; }
	#section-giveaways .margin .delimiter .text { font-size: 3.2vw; }
}

@media (max-width:640px)
{
	#section-giveaways .margin .content { padding-bottom: 50px;}
	#section-giveaways .margin .content .title { font-size: 4.5vw; }
	#section-giveaways .margin .content .sponsorImg { margin: 35% calc(100% - 195px) 5% 4%; width: 28.9%; padding-bottom: 0px;  }
	#section-giveaways .margin .content .sampleImg { width: 92%; left: 0%; top: initial; bottom: 0%; }
}

/************************************************************************************
giveaways_travel
*************************************************************************************/
#section-giveaways_travel {margin-top:50px;}
#section-giveaways_travel .margin {max-width:980px;margin:0 auto;padding:0 30px;}
#section-giveaways_travel .margin .content{padding:50px 85px;}
#section-giveaways_travel .four-col .col-item:first-child{margin-left:0;}
#section-giveaways_travel .content-panel p{line-height:35px;margin:50px 0;color:#000;font-size:14px;}
#section-giveaways_travel .delimiter{background-color:#a5865b;text-align: center;padding:25px 0;}

.col-item.col-float {}
#section-giveaways_travel .four-col .col-item{width: calc((91% / 4));margin-left: 2.9%;}

@media (max-width:640px){
	#section-giveaways_travel .section-title > img{width: 58.3%;}
    #section-giveaways_travel .four-col{width:106%;}
    #section-giveaways_travel .four-col .col-item{width: calc((88% / 2));margin-left: 0;margin-right: 6%;margin-bottom: 6%;}
    #section-giveaways_travel .content{padding-bottom:20px;}
	#section-giveaways_travel .content-panel p{font-size:20px;}
    
}

@media (max-width:480px){
	#section-giveaways_travel .margin {padding:0 15px;}
	#section-giveaways_travel .margin .content{padding:30px 15px;}
	#section-giveaways_travel .content-panel p{line-height:30px;margin:25px 0;font-size:16px;}
	#section-giveaways_travel .delimiter{padding:10px 0;}
}


/************************************************************************************
forms
*************************************************************************************/
#section-form { display:none; }
#section-form.show { display:block; }
#section-form .content { }
#section-form .content .title { padding-top: 40px; padding-bottom: 40px; color: #000; font-size: 36px; text-align: center; letter-spacing: 0.6em; }
.border-box { max-width: 900px; width: 100%; display: block; border:1px solid #000; text-align: left; padding: 15px 0; min-height: 66px; margin: 0px auto; line-height:2;}
.border-box.input{ padding:0; }
.border-box input{width:100%;text-align:center;border:0;padding:0;font-size: 14px; }
.border-box input::-webkit-input-placeholder { color: #000; font-family: 'NordicaThin','Open Sans','Helvetica', 'Arial', '微軟正黑體', 'Microsoft JhengHei', '儷黑 Pro', 'LiHei Pro', 'sans-serif'; }
.border-box input::-ms-input-placeholder { color: #000; font-family: 'NordicaThin','Open Sans','Helvetica', 'Arial', '微軟正黑體', 'Microsoft JhengHei', '儷黑 Pro', 'LiHei Pro', 'sans-serif'; }
.border-box input::-moz-placeholder { color: #000; font-family: 'NordicaThin','Open Sans','Helvetica', 'Arial', '微軟正黑體', 'Microsoft JhengHei', '儷黑 Pro', 'LiHei Pro', 'sans-serif'; }
.tnc-container { display:inline-block; text-align: left; line-height: 1.8; margin-bottom: 50px; width:100%; max-width: 900px; margin: 0px auto; margin-bottom: 35px;}
.tnc-container .input-wrapper{position:relative;padding-left:40px;margin: 5px 0;font-size: 14px;}
.tnc-container input[type=checkbox]{position:absolute;top: 4px;left:0;margin: 2px 0 2px 15px;}
.submitBtn-container { display:inline-block; text-align: left; line-height: 1.8; margin-bottom: 50px; width:100%; max-width: 900px; margin: 0px auto;}
#section-form .content #btn-submit {font-size:20px; padding:23px 0px; width:100%; background: #000; color: #fff; text-align:center; letter-spacing: 0.6em;}
#section-form #upload { max-width:500px; margin: 0px auto; }
#section-form .uploadWrap { position: relative; width: 100%; overflow: hidden; box-sizing: border-box; border-radius: 4px; }
#section-form .btn_upload { display: block; width: 100%; height: 44px; cursor: pointer; margin: 0; position: absolute; right: 0; top: 0; }
#section-form .uploadWrap .btn_upload input { position: absolute; top: 0; left: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; z-index: 5; direction: ltr; cursor: pointer; }
#section-form .uploadWrap:after {display:block; content:''; height: 25px; }
#section-form .btn-browse { background: #000; color: #fff; width: 20%; margin: 0px auto;}
#section-form .content .uploadBox { width:90%; margin:0px auto; }
#section-form .content .btn-primary { background-color: #000; border-color: #000; }


@media (max-width:768px){
	#section-form .btn_upload { font-size: 2.8vw; }
}

@media (max-width:640px){
	#section-form .uploadWrap:after {height: 35px; }
}

.form-container{padding:0 45px;margin-bottom: 0px;line-height: 1;}
.form-item{margin-bottom:35px;overflow: hidden;}
.form-item .remark{margin-top:20px;}
.btn-login-instagram{line-height:2;}
.form-container .two-col .col-item{width: calc(50% - 10px);margin-right: 10px;margin-bottom: 0;}
.form-container .three-col .col-item{width: calc(33.33% - 10px);margin-right: 10px;margin-bottom: 0;}

.user-info{position: relative;text-align:center;}
.user-photo{max-width:50px;}
.user-photo{margin-right:15px;}
.user-photo > img{border-radius:50px;}
.sign-out-container{position:absolute;top:50%;right:0;margin-top:-7px;}
.sign-out-container a{color:#000;cursor:pointer;}

.photo-preview-item{position:relative;float: left;width: 25%;padding: 0 10px;margin-bottom: 10px;background-repeat:no-repeat;background-position:center;background-image:url('../../assets/images/loading.gif');overflow: hidden;cursor: pointer;}
.photo-preview-item.active{cursor: pointer;}
.photo-preview-item .figure{padding-top: 100%;background-repeat:no-repeat;background-position: top center;background-size:cover;}

.photo-preview-item.active:before,.photo-preview-item.dim:before{top:0;left:10px;right:10px;bottom:0;z-index: 1;}
.photo-preview-item.active:before,.photo-preview-item.active:after{position:absolute;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-ms-transition:opacity 0.3s;opacity:0;}
.photo-preview-item.active:before{content:'';background-color: rgba(0, 0, 0, 0.54);}
.photo-preview-item.active:after{content:'已選';position:absolute;top:50%;left:0;width:100%;color:#fff;text-align:center;margin-top: -7px;}
.photo-preview-item.selected:before,.photo-preview-item.selected:after{opacity:1;z-index: 1;}
.photo-preview-item.selected .figure{filter:blur(5px);-webkit-filter: blur(2px);}
.photo-preview-item.dim:before{content:'';position:absolute;background-color: rgba(255, 255, 255, 0.77);}


.instagram-container{margin-bottom:50px;margin-top: -10px;}
#photo-preview-container .hints{padding:20px 0;line-height: 1.5;}
#instagram-slick{padding-bottom:40px;}
#instagram-slick .slick-arrow{position:absolute;bottom:0;cursor: pointer;}
#instagram-slick .btn-prev{left:0;}
#instagram-slick .btn-next{right:0;}

.slick-disabled{display:none!important;}
.slick-disabled[data-next="true"]{display:block!important;}

.fb-like-container{display:inline-block;vertical-align:middle;margin-left:5px;}
.btn-connect-fb{cursor:pointer;}
.btn-connect-fb.connected .connected-hidden{display:none;}
.btn-connect-fb.connected{padding: 18px 0;cursor:default;}

.section-tnc ul{margin-left:20px;list-style-type: disc;}
.section-tnc ul li{margin:10px 0;}

.error .border-box{border-color:red;}
.error,.red{color:red;}
.error .input-style::-webkit-input-placeholder {
    color:red;
}
.error .input-style:-moz-placeholder { 
   color:red;;
   opacity:  1;
}
.error .input-style::-moz-placeholder { 
   color:red;
   opacity:  1;
}
.error .input-style:-ms-input-placeholder { 
   color:    #333;
}

.input-style::-webkit-input-placeholder { 
    color:    #333;
}
.input-style:-moz-placeholder { 
   color:    #333;
   opacity:  1;
}
.input-style::-moz-placeholder { 
   color:    #333;
   opacity:  1;
}
.input-style:-ms-input-placeholder {
   color:    #333;
}
@media (max-width:1440px){
	#section-form .content .title {font-size: 2.5vw;}
}
@media (min-width:981px){
    .photo-preview-item.active:hover:before{opacity:1;}
}

@media (max-width:980px){
	#section-btn .content .btn {font-size:14px;}
}

@media (max-width:768px){
    .form-container{padding:0;}
	.border-box { max-width: 620px; }
	.tnc-container { max-width: 620px; }
	.submitBtn-container { max-width: 620px; }
	#section-form .content .title { font-size: 3.2vw; }
}

@media (max-width:640px){
    .form-container{font-size:14px;}
    .form-container .two-col .col-item{width:100%;margin-right:0;margin-bottom:20px;}
    .form-container .two-col .col-item:last-child{margin-bottom:0;}
    .form-container .three-col .col-item{width:100%;margin-right:0;margin-bottom:20px;}
    .form-container .three-col .col-item:last-child{margin-bottom:0;}
	.form-item{margin-bottom:20px;}
	.input-group .form-control{padding: 36px 0px;font-size: 3.6vw;min-width: 185px;}
	#section-form .content .btn {padding:20px 0px;font-size:3.6vw;min-width: 185px;}
	.border-box input{font-size: 3.6vw;}

    .user-info{text-align:left;}
	#section-form .content .title { padding-top: 40px; padding-bottom: 40px; color: #000; font-size: 4.5vw; text-align: center; letter-spacing: 0.6em; }
	.tnc-container .input-wrapper{font-size: 3.6vw;}
}

@media (max-width:480px){
.form-container{font-size:12px;}
}

@media (min-width:371px){
.g-recaptcha {transform:scale(1);-webkit-transform:scale(1);transform-origin:0 0;-webkit-transform-origin:0 0;}
}
@media (max-width:370px){
.g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}

/************************************************************************************
section_travel-form
*************************************************************************************/
#section-form{display:none;}
#section-form.show{display:block;}
#section-form .margin{max-width:1440px;margin:0 auto;padding:0 30px; background: #fff;}
#section-form .delimiter{background-color:#a5865b;text-align: center;padding:25px 0;}
#section-form .margin .content{padding:50px 85px; max-width: 980px; margin: 0px auto;}
#section-form .border-box{display: block;border:1px solid #000;text-align: center;padding: 25px 0;min-height: 66px;font-size:14px;}

@media (max-width:768px){
	#section-form .margin .content{padding:50px 15px; max-width: 768px; margin: 0px auto;}
}
@media (max-width:640px){
	#section-form .margin .content{padding:50px 30px;}
	#section-form .border-box{font-size:3.6vw;}
}

@media (max-width:480px){
	#section-form .margin{padding:0 15px;}
	#section-form .delimiter{padding:10px 0;}
	#section-form .margin .content{padding:30px 15px;}
	#section-form .border-box{padding: 15px;min-height: 0;line-height:1.9;font-size:3.6vw;background: #f7eef3;}
}
/************************************************************************************
sponsor
*************************************************************************************/
.sponsored-container{font-size:12px;padding:35px 30px;}
.sponsored-container .align-center{margin-bottom:32px;}
.sponsored-logo{margin:0 15px;}

@media (max-width:640px){
.sponsored-container{font-size:14px;}
.sponsored-logo{width: 38%;margin: 0 10px;}
}


/************************************************************************************
footer
*************************************************************************************/
.footer { padding: 0 0 20px; overflow: hidden; font-size: 14px;}
.footer a:hover {color:#444;}
.footer a {color: #000;transition:color 0.5s;-webkit-transition:color 0.5s;-moz-transition:color 0.5s;-ms-transition:color 0.5s;cursor:pointer; }
.footer .margin { padding-bottom: 20px; background: #fff; }
.footer .footer-btn { padding: 110px 0px 20px; margin: 0px auto; width:26.18%;}
.footer .footer-btn .icon-fb { width: 36.34%; background-image:url('../../assets/images/btn_share.jpg');}
.footer .footer-btn .icon-elle { width: 60.47%; background-image:url('../../assets/images/btn_elle.jpg');}
.footer .footer-btn .icon-fb:after { content:''; display: block; padding-top: 23.36%;}
.footer .footer-btn .icon-elle:after { content:''; display: block;  padding-top: 14.04%;}
.footer .footer-btn a { margin: 0px;}
.footer .copyright {}
.footer .footer-link {margin: 5px 0 30px;}
.footer .icon { display: inline-block; background-size: 100%;}
.footer .icon-fb:hover { background-image:url('../../assets/images/btn_share_hover.jpg'); }
.footer .icon-elle:hover { background-image:url('../../assets/images/btn_elle_hover.jpg'); }


@media (max-width:1440px)
{
	.footer { font-size: 1vw; }
}

@media (max-width:768px)
{
	.footer { font-size: 14px;}
	.footer .footer-btn .icon-fb { width: 137px; }
	.footer .footer-btn .icon-elle { width: 228px;}
	.footer .footer-btn { padding: 100px 0px 20px; max-width:377px; width:100%;}
}

@media (max-width:640px){
	.footer {font-size: 14px;}
	.footer .margin{ padding:0px 15px;}
}

.show-overlay #site-wrapper{position: absolute;top: 0;width: 100%;left: 0;height:100%;}
.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;min-width:320px;height:100%;text-align: center;background-color: rgba(0, 0, 0, 0.79);white-space: nowrap;z-index: 10;}
.popup-overlay__content{position: relative;width:1100px;margin: 0 auto;padding: 0 90px;text-align:left;white-space: normal;}
.popup-overlay:before,.popup-overlay__content{display:inline-block;vertical-align:middle;}
.popup-overlay:before{content:'';width:2px;height:100%;margin-left:-7px;}

.video-overlay__btn__close{position:absolute;top:20px;right:20px;}
.video-overlay__wrap{position:relative;padding-top: 56%;}
.video-overlay__wrap iframe,.instagram-overlay__video iframe,.instagram-overlay__video video{position:absolute;top:0;left:0;width:100%;height:100%;}
.video-overlay__btn__prev,.video-overlay__btn__next{position:absolute;top:50%;margin-top:-23px;cursor: pointer;}
.video-overlay__btn__prev{left:40px;}
.video-overlay__btn__next{right:40px;}
.video-overlay__title{background-color:#fff;display:inline-block;padding:10px 15px;margin-bottom:5px;}

@media (max-width:1280px){
    .popup-overlay__content{width:86%;}
}

@media (max-width:980px){
	.popup-overlay__content{width:86%;padding: 0;}
}

@media (max-width:640px)
{

}

/************************************************************************************
feature
*************************************************************************************/
/*
.dim-overlay{position:absolute;top:0;left:0;width:100%;height:100%;}
.icon-read{position:absolute;top:50%;width: 50px;padding-top: 50px;left: 0;right: 0;margin: -25px auto 0;background-repeat:no-repeat;background-position:center;background-image:url('../../assets/images/hover.png');}
.feature .dim-overlay,.feature .figure,.feature .img{border-radius: 100px;}
.feature .figure{position:absolute;top: 3%;left: 7%;right: 8%;bottom: 29%;overflow:hidden;}
.feature .img{background-repeat:no-repeat;background-position:center;background-size:cover;}
.feature .feature-1{background-image:url('../../assets/images/feature1.jpg');}
.feature .feature-2{background-image:url('../../assets/images/feature2.jpg');}
.feature .feature-3{background-image:url('../../assets/images/feature3.jpg');}
.feature .feature-4{background-image:url('../../assets/images/feature4.jpg');}

.feature-large .figure .article1
{
	background-image:url('../../assets/images/feature1.jpg');
	background-size: contain;
	background-repeat: no-repeat;
}

.feature-large .figure .article1:after
{
	content: '';
	display: block;
	padding-top: 30.92%;
}


.feature-large {margin-top: 95px;}
.feature-large .figure, .feature-large .figure2{padding-top: 30.92%;}
.feature-large .col-item{color:#fff;font-size:18px;background:#f9f4f0;}
.feature-large .col-item .text{margin-bottom: 16px;line-height: initial;color: #e24b36; width:100%;white-space: normal;}
.feature-large .icon-read{position:relative;top: 0;margin: 0 auto;}
.feature-large .moveup-item{width: 40%;}
.feature-large .moveup-item2{width: 84%;}
.feature-large .col-item .text .title{font-size:2.3vw; font-weight:bold;}
.feature-large .col-item .text .descn{font-size:1.7vw; font-weight:normal;}
@media (min-width:981px){
	.feature-large .col-item .text .title{font-size:22px; font-weight:bold;line-height:initial;}
	.feature-large .col-item .text .descn{font-size:16px; font-weight:normal;line-height:initial;}
}
*/


@media (min-width:981px){
	/*
    .feature .col-item:hover .dim-overlay{opacity:1;}
    .feature .col-item:hover .icon-read{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
    .feature-large .col-item:hover .moveup-item{transform:translate3d(0,20px,0);-webkit-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);}
    .feature-large .col-item:hover .opacity-transition{opacity:1;}
	*/
}

@media (max-width:640px){
    .four-col{width: 100%;}
    .four-col .col-item{width: 50%;margin-right:0%;margin-left: 0;margin-bottom: 0%;}
    .two-col{width:100%;}
    .two-col .col-item{width:100%;margin-right:0;margin-bottom:0px;}
    .three-col{width:100%;}
    .three-col .col-item{width:100%;margin-right:0;margin-bottom:0px;}

	.feature-large {margin-top: 95px;}
	.feature-large .figure{padding-top: 90%;}
	.feature-large .figure2{padding-top: 94%;}
    .feature-large .col-item{font-size:20px;}
	.feature-large .col-item .text .title{font-size:3vw; font-weight:bold;}
	.feature-large .col-item .text .descn{font-size:2.5vw; font-weight:normal;}
	
	.blog1:after,.blog2:after,.blog3:after,.blog4:after {content:'';display:block;padding-top:128%;}
	.blog1
	{
		background: url('../../assets/images/blog1.jpg');
		background-size: contain;
		background-repeat: no-repeat;
	}
	.blog2
	{
		background: url('../../assets/images/blog2.jpg');
		background-size: contain;
		background-repeat: no-repeat;
	}
	.blog3
	{
		background: url('../../assets/images/blog3.jpg');
		background-size: contain;
		background-repeat: no-repeat;
	}
	.blog4
	{
		background: url('../../assets/images/blog4.jpg');
		background-size: contain;
		background-repeat: no-repeat;
	}
	
	.feature-large .figure .article1
	{
		background-image:url('../../assets/images/feature1_m.jpg');
		background-size: contain;
		background-repeat: no-repeat;
	}

	.feature-large .figure .article1:after
	{
		content: '';
		display: block;
		padding-top: 65.36%;
	}

	/*.col-item .img{width:95%;margin:0px 2.5%;}*/
	.col-item .img img{height:auto;width:100%;}

}

@media (max-width:480px){
	.feature-large {margin-top: 25px;}
    .feature-large .col-item {font-size:18px;}
	.feature-large .col-item .text .title{font-size:12px; font-weight:bold; line-height:2em;}
	.feature-large .col-item .text .descn{font-size:11px; font-weight:normal; line-height:2em;}
}

@media (max-width:390px){
	.feature-large .figure{padding-top: 100%;}
	.feature-large .figure2{padding-top: 100%;}
}


/************************************************************************************
Thankyou
*************************************************************************************/
#section-thankyou{display: none;margin-top:0px;}
#section-thankyou .margin {max-width:1440px; margin: 0 auto; padding: 0px;}
#section-thankyou .margin .content {padding:100px 20px 100px; background:#fff;}
#section-thankyou x{}
#section-thankyou p{padding:0 20px; margin:0px;}

@media (max-width:640px){
    #section-thankyou br{display:none;}
	#section-thankyou .margin {padding: 0px;}
}

/*
@media (max-width:480px){
    #section-thankyou{margin-top:25px}
}
*/
/************************************************************************************
Animation
*************************************************************************************/
.color-transition{transition:color 0.3s;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;-ms-transition:color 0.3s;}
.animation-movedown{animation: moveDown 0.3s linear 0s infinite alternate;-webkit-animation: moveDown 0.3s linear 0s infinite alternate;-moz-animation: moveDown 0.3s linear 0s infinite alternate;}
.animate-move-left{animation: moveLeft 0.3s linear 0s infinite alternate;-webkit-animation: moveLeft 0.3s linear 0s infinite alternate;-moz-animation: moveLeft 0.3s linear 0s infinite alternate;}
.scale-transition{transition:transform 0.3s;-webkit-transition:-webkit-transform 0.3s;-moz-webkit-transition:-webkit-transform 0.3s;-ms-webkit-transition:-webkit-transform 0.3s;}
.opacity-transition,.hover-opacity{transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-ms-transition:opacity 0.3s;}
.opacity-transition{opacity:0;}
.bg-transition{transition:background-color 0.3s;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;-ms-transition:background-color 0.3s;}
.moveup-item{transition:transform 0.3s;-webkit-transition:-webkit-transform 0.3s;-moz-webkit-transition:-webkit-transform 0.3s;-ms-webkit-transition:-webkit-transform 0.3s;}
.hover-underline,.hover-flash{position:relative;}
.hover-underline:after{content:'';position:absolute;left: 12%;width: 0;height: 2px;bottom: 21%;background-color:#5D5958;transition:width 0.3s;-webkit-transition:width 0.3s;-moz-transition:width 0.3s;-ms-transition:width 0.3s;}
.hover-flash{overflow:hidden;}
.hover-flash:after{content:'';position:absolute;width:8%;height:300%;background-color:#fff;top:-100%;left:-20%;opacity:0.5;transform:rotateZ(30deg);-webkit-transform:rotateZ(30deg);-moz-transform:rotateZ(30deg);-ms-transform:rotateZ(30deg);}
.hover-color{color:#e24b36;}
.hover-color:hover{background:#ffca65;color:#fff;transition:color 0.3s,background-color 0.3s;-webkit-transition:color 0.3s,background-color 0.3s;-moz-transition:color 0.3s,background-color 0.3s;-ms-transition:color 0.3s,background-color 0.3s;}
.btn-transition{background-color:#fff;transition:color 0.3s,background-color 0.3s;-webkit-transition:color 0.3s,background-color 0.3s;-moz-transition:color 0.3s,background-color 0.3s;-ms-transition:color 0.3s,background-color 0.3s;}

@keyframes moveDown {
     0%   {transform:translate3d(0,0px,0);}
    100% {transform:translate3d(0,-5px,0);}
}

@-webkit-keyframes moveDown {
    0%   {-webkit-transform:translate3d(0,0px,0);}
    100% {-webkit-transform:translate3d(0,-5px,0);}
}


@-moz-keyframes moveDown {
    0%   {-moz-transform:translate3d(0,0px,0);}
    100% {-moz-transform:translate3d(0,-5px,0);}
}


@keyframes moveLeft {
     0%   {transform:translate3d(0,0px,0);}
    100% {transform:translate3d(-5px,0,0);}
}

@-webkit-keyframes moveLeft {
    0%   {-webkit-transform:translate3d(0,0px,0);}
    100% {-webkit-transform:translate3d(-5px,0,0);}
}


@-moz-keyframes moveLeft {
    0%   {-moz-transform:translate3d(0,0px,0);}
    100% {-moz-transform:translate3d(-5px,0,0);}
}

@keyframes flash {
     0%   {left:-20%;}
    100% {left:120%;}
}

@-webkit-keyframes flash {
    0%   {left:-20%;}
    100% {left:120%;}
}


@-moz-keyframes flash {
    0%   {left:-20%;}
    100% {left:120%;}
}


@media (min-width:981px){
	.hover-scale:hover .scale-transition{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);}
	.moveup-item{transform:translate3d(0,35px,0);-webkit-transform:translate3d(0,35px,0);-moz-transform:translate3d(0,35px,0);-ms-transform:translate3d(0,35px,0);}
    .hover-underline:hover:after{width:75%;}
    .hover-flash:hover:after{animation: flash 0.5s linear 0s 1 alternate;-webkit-animation: flash 0.5s linear 0s 1 alternate;-moz-animation: flash 0.5s linear 0s 1 alternate;}
    .hover-opacity:hover{opacity:0.7;}
    .btn-transition:hover{color:#fff;background-color:#a5865b;}
}