/*--------------------------------20170508 就是RWD 樣式 ---------------------------------*/

@charset "utf-8";
body{font-family:"微軟正黑體";font-size:16px;margin:0;padding:0}
img{border:0;margin:0;padding:0;max-width:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
a{background-color:transparent}
a:active,a:hover{outline:0}
b,strong{font-weight:700}
h1{margin:.67em 0;font-size:2em}
mark{color:#000;background:#ff0}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
img{vertical-align:middle}
.img-responsive{display:block;max-width:100%;height:auto}
.img-rounded{border-radius:6px}
.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.img-circle{border-radius:50%}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:500;line-height:1.1;color:inherit}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#777}
h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}
h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}
h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}
h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}
h1,.h1{font-size:36px}
h2,.h2{font-size:30px}
h3,.h3{font-size:24px}
h4,.h4{font-size:18px}
h5,.h5{font-size:14px}
h6,.h6{font-size:12px}
p{margin:0 0 10px}
ul,ol{margin-top:0;margin-bottom:10px}
ul ul,ol ul,ul ol,ol ol{margin-bottom:0}
ul li {list-style-type:none;}
dl{margin-top:0;margin-bottom:20px}
dt,dd{line-height:1.42857143}
dt{font-weight:700}
dd{margin-left:0}
table{
	background-color:transparent ;
	border-collapse:collapse;
}
caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}
th{text-align:left}
hr{
	border:0;
	border-top:1px solid #eee ;
	background-image:-webkit-linear-gradient(left,transparent,#DBDBDB,transparent);
	background-image:linear-gradient(to right,transparent,#DBDBDB,transparent);
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;box-sizing:content-box ;
	border:0;
	height:1px;
	margin:22px 0 ;
}
.conframe{padding:30px 0 20px}

.container{margin-right:auto;margin-left:auto;position:relative;font-family:"微軟正黑體"}
@media (min-width: 550px) {
	.container{width:95%}
}
@media (min-width: 990px) {
	.container{width:980px}
}
@media (min-width: 1200px) {
	.container{width:1200px}
}
.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.row{margin-right:-15px;margin-left:-15px}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-01,.col-xs-02,
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {position:relative;min-height:1px;padding-right:15px;padding-left:15px}

/*col-xs- 不隨 縮放 調整 */
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-01,.col-xs-02 {float:left}
.col-xs-02{width:20%}
.col-xs-01{width:10%}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
.col-xs-pull-12{right:100%}
.col-xs-pull-11{right:91.66666667%}
.col-xs-pull-10{right:83.33333333%}
.col-xs-pull-9{right:75%}
.col-xs-pull-8{right:66.66666667%}
.col-xs-pull-7{right:58.33333333%}
.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.66666667%}
.col-xs-pull-4{right:33.33333333%}
.col-xs-pull-3{right:25%}
.col-xs-pull-2{right:16.66666667%}
.col-xs-pull-1{right:8.33333333%}
.col-xs-pull-0{right:auto}
.col-xs-push-12{left:100%}
.col-xs-push-11{left:91.66666667%}
.col-xs-push-10{left:83.33333333%}
.col-xs-push-9{left:75%}
.col-xs-push-8{left:66.66666667%}
.col-xs-push-7{left:58.33333333%}
.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.66666667%}
.col-xs-push-4{left:33.33333333%}
.col-xs-push-3{left:25%}
.col-xs-push-2{left:16.66666667%}
.col-xs-push-1{left:8.33333333%}
.col-xs-push-0{left:auto}
.col-xs-offset-12{margin-left:100%}
.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-10{margin-left:83.33333333%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-7{margin-left:58.33333333%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-1{margin-left:8.33333333%}
.col-xs-offset-0{margin-left:0}

/*col 縮放 程度(CSS) 順序 xs(強制不調整) -> md(手機大小以上) -> sm(平板 範圍) -> lg(大螢幕&電腦版專用) */

/*col-md- 手機大小 時 調整 原本 min-width: 759p x */
.col-md_hide {display:none!important;}
@media (min-width: 550px) {
	.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {float:left}
	.col-md-12{width:100%}
	.col-md-11{width:91.66666667%}
	.col-md-10{width:83.33333333%}
	.col-md-9{width:75%}
	.col-md-8{width:66.66666667%}
	.col-md-7{width:58.33333333%}
	.col-md-6{width:50%}
	.col-md-5{width:41.66666667%}
	.col-md-4{width:33.33333333%}
	.col-md-3{width:25%}
	.col-md-2{width:16.66666667%}
	.col-md-1{width:8.33333333%}
	.col-md-pull-12{right:100%}
	.col-md-pull-11{right:91.66666667%}
	.col-md-pull-10{right:83.33333333%}
	.col-md-pull-9{right:75%}
	.col-md-pull-8{right:66.66666667%}
	.col-md-pull-7{right:58.33333333%}
	.col-md-pull-6{right:50%}
	.col-md-pull-5{right:41.66666667%}
	.col-md-pull-4{right:33.33333333%}
	.col-md-pull-3{right:25%}
	.col-md-pull-2{right:16.66666667%}
	.col-md-pull-1{right:8.33333333%}
	.col-md-pull-0{right:auto}
	.col-md-push-12{left:100%}
	.col-md-push-11{left:91.66666667%}
	.col-md-push-10{left:83.33333333%}
	.col-md-push-9{left:75%}
	.col-md-push-8{left:66.66666667%}
	.col-md-push-7{left:58.33333333%}
	.col-md-push-6{left:50%}
	.col-md-push-5{left:41.66666667%}
	.col-md-push-4{left:33.33333333%}
	.col-md-push-3{left:25%}
	.col-md-push-2{left:16.66666667%}
	.col-md-push-1{left:8.33333333%}
	.col-md-push-0{left:auto}
	.col-md-offset-12{margin-left:100%}
	.col-md-offset-11{margin-left:91.66666667%}
	.col-md-offset-10{margin-left:83.33333333%}
	.col-md-offset-9{margin-left:75%}
	.col-md-offset-8{margin-left:66.66666667%}
	.col-md-offset-7{margin-left:58.33333333%}
	.col-md-offset-6{margin-left:50%}
	.col-md-offset-5{margin-left:41.66666667%}
	.col-md-offset-4{margin-left:33.33333333%}
	.col-md-offset-3{margin-left:25%}
	.col-md-offset-2{margin-left:16.66666667%}
	.col-md-offset-1{margin-left:8.33333333%}
	.col-md-offset-0{margin-left:0}
	
	.col-md_hide {display:inline-block !important;}
	.col-md_show {display:none!important;}
}
/*col-sm- 平板大小 時 調整 原本 min-width: 1024p x */
.col-sm_hide {display:none!important;}
@media (min-width: 990px) {
	.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {float:left}
	.col-sm-12{width:100%}
	.col-sm-11{width:91.66666667%}
	.col-sm-10{width:83.33333333%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.66666667%}
	.col-sm-7{width:58.33333333%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.66666667%}
	.col-sm-4{width:33.33333333%}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.66666667%}
	.col-sm-1{width:8.33333333%}
	.col-sm-pull-12{right:100%}
	.col-sm-pull-11{right:91.66666667%}
	.col-sm-pull-10{right:83.33333333%}
	.col-sm-pull-9{right:75%}
	.col-sm-pull-8{right:66.66666667%}
	.col-sm-pull-7{right:58.33333333%}
	.col-sm-pull-6{right:50%}
	.col-sm-pull-5{right:41.66666667%}
	.col-sm-pull-4{right:33.33333333%}
	.col-sm-pull-3{right:25%}
	.col-sm-pull-2{right:16.66666667%}
	.col-sm-pull-1{right:8.33333333%}
	.col-sm-pull-0{right:auto}
	.col-sm-push-12{left:100%}
	.col-sm-push-11{left:91.66666667%}
	.col-sm-push-10{left:83.33333333%}
	.col-sm-push-9{left:75%}
	.col-sm-push-8{left:66.66666667%}
	.col-sm-push-7{left:58.33333333%}
	.col-sm-push-6{left:50%}
	.col-sm-push-5{left:41.66666667%}
	.col-sm-push-4{left:33.33333333%}
	.col-sm-push-3{left:25%}
	.col-sm-push-2{left:16.66666667%}
	.col-sm-push-1{left:8.33333333%}
	.col-sm-push-0{left:auto}
	.col-sm-offset-12{margin-left:100%}
	.col-sm-offset-11{margin-left:91.66666667%}
	.col-sm-offset-10{margin-left:83.33333333%}
	.col-sm-offset-9{margin-left:75%}
	.col-sm-offset-8{margin-left:66.66666667%}
	.col-sm-offset-7{margin-left:58.33333333%}
	.col-sm-offset-6{margin-left:50%}
	.col-sm-offset-5{margin-left:41.66666667%}
	.col-sm-offset-4{margin-left:33.33333333%}
	.col-sm-offset-3{margin-left:25%}
	.col-sm-offset-2{margin-left:16.66666667%}
	.col-sm-offset-1{margin-left:8.33333333%}
	.col-sm-offset-0{margin-left:0}
	
	.col-sm_hide {display:block!important;}
	.col-sm_show {display:none!important;}
}
/*col-lg- 大螢幕&電腦版專用 */
@media (min-width: 1200px) {
	.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {float:left}
	.col-lg-12{width:100%}
	.col-lg-11{width:91.66666667%}
	.col-lg-10{width:83.33333333%}
	.col-lg-9{width:75%}
	.col-lg-8{width:66.66666667%}
	.col-lg-7{width:58.33333333%}
	.col-lg-6{width:50%}
	.col-lg-5{width:41.66666667%}
	.col-lg-4{width:33.33333333%}
	.col-lg-3{width:25%}
	.col-lg-2{width:16.66666667%}
	.col-lg-1{width:8.33333333%}
	.col-lg-pull-12{right:100%}
	.col-lg-pull-11{right:91.66666667%}
	.col-lg-pull-10{right:83.33333333%}
	.col-lg-pull-9{right:75%}
	.col-lg-pull-8{right:66.66666667%}
	.col-lg-pull-7{right:58.33333333%}
	.col-lg-pull-6{right:50%}
	.col-lg-pull-5{right:41.66666667%}
	.col-lg-pull-4{right:33.33333333%}
	.col-lg-pull-3{right:25%}
	.col-lg-pull-2{right:16.66666667%}
	.col-lg-pull-1{right:8.33333333%}
	.col-lg-pull-0{right:auto}
	.col-lg-push-12{left:100%}
	.col-lg-push-11{left:91.66666667%}
	.col-lg-push-10{left:83.33333333%}
	.col-lg-push-9{left:75%}
	.col-lg-push-8{left:66.66666667%}
	.col-lg-push-7{left:58.33333333%}
	.col-lg-push-6{left:50%}
	.col-lg-push-5{left:41.66666667%}
	.col-lg-push-4{left:33.33333333%}
	.col-lg-push-3{left:25%}
	.col-lg-push-2{left:16.66666667%}
	.col-lg-push-1{left:8.33333333%}
	.col-lg-push-0{left:auto}
	.col-lg-offset-12{margin-left:100%}
	.col-lg-offset-11{margin-left:91.66666667%}
	.col-lg-offset-10{margin-left:83.33333333%}
	.col-lg-offset-9{margin-left:75%}
	.col-lg-offset-8{margin-left:66.66666667%}
	.col-lg-offset-7{margin-left:58.33333333%}
	.col-lg-offset-6{margin-left:50%}
	.col-lg-offset-5{margin-left:41.66666667%}
	.col-lg-offset-4{margin-left:33.33333333%}
	.col-lg-offset-3{margin-left:25%}
	.col-lg-offset-2{margin-left:16.66666667%}
	.col-lg-offset-1{margin-left:8.33333333%}
	.col-lg-offset-0{margin-left:0}
}

.table{width:100%;max-width:100%;margin-bottom:20px}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,.nav:after,.navbar:before,
.navbar:after,.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
	display:table;
	content:" ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
	clear:both ;
}
.center-block{display:block;margin-right:auto;margin-left:auto}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}

.ml160{margin-left:160px!important;}

.mt50{margin-top:50px!important;}
.mr50{margin-right:50px!important;}
.mb50{margin-bottom:50px!important;}
.ml50{margin-left:50px!important;}
.mt30{margin-top:30px!important;}
.mr30{margin-right:30px!important;}
.mb30{margin-bottom:30px!important;}
.ml30{margin-left:30px!important;}
.mt20{margin-top:20px!important;}
.mr20{margin-right:20px!important;}
.mb20{margin-bottom:20px!important;}
.ml20{margin-left:20px!important;}
.mt10{margin-top:10px!important;}
.mr10{margin-right:10px!important;}
.mb10{margin-bottom:10px!important;}
.ml10{margin-left:10px!important;}
.mt5{margin-top:5px!important;}
.mr5{margin-right:5px!important;}
.mb5{margin-bottom:5px!important;}
.ml5{margin-left:5px!important;}
.mt0{margin-top:0px!important;}
.mr0{margin-right:0px!important;}
.mb0{margin-bottom:0px!important;}
.ml0{margin-left:0px!important;}

.pt20{padding-top:20px!important;}
.pr20{padding-right:20px!important;}
.pb20{padding-bottom:20px!important;}
.pl20{padding-left:20px!important;}
.pt10{padding-top:10px!important;}
.pr10{padding-right:10px!important;}
.pb10{padding-bottom:10px!important;}
.pl10{padding-left:10px!important;}
.pt5{padding-top:5px!important;}
.pr5{padding-right:5px!important;}
.pb5{padding-bottom:5px!important;}
.pl5{padding-left:5px!important;}
.pt0{padding-top:0px!important;}
.pr0{padding-right:0px!important;}
.pb0{padding-bottom:0px!important;}
.pl0{padding-left:0px!important;}

/*按鈕 樣式 */
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}
.css_btn_class{font-size:12px;font-family:Arial;font-weight:400;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #eeb44f;padding:5px 18px;text-decoration:none;background:-moz-linear-gradient(center top,#ffc477 5%,#fb9e25 100%);background:-ms-linear-gradient(top,#ffc477 5%,#fb9e25 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477',endColorstr='#fb9e25');background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#ffc477),color-stop(100%,#fb9e25));background-color:#ffc477;color:#fff;display:inline-block;text-shadow:1px 1px 0 #cc9f52;-webkit-box-shadow:inset 1px 1px 0 0 #fce2c1;-moz-box-shadow:inset 1px 1px 0 0 #fce2c1;box-shadow:inset 1px 1px 0 0 #fce2c1}
.css_btn_class:hover{background:-moz-linear-gradient(center top,#fb9e25 5%,#ffc477 100%);background:-ms-linear-gradient(top,#fb9e25 5%,#ffc477 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25',endColorstr='#ffc477');background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#fb9e25),color-stop(100%,#ffc477));background-color:#fb9e25;cursor:pointer}
.css_btn_class:active{position:relative;top:1px}
.css_btnpay{
	font-size:20px;
	font-family:"微軟正黑體";
	font-weight:400;
	background-color: #FFF2E7;
	border: 1px solid #FF4300;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.css_btnpay:hover{
	cursor:pointer;
	background-color: #FFD7B5;
}

.css_btncar{
	font-size:20px;
	font-family:"微軟正黑體";
	font-weight:400;
	background-color: #FF4300;
	border: 1px solid #FF4300;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	color: #FFF;
}
.css_btncar:hover{
	cursor:pointer;
	background-color: #C43600;
	color: #FFF;
}

.css_btnsend{font-size:16px;font-family:Arial;font-weight:400;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #337fed;padding:9px 18px;text-decoration:none;background:-moz-linear-gradient(center top,#3d94f6 5%,#1e62d0 100%);background:-ms-linear-gradient(top,#3d94f6 5%,#1e62d0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6',endColorstr='#1e62d0');background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#3d94f6),color-stop(100%,#1e62d0));background-color:#3d94f6;color:#fff;display:inline-block;text-shadow:1px 1px 0 #1570cd;-webkit-box-shadow:inset 1px 1px 0 0 #97c4fe;-moz-box-shadow:inset 1px 1px 0 0 #97c4fe;box-shadow:inset 1px 1px 0 0 #97c4fe;cursor:pointer}
.css_btnsend:hover{background:-moz-linear-gradient(center top,#1e62d0 5%,#3d94f6 100%);background:-ms-linear-gradient(top,#1e62d0 5%,#3d94f6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0',endColorstr='#3d94f6');background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#1e62d0),color-stop(100%,#3d94f6));background-color:#1e62d0}
.css_btnsend:active{position:relative;top:1px}
/*按鈕樣式 - 橘*/
.css_btnback {
	font-size:16px;
	font-family:Arial;
	font-weight:400;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #ffa280;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient(center top,#FF4300 5%,#992900 100%);
	background:-ms-linear-gradient(top,#FF4300 5%,#992900 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4300',endColorstr='#992900');
	background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#FF4300),color-stop(100%,#992900));
	background-color:#FF4300;
	color:#fff;
	display:inline-block;
	text-shadow:1px 1px 0 #ffa280;
	-webkit-box-shadow:inset 1px 1px 0 0 #ff6933;
	-moz-box-shadow:inset 1px 1px 0 0 #ff6933;
	box-shadow:inset 1px 1px 0 0 #ff6933;
	cursor:pointer ;
}
.css_btnback:hover{
	background:-moz-linear-gradient(center top,#C43600 5%,#3d94f6 100%);
	background:-ms-linear-gradient(top,#C43600 5%,#3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C43600',endColorstr='#3d94f6');
	background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#C43600),color-stop(100%,#3d94f6));
	background-color:#C43600 ;
}
.css_btnback:active{
	position:relative;
	top:1px;
}
/*按鈕樣式 - 白*/
.css_btncancel {
	font-size:16px;
	font-family:Arial;
	font-weight:400;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #ffa280;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient(center top,#FF4300 5%,#992900 100%);
	background:-ms-linear-gradient(top,#FF4300 5%,#992900 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4300',endColorstr='#992900');
	background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#FF4300),color-stop(100%,#992900));
	background-color:#FF4300;
	color:#fff;
	display:inline-block;
	text-shadow:1px 1px 0 #ffa280;
	-webkit-box-shadow:inset 1px 1px 0 0 #ff6933;
	-moz-box-shadow:inset 1px 1px 0 0 #ff6933;
	box-shadow:inset 1px 1px 0 0 #ff6933;
	cursor:pointer ;
}
.css_btncancel:hover{
	background:-moz-linear-gradient(center top,#C43600 5%,#3d94f6 100%);
	background:-ms-linear-gradient(top,#C43600 5%,#3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C43600',endColorstr='#3d94f6');
	background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#C43600),color-stop(100%,#3d94f6));
	background-color:#C43600 ;
}
.css_btncancel:active{
	position:relative;
	top:1px;
}

.mfp-form{margin-top:-60px}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-container{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:50px 100px 10px;
}
.mfp-bg{
	top:0;
	left:0;
	width:100%;
	z-index:1042;
	overflow:hidden;
	position:fixed;
	background:#bababa;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter:alpha(opacity=80);
}
.mfp-hor{-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;border:1px solid #ebebeb;-webkit-box-shadow:0 3px 0 0 rgba(0,0,0,0.12);box-shadow:0 3px 0 0 rgba(0,0,0,0.12);z-index:9999;background-color:#fff;overflow:scroll;height:80%;overflow-x:hidden;padding:20px 30px 30px}
@media (max-width: 1023px) {
	.mfp-container{
		padding:50px 10px 10px;
	}
}
.howtab{width:100%;margin:25px 0 0}
.howtab ul{margin:0;padding:0;list-style-image:none;list-style-type:none}
.howtab li a{display:block;float:left;font-size:15px;font-family:"微軟正黑體","新細明體",sans-serif;color:#333;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#C0E7EF;margin-right:2px;text-decoration:none;padding:5px 6px 5px}
.howtab li a:hover{background:#FFA813;color:#fff}
.howtab li{margin:0;text-align:center;line-height:2em;color:#666;border-bottom:1px solid #fff;display:inline-block}
.howtab a.current{margin-top:0;font-size:15px;color:#fff;background-color:#39B1CC;background-position:top;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}
.condefault{border:1px solid #ebebeb;text-align:center}
.conheading{background-color:#eef9fb;padding:10px;color:#65C178;background-color:#eef9fb;padding:10px;color:#65C178}
.congroup{padding:10px;color:#666;line-height:25px}
.conbody{padding:20px;line-height:25px}
.contitle{font-size:22px;font-weight:400}
.welcomewarp{}
.welname{color:#65c178}
.welcomebox{line-height:38px;margin-left:10px}
.topmenu{
	text-align:right;
	font-size:0.8em;
}
.topmenu ul{
	list-style-image:none;
	list-style-type:none;
	width:100%;
}
.topmenu ul li{
	display:inline-block;
	margin:0px ;
	border-right:1px solid #e2e2e2;
	
	padding:13px 5px 13px 5px ;
}
.topmenu a{color:#666;text-decoration:none}
.topmenu a:hover{color:#FFA200;text-decoration:none}
	.topmenu .have_option {
		position:relative;
	}
	.topmenu .have_option:hover .more_option {
		display:inline ;
	}
	.have_option .option_note {
		text-align:center;
		margin-top:5px ;
		padding:0px 5px;
		white-space:nowrap;
		font-size:12px;
	}
	.have_option .more_option {
		background-color: #FFF ;
		min-width:150px;
		position:absolute;
		top:35px;
		left:0px;
		border: 2px solid #9BD1DD;
		z-index:1000;
		display:none ;
	}
	.more_option .option_str {
		width:120px;
		white-space:nowrap;
		
		text-align:left;
		padding:5px;
	}
.stopmenu{display:none;}
@media (max-width: 989px) {
	.welcomewarp{display: none;}
	.topmenu {
		font-size:0.8em;
		line-height: 20px;
	}
}

@media (max-width: 549px) {
	/*.topmenu{display: none;}*/
	.welcomewarp{display: none;}
	.stopmenu{display: block; float:right}
	.stopmenu ul{list-style-image:none;list-style-type:none}
	.stopmenu ul li{margin:0;display:inline-block;margin-top:13px;border-right:1px solid #e2e2e2;margin-bottom:13px;padding:0 20px 0 17px}
	.stopmenu a{color:#666;text-decoration:none; font-size:1em}
	.stopmenu a:hover{color:#FFA200;text-decoration:none}
}
.admt{padding:0;}
.gobar{display:none;}
.banner2{cursor:pointer;}

/*清單 用 table */
.tablelist{
	font-size:15px;
	width:100%;
	max-width:100%;
	margin-bottom:10px;
	border:1px solid #EBEBEB;
	border-spacing:0px;
}
.tablelist th{vertical-align:bottom;border-bottom:2px solid #ddd;font-size:16px;background-color:#d6f9cb;padding:10px}
.tablelist tr td{padding:10px;border-top:1px solid #ddd}
.tablelist td input[type="text"]{border:1px solid #78bf23;text-align:center;height:20px}
.tablelist td span.fee3{color:#06f}
.tablelist a{color:#333;text-decoration:none}
.tablelist a:hover{color:#65C178;text-decoration:none}
.tablelist a:link {
	color: #1a0dab;
}
.tablelist td, .tablelist th{white-space:nowrap;}
.tablelist tr.mh:hover{
	background-color: #E1FBD9;
	cursor: pointer;
}
.tablelist .col_td {
	text-align:right ;
	background-color: #F5F5F5 ;
}

.table-responsive{
	overflow-x:auto;
	font-size:16px;
}
@media (max-width: 549px) {
	.table-responsive{
		width:100%;
		margin-bottom:15px;
		overflow-x:scroll;
		-ms-overflow-style:-ms-autohiding-scrollbar;
		border:1px solid #ddd ;
	}
}
.cancel_btn{
    margin:-60px 80px 0;
    position: absolute;
    text-align: right;
    width: 83%;
    z-index: 999;
}

/*menu_styles.css */
#menu-line{
	position:absolute;
	top:0;
	left:0;
	height:3px;
	background:#009ae1;
	-webkit-transition:all .25s ease-out;
	-moz-transition:all .25s ease-out;
	-ms-transition:all .25s ease-out;
	-o-transition:all .25s ease-out;
	transition:all .25s ease-out;
}
.css-menu,.css-menu ul,.css-menu ul li,.css-menu ul li a,.css-menu #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.css-menu {width:auto;font-family:'Open Sans',sans-serif;line-height:1}
.css-menu #menu-button {display:none}
.css-menu:after,.css-menu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.css-menu > ul > li{float:left;}
.css-menu.align-center > ul{font-size:0;text-align:center}
.css-menu.align-center > ul > li{display:inline-block;float:none}
.css-menu.align-center ul ul{text-align:left}
.css-menu.align-right > ul > li{float:right}
.css-menu.align-right ul ul{text-align:right}
.css-menu > ul > li > a{padding:20px;font-size:18px;text-decoration:none;color:#000;font-family: "微軟正黑體";}
.css-menu > ul > li:hover > a,.css-menu > ul > li.active > a{color:#FFF;background-color: #65C178;-webkit-transition: background-color 0.9s;transition: background-color 0.9s;}
.css-menu > ul > li.has-sub > a{padding-right:25px}
.css-menu > ul > li.has-sub > a::after{position:absolute;top:21px;right:10px;width:4px;height:4px;border-bottom:1px solid #000;border-right:1px solid #000;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
.css-menu > ul > li.has-sub:hover > a::after{border-color:#009ae1}
.css-menu ul ul{position:absolute;left:-9999px}
.css-menu li:hover > ul{left:auto}
.css-menu.align-right li:hover > ul{right:0}
.css-menu ul ul ul{margin-left:100%;top:0}
.css-menu.align-right ul ul ul{margin-left:0;margin-right:100%}
.css-menu ul ul li{height:0;-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease}
.css-menu ul li:hover > ul > li{height:32px}
.css-menu ul ul li a{padding:10px 20px;width:160px;font-size:12px;background:#333;text-decoration:none;color:#ddd;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
.css-menu ul ul li:hover > a,.css-menu ul ul li a:hover{color:#fff}
.css-menu ul ul li.has-sub > a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
.css-menu.align-right ul ul li.has-sub > a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #ddd;border-left:1px solid #ddd}
.css-menu ul ul li.has-sub:hover > a::after{border-color:#fff}

@media all and (max-width: 1023px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1023px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1023px),
only screen and (-o-min-device-pixel-ratio: 21) and (max-width: 1023px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1023px),
only screen and (min-resolution: 192dpi) and (max-width: 1023px),
only screen and (min-resolution: 2dppx) and (max-width: 1023px) {
	#menu-line{display:none}
	
	.css-menu {width:100%;display:none}
	.css-menu ul{width:100%;display:none}
	.css-menu.align-center > ul,.css-menu.align-right ul ul{text-align:left}
	.css-menu ul li,.css-menu ul ul li,.css-menu ul li:hover > ul > li{width:100%;height:auto;border-top:1px solid rgba(120,120,120,0.15)}
	.css-menu ul li a,.css-menu ul ul li a{width:100%}
	.css-menu > ul > li,.css-menu.align-center > ul > li,.css-menu.align-right > ul > li{float:none;display:block}
	.css-menu ul ul li a{padding:20px 20px 20px 30px;font-size:12px;color:#000;background:none}
	.css-menu ul ul li:hover > a,.css-menu ul ul li a:hover{color:#000}
	.css-menu ul ul ul li a{padding-left:40px}
	.css-menu ul ul,.css-menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
	.css-menu > ul > li.has-sub > a::after,.css-menu ul ul li.has-sub > a::after{display:none}
	
	.css-menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase}
	.css-menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#000}
	.css-menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #000;border-bottom:2px solid #000}
	.css-menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,0.15);height:52px;width:52px;cursor:pointer}
	.css-menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#000;z-index:99}
	.css-menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#000;z-index:99}
	.css-menu .submenu-button.submenu-opened:after{display:none}
}

.toggle_div{display:none;}
@media all and (max-width: 1023px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1023px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1023px),
only screen and (-o-min-device-pixel-ratio: 21) and (max-width: 1023px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1023px),
only screen and (min-resolution: 192dpi) and (max-width: 1023px),
only screen and (min-resolution: 2dppx) and (max-width: 1023px) {
	.toggle_div{display:block}
	.toggle{
		display:inline-block;
		background:#65C178;
		color:#FFF;
		cursor:pointer;
		float:right;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:3px;
		margin-top:10px;padding:5px 5px 8px ;
	}
	nav{display:block;float:left;position:relative;width:100%}
	.nav{display:none}
	.nav li{background-color:#F0FAFB;font-size:15px}
	.nav li a{display:block;color:#000;background-color:#FFF;text-decoration:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#65c178;font-size:16px;padding:12px 15px}
	.nav li a:hover{background-color:#65C178;color:#FFF}
	.nav li:hover ul{display:block;float:none;margin-top:0;margin-right:0;margin-left:0;background-color:#E2F3F5;padding:0}
	.nav li:hover ul li{background:transparent}
	.nav li:hover ul li a{padding-left:30px;color:#FFF;background-color:#7BC9D6}
	.nav li:hover ul li a:hover{background-color:#6AC1D0}
	
}

/* ajax (彈跳)顯示面版 */
.ajaxbg_bg {
	position:absolute;
	background-color:#000000;
	left:0px;
	top:0px;
	opacity:0.6;
	-moz-opacity: 0.6;
	z-index:19999; 
	filter:alpha(Opacity=60);
}
.ajax_bg {
    position:fixed;	/*position:absolute;*/
    left:20px;
    top:20px;
    display:block;
    z-index:20001;
    /*width:400px;
    height:400px;*/
	
    padding:10px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0.1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#1affffff',GradientType=0 ); /* IE6-9 */
    border:#eee solid 1px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
.ajax_content {
	width:400px;
    height:400px;
	
	overflow-y:scroll;    
    padding:5px;
    background:#fff;
    text-align:center;
    border-top:#6199c7 solid 5px;
    -webkit-border-radius: 0px 0px 5px 5px ;
    -moz-border-radius: 0px 0px 5px 5px ;
    border-radius: 0px 0px 5px 5px ;
    word-wrap:break-word;
	word-break:break-all;
}
.ajax_title {
    height:30px;
    line-height:30px;
    font-size:18px;
    padding:0px 5px;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
    -pie-background: linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
.ajax_title_left {
    float:left;
    width:50%;
    text-align:left;
}
.ajax_title_right {
    float:right;
    width:50%;
    text-align:right;
}
.ajax_title_right span {
    cursor:pointer;
    color:#c00;
    text-shadow:1px 1px 1px #000;
}
.ajax_btn {
    color: #333;
    display:block;
	width:80px;
	height:25px;
	line-height:25px;
	text-align:center;
	cursor:pointer;
    background: #e2e2e2; /* Old browsers */
    background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
    background: linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
    -pie-background: linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
.ajax_tb {
	
}
.ajax_td_title {
	border-bottom:#f4f6f5 dashed 1px;
}
.ajax_td_data1 {
	background:#eee;
	border-bottom:#f4f6f5 dashed 1px;
}
.ajax_td_data2 {
	background:#E4E4B0;
	border-bottom:#f4f6f5 dashed 1px;
}
.ajax_td_data1:hover , .ajax_td_data2:hover {
	background:#617972;
	color:#fff;
}

/*純顯示資料用  */
ul.ODBasic{
	list-style-image:none ;
	list-style-type:none ;
}
.ODBasic li{
	border-bottom:1px dotted #ddd;
	padding-bottom:5px;
	padding-top:5px;
	font-size:15px
}
.ODBasic .li_title{	/* 轉移 ODBasic span*/
	color:#03C;
	width:18%;
	display:inline-block;
	margin:0 8px ;
}	
@media (max-width: 549px) {
	ul.ODBasic{
		padding-left:0
	}
	.ODBasic .li_title{
		width:25%;
	}
}

/*圖片 浮出*/
.fadeIn.animated{-webkit-animation-name:fadeIn;animation-name:fadeIn}
img.zoom-img{position:relative;padding:0;-webkit-transform:scale(1,1);-webkit-transition-timing-function:ease-out;-webkit-transition-duration:250ms;-moz-transform:scale(1,1);-moz-transition-timing-function:ease-out;-moz-transition-duration:250ms;box-shadow:0 0 0 0 #000}
img.zoom-img:hover{-webkit-transform:scale(1.15);-webkit-transition-timing-function:ease-out;-webkit-transition-duration:750ms;-moz-transform:scale(1.15);-moz-transition-timing-function:ease-out;-moz-transition-duration:750ms;overflow:hidden;opacity:.7}

.gallery a{display:block;margin-bottom:5px;overflow:hidden;text-decoration:none;box-shadow:0 3px 5px #CCC;padding:2px;border:1px solid #EEE}
.gallery .text{
	margin-bottom:35px;
	padding-top:10px;
	
	padding-left:60px;
}


.str_ellipsis {
	text-overflow:ellipsis;
	overflow:hidden;
}

/*---------------------------------------------------------新增---------------------------------------------------------------*/
.infowarpnav a,.infowarp_in {/*clause 會員條款 */
	line-height:24px;
} 

.label_button1 {
	display:block;
	float:left;
    padding: 5px 12px;
    color: #666;
    background: #fff;
    border: 1px solid #cccccc;
    font-size: 0.8em;
	margin-bottom:0px;
	text-align:center;
	cursor:pointer ;
}
.label_button1:active {
	color: #262626;
	background-color:#f2f2f2;
}
.label_button1:hover {
    border-color: #404040;
}
.label_button1.active {
	color: #fff;
	background-color:#65c178;
}

/*圖片 調整*/
.img_revise3 {
	float: left;
	width: 100%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-bottom:1px solid #dcdcdc ;
}
.img_revise3 > span {
	margin:0 auto; 
}
.img_revise3 > span > div {	
	/*float: left;*/
	margin:0 auto; 
	padding:5px;     
	display: table-cell;
	
	vertical-align:middle;/*非IE的主流浏览器识别的垂直居中的方法*/     
	text-align:center;/*设置水平居中*/     

	/* 针对IE的Hack */      
	*display: block;     
	
	width:100%; 
	height:180px;	 /*可 在 style 調整 必須是 圖片高+padding(5*2) */
}
.img_revise3 > span > div >img {
	
	vertical-align:middle;/*设置图片垂直居中*/    
	max-height:160px;	 /*可 在 style 調整 */
	max-width:100%;/* 非IE6下的等比缩放 */     
	width:expression(this.width >180 && this.height <= this.width ? 180:true);        
	height:expression(this.height >180 && this.width <= this.height ? 180:true);
	/* IE6下的等比缩放，注意expression其实是运行了一个js程序，所以如果图片很多的话会引起cpu占用率高 */  
}
.img_revise3_under {
	float: left;
}

.red {
	color:red;
}
._r{
	border:1px solid #f00;
}
/* 錯誤提示訊息框 */
.err_tip_bg {
    position:absolute;
    left:150px;
    top:150px;
    width:250px;
    /*height:80px;*/
    padding:10px;
    color:#fff;
    font-size:14;
    font-weight:bold;
    z-index:100000;
    word-wrap:break-word;
	word-break:break-all;
	background: rgb(255,48,25); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 75%, rgba(207,4,4,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(75%,rgba(207,4,4,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 75%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 75%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 75%,rgba(207,4,4,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 75%,rgba(207,4,4,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-8 */
    
    padding: 10px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #c00;
	box-shadow: 1px 3px 5px #660909;
    -moz-box-shadow: 1px 3px 5px #660909;
    -webkit-box-shadow: 1px 3px 5px #660909;
    filter:alpha(Opacity=90); 
    opacity:0.9; 
    -moz-opacity: 0.9;
    
}
.err_tip_cor {
    
	position:absolute;
    z-index:100000;
    width:20px;
    height:20px;
    left:30px;
    bottom:-10px;
    background:rgb(207,4,4);
    transform: skewY(-45deg); /* 斜切实现尖角  */
	
	-o-transform: skewY(-45deg);
    -webkit-transform: skewY(-45deg);
    -moz-transform: skewY(-45deg);
	
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
   
}
.err_tip_cor_s {
    position:absolute;
    z-index:100000;
    
    width:0; height:0; border-width:20px 10px; border-style:solid; border-color:#ff3300 #ff3300 #ffffff #ffffff;
    
    /*width:40px;
    height:40px;
    left:30px;
    bottom:-20px;
    background:rgb(207,4,4);
    
     background: -moz-linear-gradient(top, transparent 0%, rgb(207,4,4) 50%, rgba(207,4,4,1) 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(50%,rgba(207,4,4,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, transparent 0%,transparent 50%,rgba(255,48,25,1) 50%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, transparent 0%,rgb(207,4,4) 50%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top, transparent 0%,rgb(207,4,4) 50%,rgba(207,4,4,1) 100%); /* IE10+ */
    /*background: linear-gradient(top, transparent 0%,rgb(207,4,4) 50%,rgba(207,4,4,1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-8 */
    
    /*transform: skewY(-45deg); 
    -o-transform: skewY(-45deg);
    -webkit-transform: skewY(-45deg);
    -moz-transform: skewY(-45deg);
     box-shadow: 1px 3px 5px rgba(102,9,9,0.9);
    -moz-box-shadow: 1px 3px 5px rgba(102,9,9,0.9);
    -webkit-box-shadow: 1px 3px 5px rgba(102,9,9,0.9);*/
    
}
.cor_s{
    z-index:99999;
    box-shadow: 1px 3px 5px #660909;
    -moz-box-shadow: 1px 3px 5px #660909;
    -webkit-box-shadow: 1px 3px 5px #660909;
}
.err_tip_content {
	margin-top:-0.5em;
    position:absolute;
    z-index:100001;
    text-align:left;
    width:100%;
    /*height:80px;*/
}

/*table 內 縮小紅字*/
.red_mark {
	color:#FF0000;
}
.red_code {
	color:#FF0000;
}
@media (max-width: 549px) {
	.label_padding {
		padding-left:0px;
	}
}


/*驗證碼 樣式*/
.captcha_pic {
	height:34px ;
}
.captcha_reload {
	width:34px ;
	height:34px ;
	cursor:pointer !important;
}
/*RADIO 形式 的 分頁 */
.paging_radio {
	border: 2px solid #78bf23;
	padding: 3px 0px;
}
.paging_radio:hover {
	
	border-color: #ff3300 ;
}
.paging_radio.paging_now {
	border-color: #ff751a ;
	background-color: #ffe0cc ;
}

/*---------------------------------------------------快速---------------------------------------------------*/
.font_15em {
    font-size:1.5em !important;
}
.font_1em {
    font-size:1em !important;
}
.font_07em {
    font-size:0.7em !important;
}
.font_06em {
    font-size:0.6em !important;
}
.font_05em {
    font-size:0.5em !important;
}
.font_8 {
    font-size:8px !important;
}
.font_12 {
    font-size:12px !important;
}
.font_14 {
    font-size:14px !important;
}
.font_16 {
    font-size:16px !important;
}
.font_17 {
    font-size:17px !important;
}
.font_20 {
    font-size:20px !important;
}
.font_24 {
    font-size:24px !important;
}
.fontw_600 {
	font-weight: 600;
}
.flo_l {
    float:left !important;
}
.flo_r {
    float:right !important;
}
.veal_c {
    vertical-align:middle !important;
	margin:auto 0px ;
}
.veal_t {
    vertical-align:top;
}
.teal_c {
    text-align:center !important;
}
.teal_r {
    text-align:right !important;
}
.teal_l {
    text-align:left !important;
}
.colo_r {
    color:red;
}
.colo_r1 {
    color:#b30000;
}
.colo_o {
    color:#F76209 ;
}
.colo_o2 {
    color:#FF6600 ;
}
.colo_g {
    color:#008000;
}
.colo_g2 {
    color:#32cd32;
}
.colo_g3 {
    color:#00cc00;
}
.colo_blk {
    color:#000000;
}
.colo_b {
    color:blue;
}
.colo_b2 {
	color:#42b6d9 ;
}
.colo_h0 {
	color: #cccccc;
}
.colo_h1 {
	color: #868686;
}
.colo_h2 {
	color: #777777;
}
.colo_00 {
	color: #000000 !important;
}
.colo_w {
	color: #ffffff;
}
.colo_gr4 {
	color: #A7A7A7;
}
.bcolo_h2 {
	background-color:#777777;
}
.bcolo_h7 {
	background-color:#dcdcdc;
}
.bcolo_r3 {
	background-color:#ffcccc;
}
.bcolo_w {
	background-color:#ffffff;
}
.bcolo_bk3 {
	background-color:#333;
}

.webk_3 {
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-border-radius:3px;
}
.webk_6 {
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-border-radius:6px;
}
.zero_right {
	right:0px !important;
}
.zero_left {
	left:0px !important;
}
.zero_padding {
    padding:0px !important;
}
.zero_margin {
    margin:0px !important;
}
.width_p50 {
	width:50%;
}
.width_p100 {
	width:100%;
}
.height_p100 {
	height:100%;
}
.curs_df {
	cursor:default !important;
} 
.curs_x {
	cursor:not-allowed !important;
	cursor:no-drop !important;
} 
.curs_p {
	cursor:pointer !important;
}
.btn_a {
	font-size:14px;
}
.word_breaka {
	word-break:break-all;
}
.words_break {
	white-space:normal !important;
}
.tab_bcoll {
	border-collapse:collapse;
}
.error {
	color:red;
}
.hidde {
	display:none;
}
.disinline {
	display:inline !important;
}
.redbig {
    color: #C00;
}
.oflow {
	overflow:hidden;
}
.tflow_c {
	text-overflow:clip;
}
.tflow_e {
	text-overflow:ellipsis;
}
.spacenowrap {
	white-space:nowrap;
}	

.btn_transparent {
	border:0px;
	background-color: transparent ;
}
.btn_transparent.active {
	background-color: #65c178;
}

/*div 表格 */
.css_table {
	display:table;
	border-collapse: collapse;
}
.css_table .css_tr {
    display: table-row;
}
.css_table .css_th,.css_table .css_td {
	display: table-cell;	
}