/* CSS Document */
/************************************************************************************
RESET
*************************************************************************************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {line-height: 1; -webkit-text-size-adjust: none;}
ol, ul { list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {
   /* border-collapse: collapse;*/
    border-spacing: 0;
}
a img {border: none;}
.clean { clear:both;}
a {color: #292929; text-decoration: none; blr:expression(this.onFocus=this.blur()); outline: none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */}
a:hover {text-decoration:none;}
a:focus{ -moz-outline-style: none;}

/*.adwrap {
    width: 900px;
    margin: 0 auto;
    margin-bottom: 20px;
	
}*/
.adbox{position: relative; padding: 4px;}
.adbox a{display:block;}
.adbox a:hover{opacity: 0.8;}

.b-box{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.col-1{width:100%;}
.col-2{width:50%;}
.col-3{width:33.33%;}
.col-4{width:25%;}
.col-5{width:20%;}

body {
	margin: 0;
	padding: 0;
	font-size:13px;
	color:#000;	
	background-color: #fda9ca;
}
h1,h2,h3 { display: none;}
.left{ float:left;display:inline-block;width: 100%;}
.right{ float:right;}

/*------------------------------- pc ----------------------------------*/
.container {
    width: 100%;
    height: 100%;
	font-family:Arial,微軟正黑體;
	background: url(images/con_bg.jpg) center 0 no-repeat;
	overflow: hidden;	
}
.header {width: 100%;}
.top_logo {width: 100%;background-color: #fff;margin-top: 30px;}
.top_logo .logo{width: 960px;margin:0 auto;text-align: right;}
.top_content {width: 960px;margin:0 auto;height: 370px;}
.top_content .mobile {display: none;}
.top_content .main-title {display: block;margin:0 auto;margin-top: 110px; width: 875px;height: 285px;/*background: url(images/header.png) 0 0 no-repeat;*/}

h1,h2,h3 { display: none;}

/*滑動menu*/
.sticky {
	top:30px !important;
	position: fixed !important;	
	height: 42px !important;
	background-color: #1c3ee0;
	padding: 7px 0 0;
}

.block-menu {
	position: absolute;
	top: 520px;
	width: 100%;	
	z-index: 10;	
}
.block-menu ul {
	font-size: 0;
    position: relative;
    width: 100%;
    max-width: 960px;	
    margin: auto;
	text-align: center;
}  
.block-menu li {
	width: 16%;
	font:18px "微軟正黑體";
	display: inline-block;    
    text-align: center;
    text-transform: uppercase;
    position: relative;
    cursor: pointer; 
	background-color: #1c3ee0;	
	margin-left: 20px;
	border-radius: 10px;
	font-weight: bold;
}
.block-menu a {
	display: block;      
    text-align: center;
    z-index: 11;
	color: #fff;
    position: relative;	
	padding: 5px 15px;	
	border-radius: 10px;
	border: 2px solid #fff;
}
.block-menu a:hover {
	background-color: #fff100;color: #1c3ee0;}
.block-menu .active {
	background-color: #fff100;color: #1c3ee0;}
#togglenav {
    display: none;
    z-index: 9999;
    position: fixed;
    right: 0;
    overflow: hidden;
    line-height: 35px;
    width: 100%;
    cursor: pointer;
}
.main { 
	width: 100%; 
	margin: 0 auto;	
	margin-top: 100px;
}
.main h4{
	display:block;
	width:600px;
	height:50px;
	margin:0 auto;
	margin-bottom: 30px;
	text-indent:-3000px;
}
#area01 h4{ background: url(images/tit-bg.png) center 0  no-repeat;}
#area02 h4{ background: url(images/tit-bg.png) center -50px  no-repeat;}
#area03 h4{ background: url(images/tit-bg.png) center -100px  no-repeat;}
#area04 h4{ background: url(images/tit-bg.png) center -150px  no-repeat;}


.box-play{width: 100%;background: url(images/play_bg.png) center bottom 0 no-repeat;padding: 60px 0 50px;}
.box-free{width: 100%;background: url(images/free_bg.png) center top 0 repeat-y;background-color: #32b16c; padding: 70px 0 60px;}
.box-tour{width: 100%;background: url(images/tour_bg.png) center bottom 0 no-repeat;background-color: #00a0e9; padding: 60px 0 60px;}
.box-hotel{width: 100%;background: url(images/hotel_bg.png) center bottom 0 no-repeat;background-color: #ffc600; padding: 60px 0 60px;}
.box-korea{width: 100%;background-color: #fff; padding: 30px 0 60px;}
.wrap-tour,.wrap-hotel {width: 960px;margin: 0 auto;overflow: hidden;}
.wrap {width: 100%;}
.play-box {background-color: #fff;border-radius: 20px;padding: 30px;}
.left-box {width: 48%;margin: 5px;}
.right-box {width: 48%;margin: 5px;}
.play-tit01{ height:50px;text-indent:-3000px; background: url(images/tit-s.png) left 0  no-repeat;}
.play-tit02{ height:50px;text-indent:-3000px;background: url(images/tit-s.png) left -50px  no-repeat;}
.play-tit03{ height:50px;text-indent:-3000px;background: url(images/tit-s.png) left -100px  no-repeat;}
.play-tit04{ height:50px;text-indent:-3000px;background: url(images/tit-s.png) left -150px  no-repeat;}
.txt {border-top: dashed 1px;padding-top: 10px;}
.txt p{ font-size:14px;color: #535353;line-height: 1.6;}
.c-purple{color: #713ba8;}
.c-brown{color: #a47f64;}
.c-green{color: #097c25;}
.c-blue{color: #43739c;}

.korea-tit{max-width: 230px; color: #fff;font:22px "微軟正黑體";text-align: center; margin: auto; padding: 5px 10px;background-color: #eb6100;border-radius: 20px;}
.korea-txt{width: 80%; font:16px "微軟正黑體";margin: auto; line-height: 30px;letter-spacing: 1px;margin-top: 15px;}
.korea-log{width: 25%; padding: 20px 0px;float: left;}

/***行程推薦***/
.wrap-tour .product,.wrap-hotel .product {
    width: 850px;
	margin: 0 auto;
    padding: 20px 10px 10px;
	background: #fff;
	border-radius: 15px;
}
.product ul { display: block; margin: 0 10px;padding-bottom: 10px; }
.product-no {margin-top: 10px}
.product a {
    display: block;
    border: 2px solid #fff;
    overflow: hidden;
	margin-top: 10px
}
.product a:hover { border: 2px solid #b5b5b6;}
.product p{display: block;}
.product p span{
	display: block;
	font-size:13px;
	color: #00a5ff;
	}
.txt_bg_p{background-color: #fee9f2;padding: 5px 0 5px 5px;margin-bottom: 5px;}
.txt_bg_g{background-color: #e2f7df;padding: 5px 0 5px 5px;margin-bottom: 5px;}
.txt_bg_b{background-color: #dcf2fd;padding: 5px 0 5px 5px;margin-bottom: 5px;}
.txt_bg_y{background-color: #fff9c7;padding: 5px 0 5px 5px;margin-bottom: 5px;}
.txt_l{width: 77%;font-size:17px;color: #292929;line-height: 1.7;}
.txt_l em{color: #ff0000;font-size:16px;font-style: normal;padding-left: 3px;}
.txt_r{width: 18%;text-align:right;font-family:"微軟正黑體";padding: 5px 10px 5px 0;}
.txt_r span.price{ color: #333333;font-size:14px;}
.txt_r span.price strong{ color: #F50909;font-size:18px;padding: 0 2px;}

.info-list { display: block;}
.info-list li {line-height: 1.8;list-style-type: none;color: #535353;padding: 0 3px;}
.info-list li span{font-size:16px;color: #0399de;}
.info-list li em{font-style: normal;padding-left: 11px;}

.small-title-g{
	display: block;	
	font-size:15px;
	width: 90px;
	color: #35622e;
	text-align: center;
	margin: 5px 0px 10px 14px;
	padding: 6px 3px;
	border: 2px solid #8ccb83;
	/*background-color: #ddf5da;*/
}
.small-title-b{
	display: block;	
	font-size:15px;
	width: 90px;
	color: #186184;
	text-align: center;
	margin: 5px 0px 10px 14px;
	padding: 6px 3px;
	border: 2px solid #359aca;
	/*background-color: #daeffa;*/
}
.small-title-y{
	display: block;	
	font-size:15px;
	width: 90px;
	color: #ff8513;
	text-align: center;
	margin: 5px 0px 10px 14px;
	padding: 6px 3px;
	border: 2px solid #ffb81f;
	/*background-color: #daeffa;*/
}
.main-title{
	display: block;
	width: 100%;
	margin: 0 auto;	
	font-size:16px;	
	color: #fff;	
	text-align: center;	
	margin-bottom: 10px;
	line-height: 24px;
}
.btn-more {text-align:center;display:block; width:100%; margin: 30px 0 10px 0;font-size: 16px;}
.btn-more a {display: inline;font-size: 16px;color: #fff;background: #1c3ee0;border-radius:5px;padding: 5px 10px;margin:20px 5px 0px 5px;}
.btn-more a:hover {background: #fff;color: #1c3ee0;}

/*----側欄按鈕---*/
.sidebtn {
	position:fixed;
	z-index: 999;
	top:50%;
	right:5px;
	background:url(images/sidebtn.png) 0 0 no-repeat;
	padding-top: 49px;
	width: 78px;
	height: 262px;
}
.sidebtn li {
}
.sidebtn li a {
	width: 100%;
	height: 100%;
	display: block;
	outline: none;
    text-indent: -3000px;
}
.sidebtn li#btn1 {
	background:url(images/sidebtn.png) 0 -49px no-repeat;
    height: 49px;
}
.sidebtn li#btn1 a:hover,.sidebtn li#btn1 a.active {
	background:url(images/sidebtn.png) -78px -49px no-repeat;
}
.sidebtn li#btn2 {
	background:url(images/sidebtn.png) 0 -98px no-repeat;
    height: 49px;
}
.sidebtn li#btn2 a:hover,.sidebtn li#btn2 a.active {
	background:url(images/sidebtn.png) -78px -98px no-repeat;
}



:first-child.wow{ *visibility:visible ! important; visibility:visible\9 ! important;}


/*新增:韓國早鳥優惠*/
.infor-block {
	width: 100%;
	background: url(images/infor_bk.jpg) center bottom no-repeat #d0f2f4;
	display: table;
	padding: 50px 0;
}

.infor-logo {
	width: 100%;
	text-align: center;
	margin: 0 0 30px;
}

.infor-logo img {
	width: 100%;
	max-width: 465px;
}

.infor-inside {
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
	background: #ffffff;
	border-radius: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px;
	display: flex;
	flex-wrap: wrap;
}

.infor-text {
	font-size: 16px;
	line-height: 26px;
	color:#333333;
	text-align: left;
	padding: 5px 10px 5px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #eeeeee;
	width: 60%;
}

.infor-text span {
	width: 100%;
	clear: both;
	text-align: left;
	display: block;
	width: 100%;
	text-align: left;
}

.infor-text a {
	display: inline-block;
    vertical-align: top;
    padding: 5px 20px;
    border-radius: 5px;
    background: #175aa9;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    margin: 10px 0 0 0;
}

.infor-text a:hover {
	background: #1c6bc9;
}

.infor-qr {
	display: flex;
	padding: 0 0 0 10px;
	align-items: center;
}

.qr-pic img {
	width: 100%;
	max-width: 100px;
}

.qr-text {
	font-size: 16px;
    line-height: 26px;
    color: #333333;
    width: 140px;
    padding: 0 0 0 10px;
}

.qr-notice a ,.qr-text a {
	color: #175aa9;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #175aa9;
    line-height: 20px;
    display: inline-block;
	margin: 5px 0 0 0;
	width: fit-content;
}

.qr-notice a:hover ,.qr-text a:hover {
	color: #1c6bc9;
	border-bottom: 1px solid #1c6bc9;
}

.qr-notice {
	font-size: 12px;
    line-height: 20px;
    color: #9f9f9f;
    margin: 20px 0 0 0;
}


@media only screen and (min-width: 769px) and (max-width:960px){	
    html,body { width: 100%; min-height: 100%; }	
	.top_content {width: 100%;}
	#nav {display: block;width: 100%; }
	#nav ul{max-width:100%;}
	.wrap-tour,.wrap-hotel {width: 97%;}
	.wrap-tour .product,.wrap-hotel .product {width: 97%;}	
	.top_logo .logo{width: 100%;}
	.top_content .main-title {width: 100%;}
	.block-menu li {width: 18%;}

}

/*------------------------------- 平板 ----------------------------------*/

@media screen and (max-width: 768px) {
    * { box-sizing: border-box; }
    html,body { width: 100%; min-height: 100%; }	
	.col-3{width:50%;}
	#m1 li{display: none;}
	.container {background: inherit;}
    .top_content {  width: 100%;  height: auto; padding: 0;}
    .top_content .mobile {display: block;width: 100%;height: auto;position: inherit;margin: 0 auto;}	
	.top_content .main-title{display: none;}
	.left-box {margin-top: 30px;}
	.main {	margin-top: 0px;}
	.wrap-tour,.wrap-hotel {width: 97%;}
	.wrap-tour .product,.wrap-hotel .product {width: 97%;}
	.txt_l{width: 70%;}
    .txt_r{width: 25%;}
    /***按鈕列***/
    #nav {display: none;}	
    #togglenav {display: block;z-index: 9999;position: fixed;right: 0;overflow: hidden;line-height: 35px;width: 100%;cursor: pointer;}    
    .sidebtn {display: none;}	
	.top_logo {margin-top: 0px;}
	.top_logo .logo{display: none;}
	.korea-txt{width: 90%;}
	.korea-log{width: 50%; }
	.infor-inside {width: 90%;margin: 0 auto;display: block;}
	
}


/*------------------------------- 手機 ----------------------------------*/

@media (max-width: 680px) {
    * { box-sizing: border-box; }
    html, body {width: 100%; min-height: 100%; }
	.left,.right{ float:none;}	
	.main h4{display:block;width:100%;margin-bottom: 20px;}	
	.play-box {padding: 20px;}
	.left-box {width: 100%;margin: 0px;}
    .right-box {width: 100%;margin: 0px;} 
	.wrap-tour .product,.wrap-hotel .product {padding: 10px 15px 3px;}
	.product ul { display: block; margin: 5px 0 5px 0;}
	.product li { background: inherit;padding-left: 5px;}	
    .txt_l{	width: 100%;text-align: center;}
    .txt_r{width: 100%;}
    .txt_r span.price{text-align: center;}
	.info-list { padding: 0px 0 0 0px;}
	.info-list li { line-height: 1.6;}
	.small-title-g{margin: 5px 0px 10px 0px;}
    .small-title-b{margin: 5px 0px 10px 0px;}


}

@media (max-width: 768px) {
	.infor-logo img {width: 90%;margin:0 auto;}
	.infor-text {width: 100%;border-bottom: 1px solid #eeeeee;border-right: 0;padding: 0px 0px 20px 0;}
	.qr-text {width: auto;}
	.infor-qr {padding: 20px 0 0 0;}
	.qr-notice {border-top: 1px solid #eeeeee;padding: 20px 0 0 0;}
}