/* 縮小失敗。正在傳回未縮小的內容。
(208,25): run-time error CSS1046: Expect comma, found '255'
(208,33): run-time error CSS1046: Expect comma, found '/'
(1080,22): run-time error CSS1046: Expect comma, found '83'
(1080,29): run-time error CSS1046: Expect comma, found '/'
 */
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(//fonts.googleapis.com/earlyaccess/cwtexming.css);

body {
	font-family: 'Noto Sans TC', sans-serif;
	overflow-x: hidden;
	font-weight: 300;
	line-height: 1.4;
}
/*body.active {
	overflow-y: hidden;
    overflow: hidden;
}*/
sup {
	vertical-align: super;
	font-size: smaller;
}

.index-mslider .main_icon .icon3 {
	position: relative;
	overflow: inherit;
}

.sppp {
	position: absolute;
	width: 45px;
	left: -35px;
	bottom: 25px;
}
/*jump*/
.Jumpbox {
	position: fixed;
	top: 60%;
	left: 0;
	right: 0;
	margin: -250px auto 0 auto;
	width: 600px;
	height: auto;
	background: #fff;
	padding: 25px;
	border-radius: 10px;
	text-align: center;
	z-index: 99999;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

.Jumpbox .x {
	position: absolute;
	top: -30px;
	right: -30px;
	width: 70px;
	z-index: 999;
}

.Jumpbox p {
	font-size: 20px;
}

.Jumpbox a.icon {
	padding: 15px;
	color: #fff;
	background: #ff532e;
	box-shadow: 0 4px #bc2909;
	border-radius: 10px;
	display: block;
	margin-top: 15px;
}

.black3 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9998;
	overflow-y: hidden;
}

.w1100 {
	width: 100%;
	/*max-width: 1100px;*/
    max-width: 1225px;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
	clear: both;
}

a {
	text-decoration: none;
	outline: 0;
	transition: all 0.2s ease-out;
}
/*統一變顏色*/
.color .width_box {
	background: #a51b21;
}

.marquee_box.color b {
	background: #810b10;
}

.footer2.color {
	background: #a51b21;
}

.main_tab .color .tabs li {
	background: #810b10;
}

.main_tab .color .tabs li a:hover {
	background: #a51b21;
}

.main_tab .color .tab_content .box:hover .text {
	background: rgba(165, 27, 33, 0.8);
}

.main_industry.color h2 {
	color: #a51b21;
}

.header-in.color {
	border-bottom: 2px solid #a51b21;
}

.header-in.color .nav li i {
	color: #a51b21;
}

.header-in.color .nav .language select {
	background: rgb(165, 27, 33);
	color: #FFF;
}

.in_tab.color .tabs .search a {
	background: #a51b21;
}

.in_contect .box a:hover .image span {
	background-color: rgba(129, 11, 16, 0.7);	
}

.in_contect .box .text span {
	color: #a51b21;
}

.in_contect .contect.color .box .date {
	background: #a51b21;
}

.in_contect .contect.color.color2 .box .date {
	background: #709927;
}

.in_contect .contect.color.color2 .box:hover .date {
	background: #547616;
}

.in_contect .contect.color.color2 .box .text b {
	color: #709927;
}

.in_contect .contect.color .box:hover .date {
	background: #d8575c;
}

.in_contect .bar .search.color a {
	background: #a51b21;
}

.in_contect .bar .search.color2 a {
	background: #709927;
}

.in_contect.color .Back a {
	background: #a51b21;
}

.in_contect.color .Back a:hover {
	background: #d8575c;
}

.in_contect .contect.color .box .text b {
	color: #a51b21;
}
/*遊台灣*/
.in_contect.taiwan {
	padding: 105px 0 50px 0;
}

.in_contect.taiwan .in_tab .tabs .search {
	top: -55%;
}
/*首頁layout*/

.header {
	position: relative;
}

.header .nav {
	position: relative;
    z-index: 996;
    padding: 15px 0 15px 0;
    border-bottom: 1px solid #fff;
    text-align: right;
    background: rgb(255 255 255 / 90%);
}

.header .logoIndex {
	display: inline-block;
	text-indent: -9999px;
}

.header .logoIndex a {
	display: block;
	background: url(../Images/logo.png) center center no-repeat;
	background-size: 100%;
	width: 99px;
	height: 72px;
}

.menu-btn, .black {
	display: none;
}

.header .nav ul {
	display: inline-block;
	vertical-align: bottom;
	width: 90%;
}

.header .nav li {
	display: inline-block;
	padding: 0 4px;
	position: relative;
	vertical-align: top;
}

.header .nav li a {
        color: #000;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 0 0 34px 0;
    }
.header .nav li.social-media a img{
	width:36px;
}
.header .nav li.social-media a {
margin:0 5px;
}

        .header .nav li a.safe_color {
            color: #fdff60;
        }
.header .nav li .down-menu {
	display: none;
	font-size: 15px;
	background: rgba(255, 255, 255, 0.8);
	padding: 10px 10px;
	width: 130px;
	text-align: center;
	position: absolute;
	top: 57px;
}

.header .nav li .down-menu a {
	font-size: 15px;
	color: #000;
	display: block;
	padding: 18px 0;
	border-bottom: 1px dotted #fff;
	text-shadow: none;
}

.header .nav li .down-menu a:hover {
	background: rgba(143, 143, 143, 0.42);
}

.header .nav li .down-menu a:last-child {
	border-bottom: none;
}

.header .nav li:hover .down-menu {
	color: #000;
	display: block;
}

.header .nav li i {
	font-size: 15px;
	display: block;
	text-align: center;
	padding: 3px 0 0 0;
}

.header .nav .language select {
	background: rgba(255, 255, 255, 0.75);
	border-radius: 20px;
	font-size: 15px;
	padding: 5px 15px 8px 10px;
	outline: none;
	color: #494949;
}

.header-index .nav .language select option {
	background: #FFF;
}

.header-index .index-mslider {
	margin: -105px 0 0 0;
	z-index: 990;
	width: 100%;
}

.header-index .index-mslider .item {
	position: relative;
	width: 100vw;
}

.header-index .index-mslider h2 {
	width: 32%;
    position: absolute;
    top: 25%;
    left: 0;
    right: -30%;
    margin: 0 auto;
    z-index: 993;
}

.header-index .index-mslider h2 img {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.index-mslider .main_banner {
	z-index: 990;
	position: relative;
}

.index-mslider .main_banner .owl-nav .owl-prev, .index-mslider .main_banner .owl-nav .owl-next {
	padding: 4px 20px;
	background: rgba(0, 0, 0, 0.69);
	color: #FFF;
	font-size: 40px;
	display: inline-block;
	cursor: pointer;
	transition: all 0.2s ease-out;
}

.index-mslider .main_banner .owl-nav .owl-prev:hover, .index-mslider .main_banner .owl-nav .owl-next:hover {
	background: rgba(0, 0, 0, 0.31);
	color: #FFF;
	text-decoration: none;
}

.index-mslider .main_banner .owl-nav .owl-prev {
	position: absolute;
	left: 0;
	top: 50%;
}

.index-mslider .main_banner .owl-nav .owl-next {
	position: absolute;
	right: 0;
	top: 50%;
}

.index-mslider .people {
	position: absolute;
	bottom: 0;
	z-index: 992;
	left: 3%;
	width: 32%;
}

.index-mslider .people img {
	width: 100%;
}

.index-mslider .main_icon {
	position: absolute;
	z-index: 996;
	right: 6%;
	top: 16%;
}

.index-mslider .main_icon img {
	height: 45px;
}

.index-mslider .main_icon a {
	display: block;
	margin: 15px 0;
	text-align: center;
	border-radius: 50%;
	width: 110px;
	height: 110px;
	padding: 10px;
	overflow: hidden;
	box-sizing: border-box;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
}

.index-mslider .main_icon a:hover {
	opacity: 0.8;
}

.index-mslider .main_icon a span {
	color: #fff;
	font-size: 14px;
	line-height: 1.2;
	display: block;
	padding: 7px 0 0 0;
}

.index-mslider .main_icon .icon1 {
	background: #24a1a6;
}

.index-mslider .main_icon .icon2 {
	background: #84a739;
}

.index-mslider .main_icon .icon3 {
	background: #d08a37;
}

.index-mslider .main_icon .icon4 {
	background: #3b5998;
}

.index-mslider .main_icon .icon5 {
	background: #975bb6;
}
/*marquee_box*/
.marquee_box {
	padding: 35px 0;
	position: absolute;
	bottom: 0;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.4);
	width: 100%;
	z-index: 994;
}

.width_box {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.marquee_box ul.marquee {
	display: inline-block;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	position: relative;
	overflow: hidden;
	width: calc(100% - 70px);
	height: 24px;
}

.marquee_box ul.marquee li {
	/* required styles */
	position: absolute;
	top: -999em;
	margin: 0 0 0 20px;
	left: 0;
	display: block;
	color: #fff;
	/* optional styles for appearance */
	font-size: 15px;
	padding: 3px 5px;
}

.marquee_box ul.marquee li a {
	font-size: 16px;
	color: #fff;
	margin: 0 0 0 10px;
}

.marquee_box b {
	display: inline-block;
	padding: 15px;
	color: #7e7e7e;
	position: relative;
}

.marquee_box a.more {
	background: #ff9f1c;
	width: 60px;
	color: #FFF;
	text-align: center;
	border-radius: 5px;
	padding: 0 10px;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	transition: all 0.15s ease-out;
}

.marquee_box a.more:hover {
	background: #db7008;
}

.marquee_mobile {
	display: none;
}
/*首頁 頁籤區*/
/*.main_tab.owl-carousel .owl-stage-outer{
    height:100% ;
}*/
.main_tab.owl-carousel .owl-stage-outer {
	max-height: 990px;
}

.main_tab .item {
	overflow: hidden;
	padding: 150px 0;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 1062px;
}

.main_tab .title {
	float: left;
	width: 30%;
	color: #fff;
}

.main_tab .title b {
	display: block;
	font-size: 25px;
	font-weight: 500;
	margin: 0 0 8px 0;
}

.main_tab .title p {
	font-size: 85px;
	font-weight: 700;
	position: relative;
	line-height: 1.1;
}

.main_tab .title a {
	color: #fff;
	font-size: 15px;
	font-weight: initial;
	border: 1px solid #fff;
	border-radius: 10px;
	padding: 8px 15px;
	position: absolute;
	right: 30px;
	bottom: -50px;
}

.main_tab .title a:hover {
	background: rgba(255, 255, 255, 0.22);
}

.main_tab .title a i {
	padding: 0 0 0 5px;
}

.main_tab .abgne_tab {
	float: right;
	width: 65%;
	margin: 10px 0;
}
/*頁籤列*/
.main_tab .tabs {
	width: 100%;
	height: 122px;
	border-bottom: 1px solid #999;
}

.main_tab .tabs li {
	display: inline-block;
	vertical-align: top;
	width: 24%;
	height: 55px;
	line-height: 1.4;
	font-size: 14px;
	position: relative;
	margin: 5px 0;
	margin-bottom: -1px;
	border: 1px solid #999;
	border-left: none;
}

.main_tab .tabs li a {
	display: block;
	height: 48px;
	padding: 3px 19px;
	color: #fff;
	text-decoration: none;
	transition: none;
}

.main_tab .tabs li.active {
	background: #fff;
	border-left: 1px solid #999;
	border-bottom: 1px solid #fff;
}

.main_tab .tabs li.active a {
	color: #4a4a4a;
}

.main_tab .tabs li.active a:hover {
	background: #fff;
}

.main_tab .tabs li.spsp {
	overflow: inherit;
}

.main_tab .tabs li.spsp a {
	padding: 3px 40px 3px 10px;
	position: relative;
}

.main_tab .tabs li.spsp a img {
	position: absolute;
	transform: rotate(-10deg);
	width: 48px;
	top: -15px;
	right: -23px;
}
/*頁籤內容頁*/
.main_tab .tab_container {
	clear: left;
	width: 100%;
	border: 1px solid #999;
	border-top: none;
	background: #fff;
}

.main_tab .tab_container .tab_content {
	padding: 20px;
	text-align: left;
}

.main_tab .tab_container .tab_content .box {
	display: inline-block;
	width: 46%;
	margin: 10px;
	height: 265px;
	overflow: hidden;
	text-align: center;
	background-position: center;
	background-size: cover;
	position: relative;
}

.main_tab .box .text {
	display: block;
	background: rgba(0, 0, 0, 0.5);
	height: 100%;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	padding: 70px 10px 0 10px;
	transition: all 0.2s ease-out;
}

.main_tab .box .text h2 {
	display: inline-block;
	font-family: 'cwTeXMing', serif;
	font-size: 22px;
	padding: 0 0 8px 0;
	margin: 0 0 15px 0;
	border-bottom: 2px solid #ddd;
}

.main_tab .box .text p {
	font-size: 18px;
	margin: 0 0 15px 0;
	transition: all 0.2s ease-out;
}

.main_tab .box .text span {
	display: block;
	width: 20%;
	text-align: center;
	margin: 0 auto;
	font-size: 15px;
	border-radius: 15px;
	padding: 6px 20px;
	color: #fff;
	border: 1px solid #fff;
}

.main_tab .box .text:hover {
	padding: 50px 10px 0 10px;
}

.main_tab .box .text:hover p {
	margin: 0 0 55px 0;
}

.main_tab .box .text:hover span {
	display: block;
}

.main_tab .owl-nav .owl-prev, .main_tab .owl-nav .owl-next {
	padding: 20px 20px;
	font-size: 24px;
	font-weight: 700;
	color: #1f5eb6;
	background: #fff;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.38);
	transition: all 0.2s ease-out;
}

.main_tab .owl-nav .owl-prev:hover, .main_tab .owl-nav .owl-next:hover {
	background: #000;
	color: #FFF;
	text-decoration: none;
}

.main_tab .owl-nav .owl-next {
	position: absolute;
	top: 45%;
	right: -5px;
}

.main_tab .owl-nav .owl-prev {
	position: absolute;
	top: 45%;
	left: -5px;
}

.main_tab .owl-nav img {
	padding: 0 5px;
	display: inline-block;
	vertical-align: middle;
}

.main_tab.owl-theme .owl-nav .disabled {
	opacity: 0;
}
/*廠商專區*/
.main_industry {
	background: url(../Images/bg.jpg);
	padding: 100px 0;
}

.main_industry h2 {
	font-size: 30px;
	font-weight: 700;
}

.main_industry h2 span {
	font-size: 18px;
	color: #5a5a5a;
	padding: 0 0 0 10px;
}

.main_industry .content {
	padding: 30px 0;
	text-align: center;
}

.main_industry .box {
	display: inline-block;
	width: 48%;
	margin: 0 10px 0 0;
	padding: 20px 60px;
	box-sizing: border-box;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	min-height: 481px;
	vertical-align: top;
}

.main_industry .box_bg1 {
	background: #42b1af url(../Images/industry1.png);
	background-repeat: no-repeat;
	background-position: 97% 3%;
}

.main_industry .box_bg2 {
	background: #efa740 url(../Images/industry2.png);
	background-repeat: no-repeat;
	background-position: 97% 3%;
}

.main_industry .box h3 {
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 2px;
	padding: 15px 0;
}

.main_industry .box_bg1 a.bottom {
	color: #42b1af;
	border: 1px solid #42b1af;
}

.main_industry .box_bg2 a.bottom {
	color: #efa740;
	border: 1px solid #efa740;
}

.main_industry .box a.bottom {
	display: block;
	background: #fff;
	font-size: 20px;
	font-weight: 400;
	margin: 15px 0;
	padding: 15px;
	border-radius: 10px;
	box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.2);
	transition: none;
	position: relative;
}

.main_industry .box a.bottom i {
	position: absolute;
	right: 5%;
}

.main_industry .box a.bottom:hover {
	margin: 17px 0 -2px 0;
	box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.main_industry .box a.more {
	display: block;
	font-weight: 500;
	color: #fff;
	margin: 20px 0 0 0;
	padding: 15px;
	border-radius: 10px;
}

.main_industry .box_bg1 a.more:hover {
	background: #1e6867;
}

.main_industry .box_bg2 a.more:hover {
	background: #d17e07;
}
/*內頁開始*/
.header-in .nav li a {
	color: #383838;
	text-shadow: none;
}

.header-in .nav li .down-menu {
	top: 58px;
}

.header-in .nav li a {
	padding: 0 0 42px 0;
}

.header .nav .language select {
	border: 0;
}

.in_banner {
	min-height: 510px;
	background-size: cover;
}

.in_banner .text {
	color: #fff;
	padding-top: 90px;
}

.in_banner b {
	display: block;
	font-size: 25px;
	font-weight: 500;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
	padding: 0 0 0 5px;
}

.in_banner p {
	font-size: 80px;
	font-weight: 700;
	position: relative;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
}

.in_banner.owl-carousel .item {
	position: relative;
	width: 100vw;
	height: 510px;
}

.bread {
	color: #4c4c4c;
	font-size: 14px;
	padding: 15px 0;
}

.bread a {
	color: #4c4c4c;
	font-size: 14px;
}

.bread a:hover {
	text-decoration: underline;
}

.bread i {
	padding: 0 5px;
	line-height: 1.5;
}

.in_contect {
	background: url(../Images/bg.jpg);
	padding: 50px 0;
}

.in_contect.sp2 {
	background: url(../Images/bg3.jpg);
	padding: 50px 0;
}

.in_contect.sp {
	background: url(../Images/sakura50.png);
}

.in_tab .tabs {
	width: 100%;
	background: #7e7e7e;
	position: relative;
	display: flex;
	flex-flow: row wrap;
}

.in_tab .tabs li {	
	vertical-align: bottom;
	width: 12.5%;
	height: 133px;
	font-size: 16px;
	overflow: hidden;
	position: relative;
	border-right: 1px solid #bcbcbc;
	box-sizing:border-box;
}

.in_tab .tabs li:last-child {
	border: none;
	width: 100%;
	text-align: right;
}

.in_tab .tabs li.active {
	background: #a51b21;
}

.in_tab .tabs li a {
	display: block;
	color: #fff;
	text-align: center;
	padding: 15px 5px;
}

.in_tab .tabs li a img {
	padding: 0 0 10px 0;
}

.in_tab .tabs li.search.active {
	background: none;
}

.in_tab .tabs .search {
	position: absolute;
	right: 0;
	top: 30%;
}

.in_tab .tabs .search input {
	border: none;
	border-radius: 0px;
	padding: 15px 10px;
	box-sizing: border-box;
	width: 165px;
	display: inline-block;
}

.in_tab .tabs .search a {
	display: inline-block;
	padding: 12px;
	vertical-align: middle;
}

.in_tab .tab_container {
	clear: left;
	width: 100%;
	border-top: none;
}

.in_tab .tab_container .tab_content {
	padding: 25px 0;
}

.in_contect .box {
	display: inline-block;
	vertical-align: top;
	width: 24.9508%;
	margin: 8px -2px 8px -1px;
}

.in_contect .box.inline3 {
	width: 33.33%;
}

.in_contect .box.inline5 {
	width: 50%;
}

.in_contect .box.inline10 {
	width: 100%;
}

.in_contect .box a {
	display: block;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	margin: 0 8px;
	background: #fff;
	min-height: 290px;
	position: relative;
}

.in_contect .box a.sp {
	min-height: inherit;
}
.in_contect .box .oneone {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        background: rgba(0,0,0,0.5);
        color: #FFF;
        padding: 5px;
        z-index: 2;
    }
.in_contect .box .image {
	height: 150px;
	line-height: 150px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left center;
	text-align: center;
	position: relative;
	overflow: hidden;
	background: #f1f1f1;
}
.in_contect .box2 a{
		min-height: auto;
	}
	.in_contect .box2 .image{
		height: 195px;
		line-height: initial;
	}
	.in_contect .box2 .image p{
		margin: 0 auto;
		color: #fff;
		font-size: 18px;
		font-weight: 500;
		height: inherit;
		width: 100%;
		background: rgb(23 83 161 / 85%);
		display: flex;
		align-content: center;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
.in_contect .box .image img {
	max-width: 100%;
	vertical-align: middle;
	max-height: 150px;
	margin: -5px 0 0 0;
}

.in_contect .box a .image span {
	position: absolute;
	top: -250px;
	width: 100%;
	display: block;
	color: #fff;
	background-color: rgba(255, 255, 255, 0);
	transition: all 0.2s ease-out;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}

.in_contect .box a:hover .image span {
	top: 0;
}

.in_contect .forum .box .image {
	height: 180px;
	line-height: 180px;
}

.in_contect .box .video iframe {
	width: 100%;
	height: 290px;
}

.in_contect .box .text {
	padding: 10px 15px;
	color: #333;
}

.in_contect .box .text h2 {
	font-family: 'cwTeXMing', serif;
	font-size: 21px;
	font-weight: 600;
	overflow: hidden;
	padding: 0;
	margin: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: none;
}

.in_contect .box .text p {
	font-size: 17px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.in_contect .box .text span {
	display: inline-block;
	font-size: 14px;
	margin: 5px 0 7px 0;
}

.in_contect .box .sale_money {
	text-align: center;
	background: #b91119;
	padding: 13px 0;
	color: #FFF;
	font-weight: 500;
	border-top: 1px solid #e2e2e2;
	margin: 5px 0 0 0;
}
/**/
.in_contect .sync1 {
	padding: 0 0 15px 0;
}

.in_contect .sync1 .owl-item h1 {
	text-align: center;
	padding: 10px 0;
}

.in_contect .sync1 .owl-item.current {
	font-size: 25px;
	color: #fff;
	background: #1f5eb6;
	border-radius: 30px;
}

.in_contect .sync1 .owl-item {
	font-size: 25px;
}

.in_contect .sync1 .item {
	cursor: pointer;
}

.in_contect .sync1 .item h1 {
	text-align: center;
}

.in_contect .sync1 .owl-prev {
	position: absolute;
	top: 14px;
	left: -35px;
}

.in_contect .sync1 .owl-next {
	position: absolute;
	top: 14px;
	right: 0;
	right: -35px;
}

.in_contect .select {
	text-align: right;
	padding: 10px;
	font-size: 16px;
}

.in_contect .select select {
	padding: 5px;
}

.content_box {
	display: inline-block;
	margin: 8px -2px 8px -1px;
	overflow: hidden;
	width: 340px;
}

.content_box img {
	width: 100%;
	display: block;
	padding: 10px;
	box-sizing: border-box;
}
/*關於我們*/
.in_about {
	margin: 20px 25px 0 25px;
}

.in_contect .in_about .box .image img {
	max-height: initial;
}

.in_list .text .area.about {
	overflow: hidden;
	text-align: center;
}

.in_contect .box .area.about .image {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	border: 4px solid #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
	height: auto;
}

.in_contect .box .area.about .text2 {
	display: inline-block;
	vertical-align: top;
	width: 67%;
	text-align: left;
	background: #fff;
	padding: 20px;
	margin: 0 0 0 15px;
	box-sizing: border-box;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
}
/*優惠專區*/
.category {
display: flex;
    align-items: center;
	padding: 6px 15px;
	margin: -25px 11px 20px 8px;
	background: #fff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.38);
}

.category span {
	display: inline-block;
	padding: 0 10px 0 0;
	vertical-align: middle;
}

.category .type {
	display: flex;
    	vertical-align: middle;
    	overflow: hidden;
    	flex-direction: row;
    	flex-wrap: nowrap;
}

.category .type li {
	display: inline-block;
	vertical-align: middle;
	padding: 10px 0;
}

.category .type .checkbox label {
	color: #373a65;
	background: #fff;
	padding: 6px 10px;
	cursor: pointer;
}

.category .checkbox [type="radio"] {
	display: none;
}

.category [type="radio"]:checked ~ label {
	background: #373a65;
	color: #fff;
}

.category [type="radio"] ~ label.all {
	color: #a51b21;
	background: #fff;
}

.category [type="radio"]:checked ~ label.all {
	background: #a51b21;
	color: #fff;
}


.category-name {
	padding: 0 12px 5px 12px;
	font-size: 14px;
}

.in_contect .box .category-name span {
	padding: 3px 4px;
	margin: 2px 0;
	line-height: 1.4;
	display: inline-block;
	text-align: center;
	color: #fff;
	background: #373a65;
}


/*優惠 內容頁*/
.in_list .text.sale_in {
	position: relative;
}

.in_list .text.sale_in .date {
	background: #a51b21;
	padding: 0 10px;
	font-size: 28px;
	color: #fff;
}

.in_list .text.sale_in .date b {
	font-size: 18px;
	padding: 0 5px 0 0;
	color: #ffd922;
}

.in_list .text.sale_in h2 .date {
	background: #ad2e33;
	font-size: 25px;
	color: #fff;
	padding: 20px 20px;
}
/*列表內容頁*/
.in_list .title {
	text-align: right;
	margin: 0 30px -5px 0;
}

.in_list .title span {
	display: inline-block;
	padding: 8px 15px 12px 15px;
	background: #373a65;
	border-radius: 5px;
	margin: 0 2px;
	color: #ffffff;
	font-size: 15px;
}

.in_list .text {
	background: url(../Images/bg2.png);
	padding: 30px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
	position: relative;
}

.in_list .text h2 {
	font-family: 'cwTeXMing', serif;
	font-size: 35px;
	font-weight: 600;
	color: #373a65;
	padding: 0 0 10px 0px;
	line-height: 1.2;
	margin: 10px 0 10px 0px;
	border-bottom: 1px solid #373a65;
}

.in_list .text h2 b {
	font-size: 25px;
	color: #fff;
	margin: 0 10px 0 0;
	padding: 3px 10px;
	background: #373a65;
	display: inline-block;
	vertical-align: text-top;
}

.in_list .text .area {
	padding: 10px 5px;
}
.in_list .text .area img {
           height: auto;
    	width: 100%;
    	margin: 0 auto;
        }
.in_list .text .subject {
	font-size: 20px;
	padding: 5px 0 5px 20px;
	position: relative;
	color: #a51b21;
	font-weight: 400;
}

.in_list .text .subject:before {
	content: "";
	position: absolute;
	top: 16px;
	left: 5px;
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background: #a51b21;
}

.in_list .text .area span {
	display: block;
	line-height: 1.5;
	margin: 0 0 0 20px;
}
        
@media screen and (max-width: 640px){
.in_list .text .area img {
           height: auto;
    	width: 100%;
    	margin: 0 auto;
        }

}
.Transaction .in_list .text .area span a {
	color: #8f3206;
}

.Transaction .text .area .sp {
	color: #fa0051;
	font-size: 16px;
	font-weight: 500;
}

.Transaction .in_list .text .area .sp2 {
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
    color: #353535;
    margin: 0 0 10px 20px;
    position: relative;
}
.Transaction .in_list .text .area .sp2::before{
    content: "★";
    position: absolute;
    top: 1px;
    left: -20px;
    color: #ff4318;
    font-size: 16px;
}
.Transaction .in_list .text .area .sp2 a{
    color: #ff4318;
    border-bottom: 1px solid #ff4318;
    margin: 0 10px;
}

.Transaction .in_list .text .form_subject{
    text-align:center;
    padding: 5px 0;
}
.Transaction .in_list .text .form_subject:before{
    display:none;
}
.Transaction  .in_list .form_content{
    background: #ffffffb8;
    padding: 20px;
    text-align: center;
    margin:10px 0;
}
.Transaction  .in_list .form_group{
    width:100%;
    margin:10px 0;
}
.Transaction  .in_list .form_group .form_title{
     display:inline-block;
    width: 20%;
    vertical-align:top;
    text-align: right;
    padding:5px;
}
.Transaction  .in_list .form_group .form_title i{
    color: #ff3000;
}
.Transaction  .in_list .form_group .form_input{
    display: inline-block;
    width: 75%;
    position: relative;
    text-align: left;
}
.Transaction  .in_list .form_group .form_input input , .Transaction  .in_list .form_group .form_input select{
   width: 79%;
    box-sizing: border-box;
    padding: 8px;
    border: 1px solid #ccc;
    vertical-align: top;
}
.Transaction .in_list .form_group .form_input .field-validation-error{
    display: inline-block;
    color: #ff3000;
    width: 20%;
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 5px;
    line-height: inherit;
}
.Transaction .in_list .form_group .form_input .field-validation-error span{
    margin:0;
}
.Transaction  .in_list .form_group2{
    margin:30px 0 0 0;
}
.Transaction  .in_list .form_group2 .form_input{
    display: inline-block;
    width: 22%;
}
.Transaction  .in_list .form_button{
    text-align:center;
}
.in_list .text .area .apply {
    display: inline-block;
    background: #a01e00;
    box-shadow: 0 3px 0 #6d1e00;
    border-radius: 5px;
    color: #fff;
    padding: 8px 20px;
    margin: 10px 0 0 0;
}

.in_list .text .area .apply:hover {
	box-shadow: 0 1px 0 #6d1e00;
	margin: 13px 0 -3px 0;
}

.Transaction  .in_list .form_thx{
    text-align: center;
    font-size: 25px;
    padding: 5px 0;
    color: #a51b21;
    font-weight: 700;
}
.Transaction  .in_list .form_thx2{
    text-align: center;
    font-size: 20px;
    padding: 5px 0;
    color: #444444;
    margin:0;
}



.in_list .text .area iframe {
	width: 100%;
	height: 500px;
}

.in_list .text .area .website {
	display: block;
	background: #f2eac9;
	border-radius: 5px;
	padding: 10px;
	margin: 5px 0 0 20px;
}

.in_list .text .area .website a {
	display: block;
	word-wrap: break-word; /*單字過長超過畫面的寬度，則換行*/
	word-break: break-all; /*若一單字過長超過畫面的寬度，則切斷單字，並換行*/
}

.in_list .text .area .Img {
	display: inline-block;
	width: 24%;
	height: 155px;
	margin: 8px 3px;
	box-sizing: border-box;
	border: 3px solid #fff;
	box-shadow: 0 0 3px #8c8c8c;
	overflow: hidden;
}

.in_list .text .area .Img.sp{
width: 60%;
    height: auto;
}
.in_list .text .area .Img.sp img{
width:100%;}

.in_list .text .area .item .Img {
	display: block;
   width: fit-content;
    height: 100%;
    margin: 0px auto;
    box-sizing: border-box;
    border: none;
    box-shadow: none;

}

.in_list .text .area .store_img .item {
	overflow: hidden;
	height: 350px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.in_list .text .area .store_img .owl-dots {
	margin: 10px 0 0 0;
}

.owl-theme .owl-dots .owl-dot span{
	margin:5px !important;
}

.in_list .text .area .download {
	display: inline-block;
	background: #d06a00;
	box-shadow: 0 3px 0 #964c00;
	border-radius: 5px;
	color: #fff;
	padding: 7px 20px;
	margin: 7px 0 0 20px;
}

.in_list .text .area .download:hover {
	box-shadow: 0 1px 0 #964c00;
	margin: 9px 0 -2px 20px;
}

@media screen and (max-width: 640px){
.in_list .text .area img {	
        height: auto;
        width: 100%;
        }
.in_list .text .area .Img.sp{	
        height: auto;
        width: 100%;
    	margin: 5px auto;
        }
.in_list .text .subject.subject2{
padding: 5px 0;
	}
}

/*最新消息*/
.in_contect .contect .box {
	display: block;
	margin: 0 0 15px 0;
	background: #fff;
	color: #333;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}
/*優惠專區*/
.in_contect .contect .box.sale_box {
	border-right: 4px solid #a51b21;
	position: relative;
	margin: 40px 0;
}

.in_contect .contect.color .box.sale_box .text b {
	background: #ff5e00;
	color: #fff;
	display: inline-block;
	padding: 5px 10px;
	margin: 0 5px 0 0;
}

.in_contect h2 {
	font-family: 'cwTeXMing', serif;
	font-size: 35px;
	font-weight: 600;
	color: #373a65;
	padding: 0 0 15px 0px;
	line-height: 1.2;
	margin: 5px 0 40px 0px;
	border-bottom: 1px solid #373a65;
}

.in_contect .contect .box span {
	display: inline-block;
	vertical-align: middle;
}

.in_contect .contect .box .date {
	color: #fff;
	font-weight: 500;
	padding: 20px;
	font-size: 24px;
	transition: all 0.2s ease-out;
}

.in_contect .contect .box .date b {
	display: block;
	font-size: 16px;
	padding: 0 0 5px 0;
	letter-spacing: 4px;
}

.in_contect .contect .box .text {
	padding: 0 10px 0 15px;
	box-sizing: border-box;
	width: 80%;
	line-height: 1.4;
}

.in_contect .contect .box:hover .text {
	text-decoration: underline;
}

.in_contect .contect .box .text b {
	display: block;
	font-size: 15px;
}

.in_contect .bar {
	text-align: right;
}

.in_contect .bar .in {
	display: inline-block;
}

.in_contect .bar input {
	padding: 5px;
}

.in_contect .bar .search a {
	padding: 4px 10px;
	margin: 0 5px;
	font-size: 16px;
	vertical-align: middle;
	color: #fff;
}
/*論壇時程*/
.forumTime .title {
	text-align: right;
	margin: 0 30px -5px 0;
}

.forumTime .title span {
	display: inline-block;
	padding: 8px 15px 12px 15px;
	background: #373a65;
	border-radius: 5px;
	margin: 0 2px;
	color: #ffffff;
	font-size: 15px;
}

.schedule {
	background: url(../Images/bg2.png);
	padding: 30px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
	position: relative;
}

.schedule .sbox {
	padding: 15px 0;
}

.schedule .title {
	text-align: left;
	font-family: 'cwTeXMing', serif;
	font-size: 35px;
	font-weight: 600;
	color: #373a65;
	padding: 0 0 10px 0px;
	line-height: 1.2;
	margin: 5px 0 10px 0px;
	border-bottom: 1px solid #373a65;
}

.schedule .list:nth-child(odd) {
	background: #e1f2f0;
}

.schedule .list {
	overflow: hidden;
	font-size: 18px;
	padding: 10px;
	border-bottom: 1px dotted #a2a2a2;
}

.schedule .list .time {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 13%;
	background: #1ca4b1;
	padding: 5px 0;
	box-sizing: border-box;
	color: #fff;
}

.schedule .list .text {
	display: inline-block;
	vertical-align: middle;
	width: 85%;
	font-size: 20px;
	font-weight: 500;
	padding: 0 10px 5px 10px;
	box-sizing: border-box;
}

.schedule .list .text li .Q {
	font-weight: 300;
	font-size: 16px;
	color: #00555d;
	display: block;
	padding: 5px 0 0 0;
	cursor: pointer;
}

.schedule .list .text li .A {
	background: #dad5bc;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4;
	margin: 10px 0 0 0;
	padding: 20px;
	overflow: hidden;
}

.schedule .list .text li .A .left {
	float: left;
	width: 25%;
}

.schedule .list .text li .A .left img {
	width: 100%;
	border: 3px solid #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.38);
}

.schedule .list .text li .A .right {
	float: right;
	width: 70%;
}

.schedule .list .text .Q:hover {
	text-decoration: underline;
}
/*旅遊交易會*/
.Transaction {
	position: relative;
}

.Transaction .in_link {
	position: absolute;
	right: 0;
	top: 0;
}

.Transaction .in_link a {
	display: inline-block;
	background: #ffc472;
	color: #9b1a00;
	border-radius: 5px;
	padding: 5px 10px;
	box-sizing: border-box;
	margin: 0 5px;
}

.Transaction .in_link a:hover {
	background: #fff;
}

.Transaction .in_link2 {
	margin: 15px 0 0 0;
	text-align: right;
}

.Transaction .in_link2 i {
	margin: 0 0 0 5px;
}

.Transaction .in_link2 a {
	background: #e65050;
	color: #fff;
	padding: 5px 10px;
	margin: 0 5px 0 0;
}

.Transaction .tabs.title {
	margin: 0 30px -5px 0;
	padding: 0 0 0 10px;
}

.Transaction .tabs.title li {
	display: inline-block;
	padding: 8px 8px 12px 8px;
	background: #9b1a00;
	border-radius: 5px;
	margin: 0 2px;
	color: #ffffff;
	font-size: 15px;
}

.Transaction .tabs.title li.active {
	background: #e65050;
	padding: 12px 16px;
	font-size: 16px;
}

.Transaction .tabs.title li a {
	color: #fff;
}

.Transaction .tab_container.text .area .sp {
	color: #fa0051;
	font-size: 16px;
	font-weight: 500;
}

.Transaction .tab_container.text .area .step {
	display: block;
	padding: 0 15px;
}

.Transaction .tab_container.text .area .step span {
	display: inline-block;
	background: #1aa4c0;
	color: #fff;
	padding: 5px 15px;
	border-radius: 5px;
	margin: 10px 5px;
}

.Transaction .tab_container.text .area .step i {
	color: #ff9e0e;
}

.Transaction .tab_container.text .area span b {
	display: inline-block;
	vertical-align: top;
	width: 18%;
	margin: 5px;
	border: 1px solid #ccc;
	text-align: center;
}

.abgne_tab.Transaction .in_list {
	margin: 0;
}

.Transaction .in_list {
	margin: 15px 0;
}

.Transaction .in_list .text {
	overflow: hidden;
}

.Transaction .in_list .sbox {
	display: block;
	margin: 25px -2px 0px 0;
	padding: 15px;
	box-sizing: border-box;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.23);
	overflow: hidden;
	background: #fff;
}

.Transaction .in_list .sbox .img {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	width: 30%;
	margin: 0 -2px 0 0;
}

.Transaction .in_list .sbox .img img {
	width: 85%;
}

.Transaction .in_list .sbox .content {
	display: inline-block;
	vertical-align: middle;
	padding: 20px;
	box-sizing: border-box;
	margin: 0 -2px 0 0;
	background: #fff2d7;
	width: 70%;
}

.Transaction .in_list .sbox .content h3 {
	font-size: 20px;
	font-weight: 400;
	border-bottom: 2px dotted #b49473;
	padding: 0 0 5px 0;
	margin: 0 0 8px 0;
}

.Transaction .in_list .sbox .content p {
	display: inline-block;
	background: #ffffb1;
	font-weight: 400;
	margin: 0 0 5px 0;
	padding: 5px;
	color: #a51b21;
}

.Transaction .in_list .sbox .content a {
	color: #8f3206;
}

/*廠商專區 table*/

.rwd-table {
	background: #fff;
	min-width: 100%;
}

.rwd-table tr:nth-of-type(2n) {
	background: #eee;
}

.rwd-table th,
.rwd-table td {
	display: table-cell;
	vertical-align: middle;
	margin: 0.5em 1em;
	padding: 10px;
	border: 1px solid #858585;
}

.rwd-table th, .rwd-table td:before {
	color: #D20B2A;
	font-weight: bold;
}

.rwd-table td b {
	font-size: 14px;
	color: #f36e00;
	display: block;
}

.in_list .text .area .sarea {
	background: #ede9d2;
	font-size: 15px;
	margin: 10px 0 0 0;
	padding: 10px;
}

.Transaction .in_list .text .area span img {
	margin: 10px;
}

.Timetable .rwd-table td:nth-child(1) {
	width: 12%;
}

.Timetable .rwd-table td {
	width: 20%;
}

.Timetable .rwd-table td i {
	display: block;
	background: #ccc;
	width: 100%;
	height: 1px;
	margin: 10px 0;
}

.rwd-table th {
	display: none;
	text-align: center;
}

.rwd-table td {
	display: block;
}

.rwd-table td:before {
	/*content: attr(data-th) " : ";*/
	font-weight: bold;
	width: 100%;
	display: inline-block;
}

.rwd-table td {
	text-align: left;
}

.rwd-table th, .rwd-table td:before {
	color: #D20B2A;
	font-weight: bold;
}

@media (min-width: 768px) {

	.forum_say .rwd-table th:first-child,.forum_say .rwd-table td:first-child{
		width:18%;
		text-align:center;
	}

	.rwd-table th, .rwd-table td {
		display: table-cell;
		padding: 0.25em 0.5em;
	}

	.rwd-table th:first-child,
	.rwd-table td:first-child {
		padding-left: 0;
	}

	.rwd-table th:last-child,
	.rwd-table td:last-child {
		padding-right: 0;
	}

	.rwd-table th,
	.rwd-table td {
		padding: 1em !important;
	}
}

.Back {
	text-align: center;
	margin: -5px 0 0 0;
}

.Back a {
	cursor: pointer;
	display: inline-block;
	clear: both;
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 15px 20px 12px 20px;
	border-radius: 5px;
	transition: all .2s ease-out;
}

.Back a i {
	padding: 0 5px 0 0;
}

.pager {
	text-align: center;
}

.pager a {
	display: inline-block;
	padding: 3px 8px;
	font-size: 13px;
	border: 1px solid #CCC;
	margin: 0 5px;
	color: #333;
	transition: all 0.15s ease-out;
	border-radius:3px;
}

.pager a:hover {
	background: rgba(0,0,0,0.1);	
	transition: all 0.15s ease-out;
}
/*footer*/
.footer {
	background: url(../Images/footer_bg.png) no-repeat top center;
	background-size: cover;
	color: #ffe50d;
	padding: 20px 0 30px 0;
	overflow: hidden;
}

.footer .web_map {	
    display: flex;
    width: 80%;
    vertical-align: middle;
}

.footer .web_map li {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px;
	box-sizing: border-box;
}


.footer .web_map li:last-child {
	width: 30%;
}

.footer .web_map li p {
	border-bottom: 2px solid #ffe50d;
	text-align: center;
	padding: 10px 0;
	box-sizing: border-box;
	margin: 0 0 15px 0;
	position: relative;
}

.footer .web_map li p > a {
	position: absolute;
	right: 0;
	top: 5px;
	font-size: 13px;
}

.footer .web_map li a {
	color: #FFF;
	display: block;
	font-size: 15px;
	line-height: 2;
	box-sizing: border-box;
}

.footer .web_map li a:hover {
	background: rgba(255, 255, 255, 0.1);
}

.footer .web_map li span {
	display: inline-block;
	vertical-align: top;
	width: 48%;
}

.footer .link_logo .item {
	border-radius: 5px;
	border: 2px solid #fff;
	overflow: hidden;
        margin: 0 10px;
}

.footer .link_logo .item img {
	height: auto;
}

.footer .logo {
	display: flex;
    vertical-align: baseline;
    width: 28%;
    align-items: center;
    justify-content: flex-end;
}

.footer .logo img {
	display: inline-block;
	vertical-align: middle;
	width: 40%;
}

.footer .logo .text {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	font-size: 14px;
	padding: 0 0 0 10px;
	margin: 10px 0;
}

.footer .logo .text span {
	color: #fff;
}

.footer2 {
	color: #fff;
	padding: 15px 0;
	font-size: 14px;
}

.footer2 .down-l {
	display: inline-block;
	width: 70%;
	vertical-align: middle;
}

.footer2 .down-r {
	display: inline-block;
	vertical-align: middle;
	width: 25%;
}

.footer2 .down-r img {
	width: 100%;
}

.Booth {
}

    .Booth .list {
        box-sizing: border-box;
        padding: 0 0 35px 0;
        position: relative;
    }

        .Booth .list:last-child {
            padding: 0;
        }

        .Booth .list:after {
            content: '';
            display: block;
            height: 1px;
            background: #1f5eb6;
            width: 100%;
            position: absolute;
            left: 0;
            top: 28px;
            z-index: 0;
        }

        .Booth .list .time {
            background: #1f5eb6;
            border-radius: 30px;
            color: #FFF;
            padding: 12px;
            width: 250px;
            font-weight: 500;
            font-size: 20px;
            text-align: center;
            letter-spacing: 1px;
            margin: 0 0 15px 0;
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }



        .Booth .list .text_b {
            display: flex;
            flex-flow: wrap row;
            border-bottom: 1px dashed #DDD;
            padding: 15px;
            align-items: center;
        }

            .Booth .list .text_b b {
                width: 80px;
                text-align: center;
                font-weight: 500;
                background: #1f5eb6;
                color: #FFF;
                padding: 5px 0;
            }

            .Booth .list .text_b .one {
                width: calc(40% - 80px);
                padding: 0 15px;
                box-sizing: border-box;
                font-weight: 500;
                color: #9b1a00;
            }

            .Booth .list .text_b .two {
                width: 60%;
                padding: 0 0 0 15px;
                box-sizing: border-box;
            }

@media screen and (max-width: 768px) {
.Booth .list .text_b .one {
               width: 65%;
padding:0 0 0 5px;
            }

.Booth .list .text_b .two {
                width: 100%;
                padding: 5px 0;
            }

}

.sale_banner {
}

    .sale_banner a {
        display: flex;
        background-size: cover;
        background: url(../Images/BannerTVA.jpg);
        background-position: center;
        min-height: 510px;
        justify-content: center;
        align-items: flex-start;
    }

.sale_banner a img {
	max-width: 1038px;
	width: 95%;
}

.sale_banner .two {
	display: none;
}

.main_banner_one {
	background: url(../Images/bgbg01.jpg);
	background-size: cover;
	background-position: center;
	padding: 30px 0;
	display: none;
}

.main_banner_one h2 {
	width: 80%;
}

.main_banner_one h2 img {
	width: 100%;
}

@media screen and (max-width: 1024px) {
	.main_banner_one {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
	}
}

/*浮動視窗------------------------------------------------------------------------------*/
.fly_bn {
    padding: 20px;
    border: 3px solid #fff;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.43);
    position: fixed;
    right: 40px;
    bottom: 50px;
    width: 205px;
    background: url(../Images/fly-bg.png);
    z-index: 999;
}

@media screen and (max-width: 1024px) {
    .fly_bn {
        display: block;
        position: relative;
        width: auto;
        margin: 10px;
        right: 0;
        box-sizing: border-box;
        clear: both;
        bottom: 0;
        z-index: inherit;
        padding: 0 10px;
    }
}

@media screen and (max-width: 1024px) {
    .fly_bn .close {
        display: none;
    }
}

.fly_bn .x {
    position: absolute;
    top: -30px;
    right: -30px;
    width: 55px;
    z-index: 6;
}

@media screen and (max-width: 1024px) {
    .fly_bn .x {
        display: none;
    }
}

.fly_bn .box {
    display: block;
    position: relative;
    margin: 0 auto;
}

    .fly_bn .box .chef {
        position: absolute;
        top: -147px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 200px;
    }

@media screen and (max-width: 1024px) {
.fly_bn .box{
display: flex;
    flex-direction: row;
    align-items: center;
}


    .fly_bn .box .chef {
        position: initial;
        display: block;
        width: 140px;
        padding: 10px 10px 0 0;
    }
}

.fly_bn .box p {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.43);
    color: #02825c;
    font-weight: bold;
    position: relative;
}

@media screen and (max-width: 1024px) {
    .fly_bn .box p {
        margin: 0;
        text-align: center;
        padding: 10px;
        width: 80%;
    }
}

.fly_bn .box p span {
    display: block;
    text-align: center;
    background: #02825c;
    border-radius: 5px;
    color: #fff;
    margin: 0 0 5px 0;
}

.index-Information{
 display: none;
}
@media screen and (max-width: 1060px) {
.index-Information{
    display: inline-block;
    position: absolute;
    right: 124px;
    top: 45px;
    color: #a51b21;
    font-weight: 500;
    font-size: 1.1rem;
}
}
@media screen and (max-width: 1600px) {
    .index-mslider .main_icon a{
        margin:5px 0;
    }
    .index-mslider .main_icon {
        position: absolute;
        z-index: 994;
        right: 7%;
        width: 110px;
        top: 20%;
    }
    .index-mslider .main_icon li{
        display: inline-block;
        width: 100%;
    }
    
}
@media screen and (max-width: 1060px) {
    .sppp{ display:none;}
body.focus, html.focus {
    overflow-y: hidden;  
}
.schedule .list .time,.schedule .list .text{
    display: block;
    width: 100%;
    margin: 10px 0;
}
.header-index .nav .language select option{background:#ccc;}
/*顏色*/
.color .nav li{
    background: #810b10;
}
.color .menu-btn{
    background: rgb(165, 27, 33);
}

.menu-btn {
    display: inline-block;
    color: #FFF;
    padding: 30px 20px;
    z-index: 9999;
    position: absolute;
    cursor: pointer;
    right: 1%;
}
.header .logoIndex {
    float:left;
}
.header .nav{
    overflow: hidden;
    z-index: 9999;
    position:inherit;
}
.header .index-mslider{
    margin:0;
}
.header .nav ul {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    display:block;
    position: fixed;
    text-align: center;
    
    right: -250px;
    top: 0;
    width: 250px;
    overflow-y: scroll;
    transition: all 0.2s ease-out;
    z-index: 99999;
}
.header .nav li{
    display: block;
    position: static;
    width: auto;
    padding:0;
}
.header .nav li.language{
    background:rgb(56, 56, 56)
}
.header .nav li > a{
    display: block;
    color: #ffffff;
    font-size: 19px;
    letter-spacing: 2px;
    padding: 20px 0;
}
.header .nav li i{
    display:none;
}
.header .nav ul.focus {
    right: 0;
}
.index-mslider .people{
    display:none;
}
.black {
        width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 9998;
}
.black.focus {
    display: block;
}
.header .nav li .down-menu {
    position: static;
    display: block;
    background: url(../Images/bg.jpg);
    width: auto;
    top: 0;
}
.header .nav .language select ,.header-in.color .nav .language select{
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: center;
    padding: 10px 60px;
    margin: 15px 0;
    box-sizing: border-box;
    border-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #CCC;
    background: #ccc;
    color: #000;
    position:relative;
}
.header .nav .language select:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 7px 0 7px;
    border-color: #f57d08 transparent transparent transparent;
    position: absolute;
    top: 5px;
    right: 15px;
    display: block;
    pointer-events: none;
}
/*跑馬燈*/
.marquee_box {
    padding: 0;
    bottom: -194px;
}
.marquee_box ul.marquee{
    overflow:initial;
    top:0;
    height: 100%;
}
.marquee_box ul.marquee li{
    position: static;
    padding: 15px 0;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.4);
}
.marquee_box  b{
    display: block;
}
.index-mslider .main_icon{
    position: static;
    width:100%;
}
.index-mslider .main_icon li{
    width: 20%;
    vertical-align:middle;
    margin: 0 -3px 0 -1px;
}
.index-mslider .main_icon a{
    width:100%;
    min-height:110px;
    border-radius:inherit;
    margin: 0;
    box-shadow:none;
}
/*中間頁籤*/
.main_tab .tabs{  height:auto ;}
/*.main_tab.owl-carousel .owl-stage-outer{
    height:auto !important;
}*/
.main_tab.owl-carousel .owl-stage-outer{
    max-height:1100px;
}
.main_tab .item{
    padding: 60px 0 300px 0;
    background-position: left bottom;
    background-size: contain;
    background-color: #64b9fa;
}
.main_tab .title {
    float: none;
    width: 100%;
    color: #fff;
    text-align: center;
}

.main_tab .title a{
    position: absolute;
    right: 0;
    left: 0;
    bottom: -80px;
    padding: 15px;
    font-size: 20px;
}
.main_tab .abgne_tab {
    float: none;
    width: 100%;
    margin: 100px 0 0 0;
}
.main_tab .tabs , .main_tab .tabs li , .main_tab .tab_container{ border:none;}
.main_tab .tabs li{ width:49%;}
.main_tab .owl-nav .owl-prev,.main_tab .owl-nav .owl-next{ 
    position:absolute;
    top:auto;
    bottom: 17%;

}

.category .type li {
    display: inline-block;
    vertical-align: middle;
}
/*廠商專區*/
.main_industry .box h3{
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
/*內頁開始*/
.in_banner {
    background-position: 45%;
}
/*footer*/
.footer .web_map{
    width:100%;
    text-align: center;
}
.footer .web_map li{
    width:49% ;
}
.footer .logo{
    width: 100%;
    text-align: center;
    margin: 45px 0 0 0;
}
}

@media screen and (max-width: 768px) {
	.sppp {
		display: none;
	}

	.Jumpbox {
		width: 60%;
	}

	.header .nav ul {
		-webkit-overflow-scrolling: touch;
	}

	.header .index-mslider h2 {
		width: 36%;
    		top: 21%;
	}

	.index-mslider .main_banner .owl-nav .owl-prev, .index-mslider .main_banner .owl-nav .owl-next {
		font-size: 20px;
		padding: 4px 10px;
	}

	.marquee_box {
		position: static;
	}

	.marquee_box ul.marquee {
		overflow: initial;
		top: 0;
		height: 100%;
		width: auto;
		padding: 0 10px;
	}

	.in_list .text .area .store_img .item {
		height: auto;
		min-height: 250px;
	}

	.marquee_box ul.marquee li a {
		line-height: 1.7;
	}

	.index-mslider .main_icon li {
		width: 100%;
	}

	.index-mslider .main_icon a span {
		font-size: 18px;
	}
	/*頁籤*/
	.main_tab.owl-carousel .owl-stage-outer {
		max-height: 1850px;
	}

	.main_tab {
		margin: 0;
	}

	.main_tab .owl-nav .owl-prev, .main_tab .owl-nav .owl-next {
		bottom: 3%;
	}

	.main_tab .item {
		padding: 60px 0 160px 0;
	}

	.main_tab .tab_container .tab_content .box {
		display: block;
		width: auto;
	}

	.main_tab .tabs, .main_tab .tabs li {
		height: auto;
	}

	.main_tab .tabs li a {
		display: block;
		text-align: center;
		padding: 7px;
	}
	/*.main_tab.owl-carousel .owl-stage-outer{
            overflow: inherit;
            height: 100% !important;
    }*/
	/*廠商專區*/
	.main_industry .box_bg1, .main_industry .box_bg2 {
		background-image: none;
	}

	.main_industry .box a.bottom {
		font-size: 16px;
		text-align: left;
	}

	.main_industry .box {
		display: block;
		width: 100%;
		margin: 0 0 20px 0;
	}

	.main_industry .box h3 {
		text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	}
	/*麵包屑*/

	/*內頁*/
	.in_banner {
		min-height: 355px;
	}

	.in_banner .text {
		text-align: center;
	}

	.in_banner p {
		font-size: 50px;
		line-height: 1;
	}

	.in_tab .tab_content .box {
		width: 50%;
	}

	.in_contect .box.inline3, .in_contect .box.inline5 {
		width: 100%;
	}

	.in_tab .tabs li {
		width: 33%;
		border: none;
	}

	.in_tab .tabs li:last-child {
		display: block;
		position: initial;
		border: none;
		height: auto;
		width: 100%;
		text-align: center;
		padding: 20px 0;
	}

	.in_tab .tabs .search input {
		width: 70%;
	}

	.in_list .text {
		padding: 20px;
	}

	.in_list .text.sale_in {
		margin: 15px 0 0 0;
	}

	.in_contect .contect .box.sale_box {
		border-right: 0;
	}

	.in_contect .box .area.about .text2 {
		width: 100%;
		margin: 10px 0;
	}

	.in_contect .box .area.about .image {
		width: 98%;
		margin: 0;
	}

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

	.category {
		padding: 6px 8px;
	}



	.category .type .checkbox label {
		display: block;
		padding: 10px;
	}

	.category span {
		margin: 0 0 5px 0;
	}



	.category span {
		margin: 0 0 5px 0;
	}
	/*列表內容頁*/
	.in_contect {
		padding: 25px 0;
	}

	.in_list .title, .forumTime .title {
		text-align: left;
		margin: 0 0 10px 0;
	}

	.in_list .text h2 {
		font-size: 30px;
	}

	.in_list .title span, .forumTime .title span {
		display: block;
		padding: 8px 15px;
		margin: 5px;
	}

	.in_list .text .area span {
		margin: 0;
	}

	.in_list .text .area .website {
		margin: 5px 0 0 0;
	}

	.in_list .text .area .download {
		display: block;
		text-align: center;
		margin: 7px 0 0 0;
		padding: 12px 20px;
	}

	.in_list .text .area .download:hover {
		margin: 9px 0 -2px 0;
	}

	.in_contect .contect .box .date {
		display: block;
		text-align: center;
	}

	.in_contect .contect .box .text {
		width: 100%;
		padding: 10px 10px 10px 15px;
	}

	.in_list .text .area .Img {
		width: 100%;
		height: auto;
	}

	.in_contect .sync1 .owl-item h1 {
		padding: 5px 0;
	}

	.in_contect .sync1 .owl-prev {
		left: 0;
		top: 10px;
	}

	.in_contect .sync1 .owl-next {
		right: 0;
		top: 10px;
	}

	.in_contect .bar .in {
		display: block;
		text-align: center;
	}

	.in_contect .select {
		padding: 0;
		text-align: left;
	}

	.in_contect .select select {
		width: 100%;
		margin: 10px 0 15px 0;
		padding: 10px 0;
	}

	.in_contect .bar input {
		padding: 15px 5px;
		width: 100%;
		box-sizing: border-box;
	}

	.in_contect .bar .search a {
		display: block;
		margin: 5px 0 25px 0;
		padding: 10px 0;
	}

	.schedule .list .text li .A .left, .schedule .list .text li .A .right {
		float: none;
		width: 100%;
	}

	.Transaction .in_link {
		position: inherit;
	}

	.Transaction .in_link a {
		display: block;
		text-align: center;
		width: 100%;
		margin: 10px 0;
		padding: 12px;
	}

	.Transaction .in_link2 a {
		width: 100%;
		display: block;
		text-align: center;
		margin: 10px 0;
		padding: 15px;
	}

	.Transaction .tabs.title {
		margin: 0 0 12px 0;
		padding: 0;
	}

	.Transaction .tabs.title li {
		width: 50%;
		font-size: 16px;
		box-sizing: border-box;
		padding: 12px 22px;
		margin: 0 -2px 10px 0;
	}

	.Transaction .tab_container.text .area span b {
		width: 100%;
	}

	.Transaction .tab_container.text .area .step span {
		display: inline-block;
		width: 80%;
		padding: 5px 15px;
		border-radius: 5px;
		margin: 5px 5px;
	}

	.Transaction .in_list .sbox .img, .Transaction .in_list .sbox .content {
		width: 100%;
	}

	.Transaction .in_list .text.text_tb {
		padding: 15px;
	}
	/*表格*/
	.Timetable .rwd-table {
		min-width: 100%;
	}

	.Timetable .rwd-table th {
		display: none;
	}

	.Timetable .rwd-table td {
		text-align: left;
		font-size: 15px;
		overflow: hidden;
		display: block;
	}

	.Timetable .rwd-table td:nth-child(1) {
		width: auto;
	}

	.Timetable .rwd-table td {
		width: auto;
	}

	.Timetable .rwd-table td:before {
		content: attr(data-th) " : ";
		display: inline-block;
		text-transform: uppercase;
		font-weight: bold;
		margin-right: 10px;
		color: #D20B2A;
	}

	.Timetable .rwd-table td.sp:before {
		color: #1b96d2;
	}
	/*當RWD縮小的時候.table-bordered 會有兩條線，所以針對.table-bordered去做修正*/
	.Timetable .rwd-table.table-bordered td, .table-rwd.table-bordered th, .table-rwd.table-bordered {
		border: 0;
	}

	.footer .web_map li, .footer .web_map li:first-child, .footer .web_map li:last-child {
		width: 100%;
		text-align: left;
		margin: 0 0 15px 0;
	}

	.footer .web_map li p {
		font-size: 18px;
	}

	.footer .web_map li span {
		display: initial;
		vertical-align: top;
		width: 100%;
	}

	.footer .web_map li a {
		padding: 15px 5px;
		width: 49%;
		font-size: 16px;
		display: inline-block;
		vertical-align: top;
	}

	.footer .link_logo .item a {
		padding: 0;
		width: 100%;
		display: block;
	}

	.content_box {
		display: inline-block;
		margin: 8px -2px 8px -1px;
		overflow: hidden;
		width: 100%;
	}

	.sale_banner .one {
		display: none;
	}

	.sale_banner .two {
		display: block;
		max-height: 340px;
		width: auto;
	}
    .in_list .text .area span .icon{
        width:100%;
    }

      /*申請表*/
    .in_list .text .area .apply{
        display:block;
    }
    .Transaction .in_list .form_content{
        text-align:left;
    }
   .Transaction .in_list .form_group .form_title , .Transaction .in_list .form_group .form_input,.Transaction .in_list .form_group2 .form_input{
        display:block;
       width:100%;
       margin: 0 0 10px 0;
       text-align: left;
       padding:0;
   }
      .Transaction .in_list .form_group .form_input input{
       width:100%;
   }
   .Transaction .in_list .form_group .form_input .field-validation-error{
       width:100%;
   }
}

@media screen and (max-width: 640px) {
	.in_tab .tab_content .box {
		width: 100%;
	}

	.in_list .text .area .store_img .item {
		height: 100%;
		min-height: 150px;
	}
}