/*  reset  */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote,.table_style th,.table_style td {
	margin:0;
	padding:0;
}
.table_style{
	border-collapse:initial;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
img{
	margin:0px;
	padding:0px;
	}
/*address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}*/
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
.ul{
	list-style:none;
	}
.lileft li{
	float:left;
	}
input,button{
	border:none;
	outline:none;
	}
button,.cursor{
	cursor:pointer;
	}
textarea{
	resize:vertical;
	border:1px solid #dddddd;
	padding:10px;
	}
a,a:hover{
	text-decoration:none;
	}
a{
	color:#555;
	}
a:hover{
	color:#5e4896;
	}
.strong{
	font-weight:bold;
	}
.text_line{
	text-decoration:underline;
	}
/*對齊 共用樣式*/
.center{
	text-align:center;
	}
.align_right{
	text-align:right;
	}
/*行內樣式*/
.inline_block{
	display:inline-block;
	*display:inline;
	*zoom:1;
	}
/*圖片垂直置中共用樣式*/
.img_box{
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	*position:relative;
	}
.img_link{
	height:auto;
	z-index:1;
	display:inline-block;
	*display:inline;
	*zoom:1;
	*position:absolute;
	*top:50%;
	}
.align_middle{
	*position:relative;
	*top:-50%;
	*left:-50%;
	}
.align_img{
	vertical-align:middle;
	}
/*scrolbal 共用樣式*/
.scroll_style{
	overflow:hidden;
	position:relative;
	}
.scroll_area{
	left:0px;
	position:absolute;
	top:0px;
	width:9999px;
	}
/*漸變樣式*/
.hover_style .hover_item{
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=1);
	transition:opacity 1s;
	-webkit-transition:opacity 1s;
	-o-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-ms-transition:opacity 1s;
	}
.hover_style:hover .hover_item{
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
	transition:opacity 1s;
	-webkit-transition:opacity 1s;
	-o-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-ms-transition:opacity 1s;
	}
.user_edit ul,.user_edit ol{
	padding:0px 0px 0px 20px;
	}
.ui_img{
	width:100%;
	}
body,html{
	width:100%;
	height:100%;
	}
*{
	box-sizing:border-box;
	}
/*================================reset================================*/
body{
	font-size:16px;
	color:#555;
	font-family:Arial,'微軟正黑體', Helvetica, sans-serif;
	line-height:25px;
	letter-spacing:0.15em;
	}
.wrapper{
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:1;
	}
.relative{
	position:relative;
	}
.clearfix:after { /* FF, IE8, O, S, etc. */
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
	}
.clearfix{
	zoom:1;
	}
.clear{
	clear:both;
	}
.fleft,.r_left{
	float:left;
	}
.fright,.r_right{
	float:right;
	}
.logo,.seo{
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
        -webkit-text-fill-color: transparent;
	font:0/0 serif \9;
	text-shadow:none \9;
	color:transparent \9;
	}
.logo {
	display:block;
	width:172px;
	height:103px;
	cursor:pointer;
	background:url(../../../image/default_theme/logo.png) top center no-repeat;
	}
.main{
	width:920px;
	margin:0px auto;
	}
.content_box{
	padding-top:70px;
}
h2{
	line-height:50px;
	font-size:43px;
	}
h3{
	font-size:24px;
	}
.h3{
	line-height:50px;
	font-size:36px;
	}
.h4{
	font-size:18px;
	}
.col_purple{
	color:#5e4a93;
	}
.col_green{
	color:#008f87;
	}
.col_blue{
	color:#32bdc5;
	}
.marb_10{
	margin-bottom:10px;
	}
.marb_20{
	margin-bottom:20px;
	}
.marb_30{
	margin-bottom:30px;
	}
.marb_40{
	margin-bottom:40px;
	}
.marb_60{
	margin-bottom:60px;
	}
.marb_80{
	margin-bottom:80px;
	}
.title_style{
	margin-bottom:35px;
	}
.title_style .title_note{
	padding-top:20px;
	}
/*top*/
.top{
	width: 100%;
	background:#fff;
	position:fixed;
	z-index:2;
	height:70px;
	border-bottom:5px solid #5e4896;
	z-index:10;
	}

.top .logo{
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-86px;
	}
.top .top_reservation{
	display:none;
	}
.top ul li a{
	display:block;
	font-weight:bold;
	line-height:70px;
	}
.top ul.nav_left li{
	margin-right:60px;
	}
.top ul.nav_right li{
	margin-left:60px;
	}
.top .small_menu{
	display: none;
}
/*banner*/
.banner{
	z-index:1;
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
	top:-75px;
	padding-top:75px;
	margin-bottom: -75px;
	}
.banner .wrapper{
	height:100%;
	}
.banner .banner_img{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	}
.banner .banner_item{
	width:33.333%;
	height:100%;
	cursor: pointer;	
	}
.banner .banner_item img{
	min-width:100%;
	min-height:100%;
	}
.banner .dot{
	z-index:2;
	width:100%;
	height:22px;
	position:absolute;
	bottom:60px;
	left:0px;
	}
.banner .dot .dot_span{
	margin:0px 5px;
	cursor:pointer;
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:22px;
	height:22px;
	background:url(../../../image/default_theme/banner_dot_o.png) 50% 50% no-repeat;
	}
.banner .dot .dot_span.now,.banner .dot .dot_span:hover{
	background:url(../../../image/default_theme/banner_dot_s.png) 50% 50% no-repeat;
	}
.index_content{
	margin-top:-75px;
	}
/*area_3*/
.area_3{
	padding:110px 0px 100px 0px;
	background-image:url(../../../image/default_theme/area_3_bg.png);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#fff7f8;
	}
.area_3 .scroll_item{
	margin-bottom:60px;
        z-index:1;
	}
.area_3 .witness_item{
	margin-bottom:30px;
	}
.area_3 .scroll_item .witness_item:last-child{
	margin-bottom:0px;
	}
.area_3 .witness_item .r_left{
	text-align:center;
	font-weight:bold;
	color:#ae4c3b;
	width:386px;
	cursor: pointer;
	}
.area_3 .witness_item .r_left li:first-child{
	margin-right:25px;
	}
.area_3 .witness_item .right_part{
	margin-left:451px;
	cursor: pointer;
	}
.area_3 .witness_item .right_part .img_box{
	text-align:left;
	height:180px;
	}
.area_3 .witness_item .right_part .img_link{
	height:auto;
	}
.area_3 .witness_item h3{
	margin-bottom:15px;
	}
.area_3 .witness_item h3 a{
	display:block;
	line-height:30px;
	}
.page_show{
	display:none;
	}
.area_3 .dot{
	height:22px;
	text-align:center;
	}
.area_3 .dot .dot_span{
	cursor:pointer;
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:22px;
	height:22px;
	background:url(../../../image/default_theme/area_4_dot_o.png) 50% 50% no-repeat;
	margin:0px 5px;
	}
.area_3 .dot .dot_span.now,.area_3 .dot .dot_span:hover{
	background:url(../../../image/default_theme/area_4_dot_s.png) 50% 50% no-repeat;
	}
.form_btn{
	cursor:pointer;
	height:40px;
	line-height:40px;
	color:#fff;
	background:#ff7140;
	border-radius:2px;
	}
.form_btn:hover{
	background:#f95a23;
	}
.form_btn p img{
	vertical-align:middle;
	margin-left:10px;
	font-size:21px;
	}
.compare_table{
	border-left:1px solid #ccc;
	}
.compare_table td{
	background:#fff;
	position:relative;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px 5px;
	text-align:center;
	}
.compare_table tr:first-child td{
	background:#ff7140;
	box-shadow:0px 3px 3px #d24413 inset;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	}
.compare_table tr:first-child td:first-child{
	color:#fff;
	}
.compare_table tr td:first-child{
	color:#bc5431;
	font-weight:bold;
	text-align:left;
	padding-left:30px;
	}
.compare_table .good{
	position:absolute;
	top:-5px;
	display:block;
	width:55px;
	height:54px;
	background:url(../../../image/default_theme/landing_index_2_3_147.png) top center no-repeat;
	}
.compare_table .good.left{
	left:20px;
	}
.compare_table .good.right{
	right:20px;
	}
/*area_7*/
.area_7{
	padding:60px 0px 105px 0px;
	background:url(../../../image/default_theme/area_7_bg.jpg) top center no-repeat;
background-size:cover;
	}
.video_box{
	width:920px;
	height:520px;
	margin:0px auto;
	position:relative;
	overflow:hidden;
	}
.video_box .video_item img{
	width:100%;
	height:100%;
	}
.area_7 .video_txt{
	width:700px;
	margin:0px auto;
	}
.video_box .play_btn{
	position:absolute;
	width:95px;
	height:95px;
	top:50%;
	left:50%;
	margin:-47px 0px 0px -47px;
	cursor:pointer;
	background:url(../../../image/default_theme/landing_index_2_3_154.png) top center no-repeat;
	}
.video_box .play_btn img{
	width:100%;
	height:auto;
	}
/*
.video_box .play_btn:hover{
	background:url(../../../image/default_theme/landing_index_2_3_154_s.png) top center no-repeat;
	}
*/
/*area_8*/
.area_8{
	background-color:#f8fbff;
	padding:110px 0px 70px 0px;
	background-image:url(../../../image/default_theme/area_8_bg.png);
	background-position:top center;
	background-repeat:no-repeat;
background-size:cover;
	}
.area_8 .scroll_item{
	height:510px;
	width:920px;
	margin-bottom:30px;
        z-index:1;
	}
.area_8 .scroll_item ul li{
	width:280px;
	height:240px;
	border:3px solid #60d9e1;
	background:#44c2cb;
	padding:20px;
	margin:0px 40px 30px 0px;
	color:#ecfcfd;
	cursor: pointer;
	}
.area_8 .scroll_item ul li a{
	color:#fff;
	}
.area_8 .scroll_item ul li:nth-child(3n+3){
	margin-right:0px;
	}
.area_8 .scroll_item ul li:nth-child(4),.area_8 .scroll_item ul li:nth-child(5),.area_8 .scroll_item ul li:nth-child(6){
	margin-bottom:0px;
	}
.area_8 .scroll_item ul li .q{
	color:#fff;
	font-size:24px;
	font-weight:bold;
	margin-bottom:20px;
	}
.area_8 .scroll_item ul li h3{
	margin-bottom:10px;
	}
.area_8 .scroll_item ul li h3 a{
	display:block;
	line-height:30px;
	height:90px;
	overflow:hidden;
	font-weight: normal;
	}
.area_8 .scroll_item ul li p.txt{
	height:44px;
	overflow:hidden;
	}
.area_8 .dot{
	text-align:center;
	}
.area_8 .dot .dot_span{
	cursor:pointer;
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:22px;
	height:22px;
	margin:0px 5px;
	background:url(../../../image/default_theme/area_8_dot_o.png) 50% 50% no-repeat;
	}
.area_8 .dot .dot_span.now,.area_8 .dot .dot_span:hover{
	background:url(../../../image/default_theme/area_8_dot_s.png) 50% 50% no-repeat;
	}
/*area_9*/
.area_9 img{
	width:100%;
	}

/*footer*/
.footer{
	padding:30px 0px;
	border-top:3px solid #634d9b;
	}
.footer .logo_style{
	width:78px;
	height:82px;
	background:url(../../../image/default_theme/FOOTER_1.png) top center no-repeat;
	}
.footer .right_part{
	margin:0px 210px 0px 130px;
	}
.footer .right_part ul{
	width:100%;
	height:22px;
	margin-bottom:15px;
	}
.footer .right_part ul li:first-child a{
	margin-left:0px;
	}
.footer .right_part ul li a{
	font-weight:bold;
	color:#333;
	display:block;
	float:left;
	margin:0px 5px;
	}
.footer .right_part .info,.footer .right_part h6,.footer .right_part h6 a{
	color:#634d9b;
	font-size:14px;
	}
.footer .right_part .info p:first-child{
	margin-right:20px;
	}
.footer .right_part .info span{
	margin-right:10px;
	}
.footer .right_part h6{
	font-weight:normal;
	}
.footer .share{
	font-weight:bold;
	}
.footer .share p{
	margin-bottom:20px;
	text-align:right;
	}
.footer .share a{
	display:block;
	width:35px;
	height:35px;
	float:left;
	margin-left:10px;
	}
.footer .share a.fb{
	background:url(../../../image/default_theme/FOOTER_fb.png) top center no-repeat;
	}
.footer .share a.twitter{
	background:url(../../../image/default_theme/FOOTER_twitter.png) top center no-repeat;
	}
.footer .share a.google{
	background:url(../../../image/default_theme/FOOTER_google.jpg) top center no-repeat;
	}
.slide_menu{
	position:fixed;
	top:200px;
	right:40px;
	z-index:10;
	font-size:16px;
	color:#907fb2;
	text-align:right;
	font-weight:bold;
	}
.slide_menu ul li{
	clear:both;
	float:right;
	cursor:pointer;
	width:22px;
	height:22px;
	margin:10px 0px;
	background:url(../../../image/default_theme/area_4_dot_o.png) 50% 50% no-repeat;
	}
.slide_menu ul li p{
	display:none;
	}
.slide_menu ul li.now,.slide_menu ul li:hover{
	width:auto;
	padding-right:40px;
	background:url(../../../image/default_theme/area_4_dot_s.png) right 50% no-repeat;
	}
.slide_menu ul li.now p,.slide_menu ul li:hover p{
	display:block;
	}
.slide_menu ul li.m_reservation_btn{
	width:47px;
	height:103px;
	background:url(../../../image/default_theme/landing_index_2_3_3.png) right 50% no-repeat;
	margin-right:-12px;
	}
.slide_menu ul li.gotop{
	width:46px;
	height:45px;
	background:url(../../../image/default_theme/landing_index_2_3_07.png) right 50% no-repeat;
	margin-right:-12px;
	}
.white_bg{
	position:fixed;
	z-index:10;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.8) ;
	}
.top_box{
	
	position:fixed;
	top:200px;
	left:50%;
	margin-left:-250px;
	z-index:11;
	}
.login_box{
	padding:30px 35px;
	background:#fff;
	width:500px;
	box-shadow:0px 1px 5px rgba(0,0,0,0.6);
	box-sizing:border-box;
	behavior:url(js/PIE.htc);
	}
button.nono{
	background:url(../../../image/default_theme/nono_3.png)no-repeat top center;
	width:30px;
	height:30px;
	position:absolute;
	top:20px;
	right:40px;
	}
.mar_btom_30{
	margin-bottom:30px;
	}
.mar_top_15{
	margin-top:15px;
	}
.mar_right_15{
	margin-right:15px;
	}
.mar_top_15{
	margin-top: 15px;
	}
.text_align{
	text-align:center;
	}
.font_siz_28{
	font-size:28px;
	}
.input_all{
	height:49px;
	line-height:49px;
	}
.input_all,.contact_txt{
	padding:20px;
	font-size:15px;
	border:1px solid #c4c4c4;
	box-sizing:border-box;
	behavior:url(js/PIE.htc);
	}
.select{
	padding:15px 15px;
	color:#888;
}
.select > option{
	color:#888;
}
.w_133{
	width:133px;
}
.w_207{
	width:207px;
	}
.w_430{
	width:430px;
	}
.w_177{
	width:177px;
	}
.security{
	overflow:hidden;
	width:197px;
	height:49px;
	border:1px solid #c4c4c4;
	}
.security img{
	max-width:197px;
	max-height:49px;
	display:block;
	}
.re{
	background:url(../../../image/default_theme/re.png)no-repeat 0px 50%;
	width:26px;
	height:49px;
	}
.mar_top_40{
	margin-top:40px;
	}
.agin,.send{
	width:205px;
	height:49px;
	font-size:18px;
	}
.agin{
	border: 1px solid #b99779;
	color: #b99779;
	background: #fff;
	}
.send{
	color: #fff;
	background: #b99779;
	}
.agin:hover{
	border: 1px solid #ddbea2;
	color: #b99779;
	background: #fff;
	}
.send:hover{
	color: #fff;
	background: #dab798;
	}
.contact_txt{
	width: 430px;
	height: 130px;
	}
.qa_box{
	display:block;
	position:fixed;
	top: 100px;
	left: 50%;
	margin-left: -250px;
	z-index:11;
	}
.qa_content_box{
	width: 500px;
	min-height: 500px;
	padding: 40px;
	box-sizing:border-box;
	background: rgba(25,181,190,0.8);
	border-radius: 20px;
	border: 4px solid rgba(60,209,218,1);
	box-shadow:0px 2px 8px rgba(0,0,0,0.2);
	}
.qa_box_ht{
	font-size: 28px;
	color: #fff;
	margin-top: 20px;
	padding-bottom: 30px;
	letter-spacing: 1px;
	line-height: 40px;
	font-weight: normal;
	}
.qa_box_txt{
	font-size: 15px;
	line-height: 28px;
	color: #fff;
	}
.number_qa{
	font-size: 50px;
	line-height: 50px;
	color: #fff;
	/*font-weight: normal;*/
	/*margin-bottom: 30px;*/
	}
.nono_2{
	background: url(../../../image/default_theme/nono.png)no-repeat top center;
	width: 30px;
	height: 30px;
	position: absolute;
	top:48px;
	right: 33px;
	}
.preset_style{
	padding:60px 0px;
	}
.preset_style h2{
	color:#555;
	}
.preset_1{
	background-image:url(../cht/image/area_3_bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-color:#fff5f6;
	}
.preset_1 .pic_box{
	text-align:center;
	}
.preset_1 .pic_box img{
	max-width:100%;
	}
.preset_2{
	background-image:url(../cht/image/area_3_bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-color:#fff5f6;
	}
.preset_2 a{
	display:block;
	}
.preset_2 .item .pic_box img{
	max-width:650px;
	}
.preset_2 .pic_box{
	width:650px;
	}
.preset_2 h3{
	margin-bottom:20px;
        padding-bottom:20px;
        border-bottom:1px solid #ddd;
	}
.preset_2 .right_part{
	margin-left:700px;
	}
.preset_2 .main .item{
	margin-bottom:40px;
	}
.preset_2 .main .item:last-child{
	margin-bottom:0px;
	}
.preset_3{
	background-image:url(../cht/image/area_3_bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-color:#fff5f6;
	}
.preset_3 .item{
	margin-bottom:40px;
	}
.preset_3 .item:last-child{
	margin-bottom:0px;
	}
.preset_3 .item a{
	display:block;
	}
.preset_3 .item:nth-child(odd) .pic_box{
	float:left;
	}
.preset_3 .item:nth-child(odd) .right_part{
	margin-left:410px;
	}
.preset_3 .item:nth-child(even) .pic_box{
	float:right;
	}
.preset_3 .item:nth-child(even) .right_part{
	margin-right:410px;
	}
.preset_3 .item .pic_box img{
	max-width:360px;
	}
.preset_3 .item .pic_box,.preset_3 .item .img_box{
	width:360px;
	}
.preset_3 .item .img_link{
	max-width:360px;
	height:auto;
	}
.preset_3 .item h3{
	border-bottom:1px solid #ddd;
	padding-bottom:20px;
	margin-bottom:20px;
	}
/*IPAD & 手機版 一樣*/
@media screen and (max-width:1023px){
	.slide_menu{
		display:none;
		}
	.main{
		width:100%;
		padding:0px 20px;
		}
	/*top*/
	.top{
		padding:10px 0px;
		border-bottom:5px solid #523f83;
		}

	.nav{
		display:none;
		}
	.top .main{
		padding-top:5px;
		}
	.top_rel{
		position: relative;
	}
	.menu_btn{
		float:left;
		width:25px;
		height:32px;
		background:url(../../../image/default_theme/m_landing_index_2_4_09.png) 0px 50% no-repeat;
		background-size:25px auto;
		}
	.top .top_reservation{
		height:32px;
		line-height:32px;
		float:right;
		display:block;
		padding-right:30px;
		font-size:15px;
		font-weight:bold;
		color:#543e8e;
		background:url(../../../image/default_theme/m_landing_index_2_4_06.png) right 50% no-repeat;
		background-size:25px auto;
		}
	.top .logo{
		top:10px;
		width:49px;
		height:35px;
		background:url(../../../image/default_theme/m_landing_index_2_4_03.png) top center no-repeat;
		background-size:49px auto;
		margin-left:-24px;
		}
	.top .small_menu{
		/*display: block;*/
	}
	.small_menu{
		background: rgba(0,0,0,0.8);
		width: 100%;
		height: 100%;
		position: fixed;
		margin-top: 22px;
		overflow: auto;
	}
	.top .small_menu ul.small_menu_list li a{
		border-bottom: 1px solid rgba(255,255,255,.2);
		display: block;
		text-align: center;
		color: #fff;
		font-size: 15px;
		font-weight: normal;
	}
	/*banner*/
	.banner{
		/*padding-bottom:25px;
		padding-top: 145px;*/
		}
	.banner,.banner .banner_img,.banner .banner_item{
		height:auto;
		}
	.banner .banner_item img{
		width:100%;
		height:auto;
		min-height:inherit;
		min-width:inherit;
		}
	
	.banner .dot{
		position:relative;
		bottom:inherit;
		left:inherit;
		margin:auto;
		}

	.video_box{
		width:100%;
		height:auto;
		}
	.video_box .play_btn{
		width:50px;
		height:50px;
		background-size:50px auto;
		margin:-25px 0px 0px -25px;
		}
	.video_box .play_btn:hover{
		background-size:50px auto;
		}
	.area_8 .scroll_item{
		width:100%;
		height:auto;
		}
	.area_8 ul.lileft{
		width:600px;
		margin:0px auto;
		}
	
	.area_8 ul.lileft li:nth-child(3n+3){
		margin-right:40px;
		}
	.area_8 ul.lileft li:nth-child(2n+2){
		margin-right:0px;
		}
	.footer .logo_style{
		display:none;
		}
	.footer .share{
		float:none;
		text-align:center;
		}
	.footer .share a{
		margin:0px 10px;
		display:inline-block;
		float:none;
		}
	.footer .share p{
		display:none;
		}
	.footer .right_part{
		margin:0px auto;
		width:100%;
		}
	.footer .right_part ul{
		text-align:center;
		width:auto;
		height:auto;
		padding-top:30px;
		}
	.footer .right_part ul li,.footer .right_part ul li a{
		display:inline-block;
		float:none;
		}
	.footer .right_part .info{
		text-align:center;
		}
	.footer .right_part .info p,.footer .right_part .info p:first-child{
		float:none;
		margin:0px;
		}
	.footer .right_part .info p span{
		display:block;
		margin:0px;
		}
	.footer .right_part h6{
		text-align:center;
		color:#555;
		}
	.footer .right_part h6 a{
		display:block;
		color:#555;
		}
	.preset_2 .item .pic_box img{
		max-width:300px;
		}
	.preset_2 .pic_box{
		width:300px;
		}
	.preset_2 .right_part{
		margin-left:350px;
		}
	}

/*手機版*/
@media screen and (max-width:767px){
	.top_box{
		padding:0px 20px;
		position:absolute;
		top:100px;
		left:0px;
		margin:0px;
		}
	.login_box{
		margin:0px auto;
		background:#fff;
		width:100%;
		box-shadow:0px 2px 5px rgba(0,0,0,0.6);
		box-sizing:border-box;
		padding:30px;
		}
	.mar_btom_30,.mar_top_15,.mar_right_15{
		margin:0px;
		}
	.text_align{
		text-align:center;
		}
	.font_siz_28{
		font-size:28px;
		line-height:30px;
		margin-bottom:30px;
		}
	.input_all{
		height:49px;
		line-height: 49px;
		margin-bottom:15px;
		}
	.w_207,.w_430,.w_177{
		width:100%;
		}
	.input_all,.contact_txt{
		padding:20px;
		font-size:15px;
		border:1px solid #c4c4c4;
		box-sizing:border-box;
		behavior:url(js/PIE.htc);
		}
.select{
		padding:15px 15px;
		color:#888;
	}
	.select > option{
		color:#888;
	}
	.w_133{
		width:155px;
	}
	.agin,.send{
		width:48%;
		height:49px;
		font-size:18px;
		font-family:Arial,'微軟正黑體', Helvetica, sans-serif!important;
	  	}
	.agin{
		border:1px solid #b99779;
		color:#b99779;
		background:#fff;
		}
	.send{
		color:#fff;
		background:#b99779;
		}
	.agin:hover{
		border:1px solid #ddbea2;
		color:#b99779;
		background:#fff;
		}
	.send:hover{
		color:#fff;
		background:#dab798;
		}
	.contact_txt{
		width:100%;
		height:130px;
		margin-bottom:15px;
		}
	.qa_box{
		display:block;
		padding:0px 20px;
		position:absolute;
		top:100px;
		left:0px;
		margin:0px;
		}
	.qa_content_box{
		width:100%;
		height:auto;
		padding: 40px;
		box-sizing:border-box;
		background: rgba(25,181,190,0.8);
		border-radius: 20px;
		border: 4px solid rgba(60,209,218,1);
		box-shadow:0px 2px 8px rgba(0,0,0,0.2);
		}
	.qa_box_ht{
		font-size: 28px;
		color: #fff;
		margin-top: 20px;
		padding-bottom: 30px;
		letter-spacing: 1px;
		line-height: 40px;
		}
	.qa_box_txt{
		font-size: 15px;
		line-height: 28px;
		color: #fff;
		}
	.number_qa{
		font-size: 50px;
		line-height: 50px;
		color: #fff;
		/*font-weight: normal;*/
		/*margin-bottom: 30px;*/
		}
	body{
		font-size:14px;
		line-height:20px;
		}
	.r_left,.r_right{
		float:none;
		}
	h2{
		font-size:24px;
		line-height:30px;
		}
	h3{
		font-size:16px;
		line-height:20px;
		}
	.h3{
		font-size:18px;
		line-height:20px;
		}
	.h4{
		font-size:15px;
		line-height:20px;
		}
	.title_style{
		margin-bottom:35px;
		}
	.title_style .title_note{
		padding-top:10px;
		}
	.btn_left,.btn_right{
		width:33px;
		height:33px;
		position:absolute;
		z-index:2;
		top:50%;
		margin-top:-16px;
		}
	.btn_right{
		right:20px;
		background:url(../../../image/default_theme/m_landing_index_2_4_18.png) top center no-repeat;
		background-size:33px;
		}
	.btn_left{
		left:20px;
		background:url(../../../image/default_theme/m_landing_index_2_4_15.png) top center no-repeat;
		background-size:33px;
		}
	.page_show{
		cursor:pointer;
		display:block;
		font-size:15px;
		font-weight:bold;
		height:31px;
		line-height:31px;
		/*background:url(../image/default_theme/m_landing_index_2_4_32.png) right 50% no-repeat;
		background-size:18px auto;
		padding-right:30px;*/
		}
    .page_show .page_show_f{
		height: 31px;
		width: 30px;
		background:url(../../../image/default_theme/m_landing_index_2_4_right.png) left 50% no-repeat;
		background-size:18px auto;
	}
	.page_show .page_show_r{
		height: 31px;
		width: 30px;
		background:url(../../../image/default_theme/m_landing_index_2_4_32.png) right 50% no-repeat;
		background-size:18px auto;
	}
	/*area_3*/
	.area_3{
		padding-bottom:50px;
		padding-top:50px;
		background-image:url(../../../image/default_theme/m_area_3_bg.jpg);
		background-position:top center;
		background-repeat:no-repeat;
		background-size:cover;
		}
	.area_3 .witness_item h3 a{
		line-height:inherit;
		}
	.area_3 .witness_item .r_left{
		width:100%;
		margin-bottom:30px;
		}
	.area_3 .witness_item .r_left li{
		
		}
	.area_3 .witness_item .r_left li p{
		padding-top:10px;
		}
	.area_3 .witness_item .r_left li img{
		width:100%;
		}
	.area_3 .witness_item .r_left li:first-child{
		margin:0px;
		}
	.area_3 .witness_item .r_left li:nth-child(2n+2){
		float:right;
		}
	.area_3 .witness_item .right_part,.area_3 .witness_item{
		margin:0px;
		}
	.area_3 .witness_item:nth-child(n+2){
		/*display:none;*/
		}
	.area_3 .witness_item .right_part .img_box{
		height:auto;
		}
	.area_3 .witness_item h3 a{
		
		}
	.area_3 .witness_item .right_part h3{
		height:44px;
		overflow:hidden;
		}
	.area_3 .witness_item .right_part p{
		height:40px;
		overflow:hidden;
		}	
	.area_3 .dot{
		height:31px;
		padding:4.5px 0px 0px 0px;
		margin-right:70px;
		text-align:left;
		}
	.area_7 .video_txt{
		width:100%;
		}
	/*area_8*/
	.area_8{
		padding:60px 0px;
		background:url(../../../image/default_theme/m_area_8.jpg) top center no-repeat;
		background-size:cover;
		}
	.area_8 ul.lileft{
		width:280px;
		margin:0px auto;
		}
	.area_8 ul.lileft li{
		float:none;
		}
	.area_8 ul.lileft li:nth-child(3){
		margin-bottom:0px;
		}
	.area_8 ul.lileft li:nth-child(n+2),.area_8 .dot{
		display:none;
		}
	.area_8 .page_show p{
		margin:0px 50px;
		text-align:center;
		}
	}
/*針對比IPHONE4大的橫向手機設定*/
@media screen and (min-width:481px) and (max-width:767px){

	}
/*針對橫向手機設定*/
@media screen and (min-width:480px) and (max-width:767px){
	
	.area_3 .witness_item .r_left li{
		width:180px;
		}
	.area_3 .witness_item,.area_3 .page_tool{
		width:385px;
		margin:0px auto;
		}

	}
/*針對IPHONE4橫向與直向手機設定*/
@media screen and (max-width:480px){


	}
/*針對直向手機設定*/
@media screen and (max-width:479px){	
	.area_3 .witness_item .r_left li{
		width:49%;
		}
	.compare_table .good{
		width:40px;
		height:40px;
		top:0px;
		right:0px;
		background-size:40px auto;
		}
	.preset_2 .item .pic_box{
		float:inherit;
		}
	.preset_2 .right_part{
		margin-left:0px;
		padding-top:20px;
		}
	.preset_2 .item .pic_box img{
		max-width:100%;
		}
	.preset_2 .pic_box{
		width:100%;
		}
	.preset_3 .item:nth-child(odd) .pic_box,.preset_3 .item:nth-child(even) .pic_box{
		float:inherit;
		}
	.preset_3 .item:nth-child(odd) .right_part{
		margin-left:0px;
		}
	
	.preset_3 .item:nth-child(even) .right_part{
		margin-right:0px;
		}
	.preset_3 .item .pic_box img{
		max-width:100%;
		max-height:100%;
		}
	.preset_3 .item .pic_box,.preset_3 .item .img_box{
		width:100%;
		height:100%;
		}
	.preset_3 .item .img_link{
		max-width:100%;
		}
	}
	.single_banner{
		cursor: pointer;
	}