body{position: relative;font-family: 'Roboto', sans-serif; font-weight: 400}
a{color: #000000;text-decoration:underline;}
.container{width: 1172px;position: relative;margin: 0 auto;}
.page{background-repeat:repeat;position: absolute;}
.content_index{font-size:32px;line-height:1.2;font-weight: 100;}
.content_index .author{font-size:18px;margin-top:-16px;}
.page .title{position:absolute;font-size:45px;text-decoration:none;color:#FFFFFF;}
.page .box_title{/*position:absolute;top:0;left:0;bottom:0;right:0px;padding:5px;*/position:relative;width:100%;height:100%;margin-bottom: 150px;}
.page[data-idx="2"] .box_title{margin-bottom:0}
.box_title + .box_close{display:none;}
.modal{background-image: url(../files/bk-detail.png);/*width:1022px;*/height:925px;position:absolute;top:160px;left:88px;right:63px;z-index:999;display:none;}
.modal .box_close{width:700px;height:20px;padding-top:10px;cursor:pointer;position:relative;}
.modal .box_close span{float:right}
.box_content{width:550px;padding:5px 23px 5px 23px;box-sizing:border-box;font-size:19px;float:left;}
    .box_content h2{font-size:32px;margin:3px 0px;line-height:1.2;font-weight: 100;}
    .box_content p:first-child{margin-top:0px;}
.box_title{/*width:550px;padding:0px 23px 0px 23px;*/box-sizing:border-box}
.modal .box_title{padding:0px 23px 0px 23px;}
    .box_title h2{font-size:32px;text-transform: uppercase;font-weight:100;}
.box_image{float:left;position:relative;}
    .box_image img{position:absolute;max-width:600px;}
.modal .box_subpage{float:left;width:100%;display:inline-block;margin:0;padding:0;}
    .modal .box_subpage li{list-style:none;}
    .modal .box_subpage li > a{font-size:32px;text-decoration:none;color:#000;}
.close_modal.open:after {
	transform: translate3d(0,-12px,0) rotate(-90deg);
	height: 2px;
	background-color: #1c191d;
}
.close_modal:after {
	top: 12px;
	left: 0;
}
.close_modal.open:before {
	transform: translate3d(0,-12px,0) rotate(90deg);
	width: 0px;
	background-color: #1c191d;
}
.close_modal:before {
	top: 6px;
	left: 0;
}
.close_modal.open {
	background-color: #ffffff;
	top: 14px;
	right: 0;
}
.close_modal.open {
	transform: translate3d(0,5px,0) rotate(45deg);
	z-index: 1;
	height: 2px;
	background-color: #1c191d;
}
.close_modal, .close_modal:after, .close_modal:before {
	background-color: #000000;
	position: absolute;
	width: 28px;
	height: 2px;
	content: '';
	transition-timing-function: ease;
	transition-duration: .2s;
	transition-property: transform,opacity;
}
/*************************/
.page_detail_device{display:none;}
.content_index p,.box_content p, .page_detail_device p {/*-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;*/}
.content ul{padding: 0 0 0 15px;}
.content ul li {list-style-type: none;margin: 0;padding: 0;}
.content ul li:before {content: '–';margin-left: -15px;padding-right: 3px;}
.visible-xs{display:none;}
@media only screen and (max-width: 1020px) {
    .open > .box_title + .box_close {
	display: block;
	position: absolute;
	top: 0;
	right: 5PX;
	cursor: pointer;
	height: 40px;
	width: 28px;
}
    .content_index{display:none;}
    html{overflow-x: hidden;}
    .container{width:300px;float:left;margin:0 10px;box-sizing:border-box;}
    .page{width:100%!important;height:42px!important;position: relative!important;float:left;left:0!important;top:0!important;}
    .page .box_title .title{-ms-transform: rotate(0deg)!important;-webkit-transform: rotate(0deg)!important;transform: rotate(0deg)!important;position:relative!important;top:0!important;left:0!important;font-size:24px!important;line-height:42px;margin-left:5px;display:block;}
    .page_detail_device{display:none;width:100%;height:0px;padding:4px 3px 10px 10px;box-sizing:border-box;overflow:hidden;}
    .page_detail_device .box_close{width:100%;text-align:right;}
    .page_detail_device .box_close img {width:15px;}
    .page_detail_device .box_title{width:100%;padding:0px;}
    .page_detail_device .box_title h2{font-size:20px;margin:0;line-height:1.3;margin-bottom: 10px;}
    .page_detail_device .box_content{padding:0px;width:100%;font-size:18px;line-height:1.3;}
    .page_detail_device .box_subpage{width: 280px;background-color: #FFFFFF;clear: both;margin-left: -10px;padding: 10px;margin-bottom: -10px;}
    .page_detail_device .box_subpage li{list-style:none;margin:2px 0px 2px -5px;padding:0;}
    .page_detail_device .box_subpage li a{text-decoration:none;font-size:20px;color:#000;font-weight: 400;}
    .page_detail_device .box_subpage li img{width:110%;position:relative;margin-left:-10px;}
    .content_index{display:block;top:250px !important;position:absolute !important;left: 5px !important;height: auto !important;}
/*.page_detail_device .box_subpage li .content{display:block !important;}*/
    .content_index > p {margin-top:0;}
    .visible-xs{display:block;}
    .hidden-xs{display:none;}
    .page_detail_device .box_image{float:none;}
    .page_detail_device .box_image img{width:100%;height:auto;position: relative;top: 0;}
}