/* CSS Document */
/*@import url('buttons.css');*/

/* ========== common setting ========== */
/*body{
	font-family:Meiryo,'ＭＳ Ｐゴシック',sans-serif,'メイリオ';
	line-height:20px;
	color:#333333;
	font-size:12px;
}

body,h1,h2,h3,h4,h5,h5,div,p,table,th,td,ul,ol,li,dl,dt,dd,hr,fieldset,blockquote,pre,form{margin:0; padding:0;}
li{list-style-type:none;}
table{border-collapse:collapse;background-color:#fff;}*/


img{border:none;}
a{color:#4a8fa0;}
th{text-align:center;}
/*input[type=text],input[type=password]{padding:4px 2px;border:1px solid #bbb;}

textarea{padding:4px 2px;border:1px solid #bbb;}
select{border:1px solid #bbb;padding: 3px 2px;}

input.w200{width:196px;}
select.w200{width:200px;}
select.w155 {
    width: 155px;
}
*/
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mr25{margin-right:25px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr5{margin-right:5px;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}

.f_w{font-weight:bold;}

.f_l{
    float:left;
}
.f_r{
    float:right;
}


hr.cb{
    visibility:hidden;
    height:1px;
    clear:both;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.display-block{
    display:block;
}
.display-inline-block{
    display:block;
}
.login_top_links{
    text-align:right;
    padding:20px 20px 0 20px;
    font-size:14px;
}
.news_list{
    margin:0;
    padding:0;
}
.news_list li{
    border-top:1px dotted #e5e5e5;
    padding:15px 0;
    list-style:none;
    font-size:14px;
    color:#666;
    word-break: break-all;
}
.news_list li .date{
    font-weight:bold;
    display:block;
    color:#1B9AF7;
}
.category_box .btn-group,
.category_box a,
.category_box .dropdown-menu{
    /*display:block;*/
    width: 100%;
}

.portfolio-item{
    background-color:#f7f8fa;
    box-shadow:2px 2px 5px #eee,-2px -2px 5px #eee;
    -webkit-box-shadow:2px 2px 5px #eee,-2px -2px 5px #eee;
    -moz-box-shadow:2px 2px 5px #eee,-2px -2px 5px #eee;
}
/*.portfolio-item .thumb-img-box{*/
    /*position:relative;*/
    /*display:table-cell;*/
    /*cursor: pointer;*/
    /*min-height: 400px;*/
    /*max-height: 320px;*/
    /*height: 320px;*/
    /*vertical-align: middle;*/
    /*overflow: hidden;*/
/*}*/
.portfolio-item .thumb-img-box{
    position:relative;
    /*display:table-cell;*/
    cursor: pointer;
    /*min-height: 400px;*/
    max-height: 297px;
    height: 297px;
    width: 198px;
    vertical-align: middle;
    overflow: hidden;
}
.portfolio-item .item-tags{
    display:inline-block;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    background-color:rgba(0, 0, 0, 0.55);
    width:100%;
    padding:15px;
    color:#000;
    display:none;
}
.portfolio-item .item-tags p{
    color:#fff;
}
.portfolio-item .item-tags a{
    background-color:#5bc0de;
    border:1px solid #5bc0de;
    display:inline;
    color:#fff;
    display:inline-block;
    padding:2px 5px;
    border-radius:3px;
    -webkit-border-radius:3px;
    margin-bottom:5px;
    font-size:12px;
    margin-right:5px;
}
.portfolio-item .item-text{
    padding:10px;
}
.portfolio-item .item-text a{
    font-weight:bold;
    display:block;
    margin-bottom:5px;
}

.img-responsive{
    width:100%;
}

.h2_title{
    border-left:4px solid #337ab7;
    padding:2px 0 2px 13px;
    font-size:16px;
    font-weight:bold;
    margin-top:10px;
}
.h3_title{
    font-weight:bold;
    margin-bottom:5px;
    margin-top:0;
    font-size:14px;
    /*border-left:3px solid #4cb0f9;
    padding-left:10px;*/
}
.part_edit{text-align:right}
.part_edit input{
    width:40%;
    display:inline-block;
}
.pagination{margin:0;}
/* ========== modal style ========= */
.modal-header {
    padding: 15px;
}
.modal-body {
    padding: 10px;
    background-color:#fff;
    border-radius:5px;
    -border-radius:5px;
}
.modal-box{
    position:relative;
}
.modal-box .btn_close{
    position:absolute;
    top:-20px;
    right:-20px;
    background-color:#fff;
    color:#000;
    z-index:999;
}
.imageBig{
    /*position:relative;*/
}
.imageBig .btn_select{
    /*position:absolute;
    left:0;
    top:45%;
    width:100%;*/
    text-align:center;
}
.pop_complete{
    background-color:#fff;
    padding:40px 20px;
    font-size:24px;
    text-align:center;
}
.part_item_box{
    display:block;
    position:relative;
}
.part_item_box p{
    font-size:16px;
    text-align:center;
}
.select-part-name{
    font-weight:bold;
    display:inline-block;
    margin-right:10px;
    font-size:15px;
    width: 50%;
    vertical-align: middle;
}
.part_item_box p.selected{
    font-weight:bold;
}
.selected_icon{
    /*position:absolute;
    right:0;
    bottom:0;
    font-size:20px;*/
    color:#ee5a00;
}
.setting_div{
    background-color:#eff8ff;
    padding: 15px;
    margin: 0 15px 15px 15px;
    border:2px solid #d4ebff;
    border-radius:5px;
    -webkit-border-radius:5px;
}
.setting_div h2{
    font-size: 16px;
    font-weight: bold;
    border-bottom: 2px solid #d4ebff;
    color: #2a9bfd;
    padding-bottom: 5px;
    margin-top: 5px;
}
.setting_div label.txt{
    margin-top:10px;
    display:block;
}
.setting_div .btn-group a{
    min-width:70px;
}
/* ========== switch on/off ========= */
.onoff{
    width: 68px;
    height: 30px;
    overflow: hidden;
    background: url(/assets/switch_off.png) no-repeat;
    cursor: pointer;
    vertical-align:middle;
}
.onoff.off{
    width: 68px;
    height: 30px;
    overflow: hidden;
    background: url(/assets/switch_on.png) 0 0 no-repeat;
    cursor: pointer;
}
/* ========== end ========== */
/* ========== modal style end ========= */

.form-horizontal .control-label{
    text-align:left;
}
/*.form-lp-new .form-horizontal .control-label{
	width:11%;
}*/
.note_text{
    color:#666;
    background-color:#efefef;
    padding:10px;
    border-radius:3px;
}
.fix_save_btn{
    position:fixed;
    bottom:10px;
    right:10px;
    z-index:989;
}
.tbinfo{
    margin-bottom:15px;
}
.tbinfo th{
    text-align:left;
    padding:5px 0px;
    border-bottom:1px solid #efefef;
}
.tbinfo td{
    text-align:left;
    padding:5px 0px;
    border-bottom:1px solid #efefef;
}
@media (min-width: 992px){
    .li4th{clear:both;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .li2th{clear:both;}
}

.border-line {
    border-bottom: 1px solid #ddd;
}

.td_url, .td_url_short{
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    /*text-overflow:ellipsis;*/
    /*word-break: break-all;*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /*-webkit-line-clamp: 1;*/
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    text-align: left;
}
.td_mul_col{

    /*   多行显示*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    text-overflow:ellipsis;
    overflow: hidden;
    word-break: break-all;
    text-align: left;
}
.td_mul_col div.tooltip, .td_url div.tooltip, .td_url_short div.tooltip{
    word-break: break-all;
    text-align: left;
}

.item-tags a{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    max-width: 100px;
}

.arearDiv {
    padding: 10px;
    background: #ffebe5;
    border: 1px solid #f0b3a3;
    margin: 10px auto;
    /*height: 200px;*/
}