@charset "utf-8";

body{
margin: 0px;
font-family: "微軟正黑體";
}

.sr-only, .sr-only:hover  {
    position: absolute;
    width: 0.063rem;
    height: 0.063rem;
    padding: 0;
    margin: -0.063rem;
    border: 0;
	z-index:200;
	color: transparent;
}

.sr-only:active , .sr-only:focus {
    width: auto;
    height: auto;
    margin: 0;
	z-index:200;
	color: #001c6b;
	top: 0px;
}

a[accesskey], a.accesskey {
   position: absolute;
    margin-left: -15px;
    text-decoration: none;
	z-index:1;
	color: #1d1d1d;
	font-size:0.85em;
}

.accesskeyU{
	margin-left: 0px !important;
	position:fixed !important;
	top:10px;

}

a,a:hover{
text-decoration: none;
}

a div:focus, a:focus {
    border: 1px solid #034acd;
	outline: 1px solid #034acd; 
}

.inshare {
    position: absolute;
    top: 2%;
    left: 1%;
    z-index: 1;
}

.inshare span{
padding: 0 2px 0 2px;
}

.serpre {
    position: fixed;
    top: 77%;
    right: 0%;
    z-index: 1;
    width: 5.7%;
	animation: tmlight 2s alternate infinite;
   -webkit-animation: tmlight 2s alternate infinite;	/* Safari 和 Chrome */
}

@keyframes tmlight
{
0% {transform: scale(1,1);}
100% {transform: scale(0.9,0.9);}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
0% {transform: scale(1,1);}
100% {transform: scale(0.9,0.9);}
}

.serpre img{
	width: 100%;
}

.serpre a{
    display:block;
}

.banner{
background-image: url(../images/banner_ac.jpg);
background-repeat: no-repeat;
background-size: 100%;
position: relative;
width: 100%;
height: 705px;
}

/*上方topCSS*/
.Head {
    height: 45px;
    background-image: url(../images/Head1Bg.gif);
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 50;
}

.Head .Content {
    width: 95%;
    height: 45px;
}

.Head .Content .Menu{
    float: left;
    color: #FFF;
    font-size: 0.96rem;
    margin-top: 13px;
    margin-left: 55%;
    margin-top: 0px\9;
    font-size: 0.96em\9;
    text-shadow: 1px 1px #333;
}

.Head .Content .Menu ul {
    margin-top: 0;
}

.Head .Content .Menu ul li{
	padding: 0px;
    list-style-type: none;
    float: left;
    background-image: url(../images/SquarDot.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 8px;
    padding-left: 4px;
}

.Head .Content .Menu ul .Nodot {
    background-image: none;
}

.Head .Content .Menu ul li a, .Head .Content .Menu ul li a:active {
    color: #FFF;
    text-decoration: none;
    outline: none;
}

.Nodot {
    background-image: none;
    margin-bottom: 0px;
    padding-bottom: 5px;
}
.tline {
    background-image: url(../images/tline.png) !important;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 13px !important;
    padding-left: 5px !important;
}

.Head .Content .Home{
    padding-top: 0px;
    float: right;
    margin-right: 0px;
    width: 70px;
}

.Head .Content .Home a {
    color: #ffe951;
    text-decoration: none;
    font-size: 1em;
	display:block;
}

.homeicon {
    width: 42px;
    height: 44px;
    margin-right: 25px;
	margin: 0px 0 0px 0;
}

h1.homeicon span {
    display: none;
}

.RWD_home03,.RWD_MenuBtn {
    display: none;
}

.RWD_MenuBtn, .RWD_MenuBtn_ind, .RWD_MenuList {
    display: none;
}

.Head .Content .Menu{
    float: left;
    color: #FFF;
    font-size: 0.96rem;
    margin-top: 13px;
    margin-left: 73%;
    margin-top: 0px\9;
    font-size: 0.96em\9;
    text-shadow: 1px 1px #333;
}

.Head .Content .Language{
    float: left;
    margin-top: 10px;
    width: 125px;
}

.contoplogo {
    position: fixed;
    top: 3px;
    left: 10px;
}

.nmenu {
    /* float: left; */
    /* text-align: center; */
    position: absolute;
    top: 16px;
}

.Head .Content .nmenu{
    top: 9px;
    right: 16px;
}

.Head .Content .nmenu a{
    display:block;
}

#menu_open {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    z-index: 99;
    top: 0px;
    right: 0px;
    visibility: hidden;
    overflow: hidden;
}

.meclose {
    position: absolute;
    top: 5px;
    right: 8px;
    z-index: 1;
}

.megaMenu {
    width: 25%;
    height: 100%;
    position: absolute;
    padding: 30px 0 0 0;
	margin-top: 0px;
    right: 0px;
    background-color: #197ea0;
    /* background-image: url(../../images/mnbg.png); */
    background-image: -webkit-linear-gradient(270deg,rgba(0,189,212,1.00) 0.52%,rgba(1,133,196,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(0,189,212,1.00) 0.52%,rgba(1,133,196,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(0,189,212,1.00) 0.52%,rgba(1,133,196,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(0,189,212,1.00) 0.52%,rgba(1,133,196,1.00) 100%);
    background-repeat: repeat-y;
}

#menu_open ul li {
    text-align: center;
    color: #fff;
    font-size: 1.2em;
    border-bottom: 1px solid #bceaf3;
}

#menu_open ul li a {
    display: block;
    color: #fff;
    padding: 14px 0 14px 0;
}

#menu_open ul li a:hover {
    background-color: #12cfef;
    text-decoration: none;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 1px solid #000;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

.Language #accordion div{
    border: 1px solid #c57a89;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 32px;
    color: #FFF;
    font-size: 0.8rem;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    min-height: 0;
    font-size: 100%;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-weight: normal;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 1px solid #000;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon {
    width: 16px;
    height: 16px;
}

#accordion div img, #RWDaccordion div img {
    margin-left: 5px;
}

.Language #accordion div ul,.Language #RWDaccordion div ul {
	padding-top: 10px;
    padding-bottom: 10px;
    margin-top:0px;
 	padding-left: 10px;
	margin-left: -26px;
 
}
.Language #accordion div ul li ,.Language #RWDaccordion div ul li {
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 32px;
	color: #FFF;
	font-size: 0.9rem;
	font-size:0.9em\9;
 
}
.Language #accordion div ul li a,.Language #RWDaccordion div ul li a{
	color: #FFF;
	text-decoration: none;	
   }
.Language #accordion div ul li a:hover, .Language #RWDaccordion div ul li a:hover{
	color: #FFF;
	text-decoration: underline;	
   }
.Language #RWDaccordion div   {
	background-color:rgba(255, 255, 255, 0.23);
}
.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: rgba(0%,0%,0%,0.6);
    color: #FFF;
    font-size: 0.95rem;
    background: url(../images/SharexcBg_2.png) repeat\9;
    padding: 0 0 15px 0;
}

ul, li, ol, h1, h2, h3, h4, h5, p {
    padding: 0px;
    list-style-type: none;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.Zh-tw,.Cn,.En,.Jp,.Fr,.Es,.De,.Ru,.Ar,.Ko {
	background-image: url(../images/TaiwanFlag.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	text-shadow:1px 1px #333;
}
.Zh-tw {
		background-image: url(../images/TaiwanFlag.png);
	
}
.Cn {
	
		background-image: url(../images/CnFlag.png);
}
.En {
		background-image: url(../images/EnFlag.png);
	
}
.Jp {
	
		background-image: url(../images/JpFlag.png);
}

.Ko {
	
		background-image: url(../images/KoFlag.png);
}
/*首頁旅遊紀錄&我的行程按鈕*/

.mbtnar {
    position: fixed;
    bottom: 18%;
    right: 5px;
    width: 5%;
}

.mbtbx {
    margin: 10px 0 10px 0;
    height: 85px;
}

.mbtbx:nth-child(1){
background-image: url(/TripIsU/images/mbtn02_pc.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: center center;
}

.mbtbx:nth-child(2){
background-image: url(/TripIsU/images/mbtn01_pc.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: center center;
}

.mbtbx:nth-child(3){
background-image: url(/TripIsU/images/mbtn03_pc.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: center center;
}

.mbtbx a{
display: block;
height: 85px;
}


/*--上方topCSS結束--*/ 

/*--footer CSS--*/
.Footer {
    width: 100%;
    background-color: #ba9e87;
    padding-top: 20px;
    position: relative;
	color: #FFF;
    font-size: 0.95em;
    line-height: 1.55em;
    padding-bottom: 50px;
}

.Footer .Link {
    background-color: #f5f1e8;
    height: 60px;
    width: 1158px;
    background-image: url(../images/LinkKid.png);
    background-repeat: no-repeat;
    background-position: 6px center;
	margin: 0px auto 0px auto;
}

.Link .LinkIcon {
    float: left;
    width: auto;
    margin-left: 80px;
    height: auto;
    overflow: auto;
}

.LinkIcon img {
    margin-right: 20px;
}

.Footer a {
    color: #FFF;
    text-decoration: none;
}

.Footer .fotin {
    width: 1158px;
    margin: 15px auto 0 auto;
}

.fot_txt {
    float: left;
    width: 700px;
    font-size: 0.85em;
    line-height: 1.4em;
}

.aplus {
    float: right;
}

/*--footer CSS結束--*/

.banner_ac{
background-image: url(../images/banner_ac.png);
background-repeat: no-repeat;
background-size: 100%;
position: relative;
width: 100%;
height: 670px;
margin-top: 45px;
}

.ac_inf {
    background-image: url(../images/ac_infbg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 57%;
    height: 346px;
    margin: 0 auto 0 auto;
    padding: 70px 0 0 0;
    background-position: left bottom;
}

.acin_con {
    margin: 67px 0 0 80px;
    width: 83%;
}

.acin_h1 {
    font-weight: bold;
    color: #edff24;
    font-size: 1.5em;
    margin: 0 0 10px 0;
}

.acin_h2 {
    color: #fff;
    font-size: 1.05em;
    line-height: 1.5em;
}

.inplay .banner{
height: 663px;
}

.logo {
    position: absolute;
    width: 22.7%;
    top: 2%;
    left: 38%;
}

.logo img{
width: 100%;
}

.menu {
    position: absolute;
	width: 58%;
    height: 112px;
    background-image: url(../images/menubg.png);
    background-repeat: no-repeat;
    left: 21%;
    bottom: -9.5%;
    z-index: 1;
    background-size: 100%;
}

.menu_box {
    float: left;
    width: 20%;
    background-image: url(../images/menu_dash.png);
    background-repeat: repeat-y;
    background-position: right center;

}

.menu_box:nth-child(5) {
    background-image: none;
}

.menu_box a.m01,.menu_box a.m02,.menu_box a.m03,.menu_box a.m04,.menu_box a.m05{
	display: block;
    padding: 30.5% 0 7.5% 0;
    text-decoration: none;

} 

.menu_box a.m01{
background-image: url(../images/menu01.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 71%;
}

.menu_box a:hover.m01{
background-image: url(../images/menu01_h.png);
transition: all 0.3s ease-in-out;
}

.menu_box a.m02{
background-image: url(../images/menu02.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 71%;
}

.menu_box a:hover.m02{
background-image: url(../images/menu02_h.png);
transition: all 0.3s ease-in-out;
}

.menu_box a.m03{
background-image: url(../images/menu03.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 71%;
}

.menu_box a:hover.m03{
background-image: url(../images/menu03_h.png);
transition: all 0.3s ease-in-out;
}

.menu_box a.m04{
background-image: url(../images/menu04.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 72%;
}

.menu_box a:hover.m04{
background-image: url(../images/menu04_h.png);
transition: all 0.3s ease-in-out;
}

.menu_box a.m05{
background-image: url(../images/menu05.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 69%;
}

.menu_box a:hover.m05{
background-image: url(../images/menu05_h.png);
transition: all 0.3s ease-in-out;
}

.main_con{
background-image: url(../images/mbg.jpg);
background-repeat: repeat-y;
background-size: 100%;
min-height: 400px;
padding: 0 0 40px 0;
}

.con_in {
    width: 80%;
    margin: 0 auto 0 auto;
}

.trav_sel {
    margin: 0 auto 60px auto;
    text-align: center;
    /*width: 84%;*/
    padding-top: 150px;
    position: relative;
    height: 270px;
}

.trspcA {
    position: absolute;
    width: 25%;
    left: 6%;
    top: 22%;
}

.trspcA input{
    width: 100%;
    top: 0px;
    position: absolute;
    left: 0px;
}

.trspcA a {
    display: block;
    width: 100%;
	position: absolute;
    top: 0px;
}

.trspcA a:hover,.trspcA input:hover{
	transition: all 0.3s ease-out;
    top: -10px;
}

.trspcA img{
width: 100%;
}

.trspcB {
    position: absolute;
    width: 25%;
    left: 36%;
    top: 22%;
}

.trspcB input{
    width: 100%;
    top: 0px;
    position: absolute;
    left: 0px;
}

.trspcB a {
    display: block;
    width: 100%;
    position: absolute;
    top: 0px;
}

.trspcB a:hover,.trspcB input:hover{
	transition: all 0.3s ease-out;
	top: -10px;
}

.trspcB img{
width: 100%;
}

.trspcC {
    position: absolute;
    width: 26%;
    left: 65%;
    top: 16%;
}

.trspcC input{
    width: 100%;
    top: 0px;
    position: absolute;
    left: 0px;
}

.trspcC a {
    display: block;
    width: 100%;
    position: absolute;
    top: 0px;
}

.trspcC a:hover,.trspcC input:hover{
	transition: all 0.3s ease-out;
	top: -10px;
}

.trspcC img{
width: 100%;
}

.infbox{
margin: 110px 0 150px 0;
border: 7px solid #DF7249;
-webkit-box-shadow: 6px 7px 0px rgba(122,122,122,0.50);
box-shadow: 6px 7px 0px rgba(122,122,122,0.50);
border-radius: 30px;
position: relative;
background-color: rgba(255, 255, 255, 0.75);
}

.infbox:last-child{
margin: 110px 0 90px 0;
}

.inf_al {
    width: 88%;
    margin: 0 auto 0 auto;
    padding: 80px 0 60px 0;
}

.inf_title {
    position: absolute;
    top: -41px;
    left: 39%;
    width: 22.2%;
}

.inf_title img{
width: 100%;
}

.smtex {
    font-size: 1.26em;
    font-weight: bold;
    color: #424242;
    line-height: 1.8em;
}

.smtex2 {
    font-size: 1.5em;
    font-weight: bold;
    color: #d40d5f;
    line-height: 1.8em;
    text-align: center;
}

.mabox{
margin: 30px 0 0 0;
}

.mabox a{
color: #0da9c1;
}

.tword {
    color: #dc0043;
    font-size: 1.6em;
    font-weight: bold;
    margin: 0 0 12px 0;
}

.mtw {
    font-size: 1.26em;
    color: #424242;
    line-height: 1.6em;
    padding: 0 0 0 56px;
}

.m_bar {
	margin: 0 0 5px 0;
}

.mtw .m_bar ul {
    margin: 0px 0px 10px 0;
}

.mtw  .m_bar ul li {
    list-style-position: outside;
    list-style-type: disc;
    margin: 0 0 2px 0;
}

.mtw ul{
    margin: 0px;
}

.mtw ul li {
    list-style-position: outside;
    list-style-type: cjk-ideographic;
    margin: 0 0 20px 0;
}

.mtw ul li ul{
margin: 10px 0 0 0;
}

.mtw ul li ul li{
list-style-position: outside;
list-style-type: decimal;
margin: 0 0 5px 0;
}

.mtw ul li ul li ul{
margin: 0px 0 0 0;
}

.mtw ul li ul li ul li{
list-style-type: disc;
}

ul.mt_blod{
margin: 10px 0 0 0;
}

ul.mt_blod li{
font-weight: bold;
}

ul.mt_blod li ul li{
font-weight: normal;
word-break: break-all;
}

.mt_view{
padding: 0 0 0 5px;
}

.mt_list{
    margin: 0 0 6px 0;
}

.ml_left{
float: left;
width: 5%;
margin: 0 0 0 1%;
}

.ml_right{
float: left;
width: 94%;
}

.mr_img{
/*text-align: center;*/
}

.mr_img img{
width: 120px;
}

.mr_img span{
font-size: 0.85em;
color: #747474;
margin: 0 0 0 -15px;
}

.award{
text-align: center;
}

.award img{
width: 100%;
}

.footer{
width: 33%;
margin: 0 auto 30px auto;
}

.footer_left{
float: left;
margin: 0 2% 0 0;
}

.footer_right{
float: left;
font-size: 0.95em;
}

#gotop {
    display: none;
    position: fixed;
    right: 5px;
    bottom: 6%;
    cursor: pointer;
}
#gofooter {
    display: none;
    position: fixed;
    right: 5px;
    bottom: 1%;
    cursor: pointer;
}

.conbg{
width: 80%;
margin: 0 auto 0 auto;
padding: 0 0 40px 0;
position: relative;
}

.conbg_cen{
background-image: url(../images/conb_cen.png);
background-repeat: repeat-y;
background-position: center bottom;
background-size: 100%;
min-height: 400px;
}

.conbg_botm{
background-image: url(../images/conb_bottom.png);
background-repeat: no-repeat;
background-position: center top;
background-size: 100%;
height: 85px;
}

.allin{
width: 80%;
margin: 0 auto 0 auto;
padding: 30px 0 0 0;
}

.traclt{
text-align: center;
margin: 0 auto 30px auto;
width: 47.85%;
}

.traclt img{
width: 100%;
}

.tavexp{
background-image: url(../images/trA_inf.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
height: 385px;
width: 83%;
margin: 0 auto 0 auto;
}

.tave_woa {
    text-align: center;
    padding: 80px 0 0 0;
    color: #fff;
}

.txth1 {
    font-size: 1.65em;
    margin: 0 0 10px 0;
    font-weight: bold;
}

.txth2 {
    font-size: 1.3em;
    line-height: 1.6em;
}

.viewpall{
    margin: 30px auto 0 auto;
    width: 90%;
}

.point{
width: 31%;
float: left;
margin: 0 3% 50px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
overflow: hidden;
}

.point:nth-child(3n){
margin: 0 0% 50px 0;
}

.point a{
display: block;
position: relative;
}

.point a:hover ~ .po_fly{
visibility: visible;
transition: all 0.4s ease-in-out 0.1s;
-moz-transition:all 0.4s ease-in-out  0.1s;/* Firefox 4 */
-webkit-transition:all 0.4s ease-in-out  0.1s;/* Safari and Chrome */
-o-transition: all 0.4s ease-in-out  0.1s;/* Opera */
opacity: 1;
}

.po_fly {
    font-family: "微軟正黑體";
    position: absolute;
    z-index: 1;
    background-color: rgba(62,134,185,0.85);
    visibility: hidden;
    top: 0px;
    left: 0px;
    opacity: 0;
    height: 100%;
    width: 100%;
    border-radius: 40px;
    border: none;
    font-size: 1.2em;
    line-height: 1.8em;
    color: #fff;
    /* padding: 5% 5% 5% 5%; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.po_fly:hover{
visibility: visible;
opacity: 1;
}

.po_fly a{
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 7% 7% 7% 7%;
color: #fff;
height: 100%;
}

.po_fly a span {
    background-image: url(../images/saline.png);
    background-repeat: no-repeat;
    background-position: 88% center;
    border: 1px solid #fff;
    padding: 0px 14px 0px 14px;
    border-radius: 8px;
    position: absolute;
    right: 8%;
    bottom: 8%;
    width: 43px;
    font-size: 0.95em;
}

#popbg_trmo,
#popbg_trmo_car,
#popbg_trmo_sametrip_loading,
#popbg_trmo_nosametrip_restart {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.85);
    z-index: 2;
	visibility: hidden;
    left: 0px;
    top: 0px;
}

.metharea{
font-size: 1.1em;
line-height: 1.6em;
margin: 15px auto 0 auto;
/*width: 95%;*/
overflow-y: scroll;
height: 260px;
}

.metharea p{
margin: 0 0 10px 0;
}

.metharea2{
font-size: 1.1em;
line-height: 1.6em;
margin: 15px auto 0 auto;
/*width: 95%;*/
min-height: 140px;
}

.metharea2 p{
margin: 0 0 10px 0;
}

.meth {
    padding: 0 0 20px 0;
    font-size: 1.07em;
    height: 350px;
	margin:8px 0 0 0;
}

.keyarea{
padding: 15px 0 0 0;
border-top: 1px solid #909090;
margin: 15px auto 35px auto;
width: 95%;
display:none;
}

.keywod{
font-size: 1.1em;
line-height: 1.6em;
}

.keywod p{
margin: 0 0 0px 0;
}

.keywod p span{
color: #D90A44;
}

.keyin{
margin: 20px 0 10px 0;
}

.ki_left{
float: left;
margin: 0 30px 0 0;
}

.ki_trname {
    clear: both;
    padding: 20px 0 0;
}

.kilf_left {
    font-size: 1.1em;
    font-weight: bold;
    float: left;
    margin: 7px 7px 0 0;
}

.nickname {
    float: right;
    border: 2px solid #0092B7;
    width: 150px;
    padding: 5px 5px 5px 5px;
    height: 25px;
	 font-size: 1.1em;
}

.email {
    float: right;
    border: 2px solid #0092B7;
    width: 230px;
    padding: 5px 5px 5px 5px;
    height: 25px;
	 font-size: 1.1em;
}

.trvname {
    float: left;
    border: 2px solid #0092B7;
    width: 300px;
    padding: 5px 5px 5px 5px;
    height: 25px;
	font-size: 1.1em;
}

.chread {
    margin: 20px 0 0 0;
}

.chread a {
    display: block;
    width: 40%;
    padding: 13px 0 13px 0;
    border-radius: 50px;
    background-color: #E97300;
    color: #fff;
    margin: 0 auto;
    font-size: 1.1em;
    text-align: center;
}

.chread a:hover {
padding: 13px 6px 13px 6px;
background-color: #F77D07;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;/* Firefox 4 */
-webkit-transition: all 0.3s ease-in-out;/* Safari and Chrome */
-o-transition: all 0.3s ease-in-out;/* Opera */
}

.chreadA{
    margin:0 0 8px 0;
}

.chreadA a {
    display: block;
    width: 65%;
    padding: 13px 0 13px 0;
    border-radius: 50px;
    background-color: #E97300;
    color: #fff;
    margin: 0 auto;
    font-size: 1.1em;
    text-align: center;
}

.chreadA a:hover {
padding: 13px 6px 13px 6px;
background-color: #F77D07;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;/* Firefox 4 */
-webkit-transition: all 0.3s ease-in-out;/* Safari and Chrome */
-o-transition: all 0.3s ease-in-out;/* Opera */
}


.chreadB{
 
}

.chreadB a {
    display: block;
    width: 65%;
    padding: 13px 0 13px 0;
    border-radius: 50px;
    background-color: #2f8ab7;
    color: #fff;
    margin: 0 auto;
    font-size: 1.1em;
    text-align: center;
}

.chreadB a:hover {
padding: 13px 6px 13px 6px;
background-color: #0faaca;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;/* Firefox 4 */
-webkit-transition: all 0.3s ease-in-out;/* Safari and Chrome */
-o-transition: all 0.3s ease-in-out;/* Opera */
}

.tblod{
	font-size:1.32em;
}

.pot_pc{
margin: 0 0 0px 0;
}

.pot_pc img{
width: 100%;
}

.pot_tex{
color: #328AC8;
text-align: center;
font-size: 1.5em;
font-weight: bold;
}

.planame{
text-align: center;
background-image: url(../images/trA_intbg.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
font-size: 2.6em;
font-weight: bold;
letter-spacing: 2px;
color: #14889D;
width: 90%;
margin: 0 auto 30px auto;
}

.sloword{
text-align: center;
font-size: 1.82em;
color: #592918;
font-weight: bold;
margin: 0 0 100px 0;
}

.trA_road{
background-image: url(../images/tralA_road.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100%;
height: 290px;
position: relative;
}

.station01,.station02,.station03,.station04,.station05,.station06,.station07,.station08{
    position: absolute;
	width: 74px;
    height: 101px;
    background-image: url(../images/landmark.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #C4B0B9;
    font-size: 1.8em;
    font-family: Arial;
    font-weight: bold;
    text-align: center;
	padding-top: 41px;
}

.station01 {
    left: 9%;
    top: 14%; 
}

.station02 {
    left: 21%;
    top: 53%;
}

.station03 {
    left: 30.3%;
    top: -10%;
}

.station04 {
    left: 42%;
    top: 13%;
}

.station05 {
    left: 50.5%;
    top: 42%;
}

.station06 {
    left: 62%;
    top: -28%;
}

.station07 {
    left: 72%;
    top: 37%;
}

.station08 {
    left: 93%;
    top: 51%;
}

.sta_ac{
background-image: url(../images/landmark_ac.png) !important;
background-repeat: no-repeat;
background-position: center bottom;
color: #DA0E6E !important;
font-size: 2.6em !important;
padding-top: 14px;
}

.trabk_area{
margin: 40px auto 0 auto;
width: 90%;

}

.trbk_title {
    font-size: 1.65em;
    color: #592918;
    font-weight: bold;
    margin: 0 0 15px 0;
}

.trbk_title span {
    font-size: 1.4em;
    color: #CC0736;
}

.teb{
font-size: 1.7em !important;
font-family: Arial;
font-weight: bold;
font-style: italic;
}

.travbook{
background-image: url(../images/trabook_bg.png);
background-repeat: no-repeat;
background-position: center top;
background-size: 100%;
height: 490px;
position: relative;
}

.trb_ill {
    position: absolute;
    right: 10%;
    bottom: 4%;
    background-image: url(../images/trabook_ill.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 24%;
    height: 144px;
	opacity:0.5;
}

.trbin {
    width: 86%;
    margin: 0 auto 0 auto;
    padding: 35px 0 10px 0;
}

.tbh1 {
    padding: 0 0 15px 0;
    background-image: url(../images/trabook_line.png);
    background-repeat: repeat-x;
    background-position: left bottom;
}

.timg {
    float: left;
    width: 12.7%;
}

.timg img{
width: 100%;
}

.tunder {
    float: left;
    background-image: url(../images/trabook_tudline.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    color: #14859d;
    font-size: 1.6em;
    padding: 0 0 15px 0;
    font-weight: bold;
    margin: 39px 0 0 18px;
}

.hint{
	padding: 10px 0 15px 0;
    background-image: url(../images/trabook_line.png);
    background-repeat: repeat-x;
    background-position: left bottom;
}

.hin_left {
    float: left;
    background-image: url(../images/trabook_hintbg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    width: 10%;
    height: 46px;
    margin: 0 2% 0 0;
    /* text-align: center; */
    color: #fff;
    font-size: 1.23em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 9px 0 0 13px;
    font-weight: bold;
}

.hin_right {
    font-weight: bold;
    color: #9f2550;
    font-size: 1.5em;
    margin-top: 6px;
}

.finobjarea{
	margin: 55px auto 0 auto;
    width: 90%;
}

.objall{

}

.fobj_title {
    font-size: 1.8em;
    color: #592918;
    font-weight: bold;
    margin: 0 0 25px 0;
}

.objbox {
    float: left;
    width: 22%;
    margin: 0 4% 50px 0;
	position: relative;
	background-color: transparent;
	border: none;
	height: 340px;
}

.objbox:nth-child(4n) {
    margin: 0 0% 50px 0;
}

/*:focus {
	outline: 0px ;
}*/

.obpc {
    width: 100%;
    margin: 0 0 15px 0;	
}

.obpc a{
    display: block;
	border: 7px solid rgba(255,255,255,1.00);
	overflow: hidden;
	height: 230px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 10px 3px rgba(177, 124, 102, 0.48);
    box-shadow: 0px 0px 10px 3px rgba(177, 124, 102, 0.48);
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.obpc a img {
    min-width: 100%;
    height: 100%;
}

.obpc a:hover{
border: 7px solid rgba(255,234,44,1.00);
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;/* Firefox 4 */
-webkit-transition: all 0.5s ease-in-out;/* Safari and Chrome */
-o-transition: all 0.5s ease-in-out;/* Opera */
}

.obpc a input {
    min-width: 100%;
    height: 100%;
}

.objtex{
text-align: center;
color: #363636;
font-size: 1.45em;
font-weight: bold;
font-family: "微軟正黑體";
min-height:100px;
}

.objtex a{
color: #363636;
}

.wrong:focus ~ .popbg_wrong{
visibility: visible;
}

.right:focus ~ .popbg_right{
visibility: visible;
}

.popbg_wrong {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.85);
    z-index: 2;
    visibility: hidden;
    left: 0px;
    top: 0px;
}

.popbg_right {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.85);
    z-index: 2;
    visibility: hidden;
    left: 0px;
    top: 0px;
}

#popbg_out {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.85);
    z-index: 2;
    visibility: hidden;
    left: 0px;
    top: 0px;
}

.popw {
    position: absolute;
    left: 22%;
    top: 13%;
    width: 55%;
    height: 80%;
    background-image: url(../images/pupbg.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

#popbg_out .popw {
    left: 26%;
    top: 17%;
    width: 45%;
}

.popw .close a {
    right: 70px;
}

.popw_in {
    width: 70%;
    margin: 30px auto 0 auto;
}

.guide_title {
    color: #D85700;
    font-size: 2.8em;
    text-align: center;
    letter-spacing: 2px;
    font-weight: bold;
}

.guide_title2 {
    color: #D85700;
    font-size: 2.8em;
    text-align: center;
    letter-spacing: 1px;
    font-weight: bold;
    padding: 110px 0 0 0;
}

.overtex {
    padding: 0 0 20px 0;
    font-size: 1.4em;
    margin: 40px 0 0 0;
    text-align: center;
}

.pup_guichat {
    margin: 50px 0 20px 0;
}

.pup_guichat2 {
    margin: 20px 0 20px 0;
}

.gct_left {
    float: left;
    width: 26%;
    margin-top: 68px;
}

.gct_left img{
width: 100%;
}

.gct_left2 {
    float: left;
    width: 26%;
    margin-top: 20px;
}

.gct_left2 img{
width: 100%;
}

.gct_right {
    float: left;
    width: 72%;
    height: 271px;
    background-image: url(../images/chat01.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.gct_right2 {
    float: left;
    width: 72%;
    height: 200px;
    background-image: url(../images/chat02.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.gcr_in {
    width: 72%;
    margin: 58px auto 0 auto;
    text-align: center;
    font-size: 1.7em;
    color: #00A1C3;
    font-weight: bold;
    padding: 0 0 0 20px;
}

.gcr_in2 {
    width: 72%;
    margin: 45px auto 0 auto;
    text-align: center;
    font-size: 2.2em;
    color: #00A1C3;
    font-weight: bold;
    padding: 0 0 0 20px;
}

.guword{
margin: 20px auto 40px auto;
font-size: 1.15em;
color: #373737;
width: 85%;
}

.guword p{
margin: 12px 0 0 0;
}

.babook{

}

.babook a {
    display: block;
    width: 104px;
    padding: 13px 0 13px 65px;
    border-radius: 50px;
    background-color: #2f8ab7;
    color: #fff;
    background-image: url(../images/back_arrow.png);
    background-repeat: no-repeat;
    background-position: 16% center;
    margin: 0 auto;
    font-size: 1.2em;
}

.babook a:hover {
    background-color:#0faaca;
	padding: 13px 5px 13px 70px;
	-moz-transition: all 0.3s ease-in-out;/* Firefox 4 */
	-webkit-transition: all 0.3s ease-in-out;/* Safari and Chrome */
	-o-transition: all 0.3s ease-in-out;/* Opera */
}

.outbtn{
text-align: center;
}

.outbtn a {
    display: block;
	width: 50%;
    padding: 13px 10px 13px 10px;
    border-radius: 50px;
    background-color: #2f8ab7;
    color: #fff;
    margin: 0 auto 0 auto;
    font-size: 1.2em;
}

.outbtn a:hover {
    background-color:#0faaca;
	padding: 13px 18px 13px 18px;
	-moz-transition: all 0.3s ease-in-out;/* Firefox 4 */
	-webkit-transition: all 0.3s ease-in-out;/* Safari and Chrome */
	-o-transition: all 0.3s ease-in-out;/* Opera */
}

.out_in {
    margin: 58px auto 70px auto;
    text-align: center;
    font-size: 1.7em;
    color: #00A1C3;
    font-weight: bold;
    padding: 0 0 0 20px;
}

.govisit{

}

.govisit a {
display: block;
width: 104px;
padding: 13px 0 13px 65px;
border-radius: 50px;
background-color: #E97300;
color: #fff;
background-image: url(../images/goon_arrow.png);
background-repeat: no-repeat;
background-position: 16% center;
margin: 0 auto;
font-size: 1.2em;
}

.govisit a:hover {
background-color: #FD840C;
padding: 13px 5px 13px 70px;
-moz-transition: all 0.3s ease-in-out;/* Firefox 4 */
-webkit-transition: all 0.3s ease-in-out;/* Safari and Chrome */
-o-transition: all 0.3s ease-in-out;/* Opera */
}

.quit {
    /* margin: 30px auto 0 auto; */
    width: 95%;
    padding: 20px 0 0 0;
	height: 50px;
}

.quit a {
    display: block;
    width: 142px;
    text-align: center;
    float: right;
    background-color: rgb(167, 167, 167);
    font-size: 1.2em;
    color: rgb(255, 255, 255);
    background-image: url(../images/btn_arw.png);
    padding: 11px 9px 11px 0px;
    border-radius: 50px;
    background-repeat: no-repeat;
    background-position: 87% center;
}

.quit a:hover {
    background-color: #7B7B7B;
    background-position: 90% center;
	transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;/* Firefox 4 */
-webkit-transition: all 0.3s ease-in-out;/* Safari and Chrome */
-o-transition: all 0.3s ease-in-out;/* Opera */
}

.finhapy {
    width: 71.3%;
    margin: 0 auto 0 auto;
	text-align: center;
}

.finhapy img{
width: 100%;
}

.fnlword {
    text-align: center;
    font-size: 1.7em;
    color: #592918;
    font-weight: bold;
    margin: -10px 0 50px 0;
	line-height: 1.55em;
}

.fnlword span a {
    color: #da0540; 
}

.fnlword span a:hover {
    color: #f10043; 
}

.plerinf{
background-color: #9a61b4;
padding: 20px 0 20px 0;
text-align: center;
font-size: 1.53em;
line-height: 1.55em;
font-weight: 500;
color: #fff;
border-radius: 10px;
letter-spacing: 1px;
margin-bottom: 70px;
}

.endobjarea {
    margin: 55px auto 0 auto;
    width: 90%;
}

.endobjarea .objbox .obpc {
   opacity: 0.6;
}


.endobjarea .objbox .obpc a:hover{
border: 7px solid rgba(255,255,255,1.00);
cursor:default;
}

.tralA_stamp {
    position: absolute;
    right: -9px;
    top: 51%;
    background-image: url(../images/tralA_stamp.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 48%;
    height: 149px;
    z-index: 1;
}

.fnshar {
    width: 77%;
    margin: -25px auto 60px auto;
}

.fnshar_left {
    float: left;
    width: 67%;
    padding: 0 0 0 3%;
}

.fnshar_right{
float: right;
width: 29%;
}

.qrcode {
    width: 13.2%;
    display: inline-block;
    margin: 0 7px 0 0;
}

.qrcode img{
width: 100%;
}

.qrtxt {
    color: #393939;
    font-size: 1.12em;
    display: inline-block;
    width: 23%;
    line-height: 1.6em;
}

.sharbtn {
    color: #fff;
    font-size: 1.4em;
    margin: 0 23px 0 0;
    float: left;
}

.sharbtn a {
    display: block;
    width: 165px;
    padding: 13px 0 9px 21px;
    background-color: #1ca5c7;
    color: #fff;
    border-radius: 50px;
}

.sharbtn a img{
margin: 0 5px 0 0;
}

.sharbtn a:hover {
background-color: #0E8EAD;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;/* Firefox 4 */
-webkit-transition: all 0.3s ease-in-out;/* Safari and Chrome */
-o-transition: all 0.3s ease-in-out;/* Opera */
}

.nsharbtn {
    color: #fff;
    font-size: 1.4em;
    margin: 0 23px 0 0;
    float: left;
}

.nsharbtn a {
    display: block;
    width: 165px;
    padding: 13px 0 9px 21px;
    background-color: #989898;
    color: #fff;
    border-radius: 50px;
}

.nsharbtn a img{
margin: 0 5px 0 0;
}

.stplaybtn {
    color: #fff;
    font-size: 1.4em;
    margin: 0 5px 0 0;
    float: left;
}

.stplaybtn a {
    display: block;
    width: 160px;
    padding: 16px 0 11px 21px;
    background-color: #00a87e;
    color: #fff;
    border-radius: 50px;
}

.stplaybtn a img {
    margin: 0px 5px 0 -28px;
    width: 42.5%;
}

.stplaybtn a:hover {
background-color: #00936E;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;/* Firefox 4 */
-webkit-transition: all 0.3s ease-in-out;/* Safari and Chrome */
-o-transition: all 0.3s ease-in-out;/* Opera */
}

.in_findA {
    position: fixed;
    left: 14.5%;
    bottom: 5%;
    width: 122px;
    height: 133px;
	display: none;
	background-color: transparent;
	border: none;
	z-index:1;
}

.in_findA a{
    display: block;
}

.in_findA > img{
width: 100%;
cursor:pointer;
}

.in_findA2{
	position: fixed;
    left: 14.5%;
    bottom: 5%;
    width: 122px;
    height: 133px;
	display: none;
	background-color: transparent;
	border: none;
	z-index:1;	
}

.in_findA_p1{
    left: 14.5%;
    bottom: 5%;	
}

.in_findA_p2{
    left: 14.5%;
    bottom: 10%;	
}

.in_findA_p3
{
    left: auto;
    right: 14.5%;
    bottom: 5%;	
}

.in_findA2 img,.in_findA_p1 img,.in_findA_p2 img,.in_findA_p3 img{
	width: 100%;
	cursor:pointer;	
}

.popbg{
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.85);
z-index: 2;
visibility: hidden;
left: 0px;
top: 0px;
}

.in_findA:focus ~ .popbg{
visibility: visible !important;
}

.in_findA2 .popbg{
visibility: visible !important;
}

.popcard{
position: absolute;
left: 18%;
top: 13%;
width: 65%;
height: 80%;
background-image: url(../images/tralA_popbg.png);
background-repeat: no-repeat;
background-size: 100%;
}

.card_in {
    width: 100%;
    margin: 40px auto 20px auto;
    height: 80%;
}

.cain_left {
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #A9A9A9;
    padding-top: 45px;
    margin-top: 30px;
    height: 100%;
}

.cain_right{
width: 50%;
float: left;
}

.poph1 {
    font-size: 2.4em;
    color: #d25e00;
    margin: 0 0 12px 0;
    text-align: center;
    font-weight: bold;
}

.popinf {
    width: 67%;
    margin: 0 auto 0 auto;
    padding: 0 0 0 3%;
}

.poph2 {
    font-size: 2.3em;
    color: #00a4b3;
    text-align: center;
    padding: 0 0 19px 0;
    border-bottom: 1px solid #A9A9A9;
}

.poph3 {
    font-size: 1.42em;
    color: #3c3c3c;
    text-align: center;
    padding: 17px 0 17px 0;
    border-bottom: 1px solid #A9A9A9;
	letter-spacing: 1px;
	font-weight: bold;
}

.poph4 {
    font-size: 1.3em;
    color: #3c3c3c;
     /*text-align: center;*/
    padding: 15px 0 15px 0;
    line-height: 1.6em;
    width: 93%;
    margin: 0 auto 0 auto;
}

.porin {
    width: 70%;
    margin: 75px auto 0 auto;
    padding: 0 3% 0 0;
	position: relative;
}

.porpc{
min-height: 250px;
max-height: 400px;
overflow: hidden;
margin: 0 0 15px 0;
}

.porpc img{
width: 100%;
}

.popstamp {
    position: absolute;
    width: 33.5%;
    right: -6%;
    top: -68px;
}

.in_findA:focus ~ .popbg .popstamp {
    position: absolute;
    width: 33.5%;
    right: -6%;
    top: -68px;
	animation: stamp 1s ease-in-out forwards ;
}

.in_findA2 ~ .popbg .popstamp {
    position: absolute;
    width: 33.5%;
    right: -6%;
    top: -68px;
	animation: stamp 1s ease-in-out forwards ;
}

@keyframes stamp {
  0% {top:-120px;right: -17%; opacity: 0;width: 120%;}
  3% {top:-120px;right: -17%; opacity: 0;width: 120%;}
100% {top:-68px;right: -6%; opacity: 1;width: 33.5%;}
}

.popstamp img{
width: 100%;
}

.pokep {
    color: #fff;
    font-size: 1.4em;
    margin: 50px 0 0 0;
}

.pokep a {
    display: block;
    width: 152px;
    padding: 12px 0 9px 21px;
    background-color: #f08125;
    color: #fff;
    border-radius: 50px;
    margin: 0 auto 0 auto;
}

.pokep a img {
    margin: 0px 5px 0 -30px;
    width: 41%;
}

.pokep a:hover {
background-color: #ED720B;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;/* Firefox 4 */
-webkit-transition: all 0.3s ease-in-out;/* Safari and Chrome */
-o-transition: all 0.3s ease-in-out;/* Opera */
padding: 12px 8px 9px 29px;
}

.close {
}

.close a{
display: block;
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #fff;
right: -26px;
top: -23px;
-webkit-box-shadow: 0px 0px 5px 1px rgba(105,105, 105, 0.7);
box-shadow: 0px 0px 5px 1px rgba(105,105, 105, 0.7);
background-image: url(../images/close.png);
background-position: center center;
background-repeat: no-repeat;
position: absolute;
}

.trB_expw{
margin: 0 0 35px 0;
text-align: center;
font-size: 1.45em;
line-height: 1.5em;
font-weight: bold;
color: #434343;
}

.trB_inex {
    margin: 0 0 35px 0;
    text-align: center;
    font-size: 1.75em;
    line-height: 1.6em;
    font-weight: bold;
    color: #434343;
}

.trB_inex span{
color: #FB4607;
}

.trB_search{
margin: 0 0 40px 0;
}

.tbs_w {
    font-size: 1.5em;
    font-weight: bold;
    color: #009de6;
    float: left;
    width: 12%;
    margin: 9px 1% 0 0;
}

.tbs_tbox {
font-size: 1.2em;
float: left;
width: 75%;
background-color: #F5D8CE;
padding: 10px 15px 10px 15px;
margin: 0 1% 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 51px;
border-radius: 6px;
-webkit-box-shadow: inset 0px 0px 10px 4px rgba(197,151,152,0.32);
box-shadow: inset 0px 0px 10px 4px rgba(197,151,152,0.32);
}

.trb_text {
    border: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    font-size: 1.1em;
    color: #676767;
	font-family: "微軟正黑體";
}

.searbtn {
    font-size: 1.3em;
    float: left;
    width: 11%;
    background-color: #EE7247;
    border-radius: 10px;
}

.searbtn a {
    display: block;
    color: #fff;
    background-color: #EE7247;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 10px 12px 53px;
    background-image: url(../images/search_icon.png);
    background-repeat: no-repeat;
    background-position: 14% center;
    border-radius: 10px;
}

.searbtn a:hover {
background-color: #E54109;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;/* Firefox 4 */
-webkit-transition: all 0.3s ease-in-out;/* Safari and Chrome */
-o-transition: all 0.3s ease-in-out;/* Opera */
}

.viewmap{
}

.vm_sw {
    font-size: 1.2em;
    margin: 0 0 30px 0;
    color: rgba(53,53,53,1.00);
}

.vwal{
}

.viem_left{
float: left;
width: 35%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 1% 0 0;
}

.viem_left svg{
	width:100%;
	height:800px \9;
}

*::-ms-backdrop, .viem_left svg{ 
	height:800px; 
}

.viem_right{
float: left;
width: 64%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 40px;
}

/*台灣地圖CSS*/
.a{fill:#d8c8d3;}
.b{fill:#e9bf83;}
.b:hover{fill:#f2ab47;}
.b,.c,.d,.e,.f,.g,.h,.i,.j{
stroke:#fff;
stroke-miterlimit:10;
stroke-width:0.5px;
cursor:pointer;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;/* Firefox 4 */
-webkit-transition: all 0.2s ease-in-out;/* Safari and Chrome */
-o-transition: all 0.2s ease-in-out;/* Opera */
}
.c{fill:#eaca9d;}
.c:hover{fill:#f2ab47;}
.d{fill:#c7b6d8;}
.d:hover{fill:#bd90eb;}
.e{fill:#bba9d1;}
.e:hover{fill:#c59df6;}
.f{fill:#99b8e1;}
.f:hover{fill:#70abf9;}
.g{fill:#94b0d6;}
.g:hover{fill:#5894e5;}
.h{fill:#9ec2b7;}
.h:hover{fill:#54cba7;}
.i{fill:#a1ccbf;}
.i:hover{fill:#54cba7;}
.j{fill:#dcb4af;}
.j:hover{fill:#ee9b91;}
.k{opacity:0.75;}
.l{fill:#393939;}
.m{fill:#fff;}

/*-------------------*/

.tropjall{
margin: 0 0 0px 0;
}

.trbobj {
    float: left;
    width: 29%;
    margin: 0 6% 70px 0;
    position: relative;
    background-color: transparent;
    border: none;
}

.trbobj:nth-child(3n) {
    margin: 0 0% 70px 0;
}

.trbobj .objtex{
font-size: 1.3em;
min-height: 55px;
}

.trbobj .obpc a {
    height: 230px;
}

.adtrv {
    text-align: center;
    /* background-color: #e279a3; */
    border-radius: 50px;
    /* width: 70%; */
    /* margin: 10px auto 0 auto; */
}

.adtrv a {
    display: block;
    text-align: center;
    padding: 7px 5px 7px 5px;
    background-color: #e279a3;
    color: #fff;
    font-size: 1.1em;
    border-radius: 50px;
    width: 65%;
    margin: 10px auto 0 auto;
}

.adtrv a:hover{
padding: 7px 8px 7px 8px;
background-color: #E45C92;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;/* Firefox 4 */
-webkit-transition: all 0.2s ease-in-out;/* Safari and Chrome */
-o-transition: all 0.2s ease-in-out;/* Opera */
}

.adtrv a img {
    margin: -4px 5px 0 0;
}

.adn {
    text-align: center;
    /* background-color: #e279a3; */
    border-radius: 50px;
    /* width: 70%; */
    /* margin: 10px auto 0 auto; */
}

.adn a {
    display: block;
    text-align: center;
    padding: 7px 5px 7px 5px;
    background-color: #cccccc;
    color: #fff;
    font-size: 1.1em;
    border-radius: 50px;
    width: 65%;
    margin: 10px auto 0 auto;
}

.adn a img {
    margin: -4px 5px 0 0;
}


.pagear{
text-align: center;
}

.pgebloc{
display: inline-block;
margin: 0 3px 0 3px;
}

.pgebloc a {
    display: inline-block;
    margin: 0 2px 0 2px;
    background-color: #c8c8c8;
    width: 35px;
    height: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50px;
    padding: 3px 0 0 0;
    font-size: 1.3em;
    color: #fff;
}

.pgac,.pgebloc a:hover{
background-color: #fba784 !important;
}

.mytrv {
    position: absolute;
    width: 18%;
    right: -12%;
    top: 5%;
}

.myt_top{
background-image: url(../images/mytrip_top.png);
background-repeat: no-repeat;
background-size: 100%;
height: 71px;
background-position: center bottom;
}

.myt_cen{
background-image: url(../images/mytrip_cen.png);
background-repeat: repeat-y;
background-size: 100%;
background-position: center top;
min-height: 235px;
}

.myt_btm{
background-image: url(../images/mytrip_btm.png);
background-repeat: no-repeat;
background-size: 100%;
height: 24px;
background-position: center top;
}

.mytr_title{
text-align: center;
color: #fff;
font-size: 1.5em;
margin: 0 0 5px 0 0;
letter-spacing: 2px;
font-weight: bold;
}

.mytrad {
    width: 93%;
    margin: 4px 12px 0 auto;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px 10px 10px;
}

.myl_all{
margin: 0 0 20px 0;
}

.myt_list{
margin: 0 0 15px 0 ;
}

.myli_left {
    float: left;
    width: 87%;
    font-size: 1.08em;
    color: #373737;
    background-image: url(../images/dot.png);
    background-repeat: no-repeat;
    background-position: left 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 16px;
	margin: 0 1% 0 0;
}

.myli_left span{
font-size: 0.85em;
color: #636363;
display: block;
}

.myli_right{
float: right;
width: 12%;
}

.delbtn{
text-align: center;
border-radius: 5px;
}

.delbtn a{
display: block;
background-color: #8d8d8d;
border-radius: 5px;
padding: 0 0 8px 0;
}

.delbtn a:hover{
background-color: #676767;
}

.myrc{
text-align: center;
}

/*.myrc > span{
display: inline-block;
width: 30%;
}*/

.clear {
    border-radius: 8px;
    display: inline-block;
    width: 30%;
    margin-right: 7px;
}

.clear a{
border-radius: 8px;
background-color: #bfbfbf;
padding: 10px 0 10px 0;
color: #fff;
display: block;
}

.clear a:hover{
background-color: #9B9B9B;
}

.clear span ,.start span{
display: block;
}

.start{
border-radius: 8px;
display: inline-block;
width: 30%;
}

.start a {
    border-radius: 8px;
    background-color: #F18E00;
    padding: 15px 0 10px 0;
    color: #fff;
    display: block;
}

.start a:hover {
background-color: #F06F00;
}

.trb_vwall {
    margin: 65px auto 5px auto;
    width: 90%;
}

.trb_voj {
    float: left;
    width: 22%;
    margin: 0 4% 50px 0;
    position: relative;
    background-color: transparent;
    border: none;
}

.trb_voj:nth-child(4n) {
    margin: 0 0% 50px 0;
}

.trb_voj .obpc a {
    height: 243px;
}

.trb_voj .obpc a:hover {
    border: 7px solid rgba(255,255,255,1.00);
}

.trb_voj .obpc a.trbac {
    border: 7px solid rgba(255,234,44,1.00);
}

.trb_voj .objtex {
    font-size: 1.45em;
	min-height:75px;
}

.stanum {
    text-align: center;
    font-size: 1.2em;
    color: #7b7b7b;
    background-image: url(../images/icon_local.png);
    background-repeat: no-repeat;
    background-position: 31% center;
    background-size: 8%;
    margin: 0 0 6px 0;
    padding: 2px 0 0 0;
    font-weight: bold;
}

.tralB_stamp {
    position: absolute;
    left: -26px;
    top: -1%;
    background-image: url(../images/badge.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 48%;
    height: 149px;
    z-index: 1;
}


.begiv {
    position: absolute;
    right: -5px;
    top: 50%;
    background-image: url(../images/govisbg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 44%;
    height: 43px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 0 0 9px;
    color: #fff;
    font-size: 1.2em;
}

.begiv a{
    display: block;
	color: #fff;
}

#pop_qubg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.85);
    z-index: 99;
    visibility: hidden;
    left: 0px;
    top: 0px;
}

.popqua {
    position: absolute;
    left: 17%;
    top: 10%;
    width: 63%;
    height: 84%;
    background-image: url(../images/pupbg2.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.qua_in {
    width: 85%;
    margin: 40px 12% 20px 12%;
    height: 80%;
}

.powt{
	font-size: 1.45em;
	line-height: 1.4em;
    color: #00a4b3;
    text-align: center;
    padding: 0 0 19px 0;
	width: 80%;
	margin: 0 auto 0 auto;
	font-weight: bold;
}

.qbegin {
margin: 25px auto 0 auto;
width: 92%;
border: 6px solid #EFC0AC;
border-radius: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 30px 20px 20px 20px;
background-color: rgba(255,255,255,0.50);

}

.qusl{
color: #db0039;
font-size: 1.6em;
line-height: 1.65em;
padding: 0 10px 20px 10px;
margin: 0 0 25px 0;
border-bottom: 1px dashed #848484;
}

.qusela{
padding: 0 10px 0 10px;
margin: 0 0 15px 0;
position: relative;
z-index: 2;
}

.qusli {
    margin: -1px 0 4px 0;
}

.qurado {
    float: left;
    width: 3%;
    height: 20px;
    border-color: rgba(170,170,170,1.00);
    margin: 4px 2% 0 0;
}

input[type="radio"] {
    display:none;
}

input[type="radio"] + label  {
    color:#404040;
	cursor:pointer;
}

input[type="radio"] + label span.qro {
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    margin: 5px 10px 0 0;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 20px;
    background-color: #FFFFFF;
    border: 1px solid #c1c1c1;
    box-shadow: inset 0px 0px 5px 1px #c2c5d4, 0px 0px 8px 0px #ffffff;
    -webkit-box-shadow: inset 0px 0px 5px 1px #c2c5d4, 0px 0px 8px 0px #ffffff;
}

input[type="radio"]:checked + label span.qro {
background-color: #F8DB41;
box-shadow: inset 0px 0px 0px 2px #fdfdfd, 1px 1px 0px 0px #b9d9de;
-webkit-box-shadow: inset 0px 0px 0px 2px #fdfdfd, 1px 1px 0px 0px #b9d9de;
border: 1px solid #d0b009;
}

.qrl{
float: left;
font-weight: normal;
width: 94%;
}

.quw {
    float: left;
    font-size: 1.2em;
    color: #404040;
    width: 95%;
    line-height: 1.6em;
}


.chsend {
    color: #fff;
    font-size: 1.4em;
    margin: 50px 0 0 0;
    z-index: 2;
    position: relative;
}

.chsend a {
    display: block;
    width: 134px;
    padding: 12px 0 9px 45px;
    background-color: #f08125;
    color: #fff;
    border-radius: 50px;
    margin: 0 auto 0 auto;
}

.chsend a:hover {
    background-color: #ED720B;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    padding: 12px 8px 9px 53px;
}

.chsend a img {
    margin: 0px 10px 0 -8px;
    width: 25%;
}

.po_ill {
    background-image: url(../images/pupbg2_ill.png);
    background-repeat: no-repeat;
    height: 246px;
    position: absolute;
    bottom: 12px;
    left: 0%;
    width: 110%;
    background-size: 100%;
}

#qupop_right {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.85);
    z-index: 99;
  	visibility: hidden;
    left: 0px;
    top: 0px;
}

#qupop_rightfn {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.85);
    z-index: 99;
  	visibility: hidden;
    left: 0px;
    top: 0px;
}

#qupop_wrong {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.85);
    z-index: 99;
  	visibility: hidden;
    left: 0px;
    top: 0px;
}

.poquw {
    position: absolute;
    left: 21%;
    top: 13%;
    width: 57%;
    height: 80%;
    background-image: url(../images/pupbg.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.poquw .close a {
    right: 74px;
    top: -23px;
}

.answ {
    text-align: center;
    font-size: 4.5em;
    color: #ea2251;
    font-weight: bold;
    margin: 0 0 15px 0;
}

.answ img {
    width: 19.5%;
    margin: 0px 0px 0 0;
}

.ansno {
    text-align: center;
    font-size: 4.5em;
    color: #DC4800;
    font-weight: bold;
    margin: 70px 0 40px 0;
}

.ansno img {
    width: 16%;
    margin: 0px 0px 0 0;
}

.awin {
    margin: 0 auto 30px auto;
    width: 84%;
}

#qupop_rightfn .awin {
    width: 86%;
}

.awi_left{
float: left;
width: 40%;
margin: 0 2% 0 0;
}

.awi_left img{
width: 100%;
}

.awi_right {
    float: left;
    width: 50%;
    font-size: 2em;
    color: #00a4b3;
    padding: 30px 0 0 0;
}

#qupop_rightfn .awi_right {
    font-size: 2em;
	padding: 30px 0 0 0;
}

#pop_sawrbg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.85);
    z-index: 99;
    visibility: hidden;
    left: 0px;
    top: 0px;
}

.popsawr {
    position: absolute;
    left: 17%;
    top: 10%;
    width: 63%;
    height: 84%;
    background-image: url(../images/pupbg2.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.sawr_in {
    width: 78%;
    margin: 40px 12% 20px 15%;
    height: 80%;
}

.swarea {
    padding: 0 0 20px 0;
    margin: 15px auto 15px auto;
    border-bottom: 1px solid #8e8e8e;
    /* width: 70%; */
    text-align: center;
}

.swarea_tx {
    font-size: 1.45em;
    color: #00a4b3;
    font-weight: bold;
    width: 8%;
    margin: 0 1% 0 0;
    display: inline-block;
}

.swarea_tbox {
    width: 40%;
    padding: 5px 5px 5px 5px;
    border: 1px solid #686868;
    margin: 0 2% 0 0;
    height: 29px;
    display: inline-block;
	font-size: 1.1em;
	font-family: "微軟正黑體";
}

.swarea_btn {
    width: 16%;
    font-size: 1.2em;
    color: #fff;
    display: inline-block;
}

.swarea_btn a {
    background-color: #ED720B;
    padding: 10px 16px 9px 49px;
    color: #fff;
    border-radius: 50px;
    background-image: url(../images/search_icon.png);
    background-repeat: no-repeat;
    background-position: 15% center;
    background-size: 18%;
}

.swarea_btn a:hover {
    background-color: #ff7603;
}

.swa_ru{
padding: 0 0 15px 0;
margin: 10px 0 0 0;
}

.swa_rubox{
margin: 0 0 20px 0;
}

.swa_rutitle {
    color: #e23d70;
    font-size: 1.4em;
    background-image: url(../images/icon_go2.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0 0 0 42px;
    margin: 0 0 10px 0;
    font-weight: bold;
}

.smgw{
color: #505050;
font-size: 0.9em;
}

.swa_ruA{
margin: 0 auto 0 auto;
background-color: rgba(255,255,255,0.60);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 15px 0px 15px;
}

.ruA_box{
margin: 0 0 20px 0;
}

.ruA_box:last-child{
margin: 0 0 0px 0;
}

.sw_ruA_tt{
color: #505050;
font-weight: bold;
font-size: 1.2em;
margin: 0 0 10px 0;
}

.sw_ruA_tliall{
color: #505050;
font-size: 1.1em;
}

.sw_rli {
    float: left;
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 3% 0 13px;
    margin: 0 0 15px 0;
    background-repeat: no-repeat;
    background-image: url(../images/dot2.png);
    background-position: left 29%;
    height: 40px;
}

.btnar{
text-align: center;
}


.batrv {
    display: inline-block;
    width: 28%;
    height: 25px;
    border-radius: 50px;
    margin-right: 7px;
}

.batrv a {
    border-radius: 50px;
    background-color: #529fc3;
    color: #fff;
    display: block;
    padding: 10px 5px 10px 5px;
    font-size: 1.2em;
}

.batrv a:hover {
background-color: #0381BC;
}

.batrv a img {
    width: 16%;
    margin: 0 5px 0 0;
}

.gonet {
    display: inline-block;
    width: 28%;
    height: 25px;
    border-radius: 50px;
}

.gonet a {
    border-radius: 50px;
    background-color: #f08125;
    color: #fff;
    display: block;
    padding: 10px 5px 10px 5px;
    font-size: 1.2em;
}

.gonet a:hover {
background-color: #FF4F00;
}

.gonet a img {
    width: 15%;
    margin: 0 5px 0 0;
}

.awagn {
    width: 70%;
	margin: 0 auto 0 auto;
	text-align: center;
    font-size: 2.2em;
    color: #00a4b3;
}

.vagn {
    display: inline-block;
    width: 28%;
    height: 25px;
    border-radius: 50px;
	margin-top: 30px;
}

.vagn a {
    border-radius: 50px;
    background-color: #f08125;
    color: #fff;
    display: block;
    padding: 12px 5px 10px 5px;
    font-size: 1.2em;
}

.vagn a:hover {
background-color: #FF4F00;
}

.vagn a img {
    width: 21.5%;
    margin: 0 5px 0 0;
}

.Broadall{
padding: 0 0 80px 0;
}

.endBroad {
    margin: 55px auto 0 auto;
    width: 96.3%;
    height: 645px;
    background-image: url(../images/tralB_road.png);
    background-repeat: no-repeat;
    background-size: 100%;
	position: relative;
}

.trB_sta01 {
    position: absolute;
    width: 11%;
    left: 1%;
    top: -4%;
}

.trB_sta02 {
    position: absolute;
    width: 11%;
    left: 31%;
    top: 5%;
}

.trB_sta03 {
    position: absolute;
    width: 11%;
    left: 58%;
    top: -1%;
}

.trB_sta04 {
    position: absolute;
    width: 11%;
    left: 39%;
    top: 35%;
}

.trB_sta05 {
    position: absolute;
    width: 11%;
    left: 3%;
    top: 40%;
}

.trB_sta06 {
    position: absolute;
    width: 11%;
    left: 7%;
    top: 87%;
}

.trB_sta07 {
    position: absolute;
    width: 11%;
    left: 74%;
    top: 44%;
}

.trB_sta08 {
    position: absolute;
    width: 11%;
    left: 47%;
    top: 78%;
}



.localn {
    position: absolute;
    left: -11px;
    top: -9px;
    width: 31%;
    height: 56px;
    background-image: url(../images/local.png);
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: 1.25em;
    font-weight: bold;
    color: #535353;
    text-align: center;
    padding: 9px 0 0 0;
    font-family: Arial, sans-serif;
}

.stapc {
    width: 100%;
    margin: 0 0 5px 0;
    height: 129px;
    box-shadow: rgba(177, 124, 102, 0.48) 0px 0px 10px 3px;
    box-sizing: border-box;
    border-width: 3px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    overflow: hidden;
    border-radius: 50%;
}

.stapc img {
    min-width: 100%;
    height: 100%;
}

.trb_statex {
    text-align: center;
    color: #363636;
    font-size: 1.25em;
	line-height: 1.25em;
    font-weight: bold;
    font-family: "微軟正黑體";
}

.standard{
margin: 0 0 20px 0;
}

.standard h3 {
    margin: 10px 0 10px 0;
}

.standard ul {
    margin: 0px;
    padding: 0 0 0 25px;
}

.standard ul li{
margin: 0 0 8px 0;
list-style-position: outside;
list-style-type: decimal;
}

.backhome {
    position: absolute;
    top: 15px;
    right: 25px;
    z-index: 1;
}

.backhome img{
width: 100%;
}

#ctl00_oCPH_Content__name{
	color: #FB4607;
    font-size: 1.2em;
}

.RWD_mytrivel,.RWD_country,.RWD_page,#pup_RWDtrv,.direction{
display: none;
}


/*APP愛好獎答題CSS開始*/

.apph1 {
    color: #ea7401;
    font-size: 1.42em;
    text-align: center;
    margin: 10px 0 15px 0;
    font-weight: bold;
}

.apph2{
color: #636363;
font-size: 1.15em;
margin: 0 0 15px 0;
}

.apph3{
color: #7c5555;
font-size: 1.15em;
margin: 0 0 15px 0;
}

.app_qabox {
    margin: 0 0 30px 0;
    background-image: url(../images/RWD_apqbg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 360px;
}

.app_qaall {
    width: 86%;
    margin: 0 auto 0 auto;
    padding: 20px 0 0 0;
}

.app_q {
    background-image: url(../images/RWD_apq.png);
    background-repeat: no-repeat;
    background-position: left 10%;
    background-size: 18%;
    padding: 0 0 10px 20%;
    color: #30808c;
    font-size: 1.3em;
    font-weight: bold;
}

.app_A {
background-image: url(../images/trabook_line.png);
background-repeat: no-repeat;
background-position: left top;
padding: 15px 0 15px 0;
}

.app_asel {
    width: 17px;
    height: 17px;
    margin: 5px 5px 0 0;
    float: left;
    border: 1px solid #d0d0d0;
}

.apqa_tex {
    color: #4d4d4d;
    font-size: 1.2em;
    float: left;
    width: 90%;
}

.app_fmail {
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #B1B1B1;
}

.app_mtex {
    color: #2e2e2e;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 8px 0;
}

.app_mtexf {
    width: 90%;
    padding: 10px 10px 10px 10px;
    border: 1px solid #bfbfbf;
    font-family: "微軟正黑體";
	margin: 0 0 10px 0;
}

.app_msend {
    text-align: center;
    margin: 20px auto 0 auto;
    width: 90%;
    color: #fff;
    font-size: 1.05em;
}

.app_msend a {
    display: block;
    color: #fff;
    text-decoration: none;
    background-color: #d44835;
    background-image: url(../images/send2.png);
    background-repeat: no-repeat;
    background-position: 6% center;
    padding: 10px 5px 10px 25px;
    border-radius: 8px;
    background-size: 9%;
}

.appstate{
margin: 0 0 10px 0;
}

.app_stah1 {
    color: #424242;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.appstabox{
margin: 0 0 25px 0
}

.app_stah2 {
    color: #424242;
    font-size: 1.15em;
    margin: 0 0 8px 0;
}

.app_stah3 {
    color: #424242;
    font-size: 1em;
    line-height: 1.5em;
}

.app_stah3 ul {
    margin: 0px;
    padding: 0px 5px 0px 22px;
}

.app_stah3 ul li {
    list-style-type: disc;
    margin: 0 0 11px 0;
}



/*APP愛好獎答題CSS結束*/


@media screen and (max-width: 1440px){

.banner {
    height: 555px;
}

.banner_ac {
    height: 507px;
}

.Head .Content .Menu {
    margin-left: 55%;
}

.ac_inf {
    width: 78%;
}

.trav_sel {
    width: 90%;
    height: 170px;
}

.inplay .banner {
    height: 499px;
}

.menu_box {
    height: 79px;
}

.con_in {
    width: 75%;
}

.traclt {
    margin: 0 auto 10px auto;
    width: 52%;
}

.tave_woa {
    padding: 90px 0 0 0;
}

.txth1 {
    font-size: 1.5em;
    margin: 0 0 15px 0;
}

.txth2 {
    font-size: 1.2em;
    line-height: 1.5em;
}

.po_fly {
    font-size: 1.1em;
    line-height: 1.7em;
}

.inf_title {
    top: -33px;
}

.mtw {
    padding: 0 0 0 27px;
}

.inf_al {
    padding: 50px 0 60px 0;
}

.footer {
    width: 42%;
}

.conbg {
    width: 85%;
}

.allin {
    width: 85%;
    margin: 0 auto 0 auto;
    padding: 30px 0 0 0;
}

.tavexp {
    width: 90%;
}

.planame {
    font-size: 2.35em;
}

.sloword {
    font-size: 1.6em;
	margin: 0 0 40px 0;
}

.station01, .station02, .station03, .station04, .station05, .station06, .station07, .station08 {
    width: 49px;
    height: 97px;
    font-size: 1.8em;
    padding-top: 41px;
    background-size: 100%;
}

.sta_ac {
    font-size: 2.4em !important;
    padding-top: 26px;
    height: 101px;
    width: 62px;
}

.station01 {
    left: 10%;
    top: 19%;
}

.station02 {
    left: 22%;
    top: 55%;
}

.station03 {
    left: 31.3%;
    top: -1%;
}

.station04 {
    left: 42.5%;
    top: 18%;
}

.station05 {
    left: 50.5%;
    top: 46%;
}

.station06 {
    left: 63%;
    top: -17%;
}

.station07 {
    left: 74%;
    top: 37%;
}

.station08 {
    left: 94%;
    top: 53%;
}

.trabk_area {
    width: 95%;
}

.travbook {
    height: 440px;
}

.trb_ill {
    bottom: -2%;
    width: 21%;
}

.finobjarea {
    width: 93%;
}

.objbox {
    width: 23%;
    margin: 0 2% 50px 0;
	height:300px;
}

.obpc a {
    height: 216px;
}

.objtex{
font-size: 1.3em;
}


.pot_tex {
    font-size: 1.35em;
}

.endobjarea {
    width: 95%;
}

.trbk_title {
    font-size: 1.5em;
}

.hin_right {
    font-size: 1.35em;
}

.fnlword {
    font-size: 1.55em;
}

.plerinf {
    line-height: 1.3em;
}

.fnshar {
    width: 82%;
}

.fnshar_left {
    width: 60%;
}

.fnshar_right {
    width: 32%;
}

.sharbtn,.nsharbtn {
    font-size: 1.2em;
}

.sharbtn a,.nsharbtn a {
    width: 140px;
    padding: 13px 0 9px 21px;
}

.sharbtn a img,.nsharbtn a img {
    margin: -3px 5px 0 0;
    width: 21%;
}

.stplaybtn {
    font-size: 1.2em;
}

.stplaybtn a {
    width: 145px;
    padding: 13px 0 8px 21px;
}

.stplaybtn a img {
    margin: 0px 5px 0 -28px;
    width: 44%;
}

.qrcode {
    width: 18%;
}

.qrtxt {
    width: 29%;
}

.in_findA {
    left: 1.5%;
}

.in_findA2 {
    left: 1.5%;
}

.in_findA_p1{
    left: 1.5%;
}

.in_findA_p2{
    left: 1.5%;	
}

.in_findA_p3
{
    left: auto;
    right: 1.5%;
}



.popcard {
    left: 14%;
    width: 72%;
}

.guide_title {
    font-size: 2.1em;
}

.gcr_in2 {
    font-size: 2em;
}

.poph1 {
    font-size: 2em;
}

.powt{
	font-size: 1.25em;
	padding: 0 0 3px 0;
}

.poph2 {
    font-size: 2em;
}

.poph3 {
    font-size: 1.3em;
}

.poph4 {
    font-size: 1.2em;
}

.chsend {
	font-size: 1.2em;
    margin: 30px 0 0 0;
}

.chsend a {
    width: 134px;
    padding: 9px 0 7px 45px;
}

.chsend a:hover {
    padding: 9px 8px 7px 53px;
}

.popw {
    left: 13%;
    width: 74%;
}

.guword {
    font-size: 1.2em;
    width: 85%;
}

.metharea {
    font-size: 1.1em;
    line-height: 1.5em;
}

.metharea2 {
    font-size: 1.1em;
    line-height: 1.5em;
}

.meth {
    font-size: 1em;
    height: 350px;
}

.trB_expw {
    font-size: 1.35em;
}

.tbs_w {
    font-size: 1.4em;
    width: 15%;
}

.tbs_tbox {
    width: 66%;
}

.searbtn {
    font-size: 1.2em;
    width: 13%;
}

.viem_left {
    width: 34%;
}

.trbobj .obpc a {
    height: 174px;
	border: 6px solid rgba(255,255,255,1.00);
}

.trbobj {
    margin: 0 4% 50px 0;
}

.trbobj:nth-child(3n) {
    margin: 0 0% 50px 0;
}

.trbobj .objtex {
    font-size: 1em;
	min-height: 42px;
}

.adtrv a,.adn a {
    font-size: 1em;
}


.trB_bg {
    width: 77% !important;
}

.mytrv {
    width: 21.5%;
    right: -14%;
    top: 5%;
}

.myt_top {
    height: 60px;
}

.mytrad {
    margin: 4px 9px 0 auto;
}

.myli_left {
    font-size: 0.98em;
}

.clear,.start {
    width: 35%;
}

.trb_voj .obpc a {
    height: 206px;
    border: 6px solid rgba(255,255,255,1.00);
}

.begiv {
    padding: 6px 0 0 8px;
    font-size: 1em;
	top: 50%;
}

.popqua {
    left: 9%;
    top: 10%;
    width: 76%;
    height: 84%;
}

.qusli{
margin: 0 0 10px 0;
}

.qurado {
    height: 16px;

}

.quw{
font-size: 1.1em;
}

.po_ill {
    bottom: -24px;
}

.qbegin {
    margin: 10px auto 0 auto;
}

.qusl {
    font-size: 1.2em;
	line-height:1.4em;
}

.poquw {
    left: 15%;
    top: 13%;
    width: 70%;
    height: 80%;
}

.awin {
    width: 90%;
}

.awi_left {
    width: 37%;
}

.awi_right {
    width: 55%;
    font-size: 2em;
}

#qupop_rightfn .awi_right {
    font-size: 1.8em;
}

.stapc {
    height: 111px;
}

.localn {
    width: 29%;
    height: 56px;
    font-size: 1.1em;
    padding: 7px 0 0 0;
}

.trb_statex {
    font-size: 1.1em;
    line-height: 1.2em;
}

.Broadall {
    padding: 0 0 10px 0;
}

.trB_sta02 {
    left: 31%;
    top: 4%;
}

.trB_sta04 {
    left: 43%;
    top: 30%;
}

.trB_sta05 {
    left: 3%;
    top: 34%;
}

.trB_sta06 {
    left: 7%;
    top: 75%;
}

.trB_sta07 {
    left: 74%;
    top: 37%;
}

.trB_sta08 {
    left: 47%;
    top: 69%;
}

#popbg_out .popw {
    left: 18%;
    top: 17%;
    width: 56%;
}

.out_in {
    margin: 58px auto 70px auto;
	font-size:1.6em;
}


.trb_voj .objtex {
    font-size: 1.26em;
	min-height:65px;
}

.serpre {
    top: 71%;
    width: 6%;
}

.popsawr {
    left: 6%;
    top: 11%;
    width: 78%;
    height: 82%;
}

.sawr_in {
    width: 82%;
    margin: 40px 12% 20px 13%;
}

.swarea {
    margin: 20px auto 20px auto;
}

.swa_rubox {
    margin: 0 0 15px 0;
}

.swa_rutitle {
    font-size: 1.32em;
}

.sw_ruA_tliall {
    font-size: 1em;
}

.sw_rli {
    margin: 0 0 8px 0;
}

.porpc {
    min-height: 250px;
    max-height: 350px;
}

.pokep {
    font-size: 1.2em;
    margin: 35px 0 0 0;
}

.pokep a {
    width: 135px;

}

.awagn {
    font-size: 2em;
}

.ansno {
    font-size: 4.3em;
    margin: 70px 0 20px 0;
}

.ml_left {
    width: 6%;
}

.ml_right {
    width: 92%;
}

}


@media screen and (max-width: 1366px){

.banner_ac {
    height: 480px;
}

.Head .Content .Menu {
    margin-left: 53%;
}

.banner {
    height: 514px;
}

.menu {
    bottom: -12.5%;
}

.menu_box {
height:74px;
}

.con_in {
    width: 80%;
}

.tave_woa {
    padding: 95px 0 0 0;
}

.txth1 {
    font-size: 1.45em;
}

.txth2 {
    font-size: 1.15em;
}

.trb_ill {
    bottom: 5%;
    width: 23%;
}

.popw {
    left: 15%;
    width: 67%;
}

.gct_right2 {
    height: 160px;
}

.gcr_in2 {
    margin: 37px auto 0 auto;
}

.popcard {
    left: 17%;
    width: 64%;
}

.poph1 {
    font-size: 1.6em;
}

.poph2 {
    font-size: 1.6em;
}

.poph3 {
    font-size: 1.2em;
}

.poph4 {
    font-size: 1.05em;
}

.porpc{
max-height: 295px;
}

.pokep {
    font-size: 1.1em;
    margin: 40px 0 0 0;
}

.pokep a {
    width: 128px;
    padding: 10px 0 7px 21px;
}

.pokep a:hover {
    padding: 10px 8px 7px 29px;
}

.card_in {
    margin: 20px auto 20px auto;
}

.cain_left {
    padding-top: 9px;
    margin-top: 30px;
}

.guword {
    font-size: 1.1em;
}

.po_fly {
    font-size: 1.1em;
    line-height: 1.7em;
	border-radius:20px;
}

.metharea {
    font-size: 1em;
    line-height: 1.4em;
}

.metharea2 {
    font-size: 1em;
    line-height: 1.4em;
}

.meth {
    font-size: 1em;
    height: 310px;
}

.keywod{
font-size: 1em;
line-height: 1.4em;
}

.chread a {
    padding: 10px 0 10px 0;
    font-size: 1em;
}

.chread a:hover {
padding: 10px 6px 10px 6px;
}

.obpc a {
    height: 204px;
	border: 6px solid rgba(255,255,255,1.00);
}

.obpc a:hover {
    border: 6px solid rgba(255,234,44,1.00);
}

.objtex {
    font-size: 1.2em;
	min-height:100px;
}

.trb_voj .objtex {
    font-size: 1.18em;
}

.tralA_stamp {
    top: 40%;

}

.fnshar_right {
    width: 35%;
}

.sharbtn a,.nsharbtn a {
    width: 145px;
}

.sharbtn a img,.nsharbtn a img {
    width: 29px;
}

.stplaybtn a {
    width: 152px;
}

.stplaybtn a img {
    width: 44%;
}

.tbs_w {
    width: 16%;
}

.tbs_tbox {
    width: 64%;
}

.searbtn {
    font-size: 1.2em;
    width: 14%;
}

.trbobj .obpc a {
    height: 167px;
    border: 5px solid rgba(255,255,255,1.00);
}

.trb_voj .obpc a {
    height: 198px;
    border: 6px solid rgba(255,255,255,1.00);
}

.mytrv {
    width: 23%;
}

.popqua {
    left: 4.5%;
    top: 12%;
    width: 85%;
    height: 84%;
}

.po_ill {
    bottom: -10px;
}

.qua_in {
    margin: 30px 12% 20px 12%;
}

.powt{
	font-size: 1.2em;
	line-height: 1.4em;
    padding: 0 0 3px 0;
}

.qbegin {
    margin: 10px auto 0 auto;
	padding:20px 20px 20px 20px;
}

.qusl {
    font-size: 1.2em;
	line-height:1.4em;
	padding:0 10px 12px 10px;
	margin:0 0 13px 0;
}

.qusli{
margin: 0 0 10px 0;
}

.qurado {
    width: 3%;
    height: 15px;
    margin: 4px 1% 0 0 !important;
}

.quw{
font-size: 1.05em;
}

.in_findA {
    left: 0.4%;
}

.in_findA2 {
    left: 0.4%;
}

.in_findA_p1{
    left: 0.4%;
}

.in_findA_p2{
    left: 0.4%;
}

.in_findA_p3
{
    left: auto;
    right: 0.4%;
}


.chsend {
    font-size: 1.2em;
    margin: 17px 0 0 0;
}

.chsend a {
    width: 120px;
    padding: 8px 0 5px 45px;
}

.chsend a:hover {
    padding: 8px 8px 5px 53px;
}

.poquw {
    left: 14%;
    top: 13%;
    width: 70%;
    height: 80%;
}

.ansno {
    font-size: 3.5em;
    margin: 60px 0 30px 0;
}

.awagn {
    font-size: 2em;
}

.awi_right {
    font-size: 1.7em;
}

#qupop_rightfn .awi_right {
    font-size: 1.5em;
}

.stapc {
    height: 106px;
}

.trB_sta05 {
    left: 3%;
    top: 32%;
}

.trB_sta06 {
    left: 7%;
    top: 72%;
}

.trB_sta08 {
    left: 47%;
    top: 65%;
}

.localn {
    font-size: 1em;
    padding: 7px 0 0 0;
	left: -7px;
}

#popbg_out .popw {
    left: 20%;
    top: 17%;
    width: 59%;
}

.begiv {
    padding: 4px 0 0 8px;
	top: 48%;
}

.trb_statex {
    font-size: 1em;
}

.popsawr {
    left: 3%;
    top: 7%;
    width: 85%;
	height:89%;
}

.sw_rli {
   width:26%;
   padding:0 2% 0 13px;
   height:22px;
}

.swa_rubox {
    margin: 0 0 10px 0;
}

.ruA_box{
margin: 0 0 10px 0;
}

.gcr_in {
    margin: 50px auto 0 auto;
}

.fnlword {
    font-size: 1.4em;
}

.plerinf {
    line-height: 1.2em;
}

.viem_left svg{
	height:700px \9;
}

*::-ms-backdrop, .viem_left svg{ 
	height:700px; 
}

}


@media screen and (max-width: 1280px){

.banner_ac {
    height: 450px;
}

.Head .Content .Menu {
    margin-left: 49%;
}

.ac_inf {
    width: 84%;
}
	
.banner {
    height: 485px;
}

.inplay .banner {
    height: 440px;
}

.menu {
    width: 61%;
    left: 19%;
}

.popsawr {
    left: 5%;
    top: 13%;
    width: 82%;
    height: 82%;
}

.swa_rubox {
    margin: 0 0 15px 0;
}

.sw_rli {
    width: 25%;
    padding: 0 1% 0 13px;
}

.swarea_btn {
    width: 17%;
}

.sawr_in {
    width: 84%;
    margin: 40px 12% 20px 12.5%;
}

.popw {
    left: 10%;
    width: 80%;
}

.tbs_w {
    width: 17%;
}

.tbs_tbox {
    width: 61%;
}

.searbtn {
    width: 15%;
}

.trbobj .obpc a {
    height: 154px;
    border: 4px solid rgba(255,255,255,1.00);
}

.trb_voj .obpc a {
    height: 182px;
    border: 5px solid rgba(255,255,255,1.00);
}

.begiv {
    padding: 3px 0 0 3px;
    top: 48%;
}

.popqua {
    width: 85%;
    height: 79%;
}

.po_ill {
    bottom: -21px;
}

.stapc {
    height: 98px;
}

.trB_sta04 {
    left: 43%;
    top: 27%;
}

.trB_sta05 {
    left: 3%;
    top: 29%;
}

.trB_sta06 {
    left: 7%;
    top: 66%;
}

.trB_sta07 {
    left: 74%;
    top: 33%;
}

.trB_sta08 {
    left: 47%;
    top: 60%;
}

.fnshar_right {
    width: 36%;
}

.trbobj .objtex {
    min-height: 65px;
}

.pot_tex {
    font-size: 1.3em;
}

.station01 {
    left: 10%;
    top: 25%;
}

.station03 {
    left: 31.3%;
    top: 8%;
}

.station04 {
    left: 42.5%;
    top: 25%;
}

.station05 {
    left: 50.5%;
    top: 48%;
}

.station06 {
    left: 63%;
    top: -6%;
}

.hin_left {
    font-size: 1.2em;
    padding: 9px 0 0 8px;
}

.travbook {
    height: 385px;
}

.trb_ill {
    bottom: -5%;
    width: 23%;
}

.obpc a {
    height: 185px;
    border: 5px solid rgba(255,255,255,1.00);
}

.popcard {
    left: 12%;
    width: 75%;
	height: 64%;
}

.gct_right2 {
    height: 180px;
}

.po_fly {
    font-size: 1em;
    line-height: 1.65em;
}

.out_in {
    font-size: 1.5em;
}

.outbtn a {
    width: 54%;
    font-size: 1.1em;
}
	
}


/*Ipad */
@media screen and (min-width: 768px) and (max-width: 1024px){
	
.banner {
    height: 308px;
}

.inplay .banner {
    height: 270px;
}

.menu {
    width: 80%;
    left: 10%;
	height: 77px;
}

.menu_box {
    height: 61px;
}

.menu_box a.m01, .menu_box a.m02, .menu_box a.m03, .menu_box a.m04, .menu_box a.m05 {
    padding: 28.5% 0 7.5% 0;
}

.trav_sel {
    width: 100%;
    height: 750px;
    padding-top: 0px;
}	

.trspcA {
    width: 48%;
    left: -4%;
    top: 11%;
}

.trspcB {
    width: 50%;
    left: 55%;
    top: 10%;
}

.trspcC {
    width: 50%;
    left: 24%;
    top: 57%;
}

.infbox {
    margin: 70px 0 120px 0;
}

.inf_title {
    top: -33px;
    width: 38.2%;
    left: 30%;
}

.serpre {
    top: 55%;
    width: 9%;
}

.traclt {
    margin: 0 auto 10px auto;
    width: 70%;
}

.tavexp {
    background-image: url(../images/RWD_trA_inf.png);
    height: 430px;
    width: 84%;
    margin: 0 auto 0 auto;
}

.tave_woa {
    padding: 54px 50px 0 51px;
}

.pot_tex {
    font-size: 1.2em;
    height: 55px;
}

.point {
	width: 46%;
    margin: 0 1.5% 20px 1.5%;
}

.point:nth-child(3n) {
    margin: 0 1.5% 20px 1.5%;
}
	
.popw {
    left: 2%;
    width: 94%;
}

.meth {
    font-size: 1em;
    height: 195px;
}

.ki_left {
    margin: 0 30px 10px 0;
}

.metharea {
    height: 165px;
}

.sloword {
    font-size: 1.4em;
    margin: 0 0 10px 0;
}

.planame {
    font-size: 1.9em;
    width: 100%;
    margin: 0 auto 10px auto;
	background-image: url(../images/rwd_trA_intbg.png);
}

.station01, .station02, .station03, .station04, .station05, .station06, .station07, .station08 {
    width: 37px;
    height: 53px;
    font-size: 1.6em;
    padding-top: 8px;
}

.sta_ac {
    font-size: 1.7em !important;
    padding-top: 6px;
    height: 57px;
    width: 40px;
}

.trA_road {
    height: 173px;
}

.travbook {
    background-image: url(../images/RWD_trabook_bg.png);
    height: 488px;
}

.timg {
    width: 24%;
}

.hin_left {
    font-size: 1.1em;
    padding: 9px 0 0 8px;
    width: 17%;
}

.trb_ill {
    bottom: -9%;
    width: 23%;
}

.obpc a {
    height: 108px;
    border: 4px solid rgba(255,255,255,1.00);
}

.objbox {
    height: 205px;
}

.popw_in {
    margin: 18px auto 0 auto;
}

.guide_title {
    font-size: 1.8em;
}

.gct_left2 {
    width: 24%;
}

.gct_right2 {
    height: 120px;
    width: 67%;
}

.gcr_in2 {
    margin: 18px auto 0 auto;
    font-size: 1.6em;
}

.guword {
    font-size: 1em;
    margin: 10px auto 20px auto;
}

.pup_guichat {
    margin: 15px 0 10px 0;
}

.gct_left {
    margin-top: 50px;
}

.gcr_in {
    margin: 33px auto 0 auto;
    font-size: 1.3em;
}

.gct_right {
    height: 190px;
}

.popw .close a {
    right: 50px;
}

.govisit a {
    width: 90px;
    padding: 10px 0 10px 65px;
	font-size: 1em;
}

.govisit a:hover {
    padding: 10px 5px 10px 70px;
}

.popcard {
    left: 8%;
    width: 85%;
    height: 38%;
}

.card_in {
    height: 89%;
}

.cain_left {
    margin-top: 0px;
}

.popinf {
    width: 85%;
}

.poph1 {
    font-size: 1.35em;
}

.poph2 {
    font-size: 1.3em;
    padding: 0 0 10px 0;
}

.poph3 {
    font-size: 1.1em;
    padding: 8px 0 8px 0;
}

.poph4 {
    font-size: 1em;
    padding: 8px 0 8px 0;
}

.porin {
    margin: 25px auto 0 auto;
}

.popstamp {
    top: -29px;
}

.in_findA:focus ~ .popbg .popstamp {
    right: -6%;
    top: -29px;
}


@keyframes stamp {
  0% {top:-120px;right: -17%; opacity: 0;width: 120%;}
  3% {top:-120px;right: -17%; opacity: 0;width: 120%;}
100% {top:-29px;right: -6%; opacity: 1;width: 33.5%;}
}

.porpc {
    min-height: 215px;
    max-height: 220px;
}

#popbg_out .popw {
    left: 8%;
    top: 17%;
    width: 85%;
}

.outbtn a {
    width: 60%;
    font-size: 1em;
}

.chread a {
    width: 60%;
}

.ki_trname {
    padding: 5px 0 0;
}

.trB_expw {
    font-size: 1.15em;
}

.trB_search {
    margin: 0 0 25px 0;
}

.tbs_w {
    width: 23%;
    font-size: 1.2em;
}

.tbs_tbox {
    width: 49%;
}

.searbtn {
    width: 24%;
}

.viem_left {
    width: 28%;
}

.viem_right {
    width: 71%;
}

.trbobj .obpc a {
   height: 103px;
    border: 3px solid rgba(255,255,255,1.00);
}

.trbobj .objtex {
    font-size: 1em;
    min-height: 85px;
}

.mytr_title {
    font-size: 1.2em;
}

.mytrad {
    margin: 4px 6px 0 auto;
}

.clear, .start {
    width: 46%;
}

.myli_left {
    font-size: 0.8em;
}

.adtrv a,.adn a {
    font-size: 0.9em;
    width: 88%;
}

.trb_voj .obpc a {
    height: 109px;
    border: 4px solid rgba(255,255,255,1.00);
}

.trB_inex {
    margin: 0 0 15px 0;
    font-size: 1.5em;
    line-height: 1.6em;
}

.trb_vwall {
    margin: 35px auto 5px auto;
}

.begiv {
    padding: 3px 0 0 3px;
    top: 32%;
    width: 70%;
}

.popqua {
    width: 95%;
    height: 54%;
    left: 0.5%;
}

.qbegin {
    margin: 10px auto 0 auto;
    padding: 10px 10px 10px 10px;
}

.poquw {
    left: 2%;
    width: 95%;
}

.ansno {
    font-size: 3em;
    margin: 30px 0 25px 0;
}

.awagn {
    font-size: 1.6em;
}

.vagn {
    width: 33%;
}

.awi_left {
    width: 33%;
}

.awi_right {
    font-size: 1.6em;
    padding: 20px 0 0 0;
}

.batrv,.gonet {
    width: 30%;
}

.batrv a,.gonet a {
    font-size: 1.1em;
}

.endBroad {
    margin: 55px auto 0 auto;
    width: 100%;
    height: 390px;
}

.stapc {
    height: 60px;
    border-width: 2px;
}

.localn {
    width: 49%;
    height: 59px;
}

.trB_sta02 {
    left: 31%;
    top: 1%;
}

.trB_sta04 {
    left: 43%;
    top: 25%;
}

.trB_sta05 {
    left: 3%;
    top: 29%;
}

.trB_sta06 {
    left: 7%;
    top: 67%;
}

.trB_sta07 {
    left: 74%;
    top: 35%;
}

.trB_sta08 {
    left: 47%;
    top: 62%;
}

.fnshar_left {
    width: 44%;
    padding: 0 0 0 0%;
}

.qrcode {
    width: 39%;
}

.qrtxt {
    width: 56%;
    font-size: 1em;
}

.fnshar_right {
    width: 55%;
}

.sharbtn, .nsharbtn, .stplaybtn {
    font-size: 1.1em;
}

.sharbtn a, .nsharbtn a, .stplaybtn a {
    width: 134px;
}

.footer {
    width: 80%;
}

.fnlword {
    font-size: 1.28em;
}

.trb_voj .objtex {
    font-size: 0.8em;
}

.trb_voj {
    margin: 0 4% 20px 0;
}

.trb_voj:nth-child(4n) {
    margin: 0 0% 20px 0;
}

.stanum {
    font-size: 1.1em;
    background-position: 13% center;
    background-size: 13%;
}

.obpc a {
    -webkit-box-shadow: 0px 0px 6px 1px rgba(177, 124, 102, 0.48);
    box-shadow: 0px 0px 6px 1px rgba(177, 124, 102, 0.48);
}

.Footer .Link {
    width: 95%;
}

.Footer .fotin {
    width: 95%;
}

.banner_ac {
    height: 360px;
}

.ac_inf {
    background-image: url(../images/ac_infbg_1024.png);
    height: 420px;
}

.Head .Content .Menu {
    margin-left: 47%;
	    font-size: 0.9em;
}

.Head .Content .Home {
    margin-right: 25px;
}

.LinkIcon a {
    width: 15%;
    display: inline-block;
    margin-top: -9px;
}

.LinkIcon  img {
    margin-right: 20px;
    width: 100%;
}
	
}


/*Ipad 橫向*/
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){

.direction {
    display: none;
   
}

.banner {
    height: 388px;
}

.trav_sel {
    width: 100%;
    height: 250px;
}

.trspcA {
    width: 30%;
    left: 0%;
    top: 19%;
}

.trspcB {
    width: 29%;
    left: 36%;
    top: 19%;
}

.trspcC {
    width: 29%;
    left: 70%;
    top: 17%;
}

.menu {
    height: 84px;
}

.menu_box {
    height: 78px;
}

.inf_title {
    top: -33px;
    width: 30.2%;
    left: 36%;
}

.tavexp {
    background-image: url(../images/trA_inf.png);
    height: 315px;
    width: 100%;
    margin: 0 auto 0 auto;
}

.txth1 {
    font-size: 1.3em;
}

.txth2 {
    font-size: 1em;
}

.trA_road {
    height: 205px;
}

.obpc a {
    height: 158px;
}	

.objtex {
    font-size: 1em;
    min-height: 80px;
}

.trbk_title {
    font-size: 1.3em;
}

.timg {
    width: 17%;
}

.travbook {
    height: 430px;
	background-image: url(../images/RWD_trabook_bg2.png);
}

.hin_left {
    width: 13%;
}

.hin_right {
    font-size: 1.2em;
}

.gct_right2 {
    height: 160px;
}

.gcr_in2 {
    margin: 36px auto 0 auto;
    font-size: 1.7em;
}

.popcard {
    left: 8%;
    width: 85%;
    height: 67%;
}

.cain_left {
    margin-top: 15px;
}

.gct_right {
    height: 231px;
}

.gcr_in {
    margin: 52px auto 0 auto;
    font-size: 1.5em;
}

.porpc {
    min-height: 265px;
    max-height: 300px;
}

.trbobj .obpc a {
    height: 139px;
}

.trbobj .objtex {
    font-size: 1em;
    min-height: 70px;
}

.trb_voj .obpc a {
    height: 147px;
}

.trb_voj .objtex {
    font-size: 1em;
}

.stanum {
    background-position: 18% center;
}

.popqua {
    height: 70%;
    left: 0.5%;
}

.po_ill {
    bottom: -46px;
}

.begiv {
    padding: 3px 0 0 6px;
    top: 45%;
    width: 58%;
}

.endBroad {
    height: 545px;
}

.stapc {
    height: 81px;
}

.localn {
    width: 37%;
}

.plerinf {
    font-size: 1.3em;
}

.fnshar_right {
    width: 42%;
}

.qrcode {
    width: 30%;
}

.conbg_botm {
    height: 60px;
}

.metharea {
    height: 315px;
}
	
.swarea_tx {
    font-size: 1.2em;
}

.swarea_btn {
    width: 19%;
    font-size: 1em;
}

.inplay .banner {
    height: 355px;
}

.popsawr {
    width: 95%;
    height: 81%;
	left: 0%;
}

.sw_ruA_tliall {
    font-size: 0.9em;
}

.sw_rli {
    height: 17px;
	background-position: left 53%;
}	
	
}

/*iPad Pro 12.9"*/
@media only screen 
  and (min-device-width: 1025px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {

.obpc a {
    height: 210px;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(177, 124, 102, 0.48);
    box-shadow: 0px 0px 5px 1px rgba(177, 124, 102, 0.48);
	    border: 5px solid rgba(255,255,255,1.00);
}

.popcard {
    height: 54%;
}

.ml_left {
    width: 6.3%;
}

.trbobj .objtex {
    min-height: 48px;
}
  
}


@media screen and (max-width: 768px){


.direction {
    display: inherit;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.85);
    z-index: 3;
    background-image: url(../images/direction_ipad.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60%;
}

.Head .Content .Menu {
    margin-left: 32%;
}

.Head .Content .Home {
    margin-right: 35px;
}

.banner_ac {
    height: 270px;
}

.ac_inf {
    background-image: url(../images/ac_infbg_768.png);
    height: 425px;
}

.acin_con {
    margin: 67px 0 0 55px;
}
	
}

@media screen and (max-device-width: 480px){

.inshare {
    top: 1%;
    left: 3%;
    zoom: 55%;
    width: 50px;
}

.banner {
    background-size: 155%;
    position: relative;
    height: 210px;
    background-position: 56% 25%;
}

.logo {
    width: 37%;
    top: 3%;
    left: 31%;
}

.menu {
    bottom: -51%;
    width: 90%;
    left: 5%;
}

.menu_box {
    height: 37px;
}

.menu_box a.m01, .menu_box a.m02, .menu_box a.m03, .menu_box a.m04, .menu_box a.m05 {
    padding: 18.5% 0 7.5% 0;
}	

.con_in {
    width: 90%;
}

.trav_sel {
    width: 90%;
    padding-top: 0px;
    height: 380px;
    margin: 0 auto 30px auto;
}

.trspcA {
    width: 50%;
    left: -4%;
    top: 14%;
}

.trspcB {
    width: 50%;
    left: 53%;
    top: 14%;
}

.trspcC {
    width: 55%;
    left: 21%;
    top: 60%;
}

.infbox {
    margin: 15px 0 80px 0;
    border: 5px solid #DF7249;
}

.inf_title {
    top: -27px;
    left: 25%;
    width: 52%;
}

.mtw {
    padding: 0 0 0 0px;
}

.inplay .banner {
    height: 195px;
}

.traclt {
    margin: 0 auto 10px auto;
    width: 90%;
}

.conbg {
    width: 100%;
}

.allin {
    width: 92%;
}

.tavexp {
    background-image: url(../images/RWD_trA_inf.png);
    height: 340px;
    width: 98%;
}

.tave_woa {
    padding: 38px 0 0 0;
    width: 82%;
    margin: 0 auto;
}

.txth1 {
    font-size: 1.22em;
	margin: 0 0 8px 0;
}

.txth2 {
    font-size: 0.98em;
}

.point {
    width: 100%;
    margin: 0 0% 50px 0%;
}

.point:nth-child(3n) {
    margin: 0 0% 50px 0%;
}

.pot_tex {
    font-size: 1.33em;
	    line-height: 1.33em;
}

.trA_road {
    background-image: url(../images/RWD_tralA_road.png);
    height: 320px;
}

.station01, .station02, .station03, .station04, .station05, .station06, .station07, .station08 {
    width: 37px;
    height: 85px;
    font-size: 1.4em;
    padding-top: 41px;
}

.sta_ac {
    font-size: 1.8em !important;
    padding-top: 35px;
    height: 90px;
    width: 45px;
}

.station01 {
    left: 22%;
    top: -16%;
}

.station02 {
    left: 40%;
    top: 8%;
}

.station03 {
    left: 79%;
    top: -11%;
}

.station04 {
	left: 65%;
    top: 22%;

}

.station05 {
    left: 29.5%;
    top: 30%;
}

.station06 {
    left: 7%;
    top: 17%;
}

.station07 {
    left: 19%;
    top: 54%;
}

.station08 {
    left: 81%;
    top: 49%;
}

.planame {
    font-size: 1.7em;
    letter-spacing: 0px;
	background-image:none;
	margin: 0 auto 10px auto;
}

.sloword {
    font-size: 1.3em;
    margin: 0 0 50px 0;
}

.travbook {
    background-image: none;
    height: auto;
    background-color: #ffedd5;
    padding-bottom: 15px;
    border-radius: 12px;
    box-shadow: 1px 3px 4px 0px #d0bca2;
}

.trb_ill {
    top: 4%;
    width: 29%;
    right: 3%;
}

.trbk_title {
    font-size: 1.3em;
}

.trbin {
    width: 86%;
    padding: 14px 0 10px 0;
}

.tbh1 {
    padding: 0 0 9px 0;
}

.timg {
    float: left;
    width: 23%;
}

.tunder {
    background-position: left 32px;
    font-size: 1.3em;
    padding: 0 0 15px 0;
    margin: 9px 0 0 11px;
}

.hint {
    padding: 6px 0 13px 0;
}

.hin_left {
    width: 23%;
    height: 46px;
    font-size: 1em;
}

.hin_right {
    float: left;
    font-size: 1.25em;
    line-height: 1.25em;
    width: 74%;
}

.finobjarea {
    margin: 40px auto 15px auto;
}

.fobj_title {
    font-size: 1.5em;
}

.objbox {
    width: 48%;
    margin: 0 1% 50px 1%;
	height: 210px;
}

.objbox:nth-child(4n) {
    margin: 0 1% 50px 1%;
}

.obpc a {
    height: 165px;
    border: 4px solid rgba(255,255,255,1.00);

}

.objtex {
    font-size: 1.1em;
	font-weight: normal;
}

.popw {
	left: 8%;
    width: 85%;
    top: 8%;
    height: auto;
    background-image: url(../images/RWD_pupbg.png);
    background-repeat: repeat-y;
	background-size: auto;
    border-radius: 15px;
}

.popqua {
	background-image: url(../images/RWD_pupbg.png);
    background-repeat: repeat-y;
	background-size: auto;
	left: 8%;
    width: 85%;
    top: 11%;
	max-height: 85%;
	border-radius: 15px;
}

.popsawr{
	background-image: url(../images/RWD_pupbg.png);
    background-repeat: repeat-y;
	background-size: auto;
	left: 8%;
    width: 85%;
    top: 9%;
	max-height: 85%;
	border-radius: 15px;
}

#popbg_trmo .popw {
    height: 85%;
}

.poquw {
    background-image: url(../images/RWD_pupbg.png);
    background-repeat: repeat-y;
    background-size: auto;
    left: 8%;
    width: 85%;
    top: 13%;
    border-radius: 15px;
    height: auto;
	padding: 0 0 10px 0;
}

.popcard {
    left: 8%;
    width: 85%;
    top: 10%;
    height: 90%;
    background-image: url(../images/RWD_tralA_popbg.jpg);
    background-size: 100%;
}

.close a {
    width: 45px;
    height: 45px;
    right: -4%;
    top: -23px;
    background-size: 53%;
}

.popw .close a {
    right: -4%;
}

.poquw .close a {
     right: -4%;
}

.popw_in {
    width: 88%;
    margin: 20px auto 25px auto;
}

.guide_title {
    font-size: 1.95em;
}

.app .poquw .popw_in .answ {
    font-size: 3em;
}

.app .awagn {
    width: 100%;
    font-size: 1.1em;
    line-height: 1.55em;
}

.app .vagn {
    width: 100%;
}

.app .vagn a img {
    width: 8.5%;
    margin: 0 5px 0 0;
}

.meth {
    height: 420px;
}

.pup_guichat {
    margin: 25px 0 20px 0;
}

.pup_guichat2 {
    margin: 10px 0 0px 0;
}

.gct_left,.gct_left2 {
    float: none;
    width: 50%;
    margin: 9px auto 0 auto;
}

.gct_right,.gct_right2 {
    float: none;
    width: 100%;
    height: 150px;
    background-image: url(../images/chat01.png);
}

.gcr_in {
    width: 83%;
    margin: 8px auto 0 auto;
    font-size: 1.25em;
    padding: 21px 0 0 20px;
}

.gcr_in2 {
    width: 83%;
    margin: 8px auto 0 auto;
    font-size: 1.7em;
    padding: 25px 0 0 28px;
}

.chreadA a,.chreadB a {
    width: 100%;
    font-size: 1em;
}

.guword {
    margin: 0px auto 25px auto;
    font-size: 1em;
	line-height:1.4em;
}

.ki_left {
    float: none;
    margin: 0 30px 10px 0;
}

.kilf_left {
    float: none;
    margin: 7px 0px 7px 0;
}

.email,.nickname {
    float: none;
    width: 95%;
}

.chread a {
    width: 80%;
}

.countdown a {
    width: 90%;
}

.trvname {
    width: 94%;
}

.govisit a {
    width: 95px;
    padding: 9px 0 10px 50px;
    background-position: 16% center;
    font-size: 1.1em;
    background-size: 13%;
}

.govisit a:hover {
    padding: 9px 5px 10px 55px;
}

.babook a {
    width: 96px;
    padding: 11px 0 11px 65px;
    font-size: 1em;
}

.babook a:hover {
    padding: 11px 5px 11px 70px;
}

.cain_left {
    width: 100%;
    float: none;
    border-right: none;
    padding-top: 7px;
    margin-top: 15px;
    height: auto;
}

.popinf {
    width: 86%;
    padding: 0 0 0 1%;
}

.poph1 {
    font-size: 1.4em;
	margin: 0 0 2px 0;
}

.poph2 {
    font-size: 1.3em;
	padding: 0 0 10px 0;
}

.poph3 {
    font-size: 1em;
    padding: 6px 0 6px 0;
}

.poph4 {
    font-size: 1em;
    padding: 6px 0 6px 0;
    width: 100%;
	line-height: 1.4em;
}

.cain_right {
    width: 100%;
    float: none;
}

.porin {
    width: 80%;
    margin: 5px auto 0 auto;
    padding: 0 0% 0 0;
}

.popstamp {
    width: 33.5%;
    right: -6%;
    top: -30px;
}

@keyframes stamp {
  0% {top:-120px;right: -17%; opacity: 0;width: 100%;}
  1% {top:-120px;right: -17%; opacity: 0;width: 100%;}
100% {top:-30px;right: -6%; opacity: 1;width: 33.5%;}
}

.porpc {
	min-height: 165px;
    max-height: 180px;
}

.pokep {
    font-size: 1em;
    margin: 30px 0 0 0;
}

.pokep a {
    width: 113px;
    padding: 10px 0 7px 21px;
}

.po_ill {
    display: none;
}

.qua_in {
    margin: 20px auto 20px auto;
    width: 92%;
	height: 94%;
    overflow-y: auto;
}

.powt {
    font-size: 1.05em;
    line-height: 1.4em;
    padding: 0 0 3px 0;
    font-weight: normal;
    width: 100%;
}

.qurado {
    width: 9%;
}

.quw {
    float: left;
    font-size: 1em;
    width: 100%;
}

.qrl {
    width: 86%;
}

.qbegin {
    margin: 3px auto 0 auto;
    padding: 10px 10px 10px 10px;
}

.qusl {
    font-size: 1.1em;
    line-height: 1.3em;
    padding: 0 0 12px 0;
}

.qusela {
    padding: 0 0px 0 0px;
}

.awagn {
    width: 100%;
    font-size: 1.7em;
}

.vagn {
    width: 50%;
}

.plerinf {
    padding: 12px 0 12px 0;
    font-size: 1.2em;
	margin-bottom: 40px;
}

.fnshar {
    width: 90%;
}

.fnshar_left {
	float: none;
    width: 100%;
	margin:0 0 25px 0;
}

.qrcode {
    width: 25%;
}

.qrtxt {
    width: 72%;
    font-size: 1em;
    line-height: 1.4em;
}

.fnshar_right {
	float: none;
    width: 100%;
}

.conbg_botm {
    height: 35px;
}

.sharbtn,.stplaybtn,.nsharbtn {
    font-size: 1.05em;
}

.sharbtn a,.nsharbtn a {
	padding: 10px 0 9px 16px;
    width: 128px;
}

.sharbtn a img,.nsharbtn a img {
    width: 25px;
}

.stplaybtn a {
    width: 135px;
    padding: 9px 0 6px 13px;
}

.ansno {
    font-size: 2.8em;
    margin: 50px 0 15px 0;
}

.ansno img {
    width: 22%;
    margin: 0px 0px 0 0;
}

.awin {
    width: 100%;
}

.awi_left {
    width: 60%;
    float: none;
    margin: 0 auto 0 auto;
}

.awi_right {
    width: 100%;
    font-size: 1.3em;
    padding: 12px 0 0 0;
}

.batrv {
    width: 70%;
    height: 40px;
	margin:0 0px 15px 0;
}

.gonet {
    width: 70%;
    height: 40px;
}

.footer {
    width: 90%;
}

.quit a {
    width: 125px;
    font-size: 1.05em;
    padding: 8px 9px 8px 0px;
}

.finhapy {
    width: 100%;
}

.fnlword {
    font-size: 1.3em;
	margin: -10px 0 35px 0;
}

.fnlword a img {
    width: 50px;
}

.trB_bg {
    width: 100% !important;
}

.trB_expw {
    font-size: 1.13em;
    text-align: left;
    line-height: 1.4em;
}

.mytrv,.vm_sw,.viem_left,.pagear{
display: none;
}

.RWD_mytrivel{
display: inherit;
}

.RWD_mttitle{
font-size: 1.5em;
color: #D30034;
font-weight: bold;
margin: 0 0 10px 0;
}

.RWD_mtsta{
margin: 0 0 15px 0;
}

.RWD_mtbox {
float: left;
width: 12.5%;
height: 51px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-right: 1px solid #fff;
background-color: #dfdfdf;
background-image: url(../images/RWD_sta.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 75%;
font-size: 1.2em;
color: #b4b4b4;
font-weight: bold;
padding: 9px 0 0 16px;
font-family: Arial;
}

.RWD_mtbox:nth-child(8){
border-right: none;
}

.RWD_mtAc{
background-color: #f5df4d;
background-image: url(../images/RWD_staAc.png);
color: #df3b88;
}

.RWD_mtbn {
    margin: 0 0 60px 0;
    text-align: center;
    font-size: 1.2em;
}

.RWD_mtb_go {
    color: #fff;
    width: 14%;
    margin: 0 6px 0 0;
}

.RWD_mtb_go a {
    background-image: url(../images/icon_go.png);
    background-repeat: no-repeat;
    background-position: 14% center;
    width: 100%;
    background-color: #f18e00;
    color: #fff;
    text-decoration: none;
    padding: 7px 19px 8px 59px;
    border-radius: 5px;
    text-align: left;
}

.RWD_mtb_clear{
	color: #fff;
    width: 14%;
}

.RWD_mtb_clear a {
    background-image: url(../images/icon_clear.png);
    background-repeat: no-repeat;
    background-position: 24% center;
    width: 100%;
    background-color: #b2b2b2;
    color: #fff;
    text-decoration: none;
    padding: 7px 24px 8px 53px;
    border-radius: 5px;
    text-align: left;
}

.tbs_w {
    width: 100%;
    float: none;
    margin: 0px 0% 8px 0;
}

.tbs_tbox {
    width: 68%;
    margin: 0 1% 0 0;
}

.searbtn {
    font-size: 1.1em;
    width: 31%;
}

.searbtn a {
    padding: 15px 10px 15px 45px;
    background-position: 14% center;
    background-size: 24%;
}

.viem_right {
    float: none;
    width: 100%;
}

.trbobj {
    width: 46%;
    margin: 0 4% 50px 0;
}

.trbobj:nth-child(3n) {
    margin: 0 4% 50px 0;
}

.trbobj .obpc a {
    height: 173px;
    border: 4px solid rgba(255,255,255,1.00);
}

.trB_search {
    margin: 0 0 11px 0;
}

.RWD_country {
    display: inherit;
    margin: 0 0 15px 0;
    border: 2px solid #d9d9d9;
    border-radius: 8px;
    padding: 5px;
    height: 30px;
    background-color: #fff;
}

.consel {
    border: none;
    width: 100%;
    height: 100%;
    font-size: 1em;
    color: #636363;
	font-family: "微軟正黑體";
}

.mtw ul li ul {
    margin: 10px 0 0 0;
    padding: 0 0 0 0px;
}

.RWD_page{
display: inherit;
padding: 0 0 0 29%;
}

.pagtext {
    float: left;
    font-size: 1.2em;
    color: #757575;
    margin: 4px 8px 0 0;
}

.selpage {
    float: left;
    padding: 6px 25px 6px 25px;
    border-radius: 8px;
    border: 2px solid #c1c1c1;
    font-size: 1.1em;
}

#pup_RWDtrv{
display: inherit;
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.85);
z-index: 2;
visibility: hidden;
left: 0px;
top: 0px;
}

.RWD_mytal{
position: absolute;
left: 10%;
top: 10%;
width: 80%;
background-image: url(../images/RWD_mytrvbg.png), -webkit-linear-gradient(270deg,rgba(255,255,255,0.00) 32.64%,rgba(176,150,239,1.00) 46.12%);
background-image: url(../images/RWD_mytrvbg.png), -moz-linear-gradient(270deg,rgba(255,255,255,0.00) 32.64%,rgba(176,150,239,1.00) 46.12%);
background-image: url(../images/RWD_mytrvbg.png), -o-linear-gradient(270deg,rgba(255,255,255,0.00) 32.64%,rgba(176,150,239,1.00) 46.12%);
background-image: url(../images/RWD_mytrvbg.png), linear-gradient(180deg,rgba(255,255,255,0.00) 32.64%,rgba(176,150,239,1.00) 46.12%);
background-repeat: no-repeat;
background-position: center top;
background-size: 100%;
border-radius: 10px;
}

.RWD_mtrtit {
    text-align: center;
    color: #fff;
    font-size: 1.6em;
    font-weight: bold;
    margin: 79px auto 10px auto;
    letter-spacing: 2px;
}

.RWD_mytcon {
    width: 95%;
    margin: 0 auto 10px auto;
    background-color: #fff;
    border-radius: 10px;
    min-height: 190px;
}

.RWD_insta {
    background-image: url(../images/icon_local.png);
    background-repeat: no-repeat;
    background-position: 13% 88%;
    font-size: 1.5em;
    color: #ec023e;
    text-align: center;
    width: 50%;
    margin: 0 auto 0 auto;
    padding: 11px 0 0 0;
}

.RWD_stalist {
    margin: 8px auto 25px auto;
    font-size: 1.25em;
    color: #373737;
    background-image: url(../images/dot.png);
    background-repeat: no-repeat;
    background-position: left 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 16px;
    width: 90%;
}

.RWD_stalist span {
    font-size: 0.85em;
    color: #636363;
    display: block;
}

.RWD_mtclear {
    text-align: center;
    color: #fff;
    font-size: 1.1em;
}

.RWD_mtclear a {
    display: block;
    background-image: url(../images/icon_clear.png);
    background-repeat: no-repeat;
    background-position: 16% center;
    color: #fff;
    text-decoration: none;
    /* height: 25px; */
    background-color: #888888;
    width: 33%;
    margin: 15px auto 0 auto;
    padding: 8px 0 8px 15px;
    border-radius: 5px;
}

.RWD_mytal .close a {
    width: 40px;
    height: 40px;
    right: -4%;
    top: 43px;
    background-size: 48%;
}

.trB_inex {
    font-size: 1.4em;
    line-height: 1.4em;
}

.trb_vwall {
    margin: 65px auto 5px auto;
    width: 100%;
}

.trb_voj {
    width: 46%;
    margin: 0 2% 30px 2%;
}

.trb_voj:nth-child(4n) {
     margin: 0 2% 30px 2%;
}

.trb_voj .obpc a {
    height: 171px;
    border: 4px solid rgba(255,255,255,1.00);
}

.trb_voj .obpc a.trbac {
    border: 4px solid rgba(255,234,44,1.00);
}

.tralB_stamp {
    left: -9px;
    top: -1%;
    width: 45%;
}

.stanum {
    background-position: 22% center;
    background-size: 11%;

}

.begiv {
    top: 42%;
	width: 55%;
}

.trb_text {
    font-size: 0.9em;
}

.endBroad {
    width: 100%;
    height: 650px;
    background-image: url(../images/RWD_tralB_road.png);
}

.trB_sta01,.trB_sta02,.trB_sta03,.trB_sta04,.trB_sta05,.trB_sta06,.trB_sta07,.trB_sta08 {
    width: 24%;
}

.trB_sta01 {
    left: 2%;
    top: -1%;
}

.trB_sta02 {
    left: 57%;
    top: 3%;
}

.trB_sta03 {
    left: 44%;
    top: 23%;
}

.trB_sta04 {
    left: 5%;
    top: 23%;
}

.trB_sta05 {
    left: 10%;
    top: 52%;
}

.trB_sta06 {
    left: 73%;
    top: 39%;
}

.trB_sta07 {
    left: 58%;
    top: 63%;
}

.trB_sta08 {
    left: 23%;
    top: 78%;
}

.stapc {
    height: 89px;
    border-width: 2px;
}

.localn {
    padding: 5px 0 0 0;
    left: -7px;
}

.trb_statex {
    font-size: 0.9em;
	font-weight: normal;
}

.serpre {
    top: 54%;
    width: 13.7%;
}

.smtex2 {
    font-size: 1.3em;
    line-height: 1.4em;
}

.smtex {
    font-size: 1.2em;
    line-height: 1.7em;
}

.tword {
    font-size: 1.5em;
}

.mtw {
    font-size: 1.05em;
    line-height: 1.5em;
}

.inf_al {
    padding: 25px 0 40px 0;
}

.infbox:last-child {
    margin: 110px 0 50px 0;
}

#popbg_out .popw {
    left: 7%;
    top: 9%;
    width: 85%;
}

.out_in {
    margin: 58px auto 70px auto;
    font-size: 1.45em;
    padding: 0 0 0 0px;
}

.outbtn a {
    width: 80%;
    font-size: 1em;
}

.vagn a {
    font-size: 1em;
}

.batrv a,.gonet a {
    font-size: 1em;
}

.ki_trname {
    padding: 0px 0 0 0;
}

.sawr_in {
    width: 90%;
    margin: 20px 12% 20px 6%;
    height: 94%;
    overflow-y: auto;
}

.swarea {
    width: 100%;
    text-align: left;
    padding: 0 0 30px 0;
    margin: 15px auto 20px auto;
}

.swarea_tx {
    font-size: 1.3em;
    width: auto;
    margin: 0 0% 5px 0;
    display: block;
}

.swarea_tbox {
    width: 93%;
    margin: 0 0% 20px 0;
    display: block;
    font-size: 1em;
}

.swarea_btn {
    width: auto;
    font-size: 1em;
    display: block;
}

.swa_rutitle {
    font-size: 1.25em;
    background-position: left 12%;
}

.swa_ruA {
    padding: 10px 10px 10px 10px;
}

.sw_ruA_tt {
    font-size: 1.1em;
}

.sw_ruA_tliall {
    font-size: 1em;
}

.sw_rli {
    float: none;
    width: auto;
    padding: 0 3% 0 13px;
    margin: 0 0 7px 0;
    height: auto;
}

.direction{
display: none;
}

.ml_left {
    width: 17%;
}

.ml_right {
    width: 82%;
}

/*--上方topCSS--*/

.Head {
    height: 52px;
}

.contoplogo {
    display: none;
}

.Head .Content {
    width: 100%;
    height: auto;
}

.Pg_Top .Menu ,.Pg_Top .Language ,.Pg_Top .nmenu {
    display: none;
}

.Head .Content .Home {
    display: none;
}

.RWD_home03 {
    display: inherit;
    float: left;
    padding: 3px 0 0 3px;
}

.RWD_home03 img {
    width: 90%;
}

.RWD_MenuBtn {
    float: right;
    display: inherit;
    width: 44px;
    height: 36px;
    margin-top: 9px;
    margin-right: 2%;
}

.RWD_MenuList {
    display: inline-block;
    position: fixed;
    visibility: hidden;
    z-index: 99;
    left: 3%;
    top: 70px;
    width: 95%;
}

.RWD_MenuList .CloseBtn {
    float: right;
    width: 40px;
}

.RWD_MenuList .CloseBtn a img {
    height: 100%;
    width: 100%;
    float: right;
}

.RWD_ListArea {
    background-color: rgba(112,0,0,0.85);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 90%;
    margin: 20px auto 0 auto;
}

.RWD_ListArea .Language {
    float: left;
    margin-left: 15px;
    margin-top: 10px;
}

.RWD_ListArea ul {
    clear: both;
    padding-top: 0px;
    margin-top: 12px;
}

.RWD_ListArea .Menu li {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #a98585;
}

.RWD_ListArea .Menu li a {
    text-align: center;
    color: #FFF;
    text-decoration: none;
    width: 100%;
    display: block;
    font-size: 1em;
    vertical-align: baseline;
    padding-top: 10px;
    padding-bottom: 10px;
}

.RWD_ListArea .Menu li a img {
    padding-left: 7px;
    vertical-align: bottom;
}

/*--上方topCSS結束--*/ 

/*--Footer CSS--*/ 
.Footer {
    width: 100%;
    background-color: #ba9e87;
    padding-top: 20px;
    position: relative;
    padding-bottom: 80px;
	color: #FFF;
}

.Link {
    background-color: #f5f1e8;
    height: 60px;
    width: 1365px;
    background-image: url(../../../../../images/LinkKid.png);
    background-repeat: no-repeat;
    background-position: 6px center;
	margin: 0 auto 0 auto;
    clear: both;
}

.Link .LinkIcon {
    float: left;
    width: auto;
    margin-left: 80px;
    height: auto;
    overflow: auto;
}

.LinkIcon img {
    margin-right: 20px;
}

.fotin {
    width: 1365px;
    margin: 15px auto 0 auto;
}

.fot_txt {
    float: left;
    width: 700px;
    font-size: 0.95em;
    line-height: 1.4em;
}

.Footer a {
    color: #FFF;
    text-decoration: none;
}

.Footer a:hover {
    color: #FFF;
    text-decoration: underline;
}

.aplus {
    float: right;
}

.Footer .Link {
    background-color: #f5f1e8;
    height: auto;
    width: 95%;
    clear: both;
    background-position: 6px top;
    background-image: none;
}

.Link .LinkIcon {
    float: none;
    width: auto;
    margin-left: 0px;
    min-height: 220px;
    background-color: #f5f1e8;
}

.Link .LinkIcon a {
    display: block;
    float: left;
    margin: 5px 5px 0px 5px;
    padding: 0px;
    width: 46%;
    height: 60px;
}

.LinkIcon img {
    margin-right: 0px;
    width: 100%;
}

.Footer .fotin {
    width: 90%;
    margin: 15px auto 0 auto;
}

.fot_txt {
    width: 100%;
    float: none;
}

/*--Footer CSS結束--*/ 

.banner_ac {
    height: 225px;
    margin-top: 52px;
    background-size: 157%;
    background-position: -111px 0px;
}

.ac_inf {
    width: 92%;
    background-image: url(../images/RWD_ac_infbg.png);
    height: 463px;
}

.acin_con {
    margin: 50px 0 0 43px;
    width: 78%;
}

.acin_h2 {
    font-size: 1em;
}

#gotop {
    bottom: 12%;
}

#gofooter {
    bottom: 7%;
}

.mbtnar {
    bottom: 21%;
    width: 18%;
}

}

@media only screen and (max-device-width : 480px) and (orientation:landscape){

.direction{
display: inherit;
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.85);
z-index: 3;
background-image: url(../images/direction.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 55%;
}

.keyin {
    margin: 10px 0 10px 0;
}

#qupop_rightfn .awi_right {
    font-size: 1.35em;
}



}

@media screen and (max-device-width: 375px){
.menu_box {
    height: 32px;
}

.menu_box a.m01, .menu_box a.m02, .menu_box a.m03, .menu_box a.m04, .menu_box a.m05 {
    padding: 14.5% 0 7.5% 0;
}

.menu_box a.m01,.menu_box a.m02,.menu_box a.m03,.menu_box a.m04,.menu_box a.m05 {
    background-size: 75%;
}

.inf_title {
    top: -24px;
    left: 24%;
}

.trav_sel {
    padding-top: 220px;
}

.banner {
    height: 200px;
}

.inplay .banner {
    height: 187px;
}

.tavexp {
    width: 100%;
}

.txth1 {
    font-size: 1.1em;
    margin: 0 0 5px 0;
}

.txth2 {
    font-size: 0.96em;
}

.meth {
    height: 375px;
}

.chread a {
    padding: 8px 0 8px 0;
    font-size: 0.95em;
	width: 85%;
}

.station01, .station02, .station03, .station04, .station05, .station06, .station07, .station08 {
    width: 35px;
    height: 83px;
    font-size: 1.3em;
    padding-top: 42px;
}

.sta_ac {
    font-size: 1.6em !important;
    padding-top: 33px;
    height: 80px;
    width: 40px;
}

.station01 {
    left: 22%;
    top: -4%;
}

.station02 {
    left: 39%;
    top: 17%;
}

.station03 {
    left: 79%;
    top: -3%;
}

.station04 {
	left: 65%;
    top: 27%;
}

.station05 {
    left: 29.5%;
    top: 34%;
}

.station06 {
	left: 7%;
    top: 23%;
}

.station07 {
    left: 19%;
    top: 56%;
}

.station08 {
    left: 81%;
    top: 51%;
}

.hin_left {
    width: 23%;
    height: 46px;
    font-size: 0.95em;
    padding: 11px 0 0 8px;
}

.trbk_title {
    font-size: 1.22em;
}

.obpc a {
	height: 150px;
    border: 3px solid rgba(255,255,255,1.00);
}

.objtex {
    font-size: 1.1em;
}

.chreadA a, .chreadB a {
    font-size: 0.9em;
}

.guide_title {
    font-size: 1.75em;
}

.gcr_in {
    font-size: 1.25em;
}

.gcr_in2 {
    font-size: 1.6em;
}

.gct_right, .gct_right2 {
    height: 137px;
}

.govisit a {
    width: 88px;
    font-size: 1em;
}

.popcard {
    height: 90%;
}

.poph1 {
    font-size: 1.4em;
}

.poph2 {
    font-size: 1.25em;
    padding: 0 0 8px 0;
}

.poph3 {
    font-size: 0.95em;
    padding: 5px 0 5px 0;
}

.poph4 {
    font-size: 0.95em;
    padding: 5px 0 5px 0;
    line-height: 1.45em;
}

.porpc {
    min-height: 155px;
    max-height: 168px;
}

.pokep {
    font-size: 0.95em;
    margin: 18px 0 0 0;
}

.pokep a {
    width: 100px;
    padding: 10px 0 7px 21px;
}

.plerinf {
    padding: 12px 0 12px 0;
    font-size: 1.05em;
    margin-bottom: 40px;
}

.qrtxt {
    width: 71%;
    font-size: 0.95em;
    line-height: 1.4em;
}

.trvname {
    width: 95%;
    font-size: 1.1em;
}

.searbtn {
    font-size: 1em;
    width: 29%;
}

.searbtn a {
    padding: 15px 7px 15px 40px;
}

.trbobj .obpc a {
    height: 156px;
    border: 3px solid rgba(255,255,255,1.00);
}

.RWD_mtAc {
    padding: 9px 0 0 15px;
}

.RWD_mtbox {
    padding: 9px 0 0 15px;
}

.trb_voj .obpc a {
    height: 155px;
    border: 3px solid rgba(255,255,255,1.00);
}

.trb_vwall {
    margin: 40px auto 5px auto;
}

.powt {
    font-size: 1em;
    line-height: 1.35em;
}

.qbegin {
    margin: 3px auto 0 auto;
    padding: 8px 8px 8px 8px;
    border: 4px solid #EFC0AC;
}

.popqua {
    top: 13%;
}

.qusl {
    font-size: 1.05em;
    line-height: 1.35em;
    padding: 0 0 10px 0;
}

.qusli {
    margin: 0 0 7px 0;
}

.chsend {
    font-size: 1em;
    margin: 17px 0 0 0;
}

.chsend a {
    width: 100px;
    padding: 8px 0 5px 45px;
}

.ansno {
    font-size: 2.5em;
    margin: 30px 0 15px 0;
}

.awi_right {
    width: 100%;
    font-size: 1.25em;
    padding: 12px 0 0 0;
}

.batrv a {
    font-size: 1em;
}

.gonet a {
    font-size: 1em;
}

.stapc {
    height: 81px;
}

.trB_sta04 {
    left: 5%;
    top: 21%;
}

.trB_sta05 {
    left: 10%;
    top: 49%;
}

.trB_sta06 {
    left: 73%;
    top: 38%;
}

.trB_sta07 {
    left: 58%;
    top: 57%;
}

.trB_sta08 {
    left: 23%;
    top: 71%;
}

.localn {
    padding: 4px 0 0 0;
    font-size: 0.9em;
}

.fnlword {
    font-size: 1.23em;
    margin: -10px 0 25px 0;
}

.popw_in {
    width: 90%;
    margin: 20px auto 25px auto;
}

.trbobj .objtex {
    font-size: 0.95em;
	min-height: 46px;
}

.trb_voj .objtex {
    font-size: 1.1em;
}

.app_qabox {
    height: 325px;
}

.app_q {
    font-size: 1.18em;
}

.app_A {
    padding: 12px 0 12px 0;
}

.apqa_tex {
    font-size: 1.1em;
}

.app_msend {
    font-size: 1em;
}

.app_msend a {
    background-size: 10%;
}

#qupop_rightfn .awi_right {
    font-size: 1.2em;
}

}

@media screen and (max-device-width: 360px){

.txth1 {
    font-size: 1em;
    margin: 0 0 8px 0;
}

.txth2 {
    font-size: 0.88em;
}

.tave_woa {
    padding: 55px 0 0 0;
}

.guide_title {
    font-size: 1.55em;
}

.popw_in {
    margin: 10px auto 15px auto;
}	

.meth {
    height: 310px;
    font-size: 0.9em;
}

.kilf_left {
    margin: 4px 0px 4px 0;
    font-size: 1em;
}

.keyin {
    margin: 10px 0 10px 0;
}

.keyarea {
    margin: 15px auto 25px auto;
}

.tbs_tbox {
    width: 66%;
}

.searbtn {
    width: 31%;
}

.trbobj .obpc a {
    height: 150px;
}

.poph1 {
    font-size: 1.3em;
}

.ansno {
    font-size: 2.2em;
    margin: 25px 0 10px 0;
}

.awagn {
    font-size: 1.3em;
}

.awi_right {
    width: 100%;
    font-size: 1.1em;
    padding: 8px 0 0 0;
}

.qusli {
    margin: 0 0 0px 0;
}

.qrl {
    line-height: 1.45em;
}

input[type="radio"] + label span.qro {
    width: 15px;
    height: 15px;
    margin: 4px 10px 0 0;
}

.fnlword {
    font-size: 1.1em;
    line-height: 1.4em;
}

}

@media screen and (max-device-width: 360px){
	
.obpc a {
    height: 144px;
}	

.gcr_in2 {
    font-size: 1.45em;
}

.porpc {
    min-height: 130px;
    max-height: 150px;
}
.planame {
    font-size: 1.5em;
}

.sloword {
    font-size: 1.2em;
    margin: 0 0 30px 0;
}
	
}

/*選單展開內容*/

#mnuopen{
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
position: fixed;
z-index: 99;
top: 0px;
right: 0px;
visibility: hidden;
overflow: hidden;
}

.meclose {
    position: absolute;
    top: 10px;
    right: 8px;
    z-index: 1;
}

.mnuc{
width: 25%;
height: 100%;
position: absolute;
padding: 30px 0 0 0;
right: 0px;
background-color: #197ea0;
background-image: -webkit-linear-gradient(270deg,rgba(0,189,212,1.00) 0.52%,rgba(1,133,196,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(0,189,212,1.00) 0.52%,rgba(1,133,196,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(0,189,212,1.00) 0.52%,rgba(1,133,196,1.00) 100%);
background-image: linear-gradient(180deg,rgba(0,189,212,1.00) 0.52%,rgba(1,133,196,1.00) 100%);
}

.mnuc ul{
padding: 0px;
margin: 0px;
}

.mnuc ul li {
text-align: center;
color: #fff;
font-size: 1.4em;
border-bottom: 1px solid #95e9f7;
}

.mnuc ul li a{
display: block;
color: #fff;
padding: 17px 0 17px 0;
}

.mnuc ul li a:hover {
    background-color: #12cfef;
    text-decoration: none;
}

@media screen and (max-width: 480px){
.mnuc{
width: 100%;
}

}

/*選單展開內容----結束*/