/*IE 10 */
body {background: url(/eweb_<%=iWeb_Id%>/everfun/eweb_demo/images/bg.jpg) top center; background-repeat: no-repeat; background-attachment: fixed;background-size: cover;}
#nav{background: #333333;}
select::-ms-expand{display: none;}
select{ -webkit-appearance: none;/* Chrome */-moz-appearance: none;/* Firefox */text-indent: 0.01px;text-overflow: ' ';/* space */}
	ul{list-style-type: none;}
	ul.breadcrumbs {width: 100%; height: 50px; line-height: 50px; background: rgba(255,255,255,0.8); margin: 0 auto; padding-left: 15px;}
	ul.breadcrumbs li {float: left; font-size: 15px; color: #666; margin: 0;}
	ul.breadcrumbs li a {font-size: 15px; color: #666;}
	ul.breadcrumbs li:after {content:">"; margin:0 5px;} 
	ul.breadcrumbs li:nth-child(1):after {content:normal;}
	ul.breadcrumbs li:nth-last-child(1):after {content:normal;}
	article.member_profile_content {width: 100%; margin: 50px auto;  background: #FFF;}
	article.member_profile_content a:hover, article.member_profile_content a:focus, 
	article.member_profile_content a:visited, {text-decoration:none;}
	article.member_profile_content section {margin: 0 100px; display: inline-table;}
	article.member_profile_content section .explanation {width: 100%; margin: 0 auto 30px; padding: 10px; border: 1px dashed #F00; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	article.member_profile_content section .explanation p{display: inline-block;}
	article.member_profile_content section .explanation p span {color: #F00;}
	article.member_profile_content section .member_account {margin-bottom: 20px; display: table; width: 100%;}
	article.member_profile_content section .basic_information {margin-bottom: 20px; display: table; width: 100%;}
	article.member_profile_content h3 {height: 60px; line-height: 60px; text-align: center; background: #ad9e87; color: #FFF;}
	article.member_profile_content section form h5 {margin: 20px 0 20px 0; font-weight: normal; border-bottom: 1px solid #8ab724; line-height: 40px;}
	article.member_profile_content section form ul {width: 100%; float: left;}
	article.member_profile_content section form ul li {float: left; font-size: 16px; color: #666; line-height: 35px; position:relative;}
	article.member_profile_content section form ul li a.description { text-decoration:underline; color:#666;}
	
	article.member_profile_content section form ul li .description_box {-moz-opacity: 0; opacity:0; filter: alpha(opacity=0); position:absolute; top:-9999px; left:140px; width: 425px; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease;}
	article.member_profile_content section form ul li:hover .description_box {-moz-opacity: 1; opacity:1; filter: alpha(opacity=100); top:-82px; left:140px; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease;}
	
	
	.description_box .arrow_box ul li {width: 100% !important; float:left; margin:0; padding:0 !important; text-align: left !important; line-height:25px !important;}
	.description_box .arrow_box ul li span {:#F00;}
	.description_box .arrow_box ul li ul li {margin:0 15px; padding:0;}
	
	
	article.member_profile_content section form ul li .description_box .arrow_box {position: relative; background: #fffeab; border: 1px solid #f6cb02; display: table; padding: 10px;}
	article.member_profile_content section form ul li .description_box .arrow_box:after, .arrow_box:before {right: 100%; top: 50%; border: solid transparent; content: " ";	height: 0; width: 0; position: absolute; pointer-events: none;}
	article.member_profile_content section form ul li .description_box .arrow_box:after {border-color: rgba(209, 213, 102, 0);	border-right-color: #fffeab; border-width: 10px; margin-top: -10px;}
	article.member_profile_content section form ul li .description_box .arrow_box:before {border-color: rgba(235, 245, 96, 0);	border-right-color: #f6cb02; border-width: 11px; margin-top: -11px;}
	
	article.member_profile_content section form ul li:nth-child(1) {/*width: 10%;*/ text-align: right; text-align: right; padding-right: 20px;}
	article.member_profile_content section form ul li span {color:#F00;}
	article.member_profile_content section form ul li label {font-weight: normal; margin: 0 15px 0 0; cursor: pointer;}
	input[type="radio"] {vertical-align:middle; margin: 0;}
	input[type="text"].inputdate {background: url(/eweb_<%=iWeb_Id%>/everfun/eweb_everfun/images/icon_helpday.png) no-repeat 99% center #FFF;}
	select {width: 200px; height: 35px; font-size: 16px; color: #666; margin: 0 25px 0 0; border-radius: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ' '; line-height: 20px; background: url(/eweb_<%=iWeb_Id%>/everfun/eweb_demo/images/icon_drop_down.png) #FFF no-repeat 167px center; padding: 0 35px 0 0; border: 1px solid #a9a9a9;}
	.button_box {width: 100%; float: left; margin: 50px auto; text-align: center;}
	.button_box a.button{font-size: 16px; cursor: pointer; border-style: solid; border-width: 0pt; background: #7b991d; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #FFF; line-height: 38px; margin: 50px 10px; vertical-align: sub; padding: 10px 30px;}
	.button_box a.button:hover {background: #8ab724; text-decoration: none;}
	.button_box a.button:visited, .button_box a.button:focus {text-decoration: none;}
	.button_box input.button{font-size:16px;cursor:pointer;border-style:solid;border-width:0pt;background:#7b991d;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#FFF;line-height:38px;margin:50px 10px;vertical-align:sub;padding:10px 30px;}
	.button_box input.button {padding: 2px 30px 1px; margin: 0;}
	.button_box .button:hover {background: #8ab724;}
	
	.reveal-modal-bg { position: fixed; height: 100%; width: 100%; z-index: 100; display: none; top: 0; left: 0; background:rgba(00, 00, 00, 0.8) }
	.reveal-modal { visibility: hidden; top: 150px !important; /*left: 50%; margin-left: -300px; width: 520px; */position: absolute; z-index: 101; padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); background-color: #FFF;}
	.reveal-modal .close-reveal-modal { font-size: 22px; line-height: 0.5; position: absolute; top: 8px; right: 11px; color: #333; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer;} 
	.reveal-modal a:hover, .reveal-modal a:visited, .reveal-modal a:focus {text-decoration: none;}
	.reveal-modal .button_box {margin:20px auto 0;}
	.reveal-modal p {margin:5px auto;}
	.reveal-modal p .time-item {color:#F00; font-size: 30px; line-height: 30px; vertical-align: middle;}
	
	
	.black_overlay{display: none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:9999998;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
	.white_content {display: none;position: fixed;top: 15%;/*left: 50%; margin-left: -480px; width: 960px;*/ padding: 16px;z-index:9999999;/*min-width: 400px;min-height: 400px;*/padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); background-color: #FFF;left: 32%;}
	.white_content a.close_btn{font-size: 22px; line-height: 0.5; position: absolute; top: 8px; right: 11px; color: #333; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer;}
	.white_content a.close_btn:hover, .white_content a.close_btn:visited, .white_content a.close_btn:focus {text-decoration: none;}
	.white_content textarea {width: 100%; padding:20px; text-align: justify;}
	.white_content .button_box {margin: 30px auto 0;}
	.white_content .button_box a:hover, .white_content .button_box a:visited, .white_content .button_box a:focus {text-decoration: none; background-image:}


.btn-fb {background: #3b5998;}
.btn-google {background: #ea4335;}
.btn-line {background: #00c300;}
.signin_box .community {
	margin-left: auto;
	margin-right: auto;
}
.community {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 5px 0;
}
.community_box {
	width: 35px;
	height: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 50%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 10px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

	
	@media(max-width:1440px){
		.white_content{left:26%;}
	}
	@media(max-width:991px){
		.white_content{left:14%;}
	}
	
/*RWD*/
	.container {min-width: auto;min-height: auto;}
	Header{min-width: auto;}
	Footer{min-width: auto;}
	@media(max-width:1440px){
		.white_content{left:26%;}
	}
	@media(max-width:991px){
		.white_content{left:14%;}
		article.member_profile_content section {margin: 0;display: inline-table;}
	}
	@media(max-width:767px){
		article.member_profile_content section{margin:0;}
		.white_content{left:0;top: 0;}
		article.member_profile_content section form ul li .description_box {-moz-opacity: 0;opacity: 0;filter: alpha(opacity=0);position: absolute;top: -9999px;left: 0;width: auto;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;}
		article.member_profile_content section form ul li:hover .description_box {-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);top: -230px;left: 140px;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;z-index: 1;}
		.description_box .arrow_box ul li ul li{margin:0;}
		.button_box a.button{font-size: 15px;padding: 10px 20px;}
		article.member_profile_content section form ul li span {clear: both;display: inline-table;font-size: 15px;}
		input[type="text"], input[type="password"]{margin: 0 25px 6px 0;}
	}
	@media(max-width:767px){
		input[type="text"], input[type="password"]{margin: 0 25px 6px 0;}
	}