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

body {
	margin: 0;
	padding: 0;
	font-size:14px;
	background:#f8f8f8;
}
h1,h2,h3 { display: none;}
::selection {
background: #9ae0ea; /* WebKit/Blink Browsers */
color:#ffffff;
}
::-moz-selection {
background: #9ae0ea; /* Gecko Browsers */
color:#ffffff;
}


/*wow*/
.wow:first-child {
visibility: hidden;
}

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


/*PC
-----------------------------------------------------------------*/

/*主框架*/
.container {
	width:100%;
	margin: auto;
	font-family: Verdana,'微軟正黑體';
}

.block_center {
	clear: both;
	display: table;
	margin: auto;
	width: 100%;
	max-width: 960px;
}

.block_header {
	width: 100%;
	height: 655px;
	background: url(../images/header_bk.png) center;
}



.header_main {
	width: 100%;
	text-align: center;
	padding-top: 157px;
	z-index: 8;
}

.header_main img {
	width: 100%;
	max-width: 700px;
}

/*選單*/

.block_menu {
	width: 100%;
	padding: 10px 0;
	text-align: center;
	background: url(../images/menu_bk.gif) center;
	position: absolute;
}

.sticky {
    top: 30px;
}


.menu_box {
	display:inline-block;
	width: 100%;
	max-width:150px;
	border-right: 1px dashed #b6b6b6;
	min-height: 72px;
    vertical-align: top;
}

.menu_box:last-child {
	border-right: 0px;
}

.menu_box a {
	width: 100%;
	display: inline-block;
}

.menu_s_title {
	color:#9b8771;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	display: none;
}

.menu1 .menu_l_title,.menu2 .menu_l_title,.menu4 .menu_l_title,.menu5 .menu_l_title,.menu6 .menu_l_title {
	padding-top: 15px;
}

.menu1 a:hover .menu_s_title,.menu1 .active .menu_l_title {
	color:#20489a;
}

.menu2 a:hover .menu_s_title,.menu2 .active .menu_l_title  {
	color:#925599;
}

.menu3 a:hover .menu_s_title,.menu3 .active .menu_l_title  {
	color:#ab1b1b;
}

.menu4 a:hover .menu_s_title,.menu4 .active .menu_l_title  {
	color:#b98b00;
}

.menu5 a:hover .menu_s_title,.menu5 .active .menu_l_title  {
	color:#277c30;
}

.menu6 a:hover .menu_s_title,.menu6 .active .menu_l_title  {
	color:#158a7e;
}

.menu_l_title {
	color:#333333;
	font-size:18px;
	font-weight: bold;
	padding: 3px 0;
}

.menu_arrow {
	width: 15px;
	height: 15px;
	background: url(../images/menu_arrow0.png) center;
	margin: auto;
	margin-top: 6px;
}

.menu1 a:hover .menu_arrow,.menu1 .active .menu_arrow {
	background: url(../images/menu_arrow1.png) center;
}

.menu2 a:hover .menu_arrow,.menu2 .active .menu_arrow {
	background: url(../images/menu_arrow2.png) center;
}

.menu3 a:hover .menu_arrow,.menu3 .active .menu_arrow {
	background: url(../images/menu_arrow3.png) center;
}

.menu4 a:hover .menu_arrow,.menu4 .active .menu_arrow {
	background: url(../images/menu_arrow4.png) center;
}

.menu5 a:hover .menu_arrow,.menu5 .active .menu_arrow {
	background: url(../images/menu_arrow5.png) center;
}

.menu6 a:hover .menu_arrow,.menu6 .active .menu_arrow {
	background: url(../images/menu_arrow6.png) center;
}

/*介紹區塊*/

.block_infor1 {
	width: 100%;
	padding-top: 140px;
	clear: both;
	display: table;
	background: url(../images/block_pic_bk1.png) center 280px no-repeat;
}

.block_infor2 {
	width: 100%;
	padding-top: 145px;
	clear: both;
	display: table;
	background: url(../images/block_pic_bk2.png) center 320px no-repeat;
}

.block_infor3 {
	width: 100%;
	padding-top: 145px;
	clear: both;
	display: table;
	background: url(../images/block_pic_bk3.png) center 320px no-repeat;
}

.block_infor4 {
	width: 100%;
	padding-top: 145px;
	clear: both;
	display: table;
	background: url(../images/block_pic_bk4.png) center 320px no-repeat;
}

.block_infor5 {
	width: 100%;
	padding-top: 145px;
	clear: both;
	display: table;
	background: url(../images/block_pic_bk5.png) center 320px no-repeat;
}

.block_infor6 {
	width: 100%;
	padding-top: 145px;
	clear: both;
	display: table;
	background: url(../images/block_pic_bk6.png) center 290px no-repeat;
}

.infor_title_box {
	width: 100%;
	max-width: 670px;
	margin: auto;
	margin-bottom: 40px;
}

.infor_title_icon {
	text-align: center;
	width: 100%;
	margin-bottom: 10px;
}

.infor_title_main_box {
	background:url(../images/big_title_line.png) center 8px repeat-x;
	height: 36px;
	text-align: center;
}

.infor_title_word {
	text-align: center;
	width: 100%;
	max-width: 415px;
	background:#f8f8f8;
	margin: auto;
}

.block_infor1 .infor_title_word img {
	width: 100%;
	max-width: 232px;
}

.block_infor2 .infor_title_word img {
	width: 100%;
	max-width: 232px;
}

.block_infor3 .infor_title_word img {
	width: 100%;
	max-width: 368px;
}

.block_infor4 .infor_title_word img {
	width: 100%;
	max-width: 188px;
}

.block_infor5 .infor_title_word img {
	width: 100%;
	max-width: 188px;
}

.block_infor6 .infor_title_word img {
	width: 100%;
	max-width:226px;
}

.infor_media_box {
	width: 100%;
	max-width: 671px;
	/*height: 346px;*/
	margin: auto;
	overflow: hidden;
	border-radius: 20px;
	box-sizing: border-box;
	position: relative;
}

.block_infor1 .infor_media_box {
	border: 8px solid #20489a;
}

.block_infor2 .infor_media_box {
	border: 8px solid #925599;
}

.block_infor3 .infor_media_box {
	border: 8px solid #ab1b1b;
}

.block_infor4 .infor_media_box {
	border: 8px solid #b98b00;
}

.block_infor5 .infor_media_box {
	border: 8px solid #277c30;
}

.block_infor6 .infor_media_box {
	border: 8px solid #158a7e;
}

.infor_media_tab_box {
	width: 100%;
	max-width: 671px;
	margin: auto;
	text-align: center;
}

.media_tab {
	width: 100%;
	max-width: 164px;
	height: 37px;
	display: inline-block;
	cursor: pointer;
	color:#ffffff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 37px;
}

#tabs1 .ui-state-default {
	background:url(../images/tab_1-2.png) center no-repeat;
}

#tabs1 .ui-state-active {
	background:url(../images/tab_1-1.png) center no-repeat !important;
}


#tabs2 .ui-state-default {
	background:url(../images/tab_2-2.png) center no-repeat;
}

#tabs2 .ui-state-active {
	background:url(../images/tab_2-1.png) center no-repeat !important;
}

#tabs3 .ui-state-default {
	background:url(../images/tab_3-2.png) center no-repeat;
}

#tabs3 .ui-state-active {
	background:url(../images/tab_3-1.png) center no-repeat !important;
}

#tabs4 .ui-state-default {
	background:url(../images/tab_4-2.png) center no-repeat;
}

#tabs4 .ui-state-active {
	background:url(../images/tab_4-1.png) center no-repeat !important;
}

#tabs5 .ui-state-default {
	background:url(../images/tab_5-2.png) center no-repeat;
}

#tabs5 .ui-state-active {
	background:url(../images/tab_5-1.png) center no-repeat !important;
}

#tabs6 .ui-state-default {
	display: none;
}

#tabs6 .ui-state-active {
	display: none;
}


.tab_open {
	opacity: 1;
	z-index: 10;
	width: 100%;
	max-width: 655px;
	box-sizing: border-box;
	visibility:inherit;
}

.tab_close {
	opacity: 0;
	z-index: 0;
	position: absolute;
	top: 0px;
	width: 100%;
	max-width: 655px;
	box-sizing: border-box;
	visibility: hidden;
}


.infor_video_box {
	width: 100%;
	height: 332px;
}

.pic_infor_box {
	position: absolute;
	width: 100%;
	padding: 15px;
	background:rgba(51, 51, 51, 0.8);
	bottom: 0px;
	color:#ffffff;
	box-sizing: border-box;
}

.pic_infor_title {
	font-size: 18px;
    line-height: 25px;
    font-weight: bold;
    margin-bottom: 5px;
    float: left;
    margin-right: 10px;
}

.pic_infor_text {
	font-size: 15px;
    line-height: 25px;
    float: left;
}

.tab-tires {
	text-align: center;
}

.tab-tires img {
	width: 100%;
	max-width: 463px;
}


/*輪播banner補充css*/
.lslide {
	/*height: 330px;*/
	position: relative;
}
.lslide img {
	/*height: 330px;*/
	width: 100%;
}
#lightSlider img {
	width: 100%;
}

#lightSlider2 img {
	width: 100%;
}

#lightSlider3 img {
	width: 100%;
}

#lightSlider4 img {
	width: 100%;
}

#lightSlider5 img {
	width: 100%;
}

#lightSlider6 img {
	width: 100%;
}

/*列車介紹主內文*/

.block_infor_main {
	width: 100%;
	clear: both;
	display: table;
	margin-top: 40px;
}


.infor_main_left {
	width: 100%;
	max-width: 547px;
	float: left;
}

.infor_main_right {
	width: 100%;
	max-width: 393px;
	float: right;
}

.infor_main_right img {
	width: 100%;
	max-width: 393px;
}

.infor_main_title {
	padding: 6px 20px;
	display: table;
	clear: both;
	text-align: center;
	position: relative;
}

.infor_main_title_text {
	color:#333333;
	font-size: 26px;
	z-index:5;
	font-weight: bold;
}

.infor_main_title_bk {
	width: 100%;
	height: 20px;
	position: absolute;
	border-radius: 20px;
	z-index: -1;
	bottom: 0px;
	left: 0px;
}

.block_infor1 .infor_main_title_bk {
	background:#dfe9ff;
}

.block_infor2 .infor_main_title_bk {
	background:#f6e5f8;
}

.block_infor3 .infor_main_title_bk {
	background:#ffeaea;
}

.block_infor4 .infor_main_title_bk {
	background:#ffedb7;
}

.block_infor5 .infor_main_title_bk {
	background:#e6f4e0;
}

.block_infor6 .infor_main_title_bk {
	background:#c8ece8;
}

.infor_main_special span {
	font-size: 12px;
	margin-left:5px;
}

.block_infor1 .infor_main_special {
	color:#20489a;
	text-align: left;
	width: 100%;
	padding:12px 0;
	font-size: 18px;
	font-weight: bold;
}

.block_infor2 .infor_main_special {
	color:#925599;
	text-align: left;
	width: 100%;
	padding:12px 0;
	font-size: 18px;
	font-weight: bold;
}

.block_infor3 .infor_main_special {
	color:#ab1b1b;
	text-align: left;
	width: 100%;
	padding:12px 0;
	font-size: 18px;
	font-weight: bold;
}

.block_infor4 .infor_main_special {
	color:#b98b00;
	text-align: left;
	width: 100%;
	padding:12px 0;
	font-size: 18px;
	font-weight: bold;
}

.block_infor5 .infor_main_special {
	color:#277c30;
	text-align: left;
	width: 100%;
	padding:12px 0;
	font-size: 18px;
	font-weight: bold;
}

.block_infor6 .infor_main_special {
	color:#158a7e;
	text-align: left;
	width: 100%;
	padding:12px 0;
	font-size: 18px;
	font-weight: bold;
}

.infor_main_text {
	text-align: left;
	line-height: 24px;
    font-size: 15px;
}


.block_infor1 .infor_point_box {
	height:210px;
	width: 100%;
	clear: both;
	background:url(../images/infor_point_bk1.png) bottom no-repeat;
	position: relative;
	margin-top: 20px;
}

.block_infor2 .infor_point_box {
	height: 410px;
	width: 100%;
	clear: both;
	background:url(../images/infor_point_bk2.png) bottom no-repeat;
	position: relative;
	margin-top: 20px;
}

.block_infor3 .infor_point_box {
	height:310px;
	width: 100%;
	clear: both;
	background:url(../images/infor_point_bk3.png) bottom no-repeat;
	position: relative;
	margin-top: 20px;
}

.block_infor4 .infor_point_box {
	height:413px;
	width: 100%;
	clear: both;
	background:url(../images/infor_point_bk4.png) bottom no-repeat;
	position: relative;
	margin-top: 20px;
}

.block_infor5 .infor_point_box {
	height:413px;
	width: 100%;
	clear: both;
	background:url(../images/infor_point_bk5.png) bottom no-repeat;
	position: relative;
	margin-top: 20px;
}

.block_infor6 .infor_point_box {
	height:413px;
	width: 100%;
	clear: both;
	background:url(../images/infor_point_bk6.png) bottom no-repeat;
	position: relative;
	margin-top: 20px;
}

.block_infor4 .block_infor_other,.block_infor5 .block_infor_other  {
	width: 100%;
    clear: both;
    margin-bottom: 15px;
    display: table;
    border: 2px solid #FFC107;
    border-radius: 10px;
    padding: 8px 2px 8px 8px;
    background: #ffffff;
    margin-top: 15px;
}

.block_infor6 .block_infor_other {
	padding:0;
	width: 100%;
    clear: both;
    margin-bottom: 15px;
    display: table;
    border: 2px solid #FFC107;
    border-radius: 10px;
	overflow: hidden;
    background: #ffffff;
    margin-top: 15px;
}

.infor_other_box1 {
	float:left;
	width: 52%;
}

.infor_other_box2 {
	float:right;
	width: 48%;
}

.infor_other_box3 {
	float:left;
	width: 100%;
}

.infor_other_pic {
	float:left;
	margin-right: 10px;
	line-height: 0px;
}

.block_infor4 .infor_other_pic img {
	width: 100%;
	max-width: 88px;
}

.block_infor5 .infor_other_pic img {
	width: 100%;
	max-width:105px;
}

.infor_other_word {
	float:left;
}

.block_infor4 .infor_other_box1 .infor_other_word {
	width: 100%;
	max-width: 170px;
	margin: auto;
}

.block_infor5 .infor_other_box1 .infor_other_word {
	width: 100%;
	max-width: 170px;
	margin: auto;
}

.block_infor4 .infor_other_box2 .infor_other_word {
	width: 100%;
	max-width: 160px;
	margin: auto;
}

.block_infor5 .infor_other_box2 .infor_other_word {
	width: 100%;
	max-width: 135px;
	margin: auto;
}


.block_infor4 .infot_other_special {
	display: table;
	padding: 3px 5px;
	background:#ffedb7;
	font-size: 12px;
	color:#ea1414;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 8px;
}

.block_infor5 .infot_other_special {
	display: table;
	padding: 3px 5px;
	background:#ffedb7;
	font-size: 12px;
	color:#ea1414;
	font-weight: bold;
	margin-bottom: 5px;
}

.block_infor6 .infot_other_special {
	display: table;
	padding: 3px 5px;
	background:#ffedb7;
	font-size: 12px;
	color:#ea1414;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 18px;
}


.infot_other_title {
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 6px;
}


.block_infor4 .infor_other_box2 .infot_other_title {
	margin-top: 20px;
}

.block_infor5 .infor_other_box2 .infot_other_title {
	margin-top: 8px;
}

.infot_other_text {
	font-size: 12px;
	line-height: 18px;
}


/*景點介紹*/
.block_infor_point {
	width: 100%;
	position: absolute;
	text-align: center;
}

.infor_point_1-1 {
	max-width: 180px;
	left:20px;
	text-align: center;
}

.infor_point_1-2 {
	max-width: 180px;
	right:132px;
}

.infor_point_1-3 {
	max-width: 202px;
	left:118px;
	top:222px;
}

.infor_point_1-4 {
	max-width: 170px;
	left:23px;
	top:0px;
}

.infor_point_1-5 {
	max-width: 192px;
	right:130px;
	top:0px;
}

.infor_point_2-1 {
	max-width: 192px;
	left:40px;
	text-align: center;
}

.infor_point_2-2 {
	max-width: 231px;
	right:27px;
}

.infor_point_2-3 {
	max-width: 230px;
	left:155px;
	top:220px;
}

.infor_point_3-1 {
	max-width: 310px;
	left:0px;
	text-align: center;
}

.infor_point_3-1 img {
	width: 100%;
	max-width: 302px;
}

.infor_point_3-2 {
	max-width: 195px;
	right:18px;
	top:37px;
	text-align: center;
}

.infor_point_4-1 {
	max-width: 220px;
	left:27px;
	text-align: center;
}

.infor_point_4-2 {
	max-width: 220px;
	right:27px;
	text-align: center;
}

.infor_point_4-3 {
	max-width:280px;
	right:132px;
	top:223px;
	text-align: center;
}

.infor_point_5-1 {
	max-width: 185px;
	left:46px;
	top: 10px;
	text-align: center;
}

.infor_point_5-2 {
	max-width: 215px;
	right:30px;
	top: 10px;
	text-align: center;
}

.infor_point_5-3 {
	max-width:205px;
	right:165px;
	top:235px;
	text-align: center;
}

.infor_point_6-1 {
	max-width: 185px;
	left:46px;
	top: 10px;
	text-align: center;
}

.infor_point_6-2 {
	max-width: 215px;
	right:30px;
	top: 10px;
	text-align: center;
}

.infor_point_6-3 {
	max-width:240px;
	right:155px;
	top:235px;
	text-align: center;
}

.infor_point_pic {
	text-align: center;
}

.infor_point_title {
	font-size: 18px;
	font-weight:bold ;
	line-height: 28px;
}

.infor_point_text {
	font-size: 12px;
	line-height:18px;
}

/*行程推薦*/
.block_product_outside {
	background:#9ae0ea;
	display: table;
	padding: 120px 0;
	width: 100%;
	margin-top:100px;
	overflow: hidden;
}

.block_product_inside {
	width: 100%;
	max-width: 920px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	background:#ffffff url(../images/product_block_line.png) top repeat-x;
	padding: 40px;
	box-sizing: border-box;
	margin: auto;
}

.product_inside_title {
	text-align: center;
	margin: 30px auto 20px;
	width: 100%;
	clear: both;
}

.product_inside_box {
	width: 100%;
	margin-bottom: 40px;
}

.product_inside_railway {
	width: 100%;
	text-align: left;
	clear: both;
}

.product_inside_railway {
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 5px;
}

.product_inside_railway img {
	margin: 0 10px -5px 0;
}

.product_box {
	padding: 6px;
    border-bottom: 1px dashed #dadada;
    width: 100%;
    box-sizing: border-box;
    clear: both;
    display: table;
}

.product_box:hover {
	background:#9ae0ea;
}

.product_box a {
	width: 100%;
	display: block;
	height: 100%;
}

.product_box:hover .product_box_title {
	
}

.product_box_title {
	font-size: 13px;
    color: #333333;
    line-height: 20px;
    display: inline-block;
    float: left;
}

.product_box_title span {
	background:#fff556;
	color:#d0111b;
	margin-left: 5px;
	padding: 0 5px;
}

/*商品補充連結*/
.product_links_box {
	clear: both;
	width: 100%;
	text-align: left;
}

.product_links_line {
	clear: both;
	width: 100%;
	min-height: 25px;
	padding-bottom: 10px;
}

.product_links_line a {
	display: inline-block;
	color:#d0111b;
	line-height: 20px;
}

.product_links_line a:hover {
	border-bottom: 1px solid #d0111b;
}

.product_links_line br {
	display: none;
}

.product_box_price {
	text-align: right;
	color: #d0111b;
	font-weight: bold;
	float: right;
	line-height: 20px;
	margin-left: 25px;
}

.product_banner {
	width: 100%;
	margin-bottom: 10px;
}

.product_banner img {
	width: 100%;
	max-width: 920px;
}

.product_banner:hover {
	opacity: 0.9;
}

.product_inside_area {
	clear: both;
    line-height: 25px;
    height: 25px;
    text-align: left;
    color: #333333;
    font-weight: bold;
    font-size: 15px;
    display: table;
    padding: 3px 8px;
    background: #eeeeee;
    margin: 15px 0 5px 0;
}

/*右側導覽*/
.right_float {
	position: fixed;
	right: 55px;
	bottom: 60px;
	width: 60px;
	display: table;
	text-align: center;
	font-size: 15px;
}

.area_but1 {
	width: 60px;
	height: 60px;
	border-radius: 100px;
	background:#333333;
	line-height: 60px;
	color:#ffffff;
	display: none;/*尚未開放*/
}

.area_but2 a {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 100px;
	background:#bdbdbd;
	line-height: 60px;
	color:#ffffff;
	font-size: 15px;
	margin-top:10px;
	display: none;/*尚未開放*/
}

.area_but2 a:hover {
	background:#333333;
}

.area_but3 a {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 100px;
	background:#bdbdbd;
	line-height: 60px;
	color:#ffffff;
	font-size: 15px;
	margin-top:10px;
	display: none;/*尚未開放*/
}

.area_but3 a:hover {
	background:#333333;
}

.product_but a {
	display: block;
    width: 60px;
    height: 60px;
    border-radius: 100px;
    background: #d6001c;
    line-height: 18px;
    color: #ffffff;
    font-size: 15px;
    padding-top: 12px;
	box-sizing: border-box;
	margin-top:30px;
}

.product_but a:hover {
	background:#b90018;
}

.top_but a {
	display: block;
    width: 60px;
    height: 60px;
    border-radius: 100px;
    background:#f39b52;
    line-height: 60px;
    color: #ffffff;
    font-size: 15px;
	margin-top:10px;
}

.top_but a:hover {
	background:#d18444;
}

.block_header_m {
	display: none;
}


/*調度區
-----------------------------------------------------------------*/
@media screen and (max-width: 960px) {
    html,
    body {
        width: 100%;
        min-height: 100%;
    }
	
	.header_main img {
		width: 90%;
	}
	
	.menu_box {
		max-width:105px;
	}
	
	.menu_l_title {
		font-size:14px;
	}
	
	.infor_main_right {
		max-width: none;
		text-align: center;
		max-width: none;
	}
	
	.infor_main_left {
		float:none;
		margin: auto;
		box-sizing: border-box;
	}
	
	.block_product_inside {
		width: 90%;
	}
}



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

@media screen and (max-width: 768px) {
    html,
    body {
        width: 100%;
        min-height: 100%;
    }
	
	.block_infor1,.block_infor2,.block_infor3,.block_infor4,.block_infor5,.block_infor6 {
		padding-top:80px;
		background:none;
	}
	
	.block_header {
		height: auto;
		padding-bottom: 40px;
		display: none;
	}
	
	.block_header_m {
		display: block;
	}
	
	.block_header_m img {
		width: 100%;
		max-width: 768px;
	}
	
	.block_menu {
		display: none;
	}
		
	.infor_main_left {
		width: 90%;
		box-sizing: border-box;
	}
	
	.infor_point_box {
		background:none !important;
		text-align: center;
		display: table;
		height: auto;
	}
	
	.block_infor_point {
		margin: 10px;
		display: inline-block;
		position: relative;
		left: inherit;
		right: inherit;
		top: inherit;
	}
	
	.infor_other_box1,.infor_other_box2 {
		float:left;
		width:50%;
	}
	
	.infor_other_pic,.infor_other_word {
		float: none;
		text-align: center;
	}
	
	.infor_other_box1 .infor_other_word,.infor_other_box2 .infor_other_word {
		max-width: none;
	}
	
	.infor_other_word {
		text-align: center;
		max-width: none;
	}
	
	.infot_other_special {
		margin: auto;
    	margin-bottom: 10px;
	}
	
	.right_float {
		display: none;
	}
	
	.block_infor_other {
		padding: 5px;
		box-sizing: border-box;
	}
	
	.block_infor6 .infor_other_pic {
		margin-right: 0px;
		margin-top: 20px;
	}
	
	.block_infor6 .infor_other_word {
		margin-bottom: 20px;
	}

	
}

/*調度區2
-----------------------------------------------------------------*/
@media screen and (max-width: 700px) {
	.infor_media_box {
		max-width: 460px;
	}
	.tab_open {
		max-width:460px;
	}
	
	.media_tab {
		-webkit-border-top-left-radius: 20px;
		-webkit-border-top-right-radius: 20px;
		-moz-border-radius-topleft: 20px;
		-moz-border-radius-topright: 20px;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}
	
	.tab-tires img {
		max-width: 300px;
	}
	
	.infor_video_box,.infor_video_box iframe {
		height: 226px !important;
	}
}



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

@media screen and (max-width: 480px) {
	html,
    body {width: 100%; min-height: 100%;}
	.infor_media_box {
		max-width: 350px;
	}
	.tab_open {
		max-width:350px;
	}
	
	.media_tab {
		max-width: 80px;
		-webkit-border-top-left-radius: 20px;
		-webkit-border-top-right-radius: 20px;
		-moz-border-radius-topleft: 20px;
		-moz-border-radius-topright: 20px;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		font-size: 15px;
	}
	
	.tab-tires img {
		max-width:250px;
	}
	
	.block_infor_point {
		width: 90%;
		max-width: none;
		margin-bottom: 20px;
	}
	
	.infor_main_right {
		display: none;
	}
	
	.block_infor1,.block_infor2,.block_infor3,.block_infor4,.block_infor5,.block_infor6 {
		padding-top: 60px;
	}
	
	.pic_infor_title {
		margin-bottom: 0px;
		font-size: 15px;
	}
	
	.pic_infor_text {
		display: none;
	}
	
	.infor_video_box,.infor_video_box iframe {
		height: 170px !important;
	}
	
	.pic_infor_box {
		padding:5px 15px;
	}
	
	.infot_other_special {
		margin: 5px auto;
	}
	
	.product_links_line br {
		display: inherit;
	}
	
	.infor_main_title_text {
		font-size: 20px;
	}


}

@media screen and (max-width: 320px) {
	.infor_media_box {
		max-width: 300px;
	}
	.tab_open {
		max-width:300px;
	}
	
	.infor_title_word img {
		width: 90% !important;
	}
	
	.infor_main_title_text {
		font-size: 18px;
	}
	
	.infor_other_box2 .infot_other_title {
		margin-top: 10px;
	}
	
	.infor_other_box1 {
		margin-bottom: 10px;
	}
	
	.infor_other_box1, .infor_other_box2 {
		width: 100%;
	}
	
	.product_inside_railway {
		font-size: 16px;
	}
}