/*
 * SimpleModal Basic Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#basic-modal-content {display:none; font-family:Arial, Helvetica, sans-serif;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#F8F8F8; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}


.logn_t{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:6px; font-weight:normal;}

.logn li{ vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; margin-right:5px; float:left}
.logn li em{ color:#F00; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
.logn{ margin-top:16px;float:left}
.logn111{margin-top:20px; float:left;}

.close_inq {
    background: url("../images/close_03.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 13px;
    margin-left: 56px;
    width: 13px;
}
.logn li.td1{ text-align:right; width:110px;}

#basic-modal-content input[type=button]{ 
	background: none repeat scroll 0 0 #3A3A37;
    border: 1px solid #FFFFFF;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    height: 26px;
    padding: 0;
    width: 72px;
	margin-left:84px;
	font-size:12px;
	-moz-transition: all 0.5s ease 0.01s; 
	-webkit-transition: all 0.5s ease 0.01s; 
	-o-transition: all 0.5s ease 0.01s; 
	transition: all 0.5s ease 0.01s;
	}
#basic-modal-content input[type=button]:hover{ color:#E37006; border:1px solid #E37006;}

/*showlist*/
.showList{}
.showList p{line-height:24px;color:#333;font-size:14px;}
.showList dl.ppl-box{ float: left; margin:15px 28px 0 0; height: 198px; width: 215px;}
.showList dl.ppl-box img{width:100%;display:block;border:1px solid #d9534f;box-sizing:border-box;}
.showList dl:last-child{ margin-right:0;}
.showList dl.ppl-box dd{text-align:center;margin:15px 0 0;}
.showList dl.ppl-box dd a{color:#333;}


.showList .list{margin:15px 0 0;}
.showList .list h3{font-size:18px;color:#000;}
.showList .list .box{margin:20px 0 0 -2%;}
.showList .list .box ul{float:left;width:23%;margin:0 0 15px 2%;}
.showList .list .box ul li{border:1px solid #ccc;text-align:center;}
.showList .list .box ul li:last-child{border-top:none;height:50px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.showList .list .box ul li a{font-size:14px;color:#333;}
.showList .list .box ul li a:hover{color:#012D8C;}

.relatedtags{margin:30px 0 0;}
.relatedtags h3{line-height:40px;background:#d9534f;color:#fff;border-radius:3px;padding:0 0 0 15px;}
.relatedtags ul{}
.relatedtags ul li{float:left;line-height:30px;margin:10px 0 0;width:50%;background: url(../images/foot-dd-bg.png) no-repeat left center;padding-left:15px;box-sizing:border-box;}
.relatedtags ul li a{color:#333;font-size:14px;}


@media screen and (max-width:768px){
  
.showList .list .box ul{width:48%;}
  
}