body{
 font-family:"Noto Serif TC", Noto Serif TC;
 letter-spacing: 1px;
 /*background: url(../images/main-bg.gif) repeat-x #f3e1be; */
 background-color: #FDFCFA;
}

.header-section {
	margin: 0;
    background-size: cover;
    padding: 15px 0;
}

.header-section .sitelogo {
    height: 120px;
    margin: 0px 0px 0px 20px;
    display: inline-block;
    /*border: 5px solid #fff;*/
}

.site-msg {
	color:#E50011;
	text-align:center;
	/*padding: 20px 0; Ca 20171221: Junior 上方空間壓縮，手機可以多顯示一些 */
  padding: 5px 0;
	letter-spacing: 2px;}
	
.site-msg h3 {
	line-height: 1.4;}

h3 {
  margin-top: 5px; /* Ca 20171221: override bootstrap.css setting. */
}
	
.light-btn {color:#783520; text-shadow: 0px 1px 1px #fff;}

.light-desc-content p {font-size: 1em; color: #231916; letter-spacing: 2px; margin-bottom: 30px;}
.light-desc-content p span {color: #94060e;}

.divider-line {border-top: 1px dashed #EFEFEF; margin: 10px 0;}

.light-notice {font-size: 0.9em; color: red; text-align: left; padding: 10px 0; border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF;}
.light-notice table td {vertical-align: top; padding-right: 10px;}

.lamp-service-text {font-size: 1em; color: #231916; border: 3px double #EFEFEF; padding: 20px; width: 100%;}
.lamp-service-text h3 {font-size: 1em; color: #94060e; margin: 6px 0;}

.lamp-agree {font-size: 1em; color: #666; margin: 20px 0;}
.lamp-agree a {color: #666; border-bottom: 1px solid #666;}
.lamp-agree a:hover {text-decoration: none;}

.lamp-form, .lamp-form label {font-size: 1em; color: #231916; font-weight: 400;}
.lamp-form a {color: #666; border-bottom: 1px solid #666;}
.lamp-form a:hover {text-decoration: none;}

.lamp-result p {display: inline-block;}
.lamp-result-item-name {width: 100px; text-align: right; display: inline-block;}

.lamp-result-tip {color: red; text-align: center; margin-bottom: 30px;}

span.lamp-price {font-size: 2.2em;}

hr.lamp-result-divider {border-top: 3px double #87773c;}
hr.lamp-result-line {border-top: 1px dashed #87773c;}

.number-circle {
	display: inline-block;
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 36px;
    height: 36px;
    padding: 8px;
    margin: 0px auto 10px;
    background: #eeac57;
    border: 2px solid #eeac57;
    color: #fff;
    text-align: center;
    font: 16px Arial, sans-serif;}

.help-block {color: red;}

.submenu-section {background-color: #decaa4; padding: 10px 0;}
.page-submenu {width: 300px; margin: 0 auto;}
.page-submenu li {float: left; margin-right: 5px;}

.footer-section {
	font-size: 0.9em;
	color: #8d8576;
	margin: 40px 0 0 0;
	padding: 25px 20px;
	text-align: center;
	/*background-color: #e7d5b4;*/
}

.footer-section .tips {
	color: #755317;}

#act-title {
  height: 40px;
  margin-top: 20px;
}

#act-title p {
  visibility: hidden;
}

.act-bg-lamp-intro {background: url("../images/sub2_bg.png") no-repeat;}

/* -----Lights----- */

.thumbnail{
  margin-top: 30px;
  background: rgba(0%,0%,0%,0);
  border:none;
}

.thumbnail .caption {
  color:#783520;
  font-size: 1em;
}

.thumbnail .caption span {
  color:red;
}

.thumbnail .caption h5 {
  color: #c30d23;
  font-size: 20px;
  text-align: center;
}

/* Lamp Privacy Page */
.lamp-privacy-container {background-color: #eadfbf;
	font-size: 1em; color: #231916; border: 3px double #EFEFEF; padding: 20px 30px; text-align: left; max-width:660px; margin: 40px auto; line-height: 1.5;}
.lamp-privacy-title {width: 100%; color:#E50011; text-align: center;}
.lamp-privacy-container p {margin: 0 0 30px; color: #231916; font-weight: 400;}
.lamp-privacy-container ul li {list-style-type: cjk-ideographic; color: #94060e; font-weight: 700; margin-left: 25px;}
.lamp-privacy-container ul li ol li {list-style-type: decimal; color: #231916; font-weight: 400; margin-left: 25px;}
.lamp-privacy-container ul li ol li ul li {list-style-type: lower-latin;}

/* Electric Login Form */

.electric-login {
  color: #231916;
  text-align: center;
  padding-top: 25px; /*Jr:112年改白底縮減與上緣空間*/
  height: 250px; /*Jr:112年改白底縮減與下緣空間(已預留雙欄模式空間)*/
  background: url("../images/sign_in.png") no-repeat center;
}

.electric-login label {text-align: left; font-weight: 400;}

.electric-login input {width: 250px; margin: 0px auto;}


/* Front Desk Login Form */

.front-desk-login {
  color: #231916;
  text-align: center;
  padding-top: 55px;
  height: 450px;
  background: url("../images/front-desk_sign_in.png") no-repeat center;
}

.front-desk-login label {text-align: left; font-weight: 400;}

.front-desk-login input {width: 250px; margin: 0px auto;}

.front-desk-tips {margin-top: 30px; color: #231916;}

.index-invoice-input {padding: 60px 10px;}

.invoice-input-form {color: #231916; margin-top: 30px;}

.invoice-input-form label {font-weight: 400;}

.front-desk-lamp-service-text {font-size: 1em; color: #231916; border: 3px double #EFEFEF; padding: 20px; width: 100%; margin-bottom: 20px;}

.front-desk-table table {font-size: 1em; color: #231916; letter-spacing: normal; border: 1px solid #666;}
.front-desk-table table thead {border: 1px solid #d6791a;}
.front-desk-table table thead tr th {height: 50px; vertical-align: middle; font-weight: 400; background-color: #f08b1e; color: #fff;}
.front-desk-table table tbody tr td {border: 1px solid #666;}
.front-desk-table table tbody tr:hover {background-color: #fcd29d;}
.front-desk-table table tbody tr td a {text-decoration: none; border: 0px; margin-right: 3px; color: #231916;}
.front-desk-table table tbody tr td a:hover {color: green;}


/* Telecomm */

.telecomm-lamp-price {color: #000;}
.telecomm-lamp-price span {font-size: 1.6em;}


/* Special Page */

.special-login-bg {background-position: center; background-size: cover; padding: 10% 0;}
.special-login-tips {margin-top: 30px; color: #231916;}
.special-login-form {
  color: #231916;
  text-align: center;
  padding-top: 55px;
  height: 265px;
  background: url("../images/special_sign_in.png") no-repeat center;
}
.special-login-form label {text-align: left; font-weight: 400;}
.special-login-form input {width: 250px; margin: 0px auto;}
.special-login-form .help-block {width: 250px; margin: 0 auto 20px;}


@media screen and (min-width: 992px) {
	
	.light-btn {transform: rotate(90deg); -webkit-transform: rotate(90deg); display: inline-block; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl;
  writing-mode:tb-rl; height: 100%; text-shadow:0px 1px 1px #fff; letter-spacing: 5px;}	

	}

@media screen and (max-width: 992px) {
	
	iframe {padding-bottom: 20px;}
    h3 {font-weight: bold;}
    
    }

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

    #header-section .navbar-collapse {
        padding-top: 0;
    }

    #header-section ul>li {
        float: left;
        clear: left;
        margin-left: 4px;
        padding-bottom: 8px;
        margin-bottom: 5px !important;
    }

    #header-section ul>li>a {
        padding-bottom: 2px;
    }

    #header-section ul>li:hover {
        border-bottom: 2px solid white;
    }

    #header-section .sitelogo {
        height: 60px;
        margin-top: 18px;
        margin-bottom: 18px;
    }
    
	.thumbnail {
    height: 240px;
    position: relative;
    margin-top: 15px;
    margin-bottom: 20px;
    }
  
	.thumbnail2 {
    height: 135px;
    position: relative;
    margin-top: 15px;
    margin-bottom: 20px;
    }
    
	.thumbnail img {
		float: left;
	}
	
	.thumbnail .caption{
	  display: inline-block;
	  position: absolute;
	  top: 5px;
	  left: 140px;
	}

	.thumbnail .caption h5 {
	  display: block;
	  text-align: left;

	}
	
	.actbg2{background: url("../images/sub2_bg.png") no-repeat center center;}
	
	.mobile-height {min-height: 680px;}
    
}

.lampfull {
	position: absolute;
	z-index: 999;
	/*background-color: white;*/
	opacity: 0.8;
	width: 100%;
	height: 100%;
	overflow: auto;
	padding-right: 15px;
	padding-left: 15px;
	box-sizing: border-box;
	margin-left: -15px;
}

.lampfull .imgbox {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -65px;
	margin-top: -45px;
}

/* Bootstrap Custom Css */

.form-control {
  border-color: #ffe580;
  background-color: #fffbd5;
}

.form-group select {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

/* Public Css */

.clear {clear: both;}
.ptb-20 {padding: 20px 0;}
fieldset {padding-bottom: 30px;}
.public-lamp-circle-position {width: 100%; text-align: center;}
.custom-btn {border-color: #ffe580;background-color: #fffbd5;}
button.full-width, img.full-width {width:100%;}
.account-menus-section {padding: 10px 10px 0 0;}
.account-menus {color: #E50011;}
.account-menus i {margin-left: 10px;}
.account-menus a {color: #E50011;}
.account-menus a:hover {border-bottom: 1px solid #E50011; text-decoration: none;}
a.delete-data {cursor: pointer; display: inline-block; padding: 5px; color: red; border: 1px solid red;}
a.delete-data:hover {color: white; background-color: red; text-decoration: none; border: 1px solid red;}

/* hr style */

hr.style11 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;
    border: 0;
}


hr.style12 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-12.png) repeat-x 0 0;
    border: 0;
}

/* Google Captcha */

.g-recaptcha {margin: 0 0 30px 116px; -o-transform: scale(0.84); -webkit-transform:scale(0.84); -moz-transform: scale(0.84); transform: scale(0.84);}
.g-recaptcha>div>div>iframe {

}

 @media (max-width: 992px) {
	 .container .sitelogo {height: 100px;}
 }

 @media (max-width: 640px) {
	 .container .sitelogo {height: 80px;}
 }

 @media (max-width: 480px) {
	 .container .sitelogo {height: 60px;}
 }