/* by  Jerry 2014/11 
bootstrap style "REWRITE", 原始樣式複寫, 微調字體、字型、色調、間距. */

body {
  font-family: Arial, Helvetica, 微軟正黑體,蘋果正黑體, sans-serif;
  font-size: 1.6em;
  line-height: 20px;
  color: #535b60;
  font-weight: normal;
  background-color:white;
  background-image:none;
}
h1 {
  color: #53555c;
  font-family: 'Open Sans', 微軟正黑體,蘋果正黑體, sans-serif;
  font-weight: 800;
}
h2 {
  color: #53555c;
  font-family: 'Open Sans', 微軟正黑體,蘋果正黑體,sans-serif;
  font-size: 2em;
  border-bottom: 2px solid #53555c;
  line-height: 1.5em;
  margin: 30px 0;
  padding-left: 10px;
}
h3 {
  font-family: 'Open Sans', 微軟正黑體,蘋果正黑體,sans-serif;
  color: #53555c;
  font-size: 1.5em;
  font-weight: lighter;
}
h4 {
  font-family: 'Open Sans', 微軟正黑體,蘋果正黑體, sans-serif;
  color: #53555c;
  margin-bottom: 1em;
}


/* index slide */

#sequence{height:250px;}
    #sequence > .sequence-canvas > li{padding:0px}
    #sequence > .sequence-canvas > li img {width:auto; height:250px;}
    #sequence > .sequence-canvas > li.bg1 {background-position-x: right;}
    #sequence > .sequence-canvas > li.bg2 {background-position-x: right;}
    #sequence > .sequence-canvas > li.bg3 {background-position-x: right;}
    #sequence > .sequence-canvas > li.bg4 {background-position-x: right;}
    #sequence > .sequence-canvas > li.bg5 {background-position-x: right;}
    #sequence > .sequence-canvas > li.bg6 {background-position-x: right;}
    #sequence > .sequence-canvas > li.bg7 {background-position-x: right;}
    #sequence > .sequence-canvas > li.bg8 {background-position-x: right;}
    #sequence > .sequence-canvas > li.bg9 {background-position-x: right;}

    #sequence > .sequence-canvas > li .title{margin-left:45%; width:auto;}


#sec_index{
    min-height:400px;
}


/* header */
/* index 頁面會把背景圖拿掉 background : none */
#header_opt_first{margin-left:85px;}
.mainmenu-wrapper{
    background-color:#0968bc;
    background-image:url(images/head_bg_blue.jpg);
    background-position:right;
    background-repeat:no-repeat;
    height:120px;
    display:block;
}

.mainmenu-container{
    background-image:url(images/logo-txt.png);
    background-position-x:left;
    background-repeat:no-repeat;
    height:120px;
    display:block;
}
#mainmenu ul{width:100%; height:50%; padding-top:50px;}
#mainmenu ul li{color:white; width:auto; margin-right:10px;}

/* for suboption menu beg*/
#suboptions ul{
    margin: 0;
    margin-bottom:10px;
    padding: 0;
    list-style-type: none;
    text-align: right;
}

#suboptions ul li { display: inline; }

#suboptions ul li a
{
text-decoration: none;
padding: .5em 1em;
color: #fff;
background-color: #264f78;
border-radius:10px;
}

#suboptions ul li a:hover
{
color: #fff;
background-color: #369;
}
/* for suboption menu end*/


/*other*/
.comment_brown{color:#4f1f1f;}
.comment_msg{color:red;}
.comment_unit_right, .comment_users_right{width:100%; text-align:right; color:gray; margin-bottom:10px;}
.comment_ing{color:red; font-style:italic; font-size:0.8em;}
.comment_ok{color:green; font-style:italic; font-size:0.8em;}
.comment{font-size:0.8em; color:gray; line-height:200%;}
.font_bold{font-weight:bold;}
.comment_size{font-size:0.9em;}

.td_align_center{text-align:center;}
.align_left{text-align:left;}

input[type="radio"] {
    margin-top:20px;
    margin-left: 20px;
    margin-right:3px;
}

input[type="radio"]:first-of-type
{
    margin-left:3px;
}

.tbl_sort{text-align:right; color:brown;}




/*for button position*/
#dv_btn_area{text-align:right;}



/*footer*/

.footer { 
    background-image:url(images/footer.jpg);
    background-color:#eeeef0;
    /*background-color:rgba(22,88,126,0.7);*/
    background-position-x:right;
    background-position-y:top;
    background-repeat:no-repeat;
    border:none;
    box-shadow:none;
    padding-top:50px;


}
.footer h3 {
    text-align:center;
    font-size:1.7em;
    border:none;
    color:#9d9d9d;
}
.footer-copyright {
    color:#53555c;
    /*color:rgba(255,252,255,0.3);*/
    border-top:1px solid rgba(255,255,255,0.1);
    padding-bottom:6px;
}

.footer-copyright_bg{
    background-color:#cbc8c8;
}


/* 20150402 by kpc */
#dv_filter{
    width:100%;
    margin:auto;
    padding:10px;
}

.opz-footer-li li {
    text-align:center;
    color:gray;
    /*text-shadow:1px 1px 1px rgba(54, 127, 169, 0.7);
    color:rgba(255, 255, 255, 0.7);*/
}
.opz-footer-li li a:link, 
.opz-footer-li li a:visited, 
.opz-footer-li li a:hover, 
.opz-footer-li li a:active{
    color:#535b60;
    /*text-shadow:1px 1px 1px rgba(54, 127, 169, 0.7);
    color:rgba(255, 255, 255, 0.7); */
}


@media screen and (max-width: 480px) {
	table{
		display:inline-block;
		overflow:scroll;
	}
}