@charset "utf-8";
@import url("reset.css");
@import url("loading.css");
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Main <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

html { height:100% }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust:none; font-size:12px; overflow-y:scroll; overflow-x:hidden; background:#f3f3f3; }
body, td, th {font-size:12px;font-family: /*Arial,*/ "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif; color:#666666; }


.iframe_ch { display:none }
.middle{ vertical-align:middle; }

/*pager*/
.pager{ width:100%; margin:50px auto; text-align:center; font-size:14px; }

/*內文*/
.editor{ font-size:15px;padding:15px 20px 50px 20px;clear:both;letter-spacing:1px;line-height:30px;min-height: 200px; }

/*網站連結*/
.href1{ color:#666; text-decoration:none; }
.href1:hover{ text-decoration:underline; }

/*仿table排版*/
#C_table {display:table;width: 100%;}
.C_tr {display: table-row; }
.C_td {display: table-cell;letter-spacing:1px;padding:  8px 5px; line-height:20px;}
.C_td img { vertical-align:middle; }
.C_td a{ color:#333; text-decoration:none;-webkit-transition:.6s; -ms-transition:.6s; -moz-transition:.6s;}
.C_td a:hover{ color:#546FB5; }


/*表單text輸入*/
.form_input { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; max-width:400px; width:90%; border:1px solid #CCCCCC; line-height:22px; padding-left:5px; padding-right:5px; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Common <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#header{ top:0; left:0; width:100%; border-bottom:1px solid #dedede; background:#ffffff; z-index:99; }
#header .wrap{ position:relative; width:100%; max-width:1200px; height:90px; margin:0 auto; padding:10px; box-sizing:border-box; }
#header .wrap .header-logo{}
#header .wrap .header-nav{ position:absolute; top:30px; right:10px; }
#header .wrap .header-nav a{ border:1px solid #dadada; margin:0 10px; padding:8px 18px; letter-spacing:1px; color:#484848; text-decoration:none; background:#ffffff; }
#header .wrap .header-nav a:hover{ background:#ebebeb; }
#header .wrap .header-nav a img{ padding:0 5px 0 0;}

#wrapper{ width:100%; margin:0 auto; /*margin-top:90px;*/ background:#f3f3f3; }
#wrapper .wrap{ position:relative; width:100%; max-width:1200px; text-align:left; margin:0 auto; padding:5px 10px; box-sizing:border-box; }


#menu{ width:100%; margin:0 auto; border-bottom:1px solid #dedede; background:#f9f9f9; }
#menu .wrap{ position:relative; width:100%; max-width:1200px; text-align:center; margin:0 auto; padding:5px 10px; box-sizing:border-box; }
#menu .wrap a{ margin:1px; text-align:left; display:inline-block; color:#4c4c4c; padding:10px 10px; margin:0 30px; font-size:16px; letter-spacing:1px; text-decoration:none; }
#menu .wrap a:hover{ text-shadow: 1px 1px 1px #CCCCCC; }
#menu .wrap a img{ padding-right:3px; }

#dolist{ width:100%; margin:0 auto; }
#dolist .wrap{ position:relative; width:100%; max-width:1200px; text-align:center; margin:0 auto; padding:30px 10px 30px 10px; box-sizing:border-box; }
#dolist .wrap > div{ display:inline-block; border:1px solid #d4d4d4; width:215px; height:145px; margin:0 25px; background:#ffffff; }
#dolist .wrap > div .title{ background:#f2f2f2; text-align:center; color:#4c4c4c; letter-spacing:1px; padding:15px 20px; font-size:13px; }
#dolist .wrap > div .content{ height:100px; line-height:100px; font-size:48px; color:#4c4c4c; cursor:hand; cursor:pointer; }
#dolist .wrap > div .content span{ padding:1px; border-bottom:1px solid #797979; }
#dolist .wrap > div .content:hover span{ border-bottom:2px solid #797979; }

#frame1{ box-shadow: 1px 1px 5px #999; border-top:3px solid #738fd7; padding:0; background:#ffffff; min-height:500px; }
#frame1 .caption{ width:100%; height:60px; line-height:60px; color:#323232; font-size:18px; padding-left:90px; box-sizing:border-box; border-bottom:1px dashed #CCC; letter-spacing:1px; background:url(../../images/caption.png) no-repeat; background-color:#f7f7f7; text-shadow: 2px 2px 2px #ebebeb; }
#frame1 .caption img{ padding-right:7px;}


.inner-title{ color:#393939; font-size:26px; text-shadow: 1px 1px 1px #CCC; padding:30px 20px 20px 20px; letter-spacing:3px; border-bottom:1px solid #dcdcdc; }
.inner-title-s{ color:#393939; font-size:20px; line-height:35px; padding:8px 20px 8px 20px; box-sizing:border-box; letter-spacing:3px; background:#f7f7f7; }
.inner-title-date{ color:#91b249; font-size:13px; letter-spacing:2px; font-weight:bold; border-bottom:1px dashed #999999; padding:8px 20px; box-sizing:border-box; }
.inner-title-date p{ font-weight:normal !important; color:#4b4a4a !important; padding:15px 20px; line-height:20px;}


#footer{ width:100%; border-top:1px solid #dedede; background:#ffffff; padding:20px 0; margin-top:50px; text-align:center; letter-spacing:1px; line-height:18px; }
#footer a{ color:#727272; }

/*手機版選單*/
.overlay1 {/*margin-top:80px;*/height: 100%;width: 0%;position: fixed;overflow:auto;top: 0;right: 0;background-color: rgba(84, 111, 180, 0.95);overflow:auto;transition: 0.5s;z-index: 4;}
.overlay1-content { position: relative; top: 0%; width: 100%; text-align: center; }
.overlay1 a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; transition: 0.3s; }
.overlay1 a:hover, .overlay1 a:focus { color: #f1f1f1; }
.overlay1-title { width:100%; height:50px; margin-top:50px; }
.overlay1-title span { color:#FFF; border-bottom:2px solid #FFF; font-size:20px; letter-spacing:1px; }
.overlay1_options { width:80%; margin:0 auto; }
.overlay1_item { position:relative; text-align:left; padding:15px 5px; color:#EAEAE8; letter-spacing:1px; border-bottom:1px solid #d2d2d2; font-size:15px; letter-spacing:1px; cursor:hand; cursor:pointer; }
.overlay1_item a { font-size:15px; color:#fff; font-weight:bold; }
.overlay1_item a:hover { color:#fff; background:#143ca4; }
.overlay1_item span { position:absolute; right:0; top:20px; padding:0 5px; font-size:25px; }
/*.overlay1_item:hover{ background:#000; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }*/
.overlay1_event { width:100%; display:none; background-color: rgba(47, 85, 103, 0.6); text-align:left; padding:20px; box-sizing:border-box; letter-spacing:1px; }
.overlay1_event a { display:block; font-size:15px; color:#fff; }
.overlay1_event a:hover { color:#2C9974; text-decoration:none; }

@media screen and (max-width: 1200px) {
	#menu .wrap a{ margin:0 45px; }
	#dolist .wrap > div{  margin:0 10px; }
}

@media screen and (max-width: 1024px) {
	#menu{ display:none; }
	#dolist .wrap > div{ width:20%; margin:2%; }

}

@media screen and (max-width: 800px) {
	#dolist .wrap > div{ width:45%; margin:1%; }
}
@media screen and (max-width: 420px) {
#header .wrap .header-logo{ width:80%; }
}
@media screen and (max-width: 300px) {
	#dolist .wrap > div{ width:98%; margin:1%; }
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Login <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#login-area{ width:100%; margin:0px auto; overflow:hidden; padding:0 20px; box-sizing:border-box; }
#login-area .input{ cursor:hand; cursor:pointer; background:#f3f3f3;border:1px solid #d6d6d6;max-width:450px; color:#323232; font-size:16px; letter-spacing:2px; margin: 30px auto; padding:20px 30px; -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px; }
#login-area .input input[type=text],#login-area .input input[type=password]{ border:0; background:#F3F3F3; width:60%; outline:0; font-size:14px; letter-spacing:1px; color:#333; }

.login-submit{ display:inline-block; border:1px solid #dadada; margin:30px auto; padding:12px 28px; letter-spacing:1px; color:#585858; font-size:16px; text-decoration:none; background:#ffffff; }

@media (max-width: 400px) {
	.hide400{ display:none; }
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 佈告欄 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.down-box{ width:100%; border-bottom:1px dashed #999999; padding:30px 10px; box-sizing:border-box; font-size:16px; letter-spacing:1px; }
.down-bg{ background:#ebebeb;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> RWD Table <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.table1{  width:100%; }
.table1 th{ background:#f3f3f3; font-size:16px; color:#424242; padding:10px 10px; text-align:center; }
.table1 tr td{ border-bottom:1px solid #d8d8d8; padding:15px 10px; box-sizing:border-box; font-size:14px; color:#424242; }
/*這是額外做顏色，沒有什麼意義*/
tr.tr-only-hide {color: #D20B2A;}

@media (max-width: 800px) {
  .table-rwd{min-width: 100%;}

  /*針對tr去做隱藏*/
  tr.tr-only-hide {display: none !important;}
  /*讓tr變成區塊主要讓他有個區塊*/
  .table-rwd tr{
    display: block;
    border: 1px solid #ddd;
    margin-top: 5px;
  }
  .table-rwd td {
    text-align: left;
    font-size: 15px;
    /* overflow: hidden; */
    width: 100%;
    display: block;
  }
  .table-rwd td:before {
    /*最重要的就是這串*/
    content: attr(data-th) "";
    /*最重要的就是這串*/
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
	margin-right: 10px;
    color: #4c4c4c;
	width:100px;
  }
  /*當RWD縮小的時候.table-bordered 會有兩條線，所以針對.table-bordered去做修正*/
  .table-rwd.table-bordered td,.table-rwd.table-bordered th,.table-rwd.table-bordered{border:0;}

  .hide800px{ display:none;}

}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Loadaction <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.Loadaction_Box { position:relative; height: 100%; width: 0%; position: fixed; overflow:auto; top: 0; left: 0; overflow:auto; background-color:rgba(0, 0, 0, 0.5); z-index:100000000 }
.Loadaction {width: 220px;height: 60px;top: 42%;position: absolute;margin-left: auto;margin-right: auto;padding-top: 10px;left: 0;right: 0;background-color:rgba(0, 0, 0, 0.5);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.Actionupload_Text {font-size:13px;color:#FFFFFF;height: 25px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> pagelink <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.cssa { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:10px; padding-left:10px }
.cssb { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:5px; padding-left:5px }
.cssc { padding-bottom:3px; letter-spacing:1px; font-size:12px; padding-left:10px; padding-right:10px; height:40px }
.cssd { font-family:Verdana; font-size:12px; letter-spacing:2px; height:10px; border:1px solid #FFFFFF }
a.pagelink_no:link { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }
a.pagelink_no:visited { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_no:active { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_no:hover { color: #003399; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:link { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }
a.pagelink:visited { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:active { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:hover { color: #333333; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_ch:link { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:visited { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:active { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:hover { color: #cc3300; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }

/**
 * !------------------------------------- 報價單(steven css)
 */

.readonly_action input[type="text"] { background-color: #efefef !important; }
.readonly_action select { background-color: #efefef !important; }
.readonly_action textarea { background-color: #efefef !important; }
.price_list .readonly { background-color: #efefef !important; }
.items_list .readonly { background-color: #efefef !important; }
.items_list td{
    font-size: 14px;
}
.items_list th{
    font-size: 14px;
}

.page_top{
  margin:0 10px;
  text-align: left !important;
}

/*bootstrap4 的 flex 樣式*/
/* Flex container */
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }

/* Flex direction */
.flex-row { flex-direction: row !important; }
.flex-row-reverse { flex-direction: row-reverse !important; }
.flex-column { flex-direction: column !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }

/* Flex wrap */
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }

/* Justify content */
.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
.justify-content-evenly { justify-content: space-evenly !important; }

/* Align items */
.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }

/* Align content */
.align-content-start { align-content: flex-start !important; }
.align-content-end { align-content: flex-end !important; }
.align-content-center { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }

/* Align self */
.align-self-auto { align-self: auto !important; }
.align-self-start { align-self: flex-start !important; }
.align-self-end { align-self: flex-end !important; }
.align-self-center { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch { align-self: stretch !important; }

/* Flex grow/shrink */
.flex-grow-0 { flex-grow: 0 !important; }
.flex-grow-1 { flex-grow: 1 !important; }
.flex-shrink-0 { flex-shrink: 0 !important; }
.flex-shrink-1 { flex-shrink: 1 !important; }

/* Order */
.order-0 { order: 0 !important; }
.order-1 { order: 1 !important; }
.order-2 { order: 2 !important; }
.order-3 { order: 3 !important; }
.order-4 { order: 4 !important; }
.order-5 { order: 5 !important; }
.order-first { order: -1 !important; }
.order-last { order: 6 !important; }

/* Bootstrap4 spacing utilities (m-*, p-*) */
.m-0 { margin: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }

.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }

.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: 0.25rem !important; }
.ml-2 { margin-left: 0.5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }

.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: 0.25rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }

.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }

.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }

.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: 0.25rem !important; }
.pl-2 { padding-left: 0.5rem !important; }
.pl-3 { padding-left: 1rem !important; }
.pl-4 { padding-left: 1.5rem !important; }
.pl-5 { padding-left: 3rem !important; }

.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: 0.25rem !important; }
.pr-2 { padding-right: 0.5rem !important; }
.pr-3 { padding-right: 1rem !important; }
.pr-4 { padding-right: 1.5rem !important; }
.pr-5 { padding-right: 3rem !important; }

/* Bootstrap4 spacing utilities for mx, my, px, py */
.mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
.mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
.mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
.mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; }
.mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.mx-5 { margin-left: 3rem !important; margin-right: 3rem !important; }

.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }

.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
.px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.px-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
.px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.px-5 { padding-left: 3rem !important; padding-right: 3rem !important; }

.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.text-nowrap {    white-space: nowrap; }
.bg-gray { background-color: #f5f5f5; }
.bg-danger { background-color: #dc3545; color: #fff; }
.bg-warning { background-color: #ffc107; }
.bg-success { background-color: #28a745; color: #fff; }
.bg-info { background-color: #17a2b8; color: #fff; }
.bg-primary { background-color: #007bff; color: #fff; }
.bg-secondary { background-color: #6c757d; }
.bg-light { background-color: #f8f9fa; }
.bg-dark { background-color: #343a40; }



.quotes select {
	font-size: 12px;
	line-height: 17px;
	height: 30px;
	margin-left:initial;
	margin-right:initial;
	letter-spacing:1px;
	padding-left:5px;
	padding-right:5px;
	width: calc(100% - 10px)
}

@media screen and (max-width: 800px) {

    /* .quotes .items_list .chzn-container{
        width: 65% !important;
    } */
}
/*送出按紐*/
.quotes input[type="text"] {
	font-size:12px;
	line-height:20px;
	height:25px;
	margin-left:initial;
	margin-right:initial;
	letter-spacing:1px;
	padding-left:5px;
	padding-right:5px;
	width: calc(100% - 20px);
	border-radius: 2px;
	border: 1px solid #818181;
}
@media screen and (max-width: 800px) {
    .quotes .items_list input[type="text"] {
        width: initial;
        text-align: center !important;
    }
    .quotes .table-rwd{
        padding: 10px;
    }

    .quotes .table-rwd tr{
        padding: 10px;
        overflow: initial;
    }

    .quotes .items_list.table1 tr td{
        padding: 5px 10px;
    }
    /* .quotes .items_list.table1 tr td div{
        display: contents;
    } */

    .quotes .items_list td.title-spec:before {
        transform: translateY(-50%);
    }

}

.quotes textarea{
    width: calc(100% - 20px);
    border-radius: 2px;
    border: 1px solid #818181;
    padding: 5px;
    font-size: 12px;
    line-height: 17px;

}
@media screen and (max-width: 800px) {
    .quotes textarea{
        width: initial;
    }
}

.quotes .chzn-select{
    max-width:100%;
    width:100% !important;
}

.quotes .chzn-selects{
    max-width:200px;
}


@media screen and (max-width: 800px) {
    .quotes .chzn-select{
        max-width: initial;
    }
    .quotes .chzn-selects{
        max-width: initial;
    }
}

.quotes .chzn-container{
    margin: 0;
}

.quotes .login-submit{
    width: 100px;
    padding: 10px 25px;
    text-align: center;
    margin: 5px 10px !important;
    max-height: 16px;
}


.quotes #frame1{
    min-height: inherit;
}
@media screen and (max-width: 800px) {
    .quotes  .btn_box .back{
        width: 100%;
    }
}



.del_line{
    position: absolute;
    top: 50%;
    left: -0px;
    right: -5px;
    height: 1px;
    background-color: #ff0000;
    z-index: 1;
}