@charset "UTF-8";
html, button, input, select, textarea {color:#333;}
body{
	font-size:14px; color:#333; font-weight:400;
	font-family:'Roboto', "Microsoft JhengHei", "微軟正黑體", "Microsoft YaHei", "Meiryo", Arial, sans-serif;
	text-shadow:0 .3px .3px rgba(0,0,0,.08);
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	/* height:auto!important;min-height:100%;height:100%; */
	overflow-x:hidden;
}
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:2em 0; padding:0; clear:both;}

/* 移除圖片底下間隙 */
img{vertical-align:middle;}

/* 移除fieldset預設樣式 */
fieldset{border:0; margin:0; padding:0;}

/* 只允許文字區域垂直調整大小 */
textarea{resize:vertical;}

a{color:#119ffa; text-decoration:none; }
a:hover, a:active, a:focus{color:#1163fa;}

html.menuOpened{
	overflow:hidden;
}

.linkText{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}
.wrapper{
	width:1000px; min-width:1000px; 
	margin:0 auto; 
	position:relative;
	/*box-shadow:inset 0 0 1px rgba(0,0,0,.9);*/
}

/*-------------------------------------------
Load
-------------------------------------------*/
/*
#loading{
    background-color:#fff;
    width:100%;
	height:100%;
    overflow:hidden;
    position:fixed; left:0; bottom:0;
    z-index:9999;
}
	#loading .loader{
		margin:auto;
		height:140px;
		width:110px;
		position:absolute; bottom:0; left:0; right:0; top:0;
		text-align:center;
	}
		#loading .loader img{
			display:block;
			width:96px;
			margin:0 auto;
		}
		.spinner{
			margin:10px auto 0;
			height:12px;
			text-align:center;
		}
			.spinner i{
				display:inline-block;
				width:12px;
				height:12px;
				background-color:#b258df;
				border-radius:50%;
				margin:0 5px;
				-webkit-animation:bounceAnimation 1.2s infinite ease-in-out both;
				animation:bounceAnimation 1.2s infinite ease-in-out both;
			}
			.spinner .bounce2{
				-webkit-animation-delay:.25s;
				animation-delay:.25s;
			}
			.spinner .bounce3{
				-webkit-animation-delay:.5s;
				animation-delay:.5s;
			}
		@-webkit-keyframes bounceAnimation {
			0%, 80%, 100%{
				-webkit-transform:scale(0)
			}
			40%{
				-webkit-transform:scale(1.0)
			}
		}
		@keyframes bounceAnimation {
			0%, 80%, 100%{ 
				-webkit-transform:scale(0);
				transform:scale(0);
				opacity:0;
			}
			40%{ 
				-webkit-transform:scale(1.0);
				transform:scale(1.0);
				opacity:1;
			}
		}
*/
/*-------------------------------------------
Header
-------------------------------------------*/
#headerContainer{
	background-color:#fff;
	position:relative; z-index:990;
	height:147px;
}
	#headerContainer header{
		position:relative; z-index:501;
	}
		#headingLink{
			position:absolute; left:5px; top:16px; z-index:100;
		}
			#heading{
				position:relative;
				margin:0;
				padding-top:10px;
			}
				#heading i{
					display:block;
					background-position:0 0;
					background-repeat:no-repeat;
				}
				#heading .pediatrLogo{
					width:88px; height:88px;
					background-image:url(../images/heading_logo.png?v=20180725);
					background-size:88px 88px;
					float:left;
					margin-top:-10px;
				}
				#heading .pediatrTitle{
					width:270px; height:52px;
					background-image:url(../images/heading_title.png?v=20180725);
					background-size:270px 52px;
					margin-left:94px;
					animation-delay:.2s;
				}
				#heading .pediatrEnglish{
					width:266px; height:19px;
					background-image:url(../images/heading_title_en.png?v=20180725);
					background-size:266px 19px;
					margin-left:94px;
					animation-delay:.7s;
				}
				@media 
				all and (min--moz-device-pixel-ratio: 1.5),
				all and (-o-min-device-pixel-ratio: 3/2),
				all and (-webkit-min-device-pixel-ratio: 1.5),
				all and (min-device-pixel-ratio: 1.5),
				all and (min-resolution: 1.5dppx) {
					#heading .pediatrLogo{background-image:url(../images/heading_logo@2x.png?v=20180725);}
					#heading .pediatrTitle{background-image:url(../images/heading_title@2x.png?v=20180725);}
					#heading .pediatrEnglish{background-image:url(../images/heading_title_en@2x.png?v=20180725);}
				}
	/*--- top links ---*/
	#topLinks{
		position:absolute; right:13px; top:15px; z-index:501;
		text-align:right;
	}
		#topLinks a{
			color:#111;
			font-size:14px; line-height:18px;
			margin-left:1.5em;
		}
		#topLinks a:hover{
			color:#0097df;
		}
		#topLinks .topMemberInfo{
			margin-left:1.5em;
		}
            #topLinks .topMemberInfo a{
                margin-left:0;
            }
		#topLinks .topBtnLogout{
			margin-left:.5em;
			line-height:inherit;
			color:#0072ff;
			padding:5px 10px;
			margin-top:-5px;
			box-shadow:none;
			background:#e3f0ff;
		}
		#topLinks .topBtnLogout:hover{
			color:#fff;
			background:#0072ff;
		}
		#topLinks .googleSearch{
			float:right;
			position:relative;
		}
		#topLinks .iconGoogle{
			display:inline-block;
			vertical-align:top;
			background:url(../images/google_search_icon.png?v=20180725) 50% 50% no-repeat;
			background-size:18px 18px;
			width:18px; height:18px;
		}
		@media 
		all and (min--moz-device-pixel-ratio: 1.5),
		all and (-o-min-device-pixel-ratio: 3/2),
		all and (-webkit-min-device-pixel-ratio: 1.5),
		all and (min-device-pixel-ratio: 1.5),
		all and (min-resolution: 1.5dppx) {
			#topLinks .iconGoogle{background-image:url(../images/google_search_icon@2x.png?v=20180725);}
		}
	/*--- google Search ---*/
	.gsc-search-box{
		position:absolute; top:-8px; right:25px;
		background-color:#fff;
		width:0;
		text-align:right;
		white-space:nowrap;
		overflow:hidden;
	}
	.gsc-search-box.active{
		width:495px;
	}
		.gsc-search-box .gsc-input{
			width:250px;
			padding:8px 28px 8px 8px  !important;
			margin:0 !important; 
			background:#fff !important;
			border:1px solid #bbb !important;
			text-indent:0 !important;
		}
		.gsc-search-box .gsc-search-button{
			width:48px;
			padding:9px 0;
		}
		.gsc-search-box .gsc-clear-button{
			background:url(../images/search_clear.png?v=20180725) 50% 50% no-repeat;
			background-size:18px 18px;
			width:18px; height:34px;
			box-shadow:none;
			text-indent:-99999em;
			position:absolute; right:50px; top:0;
		}
	/*--- top buttons ---*/
	#topButtons{
		list-style:none;
		margin:0;
		position:absolute; right:2px; top:47px;
		background:url(../images/head_buttons@2x.png) 50% 0% no-repeat;
		background-size:558px 49px;
		width:558px; height:49px;
		padding-left:7px;
	}
		#topButtons > li{
			float:left;
			position:relative;
		}
		#topButtons .btnFiles{width:105px;}
		#topButtons .btnIntegral{width:105px;}
		#topButtons .btnLecture{width:118px;}
		#topButtons .btnSignUp{width:106px;}
		#topButtons .btnRecruit{width:111px;}
			#topButtons > li > a{
				display:block;
				position:relative;
				height:42px;
			}
			#topButtons > li > a:before{
				content:"";
				display:block;
				position:absolute;
				width:100%; height:100%;
				background-color:#fff;
				opacity:0;
				transition:.2s;
			}
			#topButtons > li > a:hover:before{
				opacity:.2;
			}
			#topButtons .topSub{
				margin:0; padding:0; list-style:none;
				position:absolute; margin-top:-8px;
				min-width:100%;
				background-color:#4ea101;
				border-radius:5px;
				box-shadow:0 2px 8px rgba(0,0,0,.2);
				overflow:hidden;
				display:none;
			}
			#topButtons > li:hover .topSub{
				display:block;
				animation-duration:.3s;
			}
				#topButtons .topSub li{
					line-height:18px;
					white-space:nowrap;
					box-shadow:0 1px 0 rgba(0,0,0,.1);
				}
					#topButtons .topSub li a{
						display:block;
						padding:12px 15px;
						color:#fff;
						font-size:15px;
						transition:.1s;
					}
					#topButtons .topSub li a:hover{
						background-color:#4b9a03;
					}
/*-------------------------------------------
Nav
-------------------------------------------*/
#menuContainer{
	position:absolute; left:0; right:0; bottom:0; z-index:500;
}
	.isMobile{
		display:none;
	}
	#menu{
		margin:0 auto; padding:0; list-style:none;
	}
		#menu > li{
			float:left;
			position:relative;
			transition:.1s;
		}
		#menu > li:hover{
			color:#000;
		}
		#menu > li:before{
			content:"";
			display:block;
			width:3px;
			background:url(../images/nav_separate.png) repeat-y 0 0;
			position:absolute; top:0; bottom:0; left:0;
		}
		#menu > li:first-child:before{
			display:none;
		}
		#menu > li.isMobile{
			display:none;
		}
			#menu > li > a{
				display:block;
				position:relative;
				color:#000;
				font-size:16px; line-height:32px;
				padding:0 16px;
				transition:.2s;
			}
			#menu > li:hover a, #menu > li.active:hover > a{
				color:#4ea101;
			}
			#menu li.active > a{
				color:#4ea101;
			}
			#menu a.btn[href*='javascript']{
				opacity:.3;
			}
/*-------------------------------------------
Nav Sub
-------------------------------------------*/
			#menu .sub{
				margin:0; padding:0; list-style:none;
				position:absolute; 
				min-width:100%;
				background-color:#fff;
				border-radius:5px;
				box-shadow:0 2px 8px rgba(0,0,0,.2);
				overflow:hidden;
				display:none;
			}
			#menu li:hover .sub{
				display:block;
				-webkit-animation-duration:.3s;animation-duration:.3s;
			}
				#menu .sub li{
					display:block;
					text-align:left;
					line-height:18px;
					white-space:nowrap;
					box-shadow:0 1px 0 rgba(0,0,0,.1);
				}
					#menu .sub li a{
						display:block;
						padding:8px 15px;
						color:#111;
						font-size:15px;
						transition:.1s;
					}
					#menu .sub li a:hover{
						color:#fff;
						background-color:#4ea101;
					}
					#menu .sub li a[target|='_blank']:after{
						content:"";
						display:inline-block;
						vertical-align:top;
						width:12px; height:18px;
						background:url(../images/icon-blank.png) no-repeat 0 50%;
						background-size:12px 12px;
						margin-left:5px;
					}
					#menu .sub li a[href|='#'],
					#menu .sub li a[href*='javascript']{
						color:#ccc;
					}
/*-------------------------------------------
Container
-------------------------------------------*/
#contentContainer{
	position:relative;
	background-color:#7ed7ff;
	background-image:url(../images/cloud_bg.png?v=20180802);
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:2000px 400px;
}
	#contentContainer > .wrapper{
		padding:0 20px 20px;
	}
	#contentContainer:after{
		content:"";
		display:block;
		width:100%; height:109px;
		background:url(../images/grass.png?v=20180802) no-repeat 50% 0;
		background-size:2000px 109px;
		position:absolute; right:0; bottom:0; z-index:102;
		pointer-events:none;
	}
		#contentContainer > .wrapper:after{
			content:"";
			display:inline-block;
			width:94px; height:192px;
			background:url(../images/kid_ball.png?v=20180802) no-repeat 0 0;
			background-size:94px 192px;
			position:absolute; right:-30px; bottom:-7px; z-index:103;
			pointer-events:none;
		}
		@media 
		all and (min--moz-device-pixel-ratio: 1.5),
		all and (-o-min-device-pixel-ratio: 3/2),
		all and (-webkit-min-device-pixel-ratio: 1.5),
		all and (min-device-pixel-ratio: 1.5),
		all and (min-resolution: 1.5dppx) {
			#contentContainer{
				background-image:url(../images/cloud_bg@2x.png?v=20180802);
			}
			#contentContainer:after{
				background-image:url(../images/grass@2x.png?v=20180802);
			}
			#contentContainer > .wrapper:after{
				background-image:url(../images/kid_ball@2x.png?v=20180802);
			}
		}
		.pageHead{
			position:relative;
			padding:75px 0 40px;
			text-align:center;
			overflow:hidden;
		}
			/*--- page title ---*/
			.pageHead .pageTitle{
				display:inline-block;
				position:relative;
				margin:0 auto;
				text-align:center;
				color:#fff;
				font-size:1.875rem;
                font-family:"Zen Maru Gothic", "Microsoft JhengHei", "微軟正黑體", "Microsoft YaHei", "Meiryo", Arial, sans-serif;
				text-shadow:1px 1px 3px rgba(0,0,0,.3);
			}
			.pageHead .pageTitle:before, .pageHead .pageTitle:after{
				content:"";
				display:inline-block;
				background-color:#fff;
				border-radius:50%;
				position:absolute;
			}
			.pageHead .pageTitle:before{
				width:30px; height:15px;
				left:-40%;
			}	
			.pageHead .pageTitle:after{
				width:20px; height:12px;
				top:50%; right:-30%;
			}
			/*--- crumbs ---*/
			.pageHead .crumbs{
				font-size:13px; line-height:1;
				color:#b6e8ff;
				opacity:.9;
				position:absolute; right:10px; bottom:10px;
			}
				.pageHead .crumbs span,
				.pageHead .crumbs a{
					position:relative;
					color:#b6e8ff;
				}
					.pageHead .crumbs span:after,
					.pageHead .crumbs a:after{
						content:"/";
						margin:0 5px 0 7px;
					}
				.pageHead .crumbs .currentPage{
					color:#fff;
				}
					.pageHead .crumbs .currentPage:after{
						display:none;
					}
		#contentContainer article{
			position:relative; z-index:101;
			background-color:#fff;
			box-shadow:3px 3px 0 rgba(0,0,0,.1);
			height:auto!important;min-height:420px;height:420px;
			border-top-left-radius:10px; border-top-right-radius:10px;
			padding:30px 30px 70px;
			line-height:1.8;
		}
		#contentContainer article.active{
			z-index:999;
		}
			.partTitle{
				position:relative;
                font-family:"Zen Maru Gothic", "Microsoft JhengHei", "微軟正黑體", "Microsoft YaHei", "Meiryo", Arial, sans-serif;
				font-size:1.5rem;
                line-height:1.2;
				color:#4ea101;
				margin-bottom:20px;
			}
			#contentContainer article .partTitle:nth-of-type(1){
				margin-top:0;
			}
			.popupBody .partTitle{
				font-size:1.125rem;
				text-align:center;
			}
			.smallTitle{
				color:#000;
				font-size:1.25rem;
                line-height:1.2;
			}

/*-------------------------------------------
Sub Menu
-------------------------------------------*/
.subMenu{
	position:absolute; right:30px; top:30px; z-index:10;
}
	.simSelect{
		position:relative; z-index:10;
		display:inline-block;
		height:36px;
		line-height:36px;
		white-space:nowrap;
		background:url(../images/select_arrow.png?v=20180205) 98% 50% no-repeat #fff;
		background-size:24px 24px;
		border:1px solid #bbb; 
		border-radius:3px;
		box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
		transition:.1s;
	}
	.simSelect:hover{
		background-color:#f1fbff;
		border:1px solid #00adff;
	}
		.simSelect .default{
			padding:0 30px 0 10px;
			cursor:pointer;
		}
		.simSelect ul{
			list-style:none;
			margin:-1px 0 0;
			padding:0;
			background-color:#fff;
			border:1px solid #bbb;
			position:absolute; right:0;
			pointer-events:none;
			opacity:0;
			transition:.1s;
		}
		.simSelect:active ul,
		.simSelect:hover ul{
			background-color:#f1fbff;
			border:1px solid #00adff;
		}
		.simSelect.active ul{
			pointer-events:auto;
			opacity:1;
		}
			.simSelect ul li:nth-child(even){
				background-color:rgba(0,0,0,.05);
			}
				.simSelect ul li a{
					display:block;
					color:#000;
					line-height:1.5;
					padding:2px 30px 2px 10px;
				}
				.simSelect ul li a:hover{
					background-color:#00adff;
					color:#fff;
				}
/*-------------------------------------------
Search Block
-------------------------------------------*/
#searchBlock{
	border-bottom:1px solid #ddd;
	padding-bottom:15px;
	margin-bottom:20px;
	position:relative;
}
	#searchBlock ul{
		position:relative;
		list-style:none;
		margin:0;
		padding:0;
	}
		#searchBlock ul li:first-child{
			margin-left:0;
		}
		#searchBlock ul li{
			float:left;
			margin-left:15px;
		}
		#searchBlock input{
			font-family:inherit;
		}
            #searchBlock [type="checkbox"] + label,
            #searchBlock [type="radio"] + label{
                display:inline-block;
                margin-top:5px;
            }
		#searchBlock .colSearch{
			text-align:right;
		}
.popupBody{
	padding:5px;
}
	.popupBody #searchBlock{
		padding-bottom:5px;
		margin-bottom:10px;
	}
		.popupBody #searchBlock li{
			float:left;
			padding-right:5px;
		}
/*-------------------------------------------
table content
-------------------------------------------*/
.tableContent{
	border-collapse:collapse;
	border-top:1px solid #bfe2ff; border-bottom:1px solid #bfe2ff;
}
	.tableContent caption{
		color:#4ea101;
		font-size:125%;
		text-align:left;
		padding:5px;
	}
	.tableContent tr:first-child th:nth-child(1){
		/* box-shadow:none; */
	}
	.tableContent tr:nth-child(even){
		background-color:#f4f4f4;
	}
	.tableContent th, .tableContent td{
		padding:5px 12px;
	}
	.tableContent th{
		background-color:#ebf5fd;
		text-align:right;
		vertical-align:top;
		color:#000;
		font-size:14px;
		white-space:nowrap;
	}
	.tableContent th,
	.tableContent th:nth-child(1){
		box-shadow:inset 0 2px 0 #fff, inset -2px 0 0 #fff;
		/*
		box-shadow:inset 0 1px 0 #fcdf6d;
		border-right:1px solid #fcdf6d;
		*/
	}
	.tableContent td{
        box-shadow:inset 0 2px 0 #fff, inset -2px 0 0 #fff;
		word-break:break-all;
	}
	.tableContent .colBr{
		display:block;
	}
	.tableContent [type="button"],
	.tableContent [type="submit"],
	.tableContent .btn{
		padding:9px 10px;
		font-size:14px;
	}
	.tableContent .before{
		font-size:12px;
		color:#777;
	}
	.tableContent .afterCol{
		margin-top:5px;
	}
		.tableContent .after{
			font-size:12px;
			color:#1d7ad0;
		}

/*-------------------------------------------
table List
-------------------------------------------*/
.tableList{
	border-collapse:collapse;
	border-bottom:1px solid #bfe2ff;
}
	.tableList caption{
		background-color:#e6f4ff;
		color:#000;
		padding:5px;
	}
	.tableList thead th{
		/* background-color:#fbf7e0; */
		border-bottom:2px solid #bfe2ff;
		background-color:transparent;
		padding:5px;
		font-size:14px; line-height:1.2;
		color:#000;
		white-space:nowrap;
		text-align:center;
	}
	.tableList tbody th, .tableList tbody td{
		padding:8px 5px;
		border-left:1px solid #e3e3e3;
		line-height:1.5;
	}
	.tableList tbody tr:nth-child(even){
		background-color:#f4f4f4;
	}
	.tableList tbody th{
		color:#000;
	}
	.tableList tbody th:first-child,
	.tableList tbody td:first-child{
		border-left:none;
	}
	.tableList td{
		font-size:14px;
	}
	.tableList tfoot td{
		border-top:2px solid #ccc;
	}
	.tableList .btn{
		padding:6px 6px;
		font-size:14px;
	}
	.groupTitle{
		margin:0;
		background-color:#bfe2ff;
		color:#000;
		font-size:120%;
		text-align:left;
		padding:3px 5px;
	}
.popupBody .tableList tbody th, .popupBody .tableList tbody td{
	padding:3px 5px;
}

/*-------------------------------------------
Page
-------------------------------------------*/
.totalPageInfo{
	text-align:center;
	margin-top:20px;
}
.page{
	text-align:center;
	font-size:14px;
	margin:15px 0;
}
	.page [type="button"],
	.page [type="submit"]{
		color:#333;
		font-weight:400;
		background-color:#fff; 
		box-shadow:inset 0 0 0 1px #aaa, inset 0 -2px 0 rgba(0,0,0,.2), 0 2px 5px rgba(0,0,0,.15);
	}
	.page [type="button"]:disabled,
	.page [type="submit"]:disabled{
		opacity:.3;
		box-shadow:none;
		cursor:default;
		box-shadow:inset 0 0 0 1px #aaa
	}
	.page .goToPage{
		margin-left:10px;
	}
	.page .disabled{
		display:none;
	}
/*-------------------------------------------
Banners
-------------------------------------------*/
#bans{
	background-color:#55c55a;
	text-align:center;
	position:relative; z-index:100;
    overflow:hidden;
}
	.grass2{
		background:url(../images/grass2.png?v=20180726) #4cb351 50% 50%;
		background-size:auto 114px;
	}
	.grass3{
		background:url(../images/grass3.png?v=20180726) #3baa40 50% 50%;
		background-size:auto 122px;
		display:none;
	}
	#bans ul{
		list-style:none;
		margin:0 auto;
		padding:20px 10px 20px;
		min-height:75px;
	}
		#bans ul li{
			float:left;
			width:20%;
			text-align:center;
		}
			#bans ul li a{
				display:block;
				margin:0 auto;
				width:170px; height:70px;
				overflow:hidden;
				box-shadow:3px 3px 0 rgba(0,0,0,.15);
				transition:.2s;-webkit-transition:.2s;
			}
				#bans ul li img{
					width:100%; height:auto;
				}
			#bans ul li a:hover{
				box-shadow:none;
			}
/*-------------------------------------------
Footer
-------------------------------------------*/
footer{
	min-height:145px;
	padding-bottom:30px;
	background-color:#571e15;
	background-image:url(../images/footer_diamond.png?v=20180726),
					 url(../images/footer_bg.png?v=20180726);
	background-position:50% 0;
	background-size:auto 147px, cover;
	background-position:55% -15px, 50% 0;
	background-repeat:no-repeat, repeat-x;
	font-size:13px; line-height:18px;
	position:relative;
}
@media 
all and (min--moz-device-pixel-ratio: 1.5),
all and (-o-min-device-pixel-ratio: 3/2),
all and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-device-pixel-ratio: 1.5),
all and (min-resolution: 1.5dppx) {
	footer{
		background-image:url(../images/footer_diamond@2x.png?v=20180726),
						 url(../images/footer_bg@2x.png?v=20180726);
	}
}
	footer .groundhogLeft{
		background:url(../images/groundhog_small.png?v=20180726) no-repeat 50% 50%;
		background-size:48px 51px;
		width:48px; height:51px;
		position:absolute; top:-45px; left:10%; z-index:100;
		pointer-events:none;
	}
	footer .groundhogRight{
		background:url(../images/groundhog.png?v=20180726) no-repeat 50% 100%;
		background-size:66px 70px;
		width:66px; height:70px;
		position:absolute; top:-60px; right:13%; z-index:100;
		pointer-events:none;
	}
	@media 
	all and (min--moz-device-pixel-ratio: 1.5),
	all and (-o-min-device-pixel-ratio: 3/2),
	all and (-webkit-min-device-pixel-ratio: 1.5),
	all and (min-device-pixel-ratio: 1.5),
	all and (min-resolution: 1.5dppx) {
		footer .groundhogLeft{background-image:url(../images/groundhog_small@2x.png?v=20180726);}
		footer .groundhogRight{background-image:url(../images/groundhog@2x.png?v=20180726);}
	}
	footer > .wrapper{
		padding-left:295px; padding-top:38px;
	}
		footer .footerLogo{
			display:block;
			width:257px; height:56px;
			background:url(../images/footer_logo.png?v=20180706) no-repeat;
			background-size:257px 56px;
			position:absolute; left:10px;
		}
		footer .contactInfo{
			color:#fff;
			padding-top:3px;
		}
		footer .visited{
			color:#d5a97e;
		}
		footer .copyright, footer .copyright a{
			color:#e69b89;
		}
		footer .huaweb{
			color:#350a00; 
			
		}
/*-------------------------------------------
Scroll Up
-------------------------------------------*/
.scrollUp{
	width:40px; height:40px; 
	position:fixed; bottom:60px; right:3%; z-index:50;
	background:url(../images/btn-top.png?v=20180205) no-repeat;
	background-size:40px 40px;
	display:none;
}
@media 
all and (min--moz-device-pixel-ratio: 1.5),
all and (-o-min-device-pixel-ratio: 3/2),
all and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-device-pixel-ratio: 1.5),
all and (min-resolution: 1.5dppx) {
	.scrollUp{background-image:url(../images/btn-top@2x.png?v=20180205);}
}
	.scrollUp span{
		display:block;
		width:0; height:0; font-size:1;
		overflow:hidden;
	}

/*-------------------------------------------
Clearfix: contain floats
-------------------------------------------*/
.clearfix:before,
.clearfix:after {
    content: ""; /* 1 */
    display: table; /* 2 */
}
.clearfix:after{clear: both;}
/* For IE 6/7 only */
.clearfix{*zoom: 1;}

/*-------------------------------------------
Common
-------------------------------------------*/
.floatL{float:left;}
.floatR{float:right;}
.hidden{display:none;}
.pcHidden{display:none;}
.explanation{color:#C60; font-weight:400; font-size:13px; line-height:1.2; padding:3px 0;}
.explanation.onlyRWD{display:none; text-align:center; background-color:#fdf8ea;}
.required, .require{color:#f00 !important; font-weight:normal; font-style:normal; margin-right:3px;}
.paddingNone{padding:0;}
form{display:inline;}
.important{color:#f00 !important;}
#twzipcode{display:inline-block;*display:inline;zoom:1;vertical-align:top;}
#twzipcode div{float:left;}
.zipcode{width:70px;}
.noneData{color:#333; text-align:center; clear:both; padding:15px; background-color:#f7f7f7;}

/*-------------------------------------------
JQuery UI
-------------------------------------------*/
.ui-datepicker-trigger{
	margin-left:5px;
}
#ui-datepicker-div{
	font-size:13px;
	border-radius:0;
	box-shadow:0 1px 6px rgba(0,0,0,.2);
}
	#ui-datepicker-div *{
		border-radius:0;
	}
	.ui-datepicker-month,
	.ui-datepicker-year{
		padding:8px;
	}
	.ui-datepicker-prev, 
	.ui-datepicker-next{
		top:8px !important;
	}

/*-------------------------------------------
Input, Select, Textarea
-------------------------------------------*/
[type=radio], [type=checkbox]{
	vertical-align:-4px;
	margin:0 3px;
	width:18px;
	height:18px;
}
[type=text], [type=password], [type=email], [type=tel], [type=date], textarea, select{
	box-sizing:border-box; -webkit-box-sizing:border-box;
	-webkit-appearance:none; appearance:none;
	font-size:14px;
	padding:8px;
	margin:0 0 2px; 
	background:#fff;
	border:1px solid #bbb; 
	border-radius:3px;
	box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
	transition:.2s; -moz-transition:.2s; -webkit-transition:.2s;
}
select{
	padding:8px 24px 8px 10px;
	background:url(../images/select_arrow.png?v=20180205) 98% 50% no-repeat #fff;
	background-size:24px 24px;
}
select::-ms-expand{
	display:none;
}
@media 
all and (min--moz-device-pixel-ratio: 1.5),
all and (-o-min-device-pixel-ratio: 3/2),
all and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-device-pixel-ratio: 1.5),
all and (min-resolution: 1.5dppx) {
	select{background-image:url(../images/select_arrow@2x.png?v=20180205);}
}
textarea{width:100%;}
input.datepicker, input.date{
	background-image:url(../images/icon_date.png?v=20180205);
	background-size:24px 24px;
	background-position:99% 50%;
	background-repeat:no-repeat;
	width:120px;
}
[type=text]:focus, [type=password]:focus, [type=email]:focus, [type=date]:focus, textarea:focus, select:focus{
	outline:0;
	background-color:#f1fbff;
	border:1px solid #00adff !important; 
}
/*
[type=radio], [type=checkbox]{
	display:none;
}
[type=radio] + label{
	display:inline-block;
	line-height:24px;
	background:url(../images/icon-radio.png?v=20180205) no-repeat 0 0;
	background-size:24px 24px;
	padding-left:28px;
	margin-right:20px;
	transition:.1s;
}
[type=radio]:checked + label{
	background:url(../images/icon-radio-checked.png?20170525) no-repeat 0 0;
	background-size:24px 24px;
}
[type=radio]:disabled + label{
	background:url(../images/icon-radio.png?20170525) no-repeat 0 0;
	background-size:24px 24px;
	opacity:.4;
}
[type=checkbox] + label{
	display:inline-block;
	line-height:24px;
	background:url(../images/icon-checkbox.png?v=20180205) no-repeat 0 0;
	background-size:24px 24px;
	padding-left:28px;
	margin-right:20px;
	transition:.1s;
}
[type=checkbox]:checked + label{
	background:url(../images/icon-checkbox-checked.png?20170525) no-repeat 0 0;
	background-size:24px 24px;
}
[type=checkbox]:disabled + label{
	background:url(../images/icon-checkbox.png?20170525) no-repeat 0 0;
	background-size:24px 24px;
	opacity:.4;
}
@media 
all and (min--moz-device-pixel-ratio: 1.5),
all and (-o-min-device-pixel-ratio: 3/2),
all and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-device-pixel-ratio: 1.5),
all and (min-resolution: 1.5dppx) {
	[type=radio] + label{background-image:url(../images/icon-radio@2x.png?v=20171128);}
	[type=radio]:checked + label{background-image:url(../images/icon-radio-checked@2x.png?v=20171128);}
	[type=radio]:disabled + label{background-image:url(../images/icon-radio@2x.png?v=20171128);}
	[type=checkbox] + label{background-image:url(../images/icon-checkbox@2x.png?v=20171128);}
	[type=checkbox]:checked + label{background-image:url(../images/icon-checkbox-checked@2x.png?v=20171128);}
	[type=checkbox]:disabled + label{background-image:url(../images/icon-checkbox@2x.png?v=20171128);}
}
*/
/*-------------------------------------------
Buttons
-------------------------------------------*/
[type=submit], [type=button], [type=reset], a.btn, .field-file{
	box-sizing:border-box; -webkit-box-sizing: border-box;
	display:inline-block; *display:inline; *zoom:1;
	-webkit-appearance:none; appearance:none;
	vertical-align:top; text-align:center;
	text-decoration:none;
	color:#fff; font-weight:700; line-height: 1.15;
	background-color:#4ea101;
	box-shadow:inset 0 -2px 0 rgba(0,0,0,.2), 0 2px 5px rgba(0,0,0,.15);
	padding:10px 15px;
	border:none;
	border-radius:8px;
	transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;
	cursor:pointer; 
	outline:none;
	margin-bottom:2px;
}
[type=submit]:hover, [type=button]:hover, [type=reset]:hover, a.btn:hover, .field-file:hover{
	text-decoration:none;
	color:#000;
	box-shadow:inset 0 0 50px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.2);
}

.buttons{
	text-align:center; 
	margin:30px 0 0; 
	position:relative;
}
	.buttons [type=submit], .buttons [type=button], .buttons [type=reset], .buttons a.btn{
		padding:14px 30px; 
		font-size:16px; line-height:16px;
		margin:0 10px 10px;
	}
	input.btnSecondary, .btn.btnSecondary{
		color:#333;
		font-weight:400;
		background-color:#fff; 
		box-shadow:inset 0 0 0 1px #61bc0e, inset 0 -2px 0 rgba(0,0,0,.2), 0 2px 5px rgba(0,0,0,.15);
	}
	input.btnDel, .btn.btnDel{
		color:#fff;
		font-weight:400;
		background-color:#f00; 
		box-shadow:inset 0 0 0 1px #bc0e0e, inset 0 -2px 0 rgba(0,0,0,.2), 0 2px 5px rgba(0,0,0,.15);
	}
	input.btnBack, .btn.btnBack{
		color:#333;
		font-weight:400;
		background:url(../images/btn_back@2x.png?v=20180823) left 15px center no-repeat #fff;
		background-size:16px 16px;
		box-shadow:inset 0 0 0 1px #aaa, inset 0 -2px 0 rgba(0,0,0,.2), 0 2px 5px rgba(0,0,0,.15);
		padding-left:40px !important; padding-right:15px !important;
	}

/*-------------------------------------------
Alert Information
-------------------------------------------*/
.alertInfo{
	background:#fdf8ea; 
	border:2px solid #fcdf6d;
	font-size:16px; color:#111;
	text-align:center; 
	padding:20px;
	margin:10px 0 20px;
}
	.alertInfo a{color:#09F;}
	
/*===========================================
RWD
===========================================*/
@media screen and (max-width:1600px){
	footer .groundhogLeft{
		left:3%;
	}
	footer .groundhogRight{
		right:3%;
	}
}
@media screen and (max-width:1024px){
	.wrapper{
		width:100%; min-width:100%;
	}
	@media 
	all and (min--moz-device-pixel-ratio: 1.5),
	all and (-o-min-device-pixel-ratio: 3/2),
	all and (-webkit-min-device-pixel-ratio: 1.5),
	all and (min-device-pixel-ratio: 1.5),
	all and (min-resolution: 1.5dppx) {
		#contentContainer > .wrapper:after{
			right:-12px;
			width:78px;
		}
	}
	footer .groundhogLeft{
		left:-8px;
	}
	footer .groundhogRight{
		width:33px; height:35px;
		background-size:33px 35px;
		top:-32px; right:1%;
	}
}
@media screen and (max-width:992px){
	.wrapper{
		width:100%; min-width:100%;
	}
	#headerContainer{
		height:70px;
	}
		#headingLink{
			top:7px; left:10px;
		}
			#heading{
				padding-top:0;
			}
				#heading .pediatrLogo{
					width:74px; height:75px;
					background-image:url(../images/heading_logo_sp.png?v=20180725);
					background-size:74px 75px;
					margin-top:-3px;
				}
				#heading .pediatrTitle{
					width:223px; height:48px;
					background-image:url(../images/heading_title_sp.png?v=20180725);
					background-size:223px 48px;
					margin-left:78px;
				}
				#heading .pediatrEnglish{
					width:220px; height:20px;
					background-image:url(../images/heading_title_en_sp.png?v=20180725);
					background-size:220px 20px;
					margin-left:78px;
				}
				@media 
				all and (min--moz-device-pixel-ratio: 1.5),
				all and (-o-min-device-pixel-ratio: 3/2),
				all and (-webkit-min-device-pixel-ratio: 1.5),
				all and (min-device-pixel-ratio: 1.5),
				all and (min-resolution: 1.5dppx) {
					#heading .pediatrLogo{background-image:url(../images/heading_logo_sp@2x.png?v=20180725);}
					#heading .pediatrTitle{background-image:url(../images/heading_title_sp@2x.png?v=20180725);}
					#heading .pediatrEnglish{background-image:url(../images/heading_title_en_sp@2x.png?v=20180725);}
				}
	#topLinks, #topButtons{
		display:none;
	}
	/*-------------------------------------------
	Menu icon
	-------------------------------------------*/
	.toggleMenu{
		display:inline-block;
		width:50px;
		height:50px;
		line-height:50px;
		text-align:center;
		padding:0;
		background-color:#fff;
		border:3px solid #62bc0d;
		border-radius:50%;
		position:fixed; right:15px; top:15px; z-index:701;
		-webkit-transition:.4s ease;
		-moz-transition:.4s ease;
		transition:.4s ease;
		box-shadow:0 1px 8px rgba(193,154,204,.7);
	}
	.toggleMenu.active{
		background-color:#62bc0d;
	}
		#icon-menu{
			display:inline-block;
			width:24px;
			height:24px;
			margin-top:8px;
			position:relative;
			-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);
			-webkit-transition:.4s ease;-moz-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease;
			cursor:pointer;
		}
			#icon-menu span{
				display:block;
				position:absolute; left:0;
				height:3px;
				width:100%;
				background:#111;
				opacity:1;
				-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);
				-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;
			}
			#icon-menu span:nth-child(1){top:15%;}
			#icon-menu span:nth-child(2){top:50%;}
			#icon-menu span:nth-child(3){top:85%;}

		#icon-menu.active span{
			transition-delay:0s;-webkit-transition-delay:0s;
		}
		#icon-menu.active span:nth-child(1){
			top:48%;
			background:#fff;
			-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);
		}
		#icon-menu.active span:nth-child(2){
			opacity:0;
		}
		#icon-menu.active span:nth-child(3){
			top:48%;
			background:#fff;
			-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);
		}
	/*--- menu show/hide ---*/
	.menuMask{
		position:fixed; top:0; left:0; z-index:600;
		width:100vw;
		background-color:rgba(0,0,0,.8);
		transition:.1s;
		opacity:0;
		display:none;
	}
	.menuMask.active{
		height:100vh;
		opacity:1;
	}
	#menuContainer{
		position:fixed; top:0; left:0; bottom:auto; 
		z-index:0;
		background-color:#fff;
		opacity:0;
		width:100%;
		height:100%;
		padding:0;
		overflow:visible;
		visibility:hidden;
		/* pointer-events:none; */
		transition:.3s ease;
	}
	#menuContainer.active{
		z-index:700;
		opacity:1;
		visibility:visible;
		/* pointer-events:auto; */
	}
		#menuContainer  .menuInner{
			position:relative; top:0; left:0; z-index:1;
			width:100%;
			height:100%;
			padding:12px 20px;
			overflow:auto;
			backface-visibility:hidden;
		}
		/*--- menu header ---*/
		#menuContainer .isMobile{
			display:block;
		}
			#menuContainer .menuHeaderLogo{
				padding-bottom:15px;
			}
				#menuContainer .menuHeaderLogo a{
					display:inline-block;
					width:212px;
					height:54px;
					background:url(../images/menu_logo@2x.png?v=20180731) no-repeat 0 50%;
					background-size:212px 54px;
					margin-left:-13px;
				}
                #menuContainer .menuHeaderContact{
                    display:block;
                    width:50px;
                    height:50px;
                    overflow:hidden;
                    background:url(../images/icon_email_primary.svg) no-repeat 50% 50%;
                    background-size:contain;
                    position:fixed; top:15px; right:100px;
                    text-indent:-99999em;
                    transition:.2s;
                }
			#menuContainer .menuHeader{
				list-style:none;
				margin:0;
				padding:0;
				border:1px solid #ddd;
                border-radius:8px;
                overflow:hidden;
				/* background-color:#f4f7f4; */
			}
				#menuContainer .menuHeader li{
					float:left;
					width:33.33333%;
					font-size:15px;
					text-align:center;
				}
				/*
				#menuContainer .menuHeader li:nth-child(4),
				#menuContainer .menuHeader li:nth-child(5),
				#menuContainer .menuHeader li:nth-child(6),
				#menuContainer .menuHeader li:nth-child(7){
					width:25%;
				}
				*/
				#menuContainer .menuHeader.logined li{
					width:33.3333%;
				}
				#menuContainer .menuHeader li.menuMemberInfo{
					width:100%;
					/* border-bottom:1px solid #ddd; */
					background-color:#fff;
                    font-size:16px;
				}
				#menuContainer .menuHeader.logined li.menuMemberInfo{
					line-height:34px;
					padding:10px 0;
				}
					#menuContainer .menuHeader li > a{
						display:block;
						color:#000;
						border-top:1px solid #ddd; border-left:1px solid #ddd;
                        margin-left:-1px;
						padding:12px 5px;
					}
					#menuContainer .menuHeader li.menuMemberInfo .menuBtnLogout{
						margin-left:.5em; margin-bottom:0;
                        padding:8px 15px;
					}
					#menuContainer .menuHeader li .memberLogin{
						color:#0072ff;
						border:none;
					}
					#menuContainer .menuHeader li > a:hover{
						color:#4ea101;
					}
		/*--- main menu ---*/
		#menu{
			color:#000;
			position:relative; z-index:0;
			padding:0;
		}
		#menu.active{
			display:block;
			height:auto;
		}
			#menu > li{
				float:none;
				width:100%;
				border-bottom:1px solid #ddd;
			}
			#menu > li:hover{
				
			}
				#menu > li > a{
					padding:0;
					font-size:18px;
					color:#000;
					line-height:45px;
				}
				#menu > li:hover a{
					color:#111;
				}
				#menu > li > a.active{
					font-weight:700;
					color:#4ea101;
				}
				#menu > li.active:hover > a{
					color:#4ea101;
				}
				#menu > li:before{
					display:none;
				}
					#menu > li > a:before,
					#menu > li > a:after{
						display:inline-block;
						content:"";
						position:absolute;
						transition:.2s;
					}
					#menu > li > a:before{
						width:11px; height:3px;
						background-color:#4ea101;
						right:0; top:50%;
					}
					#menu > li > a:after{
						width:3px; height:11px;
						background-color:#4ea101;
						right:4px; top:42%;
					}
					#menu > li > a.active:before{
						background-color:#ccc;
					}
					#menu > li > a.active:after{
						height:0;
						opacity:0;
					}
					#menu > li > a.nav-links:before{
						top:38%;
						transform:rotate(45deg);
					}
					#menu > li > a.nav-links:after,
					#menu > li > a.nav-links.active:after{
						top:42%; right:4px;
						transform:rotate(45deg);
						opacity:1;
					}
				/* sub menu */
				#menu .sub{
					position:relative;
					min-width:auto;
					padding:0;
					box-shadow:none;
					border:none;
					border-radius:0;
					background-color:#f4f4f4;
					-webkit-animation-duration:.2s;animation-duration:.2s;
					display:none !important;
				}
				#menu .sub.active{
					display:block !important;
				}
					#menu .sub li{
						display:block;
						line-height:18px;
						white-space:normal;
						text-align:center;
						box-shadow:none;
						border-top:1px dashed #ddd;
					}
						#menu .sub li a{
							padding:8px 10px;
							font-size:15px;
							color:#000;
						}
						#menu .sub li a:hover{
							color:#4ea101;
							background-color:transparent;
						}
	#contentContainer > .wrapper:after{
		width:88px;
		right:0;
		background-position:25px 0;
	}
	.pageHead .crumbs{
		display:none;
	}
	#bans ul{
		padding:10px 20px;
	}
	#bans .grass3 ul{
		padding-bottom:35px;
	}
		#bans ul li a{
			width:130px; height:54px;
		}
	footer .footerLogo{
		display:none;
	}
	footer > .wrapper{
		padding:35px 15px 0;
	}
}
@media screen and (max-width:768px){/* iPad Portrait */
	.explanation.onlyRWD{
		display:block;
	}
	.alertInfo{
		font-size:15px;
		padding:20px;
		margin:5px 0 10px;
	}
}
@media screen and (max-width:667px){/* i6, i7, i8 Landscape */
	#contentContainer article{
		padding:25px 25px 60px;
	}
	.subMenu{
		top:25px; right:25px;
	}
	#bans ul li a{
		width:120px; height:50px;
	}
	footer .contactInfo .email{
		display:block;
	}
}
@media screen and (max-width:640px){/* Xiaomi 2S Landscape */
	.alertInfo{
		font-size:14px;
		padding:15px;
		margin:5px 0 10px;
	}
	#bans ul li a{
		width:110px; height:46px;
	}
}
@media screen and (max-width:576px){
	#bans ul li a{
		width:100px; height:42px;
	}
	footer{
		background-position:60% -15px, 50% 0;
	}
}
@media screen and (max-width:440px){/* i16 Pro Max */
	#headerContainer{
		height:50px;
	}
		#headingLink{
			top:12px;
		}
			#heading{
				padding-top:2px;
			}
			#heading .pediatrLogo{
				width:44px; height:44px;
				background-size:44px 44px;
				margin-top:-5px;
			}
			#heading .pediatrTitle{
				width:135px; height:26px;
				background-size:135px 26px;
				margin-left:45px;
			}
			#heading .pediatrEnglish{
				width:133px; height:10px;
				background-size:133px 10px;
				margin-left:45px;
			}
			@media 
			all and (min--moz-device-pixel-ratio: 1.5),
			all and (-o-min-device-pixel-ratio: 3/2),
			all and (-webkit-min-device-pixel-ratio: 1.5),
			all and (min-device-pixel-ratio: 1.5),
			all and (min-resolution: 1.5dppx) {
				#heading .pediatrLogo{background-image:url(../images/heading_logo.png?v=20180725);}
				#heading .pediatrTitle{background-image:url(../images/heading_title.png?v=20180725);}
				#heading .pediatrEnglish{background-image:url(../images/heading_title_en.png?v=20180725);}
			}
	.toggleMenu{
		top:10px; right:10px;
		width:42px; height:42px;
		line-height:42px;
	}
		#icon-menu {
			width:20px;
			height:20px;
			margin-top:7px;
		}
    #menuContainer .menuHeaderContact{
        width:42px;
        height:42px;
        top:10px; right:80px;
    }
	#menuContainer .menuInner{
		padding:6px 20px;
	}
		#contentContainer:after{
			background-position:72% 0;
		}
		#contentContainer > .wrapper{
			padding-left:15px; padding-right:15px;
		}
			#contentContainer > .wrapper:after {
				transform:scale(.8);
				transform-origin:100% 100%;
				width:80px;
			}
			#contentContainer article{
				padding:25px 20px 55px;
			}
				.partTitle{
					font-size:1.25rem;
				}
				.smallTitle{
					font-size:1.125rem;
				}
	.pageHead{
		padding:65px 0 30px;
	}
	#searchBlock ul{
		
	}
		#searchBlock ul li{
			position:relative;
			float:none;
			margin:0 0 5px 0;
		}
			#searchBlock [name='keyword']{
				width:100%;
			}
		#searchBlock .colSearch{
			text-align:left;
			padding-top:5px;
		}
			#searchBlock .colSearch [type='button'],
			#searchBlock .colSearch [type='submit']{
				position:static;
				padding-left:20px; padding-right:20px;
			}
	.subMenu{
		position:static;
		margin-bottom:20px;
	}
	.simSelect ul{
		right:auto;
	}
	.page .goToPage{
		display:block;
		margin:10px 0 0 0;
	}
	.buttons [type=submit], .buttons [type=button], .buttons [type=reset], .buttons a.btn{
		padding:12px 25px;
	}
	#bans ul li{
		width:50%;
		padding:5px 0;
	}
		#bans ul li a{
			width:160px; height:64px;
		}
	footer{
		background-position:63% -15px, 50% 0;
	}
		footer .contactInfo .tel,
		footer .contactInfo .fax{
			display:block;
		}
}
@media screen and (max-width:375px){/* i6, i7, i8, iX */
	body{
		font-size:13px;
	}
    #menuContainer .menuHeaderContact{
        right:70px;
    }
	#menuContainer .menuInner{
		padding:6px 15px;
	}
	#menu > li > a{
		font-size:16px; line-height:42px;
	}
		#menu > li > a:after{
			top:40%;
		}
	#contentContainer:after{
		background-position:70% 0;
	}
	#contentContainer > .wrapper{
		padding-left:15px; padding-right:15px;
	}
		#contentContainer > .wrapper:after {
			transform:scale(.65);
			width:80px;
		}
	#contentContainer article{
		padding:25px 15px 50px;
	}
		.pageHead .pageTitle{
			font-size:1.5rem;
		}
			.pageHead .pageTitle:before{left:-50%;}
			.pageHead .pageTitle:after{right:-40%;}

	#bans ul li a{
		width:150px; height:62px;
	}
	footer{
		background-position:65% -15px, 50% 0;
	}
		footer .postInfo .postNo,
		footer .postInfo .taxID{
			display:block;
		}
		footer .copyright{
			font-size:12px;
		}
}
@media screen and (max-width:360px){/* Xiaomi 2S */
	#contentContainer:after{
		background-position:69% 0;
	}
	.explanation{
		font-size:12px;
	}
	.page [type="button"],
	.page [type="submit"]{
		color:#333;
		font-weight:400;
		padding:9px 8px;
		background-color:#fff; 
		box-shadow:inset 0 0 0 1px #aaa, inset 0 -2px 0 rgba(0,0,0,.2), 0 2px 5px rgba(0,0,0,.15);
	}
	#bans ul li a{
		width:150px; height:62px;
	}
}
@media screen and (max-width:320px){/* i5 */
    #menuContainer .menuHeaderContact{
        right:60px;
    }
	#contentContainer > .wrapper {
		padding-left:10px; padding-right:10px;
	}
	#contentContainer article{
		padding-left:10px; padding-right:10px;
	}
	#menuContainer .menuHeader li a{
		font-size:14px;
		padding:10px 3px;
	}
	#menu > li > a{
		font-size:15px; line-height:40px;
	}
	#contentContainer:after{
		background-position:68% 0;
	}
	.simSelect ul li a{
		padding:2px 5px 2px 5px;
	}
	#bans ul li a{
		width:130px; height:54px;
	}
	footer .copyright .en{
		display:none;
	}
}