body.mobile{
	
	overflow-x: hidden;
	/*font-family: "Times New Roman","微軟正黑體",Times,serif;*/
	/*background:#973a49;*/
	/*background: url(/images/C_Pattern.jpg);*/
	  color: #fff;
	max-width: 100%;
	position:relative;
}
.logo{
	position: absolute;
	/*top: 2%;
  left: 3%;*/
  z-index: 2;
  width:100%;
  padding: 10px 10px 10px 15px;
}
.logo .img{
	margin: 0px auto;
}
.mobile .main{
	  /*height: 100%;*/
	    max-height: 700px;
  height: 700px;
    position: relative;
	display: inline-block;
	  max-width: 100%;
}
.mobile .main img{
	   /*max-height: 313px;*/
	   height: 100%;
  height: 855px;
}
.mobile .footer-text{
	bottom: 0px;
	right: 0px;
	  z-index: 101;
	  /*background:url(/images/bg_overlay.png);*/
	  background:url(/images/bg_popup2.png);
	    background-color: #f5f0e3;
	  padding:3px 15px;
	    color: #706050;
	  font-size:10px;
	  text-align: center;
	  width: 100%;
}
.mobile .footer-text.gallery{
	position: inherit;
}
.mobile .lang-container{
	  text-align: center;
  padding: 15px 0px;
  font-size: 14px;
}
.mobile .content{
	text-align: center;
	
	/*text-transform: uppercase;*/
}
.mobile .content.bg {
	background: url(/images/bg.png);
    background-size: cover;
	background-position: center center;
}
.mobile .info_title, .mobile .info_title a{
	font-size: 16px;
  font-style: normal;
  color: #ccc09b;
  /*text-shadow: -2px 0px 0px rgba(66,33,11,0.3);*/
  text-transform: uppercase;
  padding-bottom: 5px;
    padding-top: 20px;
}
.mobile .info_address_text {
  display: inline-block;
  padding-left: 15px;
  background-image: url(/images/icons_map.png);
  background-size: 9px;
  background-repeat: no-repeat;
  background-position: 0px center;
  line-height: 1.5;
  font-style: normal;
  text-transform: uppercase;
	font-size: 14px;
	color:#fff;
}
.mobile .info_district {
  display: inline-block;
  line-height: 1.5;
  font-style: normal;
  text-transform:uppercase;
  font-size: 14px;
  color:#fff;
}
.mobile .tel{
	font-size:13px;
	
}
.mobile .mail_mobile {
  width: 100%;
  text-align: center;
  padding: 0;
  margin-top: 3px;
}
.mobile .mail_mobile span{
	padding-left: 25px;
  padding-bottom: 5px;
  background-image: url(/images/icons_mail.png);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  font-size: 13px;
  line-height: 1.2;
  text-transform: uppercase;
}
.mobile #address {
  width: 100%;
  background-image: none;
  text-align: center;
  font-size: 14px;
  padding: 0;
}
.mobile .nav {.mobile .nav > li > a
  display: block;
  width: 90%;
  border-top: 1px solid #f5f1e3;
  margin-top: 15px;
  margin: 0 auto;
}
.mobile .nav li{
	  border-bottom: 1px solid #f5f1e3;
	  text-align:left;
}
.mobile .nav li p, .mobile .nav li div {
  position: relative;
  color: #FFF;
  font-size: 18px;
  width: 320px;
  margin: 0 auto;
  line-height: 42px;
}
.mobile .nav li span {
  position: absolute;
  top: 0px;
  right: 0;
  font-size: 30px;
  line-height: 42px;
  display: block;
  color: #ccc09b;
}
.mobile .award_mobile {
  position: relative;
  width: 100%;
  /*background-color: #973a49;*/
  /*background: url(/images/C_Pattern.jpg);*/
  
}
.mobile .award_mobile_wrap {
  position: relative;
  width: 320px;
  margin: 0 auto;
}
.mobile #footer_last {
  width: 100%;
  box-sizing: border-box;
  padding: 0px 40px 10px 20px;
  /*background-color: #973a49;*/
  /*background: url(/images/C_Pattern.jpg);*/
}
.mobile .banner-shadow{
	  top: 0px;
  right: 0px;
  width: 100%;
  height: 296px;
  display:inherit;
    background-size: 80%;
}
.cycle-slideshow{
	  left: 0px;
	overflow: hidden;
	/*background: #fff;*/
	
}
@media (max-width: 1350px){
	.mobile #footer_last {
	  padding: 0px 5px 10px 5px;
	}
	
}
#link_wrap {
  margin-right: 10px;
}
@media (max-width: 1350px){
	#link_wrap {
	  float: none;
	}
}
#link {
  width: 100%;
  border-top: 1px solid #C4B9AD;
  text-align: center;
  margin-top: 20px;
  padding: 10px 0;
}
#link a {
  color: #ccc09b;
  /*text-shadow: -2px 0px 0px rgba(66,33,11,0.3);*/
  text-decoration: none;
}
#link li {
  float: none;
  display: inline-block;
  list-style: none;
  font-size: 11px;
  color: #fff;
    padding: 0px 4px;
}

#last_date_wrap_mobile {
  /*display: none;*/
  position: relative;
  width: 100%;
  /*background-color: #7d7668;*/
  text-align: center;
    color: #ccc09b;
  /*text-shadow: -2px 0px 0px rgba(66,33,11,0.3);*/
  padding-bottom: 10px;
}
.remark_span {
  width: 100%;
  padding: 0 30px 10px;
  box-sizing: border-box;
  text-align: center;
  font-size: 12px;
}
.slider-pager-container{
	display:inline;
	top: 2%;
  right: 2%;
}
.slider-pager-container .btn-play{
	  color: #fff;
	    font-size: 14px;
}
.intro{
	max-height: 700px;
  height: 700px;
}
.intro .obj-container .obj.obj-3{
	  top: 28%;
}
.intro .obj-container{
	  max-width: 100%;
}
.intro .obj-container img{
	max-width: 90%;
}
.nav > li > a{
	padding:0px!important;
}
.nav > li > a:hover, .nav > li > a:focus{
	background-color:transparent!important;
}
#disclaimer .content{
	margin: 35px 15px 0px;
}
#disclaimer .row{
  border-bottom: 2px solid #9f9587;
}
#inline_content .content{
	margin: 40px 15px 0px;
}
#inline_content .content div{
	  /*width: 70%;*/
}

.gallery-page-container{
	  background-color: #f5f0e3;
	    padding: 55px 15px 55px 15px;
		position: relative;
}
.gallery-page-container .btn-back{
	position: absolute;
	top:35px;
	right:5%;
	  z-index: 3;
}
.gallery-page-container .btn-back img{
	/*width: 48px;*/
}
.gallery-page-container h1{
	  color: #706050;
	font-size: 14px;
  text-align: center;
  margin: 0px 0px 0px 0px;
    /*border-bottom: 2px solid #9f9587;*/
  padding-bottom: 25px;
}
.gallery-page-container .footer-text{
	  position: inherit;
	  background: transparent;
	    margin-top: 10px;
}
.gallery-page-container ul{
	padding-left:0px;
}
.gallery-page-container ul>li{
	list-style: none;
	float:left;
	width: 48%;
	  margin: 5px;
}
.gallery-page-container ul>li img{
	width:100%;
}
.gallery-page-container .large-img img{
	width:100%;
	display:none;
}


#inline_gallery ul{
	padding-left:0px;
}
#inline_gallery ul>li{
	list-style: none;
	float:left;
	/*width: 100%;*/
	  margin: 5px;
}
#inline_gallery ul>li:last-child{
	  /*border-bottom: 2px solid #9f9587;
	  padding-bottom: 35px;*/
}
#inline_gallery ul>li img{
	width:100%;
}


.map-page-container{
	position: absolute;
	top: 10px;
  right: 10px;
	  z-index: 1;
}
.map-page-container .btn-back img{
	width: 48px;
}
@media (max-width: 320px){
	.gallery-page-container ul>li{
		  margin: 4px;
		    width: 47%;
	}
	.intro .obj-container .obj.obj-3 {
	  top: 29%;
	}
	.cycle-slideshow {
		left: -75px;
	}
}

@media (min-width: 320px) and (max-width: 419px){
	.gallery-page-container ul>li{
		  margin: 4px;
		    width: 47%;
	}
	.logo img{
		height: 50px;
	}
	/*.logo .img{
		width:122px;
	}*/
	.intro .obj-container .obj.obj-1{
		top: 50%;
	}
	.intro .obj-container .obj.obj-1 img, .intro .obj-container .obj.obj-2 img{
		 height: 8px;
	}
	.intro .obj-container .obj.obj-2 {
	  top: 45%;
	}
	.intro .obj-container .obj.obj-3 {
	  top: 30%;
	}
	.slide-obj-container .obj.slide-02-text-01{
		  top: 29%;
  		right: 1%;
	}
	.slide-obj-container .obj.slide-02-text-01 img{
		  height: 10px;
	}
	.slide-obj-container .obj.slide-03-text-01{
		  top: 21%;
  		left: 13%;
	}
	.slide-obj-container .obj.slide-03-text-01 img{
		  height: 34px;
	}
	.mobile .footer-text{
		  line-height: 13px;
		  /*background: #ccc09b;*/
	}
	.mobile .nav li p, .mobile .nav li div{
		width: 310px;
	}
	.slider-pager-container{
		  right: 5%;
	}
	/*#inline_gallery ul>li{
		width: 45%;
	}*/
	
	.mobile .solution-container {
		margin-top: 155px;
	}
	.mobile .wilmer-logo {
		width: 200px;
		margin-top: 10px;
		margin-bottom:20px;
	}
	.mobile .wilmer-feature {
		width: 220px;
		margin-top:10px;
		margin-bottom: 20px;
	}
	.mobile .hotline {
		width: 250px;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	.mobile .company-name {
		width:250px;
		margin-top: 20px;
		margin-bottom: 50px;
	}
}
@media (min-width: 420px) and (max-width: 1024px){
	.gallery-page-container ul>li{
		  margin: 4px;
		    width: 47%;
	}
	.intro .obj-container .obj.obj-1{
		top: 50%;
	}
	.intro .obj-container .obj.obj-2 {
	  top: 46%;
	}
	.intro .obj-container .obj.obj-3 {
	  top: 34%;
	}
	.slide-obj-container .obj.slide-02-text-01{
		  top: 36%%;
  		right: 3%;
	}
	.slide-obj-container .obj.slide-02-text-01 img{
		  height: 21px;
	}
	.slide-obj-container .obj.slide-03-text-01{
		  top: 32%;
  		left: 12%;
	}
	.mobile .wilmer-logo {
		width: 283px;
		margin-bottom: 30px;
	}
	.mobile .wilmer-feature {
		width: 210px;
		margin-bottom: 30px;
	}
	.mobile .solution-container {
		margin-top: 156px;
	}
	.mobile .hotline {
		width: 377px;
		margin: 40px auto;
	}
	.mobile .company-name {
		width: 380px;
		margin-bottom: 40px;
	}
}


@media (max-width: 420px){
	.mobile .main, .mobile .intro {
	  /*max-height: 297px;*/
	  height: 210px;
	}
	.cycle-slideshow {
	 /* max-height: 297px;*/
	  height: 366px;
	  left: -70.5px;
	}
	.mobile .main img{
		/*max-height: 297px;*/
	  height: 366px;
	}
}
@media (width: 375px){
	.slide-obj-container .obj.slide-02-text-01 {
	  top: 25%;
	}
	.cycle-slideshow {
	  left: -43px;
	}
}
@media (width: 414px){
	.slide-obj-container .obj.slide-02-text-01 {
	  top: 22%;
	}
	.slide-obj-container .obj.slide-03-text-01{
		  top: 18%;
	}
	.cycle-slideshow {
	    left: -23.5px;
	}
}
@media (width: 768px) and (height: 1024px){
	.logo .img{
		/*width:171px;*/
	}
	.gallery-page-container ul>li{
		  margin: 4px;
		    width: 46%;
	}
	.gallery-page-container ul>li{
		margin: 12px;
	}
	.slide-obj-container .obj.slide-02-text-01 {
	  top: 38%;
	}
	.slide-obj-container .obj.slide-03-text-01 {
	  top: 31%;
	}
	.cycle-slideshow {
	  /*left: -215px;*/
	}
}
@media (min-width: 1024px){
	.logo .img{
		/*width:171px;*/
	}
	.mobile .mail_mobile span{
	  font-size: 14px;
	}
	#last_date_wrap_mobile, #lang_wrap_mobile {
	  display: block;
	  vertical-align: top;
	}
	.intro .obj-container .obj.obj-1{
		top: 47%;
	}
	.intro .obj-container .obj.obj-2 {
	  top: 44%;
	}
	.intro .obj-container .obj.obj-3 {
	  top: 31%;
	}
	.gallery-page-container .btn-back{
		top: 45px;
		  right: 2%;
	}
	.gallery-page-container ul>li{
		width: 48%;
  		margin: 6px;
	}
	.slide-obj-container .obj.slide-02-text-01 {
	  top: 50%;
	}
	.slide-obj-container .obj.slide-03-text-01 {
	  top: 42%;
	}
	.gallery-page-container h1{
		  margin: 0px 0px 0px 0px;
	  padding-bottom: 10px;
	}
	.gallery-page-container{
		padding: 75px 15px 0px 15px;
	}
}
.info_contact{
  line-height: 1.5;
}
.icon-triangle-up{
	width: 10px;
	height: 7px;
	background: url(/images/icon_triangle_up_2.png) center center no-repeat;
	  display: -webkit-inline-box;
}


.mobile .nav li {
      border-bottom: 1px solid #f5f1e3;
      text-align: left;
      padding-top: 10px;
      padding-bottom: 10px;
}
.mobile .nav > li > a {
    margin-left: 5px;
    font-size: 16px;
}
#cboxOverlay {
    background: transparent;
}
.mobile #footer_last p {
	text-align: left;
	margin-left: 17px;
	color: #fff;
}
.mobile .lang-container {
	color: #fff;
}
.mobile #inline_content .content {
	border: 0px;
}
.mobile #disclaimer .row {
	border: 0px;
}
.mobile .solution-container img {
	width: 90%;
	margin-top: 20px;
}
.mobile .solution-container .img.cycle-slide {
	left: 0;
	right: 0;
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
}
.mobile .solution-container {
	margin-bottom:55px;
	height: auto;
	/*left: 2%*/
}
.mobile .solution-container .img .main-img p {
	text-align: center;
	width: 96%;
	line-height: 15px;
	left: 0;
	right:0;
	margin: 0 auto;
	position: absolute;
}
.cycle-slideshow {
	text-align: center;
	right:0;
}