/*自訂css*/
body {
    margin: 0;
    text-align: justify;
    background-color: #FFFFFF; 
    /*background-image: url("../img/penrose_1_coin_1.jpeg");*/ 
    /*background-image:url('/img/background.jpg');
	background-repeat: repeat;*/
    background-position: right bottom; /*font-family: serif;*/
    font-size: 16px;
}

.my-left-box {
    background-color:#d9edf7;
    border-color:#bce8f1;
    color:#3a87ad;
    margin-bottom:10px;
    padding:10px;
    font-weight:normal;
}

.my-item-box {    
    background-color:#0c02fb;
    /*border-color:#000;*/
    width:420px;
    border:0px solid #bce8f1;
    padding:0px 1px 1px 1px;
    margin-bottom:10px;    
    color:#fff;
    font-size:20px;
    text-indent:5px;
    margin: 0px auto;
    *margin: 0px auto;
    _margin: 0px auto;    
}

.my-item-content-box {
    background-color:#fff;
    border-color:#000;
    color:#3a87ad;
    font-size:11pt;
    padding:10px 20px 5px 5px;
    /*padding-top:10px;
    padding-bottom:5px;
    padding-right:5px;*/
    text-align:right;    
}

.my-item-box-title {
    text-align:left;
    font-size:20px;
    color:#396980;        
}

.my-input {
    width:80px;
}

.my-input-widthauto {
    width:auto;
}

.my-radioButtonList {
    width:auto;
    text-align:left;
    text-indent:-34px;
    margin-left:73px;
}

.my-radioButtonList-items input[type="radio"]{    
    margin-left:0px;
    margin-right:40px;    
}

.my-text-warnning {
    font-weight:bold;
    color:#f00;    
    text-indent:-65px;
    margin-left:70px;
    text-align:left;
}

.my-treeview  {
    background-color:#fff;
    font-size:11pt;
    width:100%;      
}

.my-img {
    height: auto; 
    max-width: 100%;
    /*width: expression( document.body.clientWidth:100% );*/ 
    padding:10px 0px 10px 0px;
}

.my-treeview  {
    background-color:#fff;
    font-size:16pt;
    width:100%;      
}

.my-workcontent {
    height:600px;
}

.my-gv-box {
    background-color:#0c02fb;
    /*border-color:#000;*/
    width:auto;
    border:0px solid #bce8f1;
    padding:0px 1px 1px 1px;
    margin-bottom:10px;    
    color:#fff;
    font-size:20px;
    text-indent:5px;
    margin: 0px auto;
    *margin: 0px auto;
    _margin: 0px auto;    
}

.my-gv-content-box {
    background-color:#fff;
    border-color:#000;
    color:#3a87ad;
    font-size:11pt;
    padding:10px 20px 5px 5px;    
}

.container
	{
		overflow: hidden;        
        margin: auto;
		/*margin: 0em auto;*/        
		width: auto;
	}

.my-form-box {
        /*width : 200px;
        height : 200px;*/
        /*background-color:blue;*/
        
        /* 垂直置中 */
        /*top : 150px;*/

        /* 搭配垂直置中使用 */
        /*Lposition:relative;*/

        /* 水平置中 */
        margin: auto;
    }

/*********************************************
the Gridview style
*********************************************/
.gvStyle
{
	border: 0px;    
    /* width: 100%;
    margin : 1px 1px 1px 1px;
    border-collapse: collapse;*/
    font-size: 12pt;
    Background-Color: White;
   /* BorderColor: #E7E7FF;
    CellPadding: 2;
    CellSpacing: 2;*/
}        
/*Header 標題*/
.gvStyle th
{
	background-color: #0000C0;
    Color: White;
    /*Font-Bold: True;*/
    font-weight: bold;
    border: 1px solid #ccc;
    text-align: center;
   /* height: 20px;*/
}
/*OnMouseOver 滑鼠移過列表時, 背景色變更*/
.gvStyle tr:hover {
    background-color: #CC99FF;
}
/*Rows 列表顏色*/
.gvStyle td
{
	Color:#000040;
    border: 1px solid #ccc;
    /*height:25px;*/
}
/*Change Rows 如果想要有單、雙列不同顏色替換, 在這裡更換*/
.gvStyle .alt
{
	background-color: #C0C0FF;
    border: 1px solid #ccc;
    /*height:25px;*/
}
/*Page 分頁顏色*/
.gvStyle .pgr table
{
	margin-left:auto;
    margin-right:auto;
}
.gvStyle .pgr td
{
	background-color:#E2EAF2;
    border-width: 0px;
    padding:0px 0px 0px 0px;
}
.gvStyle .pgr a
{
	color: #666; text-decoration:underline;
    padding:0px 3px 0px 3px;
}
.gvStyle .pgr a:hover
{
	color: #FF0000; text-decoration: none;
}


/*********************************************
the Child GridView style
*********************************************/
.gvGrid {    
    border: 0px;
    font-size: 11pt;
    background-color: #CDD9F8;
    /*Background-Color: White;*/
}

.gvGrid th {
    background-color: #006600;
    color: White;
    text-align: center;
    /*font-size: 11pt;*/
    line-height: 200%;
}

/*OnMouseOver 滑鼠移過列表時, 背景色變更*/
.gvGrid tr:hover {
    background-color: #9999FF;
    color: black;
}

.gvGrid td {
    /*background-color: #CDD9F8;*/    
    color: black;
    /*font-size: 11pt;*/
    line-height: 200%;
}

/*Change Rows 如果想要有單、雙列不同顏色替換, 在這裡更換*/
.gvGrid .alt {
    background-color: #BFCEF7;
    /*border: 1px solid #ccc;*/
}

.gvChildGrid {
    border: 0px;
    font-size: 11pt;
    background-color: #E3E3E3; /*Background-Color: White;*/
}

.gvChildGrid td {
    /*background-color: #DEDEDE;*/
    color: black;
    /*font-size: 11pt;*/
    line-height: 200%;
}
.gvChildGrid th {
    background-color: #D93600;
    color: White;
    font-size: 11pt;
    line-height: 200%;
}

/*Change Rows 如果想要有單、雙列不同顏色替換, 在這裡更換*/
.gvChildGrid .alt {
    background-color: #D1D1D1;
}

/*OnMouseOver 滑鼠移過列表時, 背景色變更*/
.gvChildGrid tr:hover {
    background-color: #9B9B9B;
}


/*********************************************
the DataList style
*********************************************/
.dlStyle
{
	border: 0px;
    font-size: 12pt;
    Background-Color: White;
}
.dlStyle a, a:link, a:visited {
    color: #606060;
    text-decoration: none;
    cursor: pointer;
}
.dlStyle a:hover 
{
    color: #000066; /*滑鼠停在超連結中文字的顏色*/ /*background-color: #FFECD9;  滑鼠停留在超連結中文字的顏色*/
    text-decoration: none;
}

/*OnMouseOver 滑鼠移過列表時, 背景色變更*/
.dlStyle tr:hover {
    /*background-color: #E2E2E2;*/
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 31%, rgba(219,219,219,1) 63%, rgba(191,191,191,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(31%,rgba(239,239,239,1)), color-stop(63%,rgba(219,219,219,1)), color-stop(100%,rgba(191,191,191,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 31%,rgba(219,219,219,1) 63%,rgba(191,191,191,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 31%,rgba(219,219,219,1) 63%,rgba(191,191,191,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 31%,rgba(219,219,219,1) 63%,rgba(191,191,191,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 31%,rgba(219,219,219,1) 63%,rgba(191,191,191,1) 100%); /* W3C */
}

.dlfStyle {
    text-align:center;    
    /*color:darkgreen !important;*/
    color:#36B8A4 !important;
    background-color: white !important;
    height:50px;
}

.dlfStyle a, a:link, a:visited {
    /*color: darkgreen;*/
    color: #36B8A4;
    text-decoration: none;
    cursor: pointer;    
}
    
.dlfStyle a:hover 
{
    color: darkblue; /*滑鼠停在超連結中文字的顏色*/ /*background-color: #FFECD9;  滑鼠停留在超連結中文字的顏色*/
    text-decoration: none;
}

.dlBox {
    margin:0 !important;
    padding: 5px 0px 8px 0px !important;
    border-bottom: 1px solid !important;
    border-bottom-color: #CCCCCC !important;    
}

.nav { 
    margin: 5px 0;       
}
#nav a, #s7 strong { margin: 0 5px; padding: 3px 5px; border: 1px solid #ccc; background: #fc0; text-decoration: none }
#nav a.activeSlide { background: #ea0 }
#nav a:focus { outline: none; }

.icon-box {
    float:left;
    padding-right:5px;
    width:100px;
    height:60px;
    text-align:center;
    font-size:24px;
}

.title-box {
    padding: 1px 0px 0px 0px;    
    width:100%;
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 31%, rgba(219,219,219,1) 63%, rgba(191,191,191,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(31%,rgba(239,239,239,1)), color-stop(63%,rgba(219,219,219,1)), color-stop(100%,rgba(191,191,191,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 31%,rgba(219,219,219,1) 63%,rgba(191,191,191,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 31%,rgba(219,219,219,1) 63%,rgba(191,191,191,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 31%,rgba(219,219,219,1) 63%,rgba(191,191,191,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 31%,rgba(219,219,219,1) 63%,rgba(191,191,191,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-8 */
}

.div-nopadding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.div-allnopadding {
    padding:0 0 0 0 !important;
}

.cust-text {
    float:left;
    font-size:32px;
    padding-right:5px;
}

.relimg-box {
    padding:0px 0px 5px 1px;
    width:135px;    
}

/*navbar customer style*/
.navbar-default .navbar-brand {
    color: #4AAF9F !important;      /*#36B8A4*/
    font-weight:bold;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #0000FF !important;
    font-weight: bold !important;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #4AAF9F !important;      /*#36B8A4*/
    font-weight:bold !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background: #E8E8E8 !important;
    color: #0000FF !important;
    font-weight: bold !important;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #555 !important;
    background-color: #E7E7E7 !important;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #555 !important;
    background-color: #D5D5D5 !important;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777 !important;
    border-bottom-color: #777 !important;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333 !important;
    border-bottom-color: #333 !important;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555 !important;
    border-bottom-color: #555 !important;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD !important;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD !important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC !important;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777 !important;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333 !important;
    }
}

#myTab li a {
    border-color: #CCCCCC;
    border-bottom: 0;
    color:#4AAF9F;
}

#myTab li.active a {
    border-bottom-color: transparent;
    /*background-color: darkgreen;*/
    background-color:#4AAF9F;
    color:white;
}

.my-tab .tab-pane {
    border: solid 1px #CCCCCC;
    border-top: 0;
    margin-top: 0;
}

.tab-li ul, li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.div-right-border {
    padding: 30px 15px 5px 0;
    border-top: 1px solid;
    border-top-color: #CCCCCC;
    border-left: 1px solid;
    border-left-color:  #CCCCCC;
    border-radius: 2em 0 0 0;
    -moz-border-radius: 2em 0 0 0;
    -webkit-border-radius: 2em 0 0 0;
}

.mainPanel {
    width:100%;
    height:100%;
    display:table;
    padding-left:3px;
}

.contentPanel {
    width:100%;
    display:table-row;
}

/*.div-left-menu-padding {
    padding:15px 0 0 10px;    
    background-image:url('../img/yzMenuTitle.jpg');
    background-repeat:no-repeat;
    background-position: top center;
}*/

.div-left-menu {
    /*padding:200px 5px 5px 5px;*/
    padding:30px 5px 5px 5px;
}

.div-relative {
    position: relative;    
    padding-top:30px;
}

.div-right-title {
    position:absolute;
    left:50px;
    top:10px;
    border: solid 2px #CCCCCC;
    -moz-border-radius-topleft: 60px;
    -moz-border-radius-topright: 60px;
    -moz-border-radius-bottomleft: 60px;
    -moz-border-radius-bottomright: 60px;
    -webkit-border-top-left-radius: 60px;
    -webkit-border-top-right-radius: 60px;
    -webkit-border-bottom-left-radius: 60px;
    -webkit-border-bottom-right-radius: 60px;
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
    /*background:-webkit-gradient(linear, 10% 70%, 10% 0%, from(#005700), to(#C9CAC7));*/
    /*background:-webkit-gradient(linear, 10% 70%, 10% 0%, from(#4b8e23), to(#61b72d));
    background:-moz-linear-gradient(#4b8e23, #61b72d);/*Firefox
    background: linear-gradient(#61b72d, #4b8e23);/*IE6-8*/
    background: #4AAF9F;
    color: #FFFFFF;
    height:40px;
    width:70%;
    padding:3px 2px 0px 30px;
    text-align:left;
    /*font-size:small;*/
}

.div-right-title-text {
    padding-right:5px;
    font-size:small;
    display:inline;
}

.div-content-title {
    border: solid 2px #CCCCCC;
    -moz-border-radius-topleft: 60px;
    -moz-border-radius-topright: 60px;
    -moz-border-radius-bottomleft: 60px;
    -moz-border-radius-bottomright: 60px;
    -webkit-border-top-left-radius: 60px;
    -webkit-border-top-right-radius: 60px;
    -webkit-border-bottom-left-radius: 60px;
    -webkit-border-bottom-right-radius: 60px;
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
    /*background:-webkit-gradient(linear, 10% 70%, 10% 0%, from(#005700), to(#C9CAC7));*/
    /*background:-webkit-gradient(linear, 10% 70%, 10% 0%, from(#4b8e23), to(#61b72d));
    background:-moz-linear-gradient(#4b8e23, #61b72d);/*Firefox
    background: linear-gradient(#61b72d, #4b8e23);/*IE6-8*/
    background: #4AAF9F;
    color: #FFFFFF;
    height:40px;
    width:200px;
    padding:3px 2px 0px 30px;
    text-align:left;
}

.div-content-title-text {
    padding-right:5px;
    font-size:small;
    display:inline;
}

.dl-box-title {
    /*position:absolute;
    left:200px;
    top:10px;*/    
    /*border: solid 1px;*/    
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTY2MWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(25,102,26,1) 100%); /* FF3.6+ 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(25,102,26,1))); /* Chrome,Safari4+ 
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(25,102,26,1) 100%); /* Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(25,102,26,1) 100%); /* Opera 11.10+ 
    background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(25,102,26,1) 100%); /* IE10+ 
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(25,102,26,1) 100%); /* W3C */

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTY2MWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(74,175,159,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(74,175,159,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(74,175,159,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(74,175,159,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(74,175,159,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(74,175,159,1) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#19661a',GradientType=1 ); /* IE6-8 */
    color: #FFFFFF;
    height:35px;    
    padding:3px 2px 0px 30px;
    /*margin-left:70%;*/
    margin-left:0;
    margin-bottom:20px;
    text-align:right;
    /*font-size:small;*/
}

.dl-box-title-text {
    padding-right:30px;
    font-size:small;
    display:inline;
}

.div-header {
    font-weight:bold !important;
    font-size:medium !important;
    padding:10px 0 10px 0;
    color:darkgreen;
    text-align:center;
}

.table-padding {
    padding:20px 50px 20px 5px;
}

.table-nopadding {
    padding:0 0 0 0;
    border-collapse: collapse;
    text-align:center;
}

.css-table {
    display:table;    
    font-size:small;
    text-align:center;
    border-collapse: collapse;
  }
.css-tr {
      display: table-row;
      border-collapse: collapse;
  }

.css-td {
    display: table-cell;
    vertical-align: middle;
    width: 122px;
    height: 60px;
    border: 1px solid;
    background-color: #99FF99;
    color: #333333;
    border-collapse: collapse;
}
    .css-td:hover {
    background-color: #006600;
    color:white;
}

.css-td-head {
    display: table-cell;
    vertical-align: middle;
    width: 130px;
    height: 60px;
    border: 1px solid #CCCCCC;
    background-color: #006600;
    color: #FFFFFF;
    border-collapse: collapse;
}

.css-tr-body {
    background-color: #E7E7E7;    
    color: #006600;    
}

.css-tr-body:hover {
    background-color: yellowgreen;
    color: #000099;
}

.css-td-body {
    display: table-cell;
    /*border-collapse: collapse;*/
    vertical-align: middle;
    width: 130px;
    height: 60px;
    border: 1px solid #CCCCCC;
    font-weight: bold;
}

.css-td-head-darkblue {
    background-color:darkblue;
}

.lineInfo {
    padding: 15px,15px,10px,15px;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    height: 100%;
    font-size: medium;        
    background: rgb(255,255,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 31%, rgba(219,219,219,1) 63%, rgba(191,191,191,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(31%,rgba(239,239,239,1)), color-stop(63%,rgba(219,219,219,1)), color-stop(100%,rgba(191,191,191,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 31%,rgba(219,219,219,1) 63%,rgba(191,191,191,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 31%,rgba(219,219,219,1) 63%,rgba(191,191,191,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 31%,rgba(219,219,219,1) 63%,rgba(191,191,191,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 31%,rgba(219,219,219,1) 63%,rgba(191,191,191,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-8 */
}

.lineInfo-nooebackground {
    padding: 15px,15px,10px,15px;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    height: 100%;
    font-size: medium;
}

.lineContent {
     padding:0px 50px 10px 5px;
     color:darkblue;
     font-size:small;
     font-weight:bold;
}

.lineWarnning {
     padding:0px 50px 10px 5px;
     color:darkred;
     font-weight:bold;
     font-size:smaller;
     text-align:center;     
}

.dlOuterBox { 
    margin-top:0px;
    margin-right:0px;
    margin-bottom:50px;
    padding: 0 0 10px 0px;
    -moz-box-shadow: 6px 6px 6px #7d7d7d;
    -webkit-box-shadow: 6px 6px 6px #7d7d7d;
    box-shadow: 6px 6px 6px #7d7d7d;
    border: 1px solid #CCCCCC ;
    vertical-align: bottom;
    background-color:white;
 }

.display-inline {
    display:inline;
    /*float:left;*/    
    padding:10px 20px 0px 0px;
}

.btn-color {
    height: 35px;
    width:180px;
    vertical-align: middle;
    color: #003900;
    background: rgb(255,255,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 31%, rgba(219,219,219,1) 63%, rgba(191,191,191,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(31%,rgba(239,239,239,1)), color-stop(63%,rgba(219,219,219,1)), color-stop(100%,rgba(191,191,191,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 31%,rgba(219,219,219,1) 63%,rgba(191,191,191,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 31%,rgba(219,219,219,1) 63%,rgba(191,191,191,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 31%,rgba(219,219,219,1) 63%,rgba(191,191,191,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 31%,rgba(219,219,219,1) 63%,rgba(191,191,191,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-8 */
}

    .btn-color:hover {
    border: 1px solid #666666;
    color: darkred;
    font-weight:bold;
}

/* 門診須知用的表格 */
.css-notes-table {
    display:table;    
    font-size:small;
    /*text-align:center;*/    
  }

.css-notes-tr {
      display: table-row;
      /*border-collapse: collapse;*/
  }

.css-notes-title-td {
    display: table-cell;
    vertical-align: middle;
    height: 60px; /*border: 1px solid;*/
    border: 2px solid white;
    background-color: #DAB5FF;
    color: #333333; /*border-collapse: collapse;*/
    padding: 10px 10px 10px 10px;
    font-weight: bold;
}

.css-notes-head-td {
    display: table-cell;
    vertical-align: middle;
    height: 60px; /*border: 1px solid;*/
    border: 2px solid white;
    background-color: #D0D0FF;
    color: #333333; /*border-collapse: collapse;*/
    padding: 10px 10px 10px 10px;
    text-align:right;
    font-weight:bold;
}

.css-notes-content-td {
    display: table-cell;
    vertical-align: middle;        
    height: 60px;
    /*border: 1px solid;*/
    border:2px solid white;
    background-color: #E9FBDD;
    color: #333333;
    /*border-collapse: collapse;*/
    padding:10px 10px 10px 10px;
    font-weight:bold;
}

    .css-notes-content-td:hover {
    background-color: #006600;
    color:white;
}

.font-subtitle {
    text-align:left;    
    font-size:larger;
    font-weight:bold;
}

.font-small {
    font-size:smaller !important;
    text-align:left !important;
}

.font-large {
    font-size:larger !important;
    text-align:center !important;
    vertical-align:middle !important;
}

.text-move-right {
    padding:0 10px 0 35px;
}

.rblSpace label {
    margin-right:10px;
}

.macg {
    padding:20px 20px 0 20px;
    line-height:35px;
    font-size:larger;
    color:darkblue;
    font-weight:bold;    
}

.macgPic {
    width:480px;
    height:500px;
}

.myEmp {
    padding:20px 20px 0 20px;
    line-height:35px;
    font-size:larger;
    color:darkblue;
    font-weight:bold;
}

.myFeedback-phone {
    padding:15px 20px 0 20px;
    line-height:15px;
    font-size:larger;
    color:darkblue;
    font-weight:bold;
}

.carousel-inner > .item > img {
    margin: 0 auto;
}

.my-item-box-netreg {    
    /*background-color:#0c02fb;*/
    /*border-color:#000;*/
    width:800px;
    border:0px;
    padding:0px 1px 1px 1px;
    margin-bottom:10px;    
    color:#fff;    
    text-indent:5px;
    margin: 0px auto;
    *margin: 0px auto;
    _margin: 0px auto;    
}

.news_space {
    padding-left:10px;
}

.data-content {
    padding:5px 20px 5px 20px;
}

.TRtandt-style {
    font-family:標楷體;
    font-size:28px;
    font-weight:bold;
    padding:10px 0 5px 0;
    margin:10px 30px 10px 30px;
    border:solid;
    border-color:black;
    color:black;
    background-color:#4AAF9F;
}

/* --- 文繞圖start -------------- */
.image-left {
    float:left;
    border: 1px solid #ccc;
    padding: 4px;
    margin:15px;
}

.image-left-ip {
    text-indent: 35px;
    color: #262626;
    font-size: 18px;
    margin: 3px 0 0 10px;
    text-align: left;
    font-weight: normal;
}

.image-left-noip {
    color: #000000;
    font-size: 18px;
    margin: 3px 0 0;
    text-align: left;
    font-weight: normal;
}