body{
    margin: 0 auto 0 auto;
    width: 100%; 
    /*  max-width:1140px; */
    min-width: 240px;
    // font-family:Helvetica;
	font-family: "微軟正黑體","Microsoft JhengHei",Arial,Sans-serif,Verdana;
}

/* products background image */
.products{
	background: url(../image/bg_products.jpg) no-repeat;
}

img{
	border: 0;
}

#logo{
	padding-left: 13%;
	position: relative;
	z-index: 2;
	width: 370px;
}

.index_header1{
    width:100%;
    background-color:#a3211f;
    height:40px;
}

.index_header1 a{
    color:#FFFFFF;
    text-decoration:none;
}

.index_header2{
    /* width:32.5%; */
    float:left;
    position:absolute;
    padding-left:13%;
}

#lang_select {
	position: absolute;
	top: 15px;
	right: 115px;
	text-align: right;
	z-index: 1;
	width: 200px;
	float: right;
	padding-left: 76%;
}

#lang_select a{
    padding:15px 15px 8px 15px; 
}

.content{
    padding-top:30px;
	padding-left: 10%;
    float:left;
    width:50%;
}

.content_gallery{
    padding-top:7%;
    padding-left:6%;
}

.index_image{
	padding-top: 20px;
	text-align: center;
}

/*.tel_bold{
    font-size:16px;
    font-weight:bold;
}*/

.description{
    background-color:#F4F5F5;
    // width:45%;
    height:30%;
    float:left;
    font-size:15px;
    margin-left:5%;
    margin-bottom:3%;
    padding:1% 2% 1% 2%;

}

.trans_box{
    min-height:60%;
    /* position:absolute;
    top:30%;
    left:10%; */
    margin-top:5%;
    margin-bottom:15%;
    background-color:#F4F5F5;
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
	margin-left: 15px;
}

.content_text{
    padding:3%;
    color:#000000;
}

.content_about{
    /*margin-top:3%;
    background: url(../image/bg_home_50.gif) no-repeat;
	//background-size: 700px 500px;*/
}

#navigation_menu{
	width: 331px;
	position: relative;
	top: 100px;
	z-index: 1;
}

#navigation_mobile{
    float:right;
    position: fixed;
    left: 24px;
	top:50px;
	display:none;
	// border:1px solid #111111;
	height:auto;
	width: 160px;
	// color: #FFFFFF;
	z-index: 2;
	text-align: center;
	background: #dab0b1;
}

#navigation_mobile a{
    color:#000000;
    text-decoration:none;
}

.menu_header{
	padding: 2px 0 2px 0;
	border: 1px solid #EEEEEE;
}

.menu_sub{
	background: #EEEEEE;
	// margin: -16px 0 -16px 0;
}

#mobile_submenu{
	border: 1px solid #CCCCCC;
}

.sub_item{
	border: 1px solid #CCCCCC;
}

.navi_left{
	float: left;
	position: absolute;
}

.navi_right{
	float: right;
}

#navigation_back{
	position: fixed;
	top: 0px;
	right: 53px;
}

.index_footer{
    background-color:#a3211f;
    min-height:100px;
}

#footer{
    font-size:13px;
    color:#FFFFFF;
    padding-top:15px;
	position: relative;
}

#footer_tel img{
    width:auto;
}

#footer_tel span > font{
    position:relative;
    top:-5.5px;
}

#footer_tel span > font > a{
    color:#FFFFFF;
    text-decoration:none;
}

#footer_tel {
    padding-left:13%;
    #background-color:#526d7a;
    width: 125px;
    float:left;
	position: relative;
	z-index: 1;
}

#office{
	padding-right: 5%;
	float: right;
	right: 165px;
	position: relative;
	top: -15px;
}

#footer_office1{
    padding-top:20px;
    padding-right:20px;
    background-color:#a3211f;
    width:250px;
    float:left;
    text-align:right;
}

#footer_office2{
    padding-top:20px;
    background-color:#a3211f;
    width:300px;
    float:left;
    text-align:right;
}

/*@media (max-width: 1060px){
	#footer_office{
		padding-right: ;
	}
}*/

@media (max-width: 1080px){
	#office{
		width: 97%;
		padding-right: 0;
		float: left;
		background: #a3211f;
		padding-left: 3%;
		right: 0;
		top: 0;
	}
	
	#footer_office1{
		width: 80%;
		text-align: left;
		padding-left: 10%;
	}
	
	#footer_office2{
		width: 80%;
		text-align: left;
		padding-left: 10%;
	}
}

@media (min-width: 990px){
	#navigation{
		padding-right: 5%;
	}
	
	#navigation_back{
		padding-right: 5%;
	}
	
	#lang_select{
		padding-right: 5%;
	}
}

@media (max-width: 850px) {
	#logo{
		padding-left: 0;
	}
	
	.index_header2{
		padding-left: 0;
	}
	
	#content{
		padding-left: 0;
	}
	
	#footer_tel{
		padding-left: 0;
	}
	
	#office{
		width: 100%;
		padding-left: 0;
	}
	
	#footer_office1{
		padding-left: 0;
	}
	
	#footer_office2{
		padding-left: 0;
	}
}

@media (min-width: 682px) {
	#mobile_menu_button{
		display: none;
	}
	
	#mobile_menu_button{
		display: none;
	}
}

@media (max-width: 682px) {
	#navigation{
		display: none;
	}
	
	#lang_select{
		display: none;
	}
	
	.styled-select{
		display: none;
	}
	
	#mobile_menu_button{
		position: fixed;
		top: 50px;
		display: ;
		-webkit-backgace-visibility: hidden;
	}
	
	#navigation_mobile{
        display: initial;
    }
	
	.content{
		width: 94%;
	}
	
	.content_gallery{
		padding-left: 14%;
		overflow: hidden;
	}
	
	#slider1_container{
		width: auto;
	}

}

@media (max-width: 380px){
	#logo{
		width: 100%;
	}
	
	#logo_image{
		width: 100%;
	}
	
	#index_header2{
		width: 100%;
	}
	
	#index_header2_image{
		width: 100%;
	}
}




/* Slider */
/* jssor slider thumbnail navigator skin 07 css */
/*
.jssort07 .p            (normal)
.jssort07 .p:hover      (normal mouseover)
.jssort07 .pav          (active)
.jssort07 .pav:hover    (active mouseover)
.jssort07 .pdn          (mousedown)
*/
.jssort07 .i {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 99px;
    height: 66px;
    filter: alpha(opacity=80);
    opacity: .8;
}

.moncake_thumb .i {
    height: 129px!important;
}
.jssort07 .p:hover .i, .jssort07 .pav .i {
    filter: alpha(opacity=100);
    opacity: 1;
}

.jssort07 .o {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 97px;
    height: 64px;
    border: 1px solid #000;
    transition: border-color .6s;
    -moz-transition: border-color .6s;
    -webkit-transition: border-color .6s;
    -o-transition: border-color .6s;
}

.moncake_thumb .o {
    height: 129px!important;
}

* html .jssort07 .o {
    /* ie quirks mode adjust */
    width /**/: 99px;
    height /**/: 66px;
}

* html .moncake_thumb .o {
    /* ie quirks mode adjust */
    height /**/: 129px;
}

.jssort07 .pav .o, .jssort07 .p:hover .o {
    /* border-color: #fff; */
}

.jssort07 .pav:hover .o {
    /* border-color: #0099FF; */
}

.jssort07 .p:hover .o {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

/*  Arrow Navigator Skin */
/* jssor slider arrow navigator skin 11 css */
/*
.jssora11l              (normal)
.jssora11r              (normal)
*/
.jssora11l, .jssora11r, .jssora11ldn, .jssora11rdn {
    position: absolute;
    cursor: pointer;
    display: block;
    /* background: url(../img/a11.png) no-repeat; */
    overflow: hidden;
}

.calendar_arrow_l {
    background: url(../image/rl.png) no-repeat;
}

.calendar_arrow_r {
    background: url(../image/rr.png) no-repeat;
}

.mooncake_arrow_l{
    background: url(../image/rl.png) no-repeat;
}

.mooncake_arrow_r{
    background: url(../image/rr.png) no-repeat;
}

.printing_arrow_l{
    background: url(../image/rl.png) no-repeat;
}

.printing_arrow_r{
    background: url(../image/rr.png) no-repeat;
}

.product_arrow_l{
    background: url(../image/rl.png) no-repeat;
}

.product_arrow_r{
    background: url(../image/rr.png) no-repeat;
}
.styled-select select {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }
.styled-select {
   width: 240px;
   height: 34px;
   overflow: hidden;
   background: url(../image/new_arrow.png) no-repeat right #ddd;
   border: 1px solid #ccc;
   margin-left: -13px;
   }