/* Write your styles */

import React from 'react';
import ReactDOM from 'react-dom';
import {
    Button,
} from 'amazeui-touch';

ReactDOM.render(<Button>Hello World</Button>, document.getElementById('root'));

.ap-header-mright {
    padding-right: 55px;
}
.ap-header-mright a {
     padding-right: 55px;
 }
.ap-breadcrumb-on {
    color: #aaaaaa; padding-left: 5px
}
.ap-breadcrumb-bar {
    color: #aaaaaa; padding-left: 5px; padding-right: 5px
}
.ap-font-normal {
    font-weight: normal
}
.ap_dis_none {
    display: none;
}
.ap-box {
	margin-top: 10px;
}
.ap-box-n {
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
}
.ap-box-n10 {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 8px;
}
.ap-box-w10 {
	margin-left: 10px;
	margin-right: 8px;
}
.f12{
	font-size: 12px;
}
.am-input-wd{
  	width: 120px;
}


.ap-seg15{
	margin: 15px;
	border-top:1px solid #EFEFF4; 

}
.ap-seg0{
	margin: 5px 0 0 0;
	border-top:1px solid #EFEFF4; 

}
.ap-seg1{
	margin: 15px 0 ;
	border-top:1px solid #EFEFF4; 

}

.detail_wrap1 {
	margin: 0 auto;
}

.am-bg{
	background-color: #F7F7F7; 

}
.abg .am-bg-yellow{
	background-color: #FFFFDD; 
    color: #f37b1d!important;

}

.hide-article-pos {
	position: relative;
	z-index: 9999;
	padding-top: 90px;
	bottom: 2px;
	margin-top: -100px
}

div.hide-article-box {
	width: 100%;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, #fff));
	background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 70%);
	padding-bottom: 6px;
}

div.hide-article-box .border {
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
	width: 100%;
	height: 2px;
	margin-bottom: 20px
}
.ap-push{
	margin: 15px 0 ;
	border-top:1px solid #EFEFF4; 

}
.ap-push img{
	background-size:contain|cover;
	width:100%;
	height: auto;

}
.scale{
	background-size:contain|cover;
	width:100%;
	height: auto;

}