body {
    font-family: Arial, 微軟正黑體, Helvetica, sans-serif, PMingLiU !important; /*覆蓋bootstrap樣式*/
    /* font-family will be change by "langage_header.js" when onclick language buttom */
    background:  url(../images/body_bg_zebra.jpg) center top repeat-y #F5F5F5 !important; /*覆蓋bootstrap樣式*/
    overflow-y: scroll;
    margin: 0;
	padding: 0;
    
    /* Control over the text inflation algorithm used on some mobile devices. */
    -webkit-text-size-adjust:none; /* Safair & Chrome */
    -ms-text-size-adjust:none; /* IE */
    -moz-text-size-adjust:none; /* Firefox */
    text-size-adjust:none; /*Other browsers*/
}

h1 {
    font-size: 50px; 
}

h2 {
    font-size: 35px; 
}

h3 {
    font-size: 20px; 
    font-weight: 700;
}

h4 {
    font-size: 18px; 
}

h5 {
    font-size: 16px; 
}

p {
    font-size: 16px;
    line-height: 27px;
    text-align: justify;
}

ul{
    font-size: 16px;
    line-height: 27px;
}

img {
    display: block;
    margin: auto;
}

table {
    font-size: 16px;
}

#buliding {
    width: 1026px; /*1010*/
    margin: 0 auto;
}

#header {
    position: relative;
	height: 140px;
	background: url(../images/header_cover.jpg) left top no-repeat;
}

#header #logo {
    position: absolute;
	top: -15px; /*old icon: 15px*/
	left: 10px; /*old icon: 34px*/
}

#header #icpdaslink {
    font-size: 17px;
    font-weight: 700;
    position: absolute;
    width: 150px;
	top: 10px;
    right: 20px;
}

#header #icpdaslink a {
    color: #666666;
    text-decoration: none;
}

#header #icpdaslink a:hover {
    color: #4f0409;
}

#header #language {
    position: absolute;
	top: 50px;
	right: 25px;
}

#contents {
    padding: 15px 33px 15px 33px; /*15 25 15 25*/
}

#contents h3 {
	padding: 10px 0 6px 28px;
	border-bottom: 1px dotted #254054;
	font-weight:bold;
	background: url(../images/main_head_icon.gif) left 50% no-repeat #9bc5e7;
	color: #254054;
}

#contents #main {
	width: 960px;
	height:auto;
}

/*會導致bootstrap_buttons樣式<a>連結產生底線，取消掉
#contents #main a{
    text-decoration:none;
    border-bottom: dotted;
    border-width: 1px;
    color: #000;
}

#contents #main a:hover{
    color: #555;
    border: none;
}*/

#contents #CM {
    border-radius: 10px;
    position: relative;
    height: 400px;
    /*background: url(../images/IndexCM.png) no-repeat #f2f2f3;*/
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a8dfff+65,9eedc3+100 */
    background: #a8dfff; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #a8dfff 65%, #9eedc3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #a8dfff 65%,#9eedc3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #a8dfff 65%,#9eedc3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8dfff', endColorstr='#9eedc3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#contents #CM .bgImage {
    position: absolute;
}

#contents #CM #Item_5231 {
    height: 180px;
    left: 0px;
}

#contents #CM #Item_5231_4G {
    height: 220px;
    left: 150px;
    top: 10px;
}

#contents #CM #Item_2241 {
    height: 200px;
    left: 300px;
}

#contents #CM #abouts {
    position: absolute;
    /*top:200px;*/
    height: 380px;
    /*left: 400px;
    right: 30px;*/
    
}

#contents #CM #abouts #title1 {
    font-size: 70px;
    margin: 55px 0 5px 450px;
}

#contents #CM #abouts #title2 {
    font-size: 35px;
    margin: 5px 0 50px 500px;
}

#contents #CM #abouts #des {
    margin: 0 230px 0 30px;
}

#contents #CM_IotstarTrialService {
    border-radius: 10px;
    position: relative;
    height: 100px;
    margin-top: 9px;
    padding: 20px;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a8dfff+65,9eedc3+100 */
    background: #a8dfff; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #a8dfff 65%, #9eedc3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #a8dfff 65%,#9eedc3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #a8dfff 65%,#9eedc3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8dfff', endColorstr='#9eedc3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#contents #CM_IotstarTrialService #bgImage {
    position: absolute;
}

#contents #CM_IotstarTrialService #abouts {
    position: absolute;
    /*top:200px;*/
    height: 100px;
    left: 200px;
    right: 30px;
}

#contents #news {
    position: relative;
    /*height: 170px;*/
}

.newsListUrl{
    color: #000000;
    text-decoration: none;
}

.newsListUrl:hover{
    color: #990000;
}

#footer {
    /*margin-left: 20px;*/
	/*margin-right: 20px;*/
	padding: 12px 18px;
	background-color: #709ec0;
	color: #254054;
    clear: both;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

#footer address {
	margin: 0;
	padding: 0 12px 0 0;
	text-align: center;
	font-size: 16px;
    font-weight:bold;
}

#footer #top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    font-size: 20px;
    font-weight: bold;
    color: black;
}

/*bootstrap_min_customize.css 全域取消的項目單獨建立*/
.bootstrap_InputGroup{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

.bootstrap_InputGroup:before,.bootstrap_InputGroup:after{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}