/* Start of CMSMS style sheet 'mobile-style-zh' */
body{ font:normal 12px/25px \4E3D\9ED1 Pro, \5FAE\8EDF\6B63\9ED1\9AD4, Arial, "MingLiU" , "SimSun" ,sans-serif; }  
.clear{ clear: both; }
.divform{display:table;border-collapse:collapse;}
.divform .r{display:table-row}
.divform .c{display:table-cell;padding:5px 0px;vertical-align:middle}
img{	/*max-width:100%;*/ max-width:100%; width:100%; height: auto; width: auto\9; /* ie8 */}
input[type="text"], input[type="email"], select, label{height:30px}
input[type="text"], input[type="email"], select, textarea, label, input[type="submit"], input[type="reset"]{margin:0 5px}
input[type="text"], input[type="email"], select, textarea{padding:5px;width:156%;border:1px solid #CCC;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);border-radius:4px}
input[type="submit"], input[type="button"], input[type="reset"]{margin-top:15px;background-color:#F5F5F5;color:#444444;border:1px solid rgba(0, 0, 0, 0.1);padding:5px;font-weight:bold;box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);border-radius:4px;background-color:#F5F5F5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat:repeat-x}
input[type="radio"], input[type="checkbox"]{margin:0 0 0 2%;padding:0;vertical-align:middle}
input[type="text"], input[type="email"], select, textarea, .divform, .divform .r, .divform .c, form{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}

.container{width:100%;position:relative;}
.main{width:95%;max-width:1000px;margin:0 auto;position:relative}
header{padding: 0;}
header h1{font-size:250%;margin:0 0 0 5px;color:#333;float:left}
header h1 span{display:block;font-size:45%;font-weight:100;padding:15px 0;}
.fix::before, .fix::after{content:" ";display:table}
.fix::after{clear:both}
a{transition: all 0.3s ease 0s}
.fheading{display:block;text-indent:5px;text-decoration:underline;margin:2% 0 0 0}

.txtLink{text-decoration:underline;}
body{
	/*max-width : 480px;*/
	height:100%;
	
}

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


h1{
	font-size:17px;
}
#page-container{
	min-height:100%;
	max-height:100%;
	height:100%;
}
#header-container{
	position:relative;
}

#header_img_menu{
	width:auto;
	position:absolute;
	top:0;
	left:0;
	display:none;
}

#content-container{
	position:relative;
	width:100%;
	
	height:100%;
	
	overflow:auto;
	z-index:2;
}

#content{
	height:auto;
	padding:10px 20px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
     box-sizing: border-box;
	font-size:14px;	
	line-height:20px;
}

#content p{
	padding:2px 0;
}

#content .img_right{
	float:right;
	margin:10px;
}

#content h1{
	font-size:17px;
	font-weight:400;
}
#content #breadcrumb{
	margin-bottom: 10px;
}
#index_menu{
	position:absolute;
	width:480px;

	background: #FFFFFF;
	/*border:1px solid #000000;*/
	
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	
	left:-480px;
	margin-bottom:15px;
}
#sub_menu{
	display:none;
}
#index_menu div.menu_item{
	width:80%;
	margin:8px auto;
	border:1px solid #B8D9FC;
	border-radius:5px;
	
	background:#ffffff;
	font-size:18px;
	
	line-height:34px;
}

#index_menu .menu_item a,#index_menu .menu_item span{
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

	display:block;
	width:100%;
	padding:0 15px 0 15px;
	background:url('images/mobiles/arrow.png') no-repeat 96% center  ;
	text-decoration:none;
	text-align:left;
	color:#1a1a1a;
}
#index_menu span{
	cursor: pointer;
}
#index_menu .back_btn{
	display:none;
	background:none;
}
#cat-list a{
	float:left;
	display: block;
	width: 120px;
	height:73px;
	margin-right:15px;
}
#cat-list a img{
	width: 120px;
	height: 73px;
}
p.detail-title{
	min-height:20px;
}
img.detail-btn{
	width: 20px;
	height: 20px;
	margin-right:5px;
	float:left;
}
p.detail-title span{
	float:left;
	display:block;
	height:20px;
	line-height:20px;
	width: 75%;
}
.detail-content{
	display: none;
}
strong{
	font-weight:blod;
}
#product-image-slider{
	width: 100%;
	background: url(images/mobiles/product-image-bg.jpg) center bottom no-repeat;
}
#product-image-slider #swap-arrow{
	width:420px;
	margin: 0 auto;
}
#product-image-slider #swap-arrow .prev-arrow, #product-image-slider #swap-arrow .next-arrow{
	width:25px;
	height:25px;
}
#product-image-slider #swap-arrow .prev-arrow{
	float:left;
}
#product-image-slider #swap-arrow .next-arrow{
	float:right;
}
#product-image-slider ul{
	list-style:none;
	width: 280px;
	height: 360px;
	margin: 0 auto;
}
#product-image-slider ul li{
	float:left;
	width:150px;
	height:250px;
	text-align: center;
	padding-top:5px;
}
.small-product-image{
	position: relative;
	top: 45px;
}
#product-image-slider ul li #product-name{
	color: #8E8E8E;
	width: 205px;
	position: relative;
	padding-top: 5px;
}
a#button{
	background: #77CBEF;
	border: 1px solid #B6E3F8;
	display:block;
	width: 100%;
	height:50px;
	line-height: 50px;
	text-align:center; 
	font-size:16px;
	color: #FFFFFF;
	font-family:\4E3D\9ED1 Pro, \5FAE\8EDF\6B63\9ED1\9AD4, Arial, "MingLiU" , "SimSun" ,sans-serif;
}
#footer{
	width:100%;
	background:url(images/mobiles/water-bg.jpg) repeat-x center top;
	height:85px;
	z-index:1;
}
/* iPads (portrait and landscape) */
@media only screen and (min-width:480px) and (max-width:1024px){
body{ font:normal 16px/30px \4E3D\9ED1 Pro, \5FAE\8EDF\6B63\9ED1\9AD4, Arial, "MingLiU" , "SimSun" ,sans-serif;}
.divform, .divform .r, .divform .c{display:block}
.divform .r{clear:both}
.divform .c{width:100%;float:left;padding-left:10px;padding-right:10px}
.divform .c:nth-child(2n+3){clear:left}
img{	max-width:100%; height: auto; width: auto\9; /* ie8 */}
label, .fheading, input[type="submit"],input[type="reset"]{margin-left:0;text-indent:0}
input[type="submit"], input[type="reset"]{padding-left:20px;padding-right:20px}
textarea, input[type="text"], select, input[type="email"]{width:98%;margin:0}
input[type="radio"], input[type="checkbox"]{margin:0 5px;padding:0;vertical-align:middle}
.ver2 .c{width:35%}
.ver2 .c:nth-child(2n+2){width:65%}
.c.frwd{width:100%;}
.c.frwd textarea, .c.frwd input[type="text"], .c.frwd select{width:100%}
.ver2 .frwd.c:nth-child(2n+2){width:100%}


}

/* Smartphones (portrait and landscape) */
@media only screen and (max-width:480px){
body{ font:normal 16px/30px \4E3D\9ED1 Pro, \5FAE\8EDF\6B63\9ED1\9AD4, Arial, "MingLiU" , "SimSun" ,sans-serif;}
h1{margin:0 0 20px 0}
img{	max-width:100%; height: auto; width: auto\9; /* ie8 */}
label, .fheading, input[type="submit"], input[type="reset"]{margin:0;text-indent:0}
.divform, .divform .r, .divform .c{display:block}
.divform .r{clear:both}
input[type="text"], select, textarea, input[type="email"]{width:100%;margin:0}
input[type="radio"], input[type="checkbox"]{margin:0 2%}
input[type="submit"], input[type="reset"]{width:100%;margin-top:20px}



}

/* Only Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
select{text-indent:5px;line-height:24px}
input[type="submit"], input[type="reset"]{width:98%;height:50px; line-height: 32px; font-size:16px;}
}
/* End of 'mobile-style-zh' */