<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

html,body{
	font-family:Arial, Helvetica, "微軟正黑體",sans-serif;
	font-size:15px;
	color:#5c0c01;
	background-color:#fff0df;}
a{text-decoration:none;}
a.mainbtn{
	display:none;}
.wraper{
	width:100%;
	height:auto;}
#gotop{
	width: 45px;
    height: 45px;
    border-radius: 30px;
    background-color:#900;
    text-align: center;
    line-height: 45px;
    color: white;
    position: fixed;
    right: 30px;
    bottom:50px;
    z-index: 3000;
    font-size:16px;
	cursor:pointer;}
#gotop:hover{
	background-color:#C60;}
.topwraper{
	width:100%;
	height:518px;
	background-position:50% 1px;
	background-repeat:no-repeat;
	position:relative;
	background-attachment:fixed;}
.pbg{
	background-image:url(../images/head01.jpg);}
.rbg{
	background-image:url(../images/head02.jpg);}
.sbg{
	background-image: url(../images/head03.jpg);}
.lbg{
	background-image: url(../images/head04.jpg);}
.phbg{
	background-image: url(../images/head05.jpg);}
.topwraper &gt; .toper{
	width:1000px;
    position: relative;
    margin: 0 auto;}
h1.maintitle{
	display: block;
    width: 376px;
    height: 376px;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
	z-index:0;
    margin: auto;
    background-image: url(../images/topic.png);
    background-size: 100%;
    text-indent: -9999px;}
span.b1{
	display:block;
	width:179px;
	height:256px;
	background-image:url(../images/bird01.png);
	position:absolute;
	z-index:10px;
	top: -15px;
    left: 190px;}
span.b2{
	display:block;
	width:177px;
	height:170px;
	background-image:url(../images/bird02.png);
	position:absolute;
	top:310px;
	right:150px;
	z-index:12;}
.nav{
	width:100%;
	height:60px;
	background-color:#313131;}
.nav &gt; ul.maintabs{
	display:block;
	width:1000px;
	margin:0 auto;
	overflow:hidden;}
ul.maintabs &gt; .topbtn{
	margin-top: -47px;
    position: absolute;
	clear:left;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	background-color:#565454;}
ul.maintabs &gt; .topbtn &gt; a.innerbtn{
	display:block;
	float:left;
	color:#FFFFFF;
	font-weight:600;
	padding:10px 40px;}
.topbtn &gt; a.innerbtn &gt; h2{
	font-size:20px;
	letter-spacing:2px;}
ul.maintabs &gt; .topbtn &gt; a.act{
	background-color: #313131;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;}
.nav &gt; ul.maintabs &gt; li{
	float:left;}
ul.maintabs &gt; li.active &gt; a{
	background-image: url(../images/nav_act.png);
	background-repeat:no-repeat;
	background-position:center left;}
ul.maintabs &gt; li &gt; a{
	display:block;
	text-align:center;
	line-height:60px;
	font-size:20px;
	color:#FFFFFF;
	padding:0 40px;}
ul.maintabs &gt; li &gt; a:hover{
	background-image: url(../images/nav_act.png);
	background-repeat:no-repeat;
	background-position:center left;}
.contentwraper{
	width:1000px;
	height:auto;
	margin:0 auto;
	padding: 80px 0px 30px 0;
	overflow:hidden;}
.contentwraper &gt; .pklg{
	border:1px solid #ab6800;
	width:auto;
	height:260px;
	padding: 10px 10px 0px 0px;
	clear:right;}
.contentwraper &gt; .pklg &gt; img{
	margin-left: -36px;
    margin-top: -25px;}
.contentwraper &gt; .rklg &gt; img{
	margin-left: 0px;
    margin-top: -39px;}
.contentwraper &gt; .sklg &gt; img{
	margin-left:0;
	margin-top:-40px; } 
.contentwraper &gt; .lklg &gt; img{
	margin-left:0;
	margin-top:-35px; }
.contentwraper &gt; .phklg &gt; img{
	margin-left: 0;
    margin-top: 22px; } 	 
.klginner{
	width:50%;
	float: right;}
h3.rtitle{
	display: block;
    background-image: url(../images/ptitle01.png);
    text-indent: -9999px;
    width: 435px;
    height: 42px;
    margin: 20px 0px;}
h3.rtitle2{
	background-image:url(../images/rtitle01.png);}
h3.rtitle3{
	background-image:url(../images/stitle01.png);}
h3.rtitle4{
	background-image:url(../images/ltitle01.png);}
h3.rtitle5{
	background-image:url(../images/phtitle01.png);}		
h3.ptitle{
	width:629px;
	height:42px;
	background-image:url(../images/ptitle02.png);
	margin-top:0px;
	float:none;
	margin:0 auto; }
h3.hvtitle{
	background-image:url(../images/ptitle03.png);}
h3.smtitle{
	background-image:url(../images/stitle02.png);}
h3.ratitle{
	background-image:url(../images/rtitle01_05.png);}
h3.shtitle{
	background-image:url(../images/ptitle04.png);}
.klginner &gt; p{
    line-height: 26px;}

/*大頁籤*/
h2.bigtitle{
	width:100%;
	height:180px;
	background-position:center;}
h2.henan{
	background-image:url(../images/bar01.jpg);}
h2.shandon{
	background-image:url(../images/bar02.jpg);}
h2.cchina{
	background-image:url(../images/bar03.jpg);}
h2.cmhina{
	background-image:url(../images/bar06.jpg);}
h2.wschina{
	background-image:url(../images/bar04.jpg);}
h2.wnchina{
	background-image:url(../images/bar05.jpg);}
h2.mschina{
	background-image:url(../images/bar07.jpg);}
h2.mlchina{
	background-image:url(../images/bar08.jpg);}
h2.wlchina{
	background-image:url(../images/bar09.jpg);}
h2.tbchina{
	background-image:url(../images/bar10.jpg);}	
/*商品*/
.contanier{
	padding:15px 0px;}
.product{
	border-bottom: 1px dotted #a84200;
    padding: 15px 10px;
	transition:all 0.8s ease;
	overflow:hidden;}
.product:hover{
	background-color:#f4e1fa;}
.product:hover &gt; .tourname{
	text-decoration:underline;}
.product a{
	text-decoration:none;}
.tourname{
	display:block;
	width:750px;
	color:#362e2b;
	font-size:18px;
	line-height:35px;}
.product span{
	color:#a40000;}
.product span.coast{
	font-size:40px;
	font-weight:bold;}
.price {
	float:right;
	margin:-15px 5px 0px 0px;}
.date{}
.date .dt{
	display:inline-block;
	padding:4px;
	background-color:#F8B62D;
	font-size:13px;
	margin-right:10px;
	color:#460E00;}
.more{
	width: auto;
	color:#604C3F;
	line-height:20px;
	text-decoration:none;}
.more:hover{
	text-decoration:underline;
	color:#E0364A;}
.mp{
	float:right;
	padding:5px;}
.mp &gt; a{
		color:#421e06;}
.viewwraper{
	width:100%;
	padding: 0px 0px 20px 0px;
    background-size: cover;
	background-attachment:fixed;
	background-position:top;
	background-position:50% 1px;
	}
.viewwraper01{
	background-image:url(../images/pbg01.jpg);}
.viewwraper02{
	background-image:url(../images/pbg02.jpg);}
.viewwraper03{
	background-image:url(../images/rbg01.jpg);}
.viewwraper04{
	background-image: url(../images/rbg02.jpg);}
.viewwraper05{
	background-image:url(../images/rbg03.jpg);}
.viewwraper06{
	background-image:url(../images/rbg04.jpg);}
.viewwraper07{
	background-image:url(../images/sbg01.jpg);}
.viewwraper08{
	background-image:url(../images/lbg01.jpg);}
.viewwraper09{
	background-image:url(../images/lbg02.jpg);}
.viewwraper10{
	background-image:url(../images/phbg01.jpg);}
.viewinner{
	padding-top:40px;}
p.pinner{
	color:#FFFFFF;
	line-height:26px;
	margin-bottom:40px;}
.side {
	margin-bottom:7px;}
.side &gt; img{
	margin:0 5px;}
.side &gt; .viewcont{
	width: 48%;
    float: right;
    color: #FFF;
    padding: 0 10px;}
.side &gt; .viewcont2{
    float: left;}
.side &gt; .viewcont &gt; h4.viewtitle{
	font-size:28px;
	padding:0 50px;
	display:block;
	line-height:50px;
	background-image: url(../images/ypbg.png);
	background-position:left center;
	background-repeat:no-repeat;
	margin-right:15px;}
.side &gt; .viewcont &gt; h4.viewtitle2{
	background-image:url(../images/wpbg.png);}
.side &gt; .viewcont &gt; h4.viewtitle3{
	background-image: url(../images/yrbg.png); }
.side &gt; .viewcont &gt; h4.viewtitle4{
	background-image: url(../images/wfbg.png);}
.side &gt; .viewcont &gt; p.viewp{
	line-height:28px;}
@media screen and (max-width :1079px){
a.mainbtn{
	display:block;
	width:50px;
	height:50px;
	background-image:url(../images/menu.png);
	position:fixed;
	top:55px;
	right:10px;
	z-index:2000;}
.wraper{}
#gotop{}
#gotop:hover{}
.topwraper{
	width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    position: relative;
    background-attachment: fixed;
    background-size: 100%;}
.pbg,.rbg,.sbg,.lbg,.phbg{
	background-image: url(../images/head_sp.jpg);}
.topwraper &gt; .toper{
	display:none;}
h1.maintitle,span.b1,span.b2{
	display:none;}
.nav{
	display:none;
	width:100%;
	height:100%;
	background-color:#313131;
	position:fixed;
	z-index:3000;
	top:0;
	left:0;}
.nav &gt; ul.maintabs{
	display:block;
	width:100%;
	margin:0 auto;
	overflow:hidden;}
ul.maintabs &gt; .topbtn{
	width:100%;
	margin-top:80px;
    position: absolute;
	clear:left;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	background-color:#565454;}
ul.maintabs &gt; .topbtn &gt; a.innerbtn{
	text-align:center;
	display:block;
	float:none;
	color:#FFFFFF;
	font-weight:600;
	padding:20px 40px;}
.topbtn &gt; a.innerbtn &gt; h2{}
ul.maintabs &gt; .topbtn &gt; a.act{
	border-top-left-radius:0px;
    border-top-right-radius:0px;}
.nav &gt; ul.maintabs &gt; li{
	display:none;}
ul.maintabs &gt; li.active &gt; a{}
ul.maintabs &gt; li &gt; a{}
ul.maintabs &gt; li &gt; a:hover{}
.contentwraper{
	width:95%;
	padding:30px 0px 30px 0;
	margin:0 10px;}
.contentwraper &gt; .pklg{
	width:auto;
	height:auto;
	padding: 10px;
	clear:right;
	overflow:hidden;}
.contentwraper &gt; .pklg &gt; img{
	margin-left: 0;
    margin-top: 0;
    width: 100%;
    height: 100%;}
.contentwraper &gt; .rklg &gt; img{
    margin-top:0;}
.contentwraper &gt; .sklg &gt; img{
	margin-top:0px; } 
.contentwraper &gt; .lklg &gt; img{
	margin-top:0px; } 
.klginner{
	width:100%;
	float:none;}
h3.rtitle{
	width:100%;
    height:0;
	padding-bottom:9.633%;
	background-size:cover;
	background-repeat:no-repeat;
    margin: 20px 0px;}
h3.rtitle2{}
h3.rtitle3{}
h3.rtitle4{}
h3.ptitle{
	width:100%;
	height:0;
	padding-bottom:6.677%;
	background-size:cover;
	background-repeat:no-repeat;
	margin-top:0px;
	float:none;
	margin:0 auto;}
h3.hvtitle{}
h3.smtitle{}
h3.ratitle{}
h3.shtitle{}
.klginner &gt; p{}

/*大頁籤*/
h2.bigtitle{}
h2.henan{}
h2.shandon{}
h2.cchina{}
h2.cmhina{}
h2.wschina{}
h2.wnchina{}
h2.mschina{}
h2.mlchina{}
h2.wlchina{}
/*商品*/
.contanier{}
.product{
	overflow:hidden;}
.product:hover{}
.product:hover &gt; .tourname{}
.product a{
	text-decoration:none;}
.tourname{
	display: block;
    width: 100%;
    color: #362e2b;
    font-size: 16px;
    line-height: 26px;}
.product span{}
.product span.coast{
	font-size:30px;
	font-weight:bold;}
.price {
	float:right;
	margin:0px;}
.date{}
.date .dt{}
.more{}
.more:hover{}
.mp{}
.mp &gt; a{}
.viewwraper{
	width:100%;
	padding: 0px 0px 20px 0px;
    background-size: cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:50%;
	}
.viewwraper01{}
.viewwraper02{}
.viewwraper03{}
.viewwraper04{}
.viewwraper05{}
.viewwraper06{}
.viewwraper07{}
.viewwraper08{}
.viewwraper09{}
.viewinner{}
p.pinner{}
.side {}
.side &gt; img{
    width: 47%;
    height: auto;}
.side &gt; .viewcont{
	width:100%;
    float: none;
    color: #FFF;
    padding: 10px;}
.side &gt; .viewcont2{
    float: none;}
.side &gt; .viewcont &gt; h4.viewtitle{}
.side &gt; .viewcont &gt; h4.viewtitle2{}
.side &gt; .viewcont &gt; h4.viewtitle3{}
.side &gt; .viewcont &gt; h4.viewtitle4{}
.side &gt; .viewcont &gt; p.viewp{}
}</pre></body></html>