body{
	font-size:14px;
	font-weight:bold;
}
#main_div{
	margin:0 auto;
	width:90%;
}
div#footer_bottom_table > table > tbody > tr > td > div > span > a, div#footer_bottom_table > table > tbody > tr > td{
	color:white !important;
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
}

div.div_progress > img{
	width:40%;
	height:auto;
	max-width:350px;
	min-width:120px;
}

/*table tr td{
	border:solid 1px white;
}*/

/*----------------------------------------------*/
#outer-box {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  margin:0 auto;
}
#outer-box img {
  width: 100%;
  height: auto;
}
#outer-box #inner-box {
  height: 100%;
  width: 100%;
  opacity: 1;
  top: 0;
  left: 0;
  position: absolute;
  padding: 0;
  transition: opacity .5s;
}

#footer{
	background-color:black;
	color:white !important;
	font-weight:normal;
	padding:1%;
	font-size:12px
}
#list_image_sosialLink{
	float:left;
	display:inline-block;
	margin:15px; auto;
	text-align:center;
	width:100%;
}
#list_image_sosialLink > img{
	width:8%;
	margin:1%;
	height:auto;
}

/*----------------------------------------------*/


.paragraph{
	margin:2% 5%;
	line-height:1.5;
	text-align:justify;
}
.paragraph ul li{
	margin-left:-20px;
}
.selengkapnya{
	color:red;
}
.ui-input-btn input{
	background-color:red !important;
}
ol > li{
	margin-bottom:20px;
}
.board_produk, #myGroup{
	border:solid 2px #ff8c00;
	-webkit-border-radius: 6px;
		   -moz-border-radius: 6px;
				border-radius: 6px;
}
.ui-controlgroup-label{
	width:100% !important;
}

.produk{
	margin:2% 5%;
}

div.harga{
	width:100%;
	text-align:center;
	margin:0 auto;
}

div.harga > table tr td.currency{
	font-size:30px;
	vertical-align:text-top;
	padding-top:10px;
}
div.harga > table tr td.nominal{
	font-size:100px;
}
div.harga > table tr td.ribuan{
	font-size:30px;
	vertical-align:bottom;
	padding-bottom:10px;
}

table.tb_harga tr td{
	/*border:solid 1px;*/
	margin: 0 auto;
	color:#ff8c00;
}

span.hanya{
	color:grey;
}

.klikable{
	cursor:pointer;
}

span.span_judul{
	font-weight:bold;
	font-size:20px;
}

<!---------------------------------------->
#myGroup {
    font-size: 84%;
}
#myGroup .ui-controlgroup-label{
    float: none;
    display: block;
    text-align: center;
    width: 100%;
}
#myGroup .ui-controlgroup-controls {
    float: none; 
    display: block;
    width: 100%;
}
#myGroup .ui-radio{
    width: 50%;
}
#myGroup .ui-radio label{
    text-align: center;
    white-space: nowrap;
}
<!---------------------------------------->

<!---------------------------------------->
.ui-page-theme-a .ui-btn.ui-btn-active, html .ui-bar-a .ui-btn.ui-btn-active, html .ui-body-a .ui-btn.ui-btn-active, html body .ui-group-theme-a .ui-btn.ui-btn-active, html head + body .ui-btn.ui-btn-a.ui-btn-active, .ui-page-theme-a .ui-checkbox-on::after, html .ui-bar-a .ui-checkbox-on::after, html .ui-body-a .ui-checkbox-on::after, html body .ui-group-theme-a .ui-checkbox-on::after, .ui-btn.ui-checkbox-on.ui-btn-a::after, .ui-page-theme-a .ui-flipswitch-active, html .ui-bar-a .ui-flipswitch-active, html .ui-body-a .ui-flipswitch-active, html body .ui-group-theme-a .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, .ui-page-theme-a .ui-slider-track .ui-btn-active, html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-body-a .ui-slider-track .ui-btn-active, html body .ui-group-theme-a .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-a .ui-btn-active{
	background-color: #fbe18a !important;
	border-color: #fbe18a !important;
	color: #fff !important;
	text-shadow: 0 1px 0 #fbe18a !important;
}

.ui-page .ui-content .ui-btn.my-btn .ui-btn-inner{
    color      : green;
    background : red;
}

<!---------------------------------------->