#containerBox{
	padding-top:108px;
	
}
.sec{
	position:relative;
	width:100%;
}

#sec1{
	width:100%;
	margin:0 auto;
	text-align: center;
	margin-top:20px;}

.regbutton{
	position:absolute; 
	cursor:pointer; 
	width:79px; 
	height:25px;
	overflow:hidden;
	background-image:url(../images/eat/regbtn.jpg);
}
.centers{
	max-width:980px;
	margin: 0px auto;
	text-align: left;
}
.morebutton{
	position:absolute; 
	cursor:pointer; 
	width:525px; 
	height:72px;
	overflow:hidden;
	background-image:url(../images/eat/morebtn.jpg);
}
.seebutton{
	position:absolute; 
	cursor:pointer; 
	width:315px; 
	height:54px;
	overflow:hidden;
	background-image:url(../images/eat/seebtn.png);
}
.regbutton:hover,.morebutton:hover,.seebutton:hover{
	background-position:bottom;
}

.rule{ width: 880px;  margin:0 auto; padding: 130px 20px 20px 33px; font-size:13px; font-family: "微軟正黑體",Arial, Helvetica, sans-serif; color:#000; line-height:20px;}
.rule ul.m1 li{ line-height:25px; padding-left:26px; text-indent:-26px;}
.rule ul.m2{ padding-left:0px;}
.rule ul.m2 li, .rule ul.m3 li{ padding-left:13px; text-indent:-13px; line-height:20px; padding-bottom:6px;}
.rule ul.m3{ padding-left:10px;}
.titleB{ display:block; font-size:14px; color:#00a5a0; font-weight:bold; line-height:25px; text-indent:-5px; margin-top:6px;}
.titleBB{ color:#333333; font-size:14px; font-weight:bold;}
.lineB{ width:100%; height:1px; background-color:#CCCCCC; margin:10px 0;}

span.dot{ display:inline-block; width:26px; height:21px; background:url(../images/eat/dot.png) 0 0 no-repeat; text-indent:2px; font-size:11px; color:#fff; vertical-align:middle;}

.copy{ width:100%; text-align:center; margin-top:35px;}


#menu_right{
	position: fixed; 
	margin-left:482px; 
	left:50%; 
	top:20%; 
	width:152px; 
	height:200px; 
	
}
.submenu{
	width:184px;
	height:33px;
	overflow:hidden;
	cursor:pointer;
}
.submenu:hover{
	background-position:right;
}

/*---------------------------------------------------------------*/
/* CSS Document */
#wrap{
	overflow:auto;
	background-color:#fff;
}
#mainbanner{ /*主視覺*/
	height:600px;
	background:url(../images/iphone/wrap_bg.gif) no-repeat left top #fff;
	position:relative;
}
.link01{ /*按鈕1*/
	position:absolute;
	width:137px;
	height:65px;
	left:740px;
	top:415px;
	text-indent:-9999px;
	text-align:center;
}
.link01 a{
	display:block;
	width:137px;
	height:65px;
	background:url(../images/iphone/btn_01.gif) left top no-repeat;
}
.link01 a:hover{
	background:url(../images/iphone/btn_01-over.gif) left top no-repeat;
}
.price{
	position:absolute;
	width:378px;
	height:95px;
	top:395px;
	left:355px;
}
.greytext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height:18px;
}
.textbox{
	border:#A9A9A9 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	padding:3px 0;
	height:25px;
}


/*標籤css*/

div.domtab{
	background: rgba(255, 255, 255, 0.95);;
	display: block;
	border: 1px solid #d8d8d8;

}

ul.domtabs{

	margin: 0;
	padding: 0;
	height: 43px;
	list-style: none;
	position: relative;
}
ul.domtabs li{
	padding: 0 10px;
	font-family:"MHei", sans-serif;
	display:inline-block;
	height:35px;
	margin: 0 6px 0 3px;
	position:relative;
}
ul.domtabs a{ /*標籤原始樣式*/
	display:block;
	/*background:url(../images/iphone/tab.gif) left top 5px no-repeat;*/
	color: #494949;
	font-weight:bold;
	padding:9px 0px 10px 0px;
	/*margin-top:8px;*/
	text-decoration:none;
	font-size:15px;
	letter-spacing:2px;
}
ul.domtabs a:hover{ /*標籤滑過樣式*/
	color:#AAAAAA;
}
ul.domtabs li.active a, ul.domtabs li.active a:hover{ /*標籤開啟時樣式*/
	/*background:url(../images/iphone/tab-at.gif) left top no-repeat;*/
	color: #348CD7;
	/*height:43px;*/
	/*margin-top:0px;*/
	/*padding:15px 5px 0 0;*/
	/*font-size:13px;*/
	/*width:107px;*/
	z-index:100;
	/*position:absolute;*/
	/*left:-8px;*/
	margin-left:0;
}

div.domtab div p{
	letter-spacing:1px;	
	line-height:20px;
}
.feature{
	/*padding:40px 20px 0 20px !important;*/
	/*background:url(../images/iphone/featurebg.gif) top center no-repeat !important;*/
}
.feature p{
	margin:0 0 30px 0;	
}
.feature h3{
	margin:0 0 15px 0;
	border-bottom:1px solid #cacaca;
	padding-bottom:8px;
	clear:both;
}
.feature h3 img{
	text-align:left !important;	
}
.feature ul{
	margin:0 0 20px 0;
	padding:0;	
}
.feature li{
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	background:url(../images/iphone/icon_arr2.gif) no-repeat left 6px;
	font-size:12px;
	color:#4a4a4a;
	letter-spacing:1px;
	line-height:18px;
	list-style:none;
}
#left{
	float:left;
	width:340px !important;
	background:transparent !important;
	display:block;
	margin:0;
	padding:0 30px 0 0;
	border-right:1px solid #cacaca;
}
#left img{
	text-align:center;
	display:block;
}
#right{
	float:right;
	width:540px;
	padding:0;
	margin:0;
	background:transparent !important;
	display:block;	
}

.floatright{
	float:right;
	margin:-80px 0 0 15px;
}

.bottomblock {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #4A4A4A !important;
    margin: 50px auto;
    display: block !important;
    clear: both;
    position: relative;
    
	max-width:980px;
}
.bottomblock ul{
	margin:0;
	padding:0;
	list-style:none;	
}
.bottomblock li{
	padding-left:10px;
	
	line-height:25px;
	letter-spacing:1px !important;
	padding-bottom:2px;
}
.bottomblock li.no{

	background: url('../images/iphone/icon_arr.gif') no-repeat scroll left 7px transparent;
	margin-left:10px;

}
.bottomblock li.arr{

	background:url(../images/iphone/icon_arr.gif) no-repeat left 7px;
	margin-left:10px;
}
.bottomblock li strong{
	color:#333;
	font-size:13px;	
}
.nonebg{
	background-image:none !important;
}
#top{
	text-align:right;	
	display:block !important;
	background-image:transparent !important;
	padding:0 15px 15px 0;
	margin-top:-14px;
	clear:both;
}


.bottomblock li.se-qa{
	background:none;

}

.bottomblock #menu h2{
	font-size:18px;
	line-height:25px;
}
.bottomblock #menu h2:hover {
	color:#2783FF;
}

/**/
.tabactive{display:block;}
.tabhide{display:none;}



/*slide photo*/
.carousel-component {
	clear: both;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 10px;
	padding-bottom: 0px; 
	padding-top:0px; 
	moz-border-radius: 0px;
}
.carousel-component .carousel-clip-region {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px;
}
.carousel-component ul.carousel-list {
	text-align: left;
	margin:0;
}
.carousel-component .carousel-list li {
	margin: 0px; 
	width: 350px; 
	text-align: left;
}
#tabset {
	margin: 10px 0 0 -12px;
	padding:0;
	text-align:center;
}
#tabset a{
	display:inline-block;	
}
#tabset a:hover{
	position:relative;
	top:1px;
}
.carousel-component {
	display: none; 
	overflow: hidden; 
	position: relative;
}
.carousel-component ul.carousel-list {
	z-index: 1; 
	width: 10000000px; 
	position: relative;
}
.carousel-component .carousel-list li {
	float: left; 
	overflow: hidden; 
	list-style-type: none;
}
.carousel-component .carousel-vertical li {
	clear: left; 
	display: block; 
	float: left; 
	margin-bottom: 0; 
	overflow: hidden;
}
.carousel-component ul.carousel-vertical {
	
}
.carousel-component .carousel-clip-region {
	margin: 0 auto; 
	overflow: hidden; 
	position: relative;
}
.carousel-component {
	padding: 0; 
	color: #618cbe; 
	moz-border-radius: 6px;
}
.carousel-component ul.carousel-list {
	margin: 0px; 
	line-height: 0px; 
	padding: 40px 0 0 0;
}
.carousel-component .carousel-list li {
	padding: 0; 
	margin: 0px; 
	color: #666; 
	text-align: center;
}
.carousel-component .carousel-vertical li {
	
}
.carousel-component ul.carousel-vertical {
	
}

/* mediaboxAdvanced - black theme */

#mbOverlay {
	position: absolute;
	z-index: 9998;
	left: 0;
	width: 100%;
	background-color: #fff;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(../images/iphone/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	background: transparent url(../images/iphone/50.gif) repeat;
}

#mbCenter, #mbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #000;
}

.mbLoading {
	background: #000 url(../images/iphone/BlackLoading.gif) no-repeat center;
}

#mbImage {
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	border:10px solid #000;

/*	Sets the style for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: left;
}

/*	Sets the style for inline content, if no style is given	*/
#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #ddd;
}

/*	Sets the style for inline content, if no style is given	*/
#mbImage a:hover, #mbImage a:active {
	color: #fff;
}

#mbBottom {
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #999;
	text-align: left;
	padding:0 !important;
	border: 10px solid #000 !important;
	border-top-style: none;
}

#mbTitle {
	display: inline;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	font-size: 13px;
}

#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	width: 46px;
	background: transparent url(../images/iphone/BlackClose.gif) no-repeat center #000;
	margin: 0;
	outline: none;
}

#mbPrevLink {
	width: 69px;
	background: transparent url(../images/iphone/BlackPrevious.gif) no-repeat center;
}

#mbNextLink {
	width: 41px;
	background: transparent url(../images/iphone/BlackNext.gif) no-repeat center;
}

#mbCloseLink {
	width: 46px;
	background: transparent url(../images/iphone/BlackClose.gif) no-repeat center;
}

#mbError {
	position: relative;
	top: 30%;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 20px 10px 30px;
	margin: auto;
}

/*========================BUTTOM==========================*/
.apply_btn{
	text-align:center;
	width:100%;
	margin-bottom:15px;
}

.css_btn_class {
	font-size: 25px;
font-family: Impact;
font-weight: bold;
border-radius: 12px;
border: 3px solid #FF7500;
padding: 25px 50px;
text-decoration: none;
background: none repeat scroll 0% 0% #FFF;
color: rgba(227, 96, 0, 1);
display: inline-block;
box-shadow: 1px 1px 7px -15px #CAE3FC;
}.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #FF4F00 5%, #FF4F00 100% );
	background:-ms-linear-gradient( top, #FF4F00 5%, #FF4F00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #FF0004), color-stop(100%, #FF0004) );
	background-color:#4197ee;
	color:#FFFFFF;
	text-decoration:none;
}.css_btn_class:active {
	position:relative;
	top:1px;
}



<!-- TABLE -->
.iphone_table{
	background-color:#BFBFBF;
	width:100%;
}

.iphone_table tr{
	text-align:center;
	font-size:16px;
}
.iphone_table tr.header{
	background-color:#CCCCCC;
	color:#000000;
	font-weight:bold;
}
.iphone_table tr.content{
	text-align:center;
	font-size:12px;
}
.iphone_table tr td{
	padding:7px;
	height:30px;
}
.iphone_table tr td.info{
	text-align:left;
}
.iphone_table tr td.left{
	background-color:#EBEBEB;
	width:8%;
}
.iphone_table tr td.money{
	color:#E90003;
	font-weight:bold;

}
/*========================================*/
div.contactinfobox {
    
    
    margin-bottom: 25px !important;
}
.boxBasic h3 {
    display: block;
    font-size: 14px;
    color: #111;
    text-shadow: 1px 1px 0px #FFF;
    margin-left: -5px;
}
.table_whiteinfo2 {
    width: 100%;
}
.table_whiteinfo2 td, .table_whiteinfo2 th {
    display: table-cell;
    padding: 5px 7px 5px 0px;
    font-size: 12px;
    color: #888;
    border-bottom: 1px dotted #CCC;
}

div.btn-drive {
    display: inline-block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url('../images/iphone/icon-repair.png') no-repeat scroll 0px 0px transparent;
}
div.btn-map {
    display: inline-block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url('../images/iphone/icon-repair.png') no-repeat scroll -50px 0px transparent;
}

<!-------------------------------tablistUL-------------------------------------->
ul.tablistUL{ 
	display:block;
	margin:10px 0;
	padding:0;
}
ul.tablistUL li {
	display:inline-block;
	list-style:none; margin:0 5px 0 0 !important;
	padding:5px 20px;
	font-size:16px;
	border-radius:10px;
	border:2px solid #aaa;
	color:#aaa;
	cursor:pointer;
	background-image:none;
}
ul.tablistUL li:hover {
	color:#ea5503;
	text-decoration:none;
}
ul.tablistUL li.active{
	color:#ea5700;
	border:2px solid #ea5503;
}
#menu2 li {
	background: url('../images/iphone/icon_arr.gif') no-repeat scroll left 7px transparent;

}

#menu2 li h2{
	color: rgba(83, 83, 83, 1);
	font-weight:bold;

	
	
}
#menu2 li h2:hover{
	rgba(255, 119, 3, 1)
	font-weight:bold;

	
	
}
#menu2 li h2{
	font-size:18px;
	display:block;
	border-bottom:2px solid #DBDBDB;
	width:100%;

	

}
#menu2 li img{
	width:100%;
}

.websell li{

}
.w-banner{
	background-repeat: no-repeat;
    background-size: 2000px 350px;
    background-image: url(../images/se/banner.jpg);
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height:350px;
    background-position: 50% 0;
}
.mainbtn{
	position: relative;
	top: 260px;
	left: 280px;
}
.m-banner{
	display:none;
}
.m-bb{
	display:none;
}
@media only screen and (min-width: 600px) {
	.iphone_table2 {
    display: none;
}
}

/*====================================================================================*/

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

#frameHeader {
    height: 60px;
    
}
#header div#logo {
    margin-left: 15px;
}
#navbar {
    display: none;
    
}

#sec1 img{

}
ul.domtabs {
    
    float: block;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.95);
	height: auto;
}

ul.domtabs li {
    float: none;
    display: inline-block;
	width: auto;
	
	
}


#containerBox {
    padding-top: 70px;
}
    #header .framemenu1, #header div.framemenu2 {
    display: none;
    
}
.iphone_table{
	display:none;
}



<!-- TABLE -->
.iphone_table2 {
    display: block;
}
.iphone_table2{
	background-color:#FFFFFF;
	width:100%;;
}
.iphone_table2 tr{
	text-align:center;
	font-size:16px;
}
.iphone_table2 tr.header{

	color:#000000;
	font-weight:bold;
}
.iphone_table2 tr.header td{
	background-color:#CCCCCC;

}
.iphone_table2 tr.content{
	text-align:center;
	font-size:12px;
}
.iphone_table2 tr td{
	padding:7px;
	height:30px;
	background-color: #FFFFFF;
}
.iphone_table2 tr td.info{
	text-align:left;
}
.iphone_table2 tr td.left{
	background-color:#EBEBEB;
	width:8%;
}
.iphone_table2 tr td.money{
	color:#E90003;
	font-weight:bold;

}
.w-banner{
	width:100%;
	display:none;
}
.m-banner{
	display:block;
	width:100%;
}
.m-bb{
	display:block;
	width:100%;
}
.bottomblock {
    position: relative;
    margin:0;
}
#menu2 li{
	background: none;
	padding:0;
}
#menu2 li.big {
	padding:0;

}
#menu2 li h2{
	background: none;
	border-left:5px solid #C5C5C5;
	background-color:#DCDCDC;
	display:block;
	height:35px;
	line-height:35px;
	padding-left:10px;

}
.css_btn_class {

padding:10px;


}
<!-------------------------------tablistUL-------------------------------------->
.tablistUL2{ 
	display:block;
	margin:10px 0;
	padding:0;
	
}
.tablistUL2 div {
	display:inline-block;
	list-style:none; margin:0 5px 0 0 !important;
	padding:5px 20px;
	font-size:16px;
	border-radius:10px;
	border:2px solid #aaa;
	color:#aaa;
	cursor:pointer;
	background-image:none;
	text-align:center;
	margin:0 auto;
}
.tablistUL2 div:hover {
	color:#ea5503;
	text-decoration:none;
}
.tablistUL2 div.active{
	color:#ea5700;
	border:2px solid #ea5503;
}
.big-2{
	text-align:center;
}
}