﻿.talk_title {font-size:16.5px; font-weight:bold;color:#E42B86;}
.talk_title_underline {border:solid 1px #000;width:100%}
.fb_container {width:182px;}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 100%;
    margin: auto;
}
.carousel-indicators li {
  background-color: #999 !important;
  background-color: rgba(70,70,70,.25) !important;
}
.carousel-indicators .active {
  background-color: #444 !important;
}
.carousel-indicators {
  bottom:-50px;
}
.carousel-inner {
   margin-bottom:50px;
}
.index-border-cool {border-bottom:solid 5px #000;}
.color-pill-yoihon .active a, .color-pill-yoihon .active a:hover{
    background-color:#ffffff !important;
    color:#E9559E !important;
    }
.index_box_frame {border: dotted 1px #000000;}
.box_table{background-color:#FCF8E3;}
.product-tag 
{
    background-color:#FF5E79; 
    font-size:12px;
    color:#FFFFFF; 
    font-weight:normal; 
    font-family:Tahoma, Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
    padding-left:13px;
    padding-right:13px;
    padding-top:3px;
    padding-bottom:3px;
    letter-spacing:0.2em;
    line-height:28px;
    margin-right:5px;
    border-radius: 6px;
    }
.type-tag 
{
    font-size: 12px; 
    background-color:#D07FFF; 
    color:#FFFFFF; 
    font-weight:normal; 
    font-family:Tahoma, Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
    padding-left:13px;
    padding-right:13px;
    padding-top:3px;
    padding-bottom:3px;
    letter-spacing:0.2em;
    line-height:28px;
    margin-right:5px;
    border-radius: 6px;
    }    
.new-tag
{
    font-size: 12px; 
    background-color:#FFFF2D; 
    color:#FF2D50; 
    font-weight:bold; 
    font-family:Tahoma, Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
    padding-left:5px;
    padding-right:5px;
    padding-top:3px;
    padding-bottom:3px;
    line-height:28px;
    margin-right:5px;
    border-radius: 6px;   
    }
.stock-tag 
{   
    background-color:#4780D9; 
    font-size:13px;
    color:#FFFFFF; 
    font-weight:normal; 
    font-family:Tahoma, Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
    padding-left:4px;
    padding-right:4px;
    border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	letter-spacing:0.2em;
    line-height:28px;
    margin-left:10px;
    }
.tick-tag {font-size:13px;color:#F4951D;}            
.point {font-size: 12px; color:#4480D7; font-style: normal; font-weight:bold ; letter-spacing: 0.1em; border: 1px solid #4480D7; margin-left:5px; padding-left:8px;padding-top:3px;padding-bottom:3px;padding-right:8px;}    
.discount-tag {font-size: 13px; background-color:#FF0000;color:#FFFFFF; font-weight:bold; font-family:"Arial";padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;margin-left:0px;border-radius: 3px;margin-right:5px; }
.saved-tag {font-size: 13px; background-color:#FF0000;color:#FFFFFF; font-family:"Arial";padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;margin-left:0px;border-radius: 3px;margin-right:5px; }
.category-tag 
{
    background-color:#7F92FF; 
    font-size:12px;
    color:#FFFFFF; 
    font-weight:normal; 
    font-family:Tahoma, Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
    padding-left:13px;
    padding-right:13px;
    padding-top:3px;
    padding-bottom:3px;
    letter-spacing:0.2em;
    line-height:28px;
    margin-right:5px;
    border-radius: 6px;        
     }
.twentyfour-tag 
{
    font-size: 13px;
    background-color:#FF9B00;
    color:#FFFFFF;
    font-weight:normal;
    font-family:"Arial";
    padding-left:13px;
    padding-right:13px;
    padding-top:3px;
    padding-bottom:3px;    
    border-radius: 6px;    
}
.preorder-tag 
{
    font-size: 13px;
    background-color:#F68787;
    color:#FFFFFF;
    font-weight:normal;
    font-family:"Arial";
    padding-left:13px;
    padding-right:13px;
    padding-top:3px;
    padding-bottom:3px;    
    border-radius: 6px;    
}
.expiry-tag
{
    font-size: 13px;
    background-color:#A0A0A0;
    color:#FFFFFF;
    font-weight:normal;
    font-family:"Arial";
    padding-left:13px;
    padding-right:13px;
    padding-top:3px;
    padding-bottom:3px;    
    border-radius: 6px;    
}
.price {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing:0.1em;
}
.search-background{background-color:#F2E8D2;}
#searchfunction{background-color:#F2E8D2;width:100%;margin-top:5px;margin-bottom:5px;}
.search_pulldown{width:140px;}

.displaypic {height: 150px; width: 100%; padding-bottom:0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; border: 0px;}
.displaytitle {color: #003366; height: 43px;overflow:hidden;}
.displayblock {float:left;width:100%;}
.noImage 
{
    font-size:20px;
    padding-top:30px;
    padding-left:0px;
    padding-right:0px;
    background : #AFAFAF;
    text-align:center;
    background: -webkit-radial-gradient(#ffffff, #AFAFAF); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#ffffff, #AFAFAF); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#ffffff, #AFAFAF); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#ffffff, #AFAFAF); /* Standard syntax (must be last) */
    width:180px;
    height:180px;
    }
#talk_and_promote h1{color:#E9559E;font-weight:bold;font-size:18px;line-height:35px;border-bottom:solid 3px #000000;padding-top:0px;margin-top:0px;}    
.photobox {height:115px;}
.textbox {height:60px;overflow:hidden;}
.blockquote_title{
  padding-left: 1.5rem;
  border-left: 20px solid #7F0037; /* Just change the color value and that's it*/
  background-color:#F9F9F9;
  font-size:15px;
  color: #7F0037;
  font-weight:bold;
}
#productshow a:link,#productshow a:hover,#productshow a:active,#productshow a:focus {color:#3243A3;}
hr.style-eight {
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.style-eight:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}
.border-bottom-1{border-bottom:1px solid #000000 !important; }
.border-left-1{border-left:1px solid #000000 !important; }
.inv_container{width:768px;}
#invoice_content table
{ 
    border-collapse: collapse;
    border-top: solid 1px #000000; 
    border-bottom: solid 0px #000000;
    width:100%;
  }
#invoice_content tr  
{
    border: none; 
    }
#invoice_content td 
{  
    border-right: solid 1px #000000;        
  }
.border-all-1
{
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    }
.hr-footer{border-top: 1px solid #000000;}
.grid_border_all{border:1px solid #C9C9C9;padding-top:10px;padding-bottom:10px;}
.btn_buy{
	color:#ffffff;
	background-color:#FFA742;	
	border-top: 1px solid #FF570A;
	border-left: 1px solid #FF570A;
	border-right: 1px solid #FF570A;
	border-bottom: 1px solid #FF570A;	
	background: -o-linear-gradient(top, #FFA742 20%, #FF570A 100%);
	background: -ms-linear-gradient(top, #FFA742 20%, #FF570A 100%);
	background: -moz-linear-gradient(top, #FFA742 20%, #FF570A 100%);
	background: -webkit-linear-gradient(top, #FFA742 20%, #FF570A 100%);
	background: linear-gradient(top, #FFA742 20%, #FF570A 100%);
	border-radius: 6px;
}
.btn_preorder
{   
	color:#ffffff;
	background-color:#FEA6A6;	
	border-top: 1px solid #EA5757;
	border-left: 1px solid #EA5757;
	border-right: 1px solid #EA5757;
	border-bottom: 1px solid #EA5757;
	border-radius: 6px;
	background: -o-linear-gradient(top, #FEA6A6 20%, #EA5757 100%);
	background: -ms-linear-gradient(top, #FEA6A6 20%, #EA5757 100%);
	background: -moz-linear-gradient(top, #FEA6A6 20%, #EA5757 100%);
	background: -webkit-linear-gradient(top, #FEA6A6 20%, #EA5757 100%);
	background: linear-gradient(top, #FEA6A6 20%, #EA5757 100%);
}
.btn_oneclick
{   
	color:#ffffff;
	background-color:#942994;	
	border-top: 1px solid #942994;
	border-left: 1px solid #942994;
	border-right: 1px solid #942994;
	border-bottom: 1px solid #942994;
	background: -o-linear-gradient(top, #DD69EA 20%, #B733B7 100%);
	background: -ms-linear-gradient(top, #DD69EA 20%, #B733B7 100%);
	background: -moz-linear-gradient(top, #DD69EA 20%, #B733B7 100%);
	background: -webkit-linear-gradient(top, #DD69EA 20%, #B733B7 100%);
	background: linear-gradient(top, #DD69EA 20%, #B733B7 100%);
}
.btn-message
{
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border: 1px solid #3691da;
    background-color: #56b4ff;
    }
/*Start: tab menu*/
.titlerow {
	text-align: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0;
	line-height: 35px;
	height: 35px;	
	overflow: hidden;
	position: relative;
}
.titlerow li {
	border: 0px;
	font-size: 15px; 
	font-weight: bold;
	color:#ffffff;
	display: inline-block;
	position: relative;
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding: 2px 30px 2px 10px;	
}
.titletab{width: 100%;clear:both;border-bottom: solid 3px #003F9B;margin-bottom:5px;padding-top:0px;padding-bottom:0px;}
/*End: tab menu*/
.colFull{float:left;padding-top:10px;padding-bottom:5px;width:100%;}    
.bmclose {
    position:absolute;
    top: 5px;    
    right:15px;
    color: #bbb;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}
.bmclose:hover,
.bmclose:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}
#footer li > a{color:#ffffff;}
#footer li {padding-top:10px;}

/*-----------------------------------------------------------------------------------*/
/* Utility Classes */
/*-----------------------------------------------------------------------------------*/
.color-default {
  color: #555555;
}
.color-facebook
{
    color:#3B5998;        
    }
.color-twitter
{
    color:#20B8FF;
    }
.color-googleplus
{
    color:#D84A36;
    }
.color-white 
{
    color:#ffffff;
    }
.color-whatsapp
{
    color:#43D854;
    }
.color-promotion
{
    color:#EA8E39;
    }
.color-black {
  color: #000000;
}
.letter-spacing-1
{
    letter-spacing:1px;
    }
.letter-spacing-2
{
    letter-spacing:2px;
    }    
.color-default[class^="fa-"]:before,
.color-default[class*=" fa-"]:before {
  color: #555555;
}
.color-gray {
  color: #555555;
}
.color-gray[class^="fa-"]:before,
.color-gray[class*=" fa-"]:before {
  color: #555555;
}
.color-gray-light {
  color: #b3b3b3;
}
.color-yoihon-blue
{
    color:#3243B1;
    }
.color-yoihon-brown
{
    color:#CE4800;
}
.color-sharp-red 
{
    color:#ff0000;
    }
.color-gold
{
    color:#FFD700;
    }
.color-gray-light[class^="fa-"]:before,
.color-gray-light[class*=" fa-"]:before {
  color: #b3b3b3;
}
.color-gray-lighter {
  color: #ebebeb;
}
.color-gray-lighter[class^="fa-"]:before,
.color-gray-lighter[class*=" fa-"]:before {
  color: #ebebeb;
}
.color-primary {
  color: #bc5e43;
}
.color-primary[class^="fa-"]:before,
.color-primary[class*=" fa-"]:before {
  color: #bc5e43;
}
.color-red {
  color: #CC0000;
}
.color-red[class^="fa-"]:before,
.color-red[class*=" fa-"]:before {
  color: #CC0000;
}
.color-blue {
  color: #43668c;
}
.color-blue[class^="fa-"]:before,
.color-blue[class*=" fa-"]:before {
  color: #43668c;
}
.color-green {
  color: #649f2b;
}
.color-green[class^="fa-"]:before,
.color-green[class*=" fa-"]:before {
  color: #649f2b;
}
.color-aqua {
  color: #86b998;
}
.color-aqua[class^="fa-"]:before,
.color-aqua[class*=" fa-"]:before {
  color: #86b998;
}
.color-yellow {
  color: #d0b426;
}
.color-yellow[class^="fa-"]:before,
.color-yellow[class*=" fa-"]:before {
  color: #d0b426;
}
.color-brown {
  color: #6f6f55;
}
.color-brown[class^="fa-"]:before,
.color-brown[class*=" fa-"]:before {
  color: #6f6f55;
}
.color-violet {
  color: #8270a4;
}
.color-violet[class^="fa-"]:before,
.color-violet[class*=" fa-"]:before {
  color: #8270a4;
}
.color-orange {
  color: #ae6926;
}
.color-yoihon 
{
    color:#E9559E;
}
.color-orange[class^="fa-"]:before,
.color-orange[class*=" fa-"]:before {
  color: #ae6926;
}
.padding-horiz-5 {
  padding-left: 5px;
  padding-right: 5px;
}
.padding-horiz-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.padding-horiz-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.padding-horiz-30 {
  padding-left: 30px;
  padding-right: 30px;
}
.padding-horiz-40 {
  padding-left: 40px;
  padding-right: 40px;
}
.padding-horiz-50 {
  padding-left: 50px;
  padding-right: 50px;
}
.padding-horiz-60 {
  padding-left: 60px;
  padding-right: 60px;
}
.padding-vert-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  
}
.padding-vert-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.padding-vert-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding-vert-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.padding-vert-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.padding-vert-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.padding-vert-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.padding-vert-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.padding-vert-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.margin-horiz-5 {
  margin-left: 5px;
  margin-right: 5px;
}
.margin-horiz-10 {
  margin-left: 10px;
  margin-right: 10px;
}
.margin-horiz-20 {
  margin-left: 20px;
  margin-right: 20px;
}
.margin-horiz-30 {
  margin-left: 30px;
  margin-right: 30px;
}
.margin-horiz-40 {
  margin-left: 40px;
  margin-right: 40px;
}
.margin-horiz-50 {
  margin-left: 50px;
  margin-right: 50px;
}
.margin-horiz-60 {
  margin-left: 60px;
  margin-right: 60px;
}
.margin-vert-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.margin-vert-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.margin-vert-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.margin-vert-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.margin-vert-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.margin-vert-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.margin-vert-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.margin-vert-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}
.no-padding {
  padding: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
.margin-top-0 {
  margin-top: 0;
}
.margin-top-5 {
  margin-top: 5px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-top-15 {
  margin-top: 15px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-top-30 {
  margin-top: 30px;
}
.margin-top-40 {
  margin-top: 40px;
}
.margin-top-50 {
  margin-top: 50px;
}
.margin-top-60 {
  margin-top: 60px;
}
.margin-bottom-0 {
  margin-bottom: 0;
}
.margin-bottom-5 {
  margin-bottom: 5px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-bottom-15 {
  margin-bottom: 15px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.margin-bottom-30 {
  margin-bottom: 30px;
}
.margin-bottom-40 {
  margin-bottom: 40px;
}
.margin-bottom-50 {
  margin-bottom: 50px;
}
.margin-bottom-60 {
  margin-bottom: 60px;
}
.padding-top-0 {
  padding-top: 0;
}
.padding-top-5 {
  padding-top: 5px;
}
.padding-top-10 {
  padding-top: 10px;
}
.padding-top-15 {
  padding-top: 15px;
}
.padding-top-20 {
  padding-top: 20px;
}
.padding-top-30 {
  padding-top: 30px;
}
.padding-top-40 {
  padding-top: 40px;
}
.padding-top-50 {
  padding-top: 50px;
}
.padding-top-60 {
  padding-top: 60px;
}
.padding-bottom-0 {
  padding-bottom: 0;
}
.padding-bottom-5 {
  padding-bottom: 5px;
}
.padding-bottom-10 {
  padding-bottom: 10px;
}
.padding-bottom-15 {
  padding-bottom: 15px;
}
.padding-bottom-20 {
  padding-bottom: 20px;
}
.padding-bottom-30 {
  padding-bottom: 30px;
}
.padding-bottom-40 {
  padding-bottom: 40px;
}
.padding-bottom-50 {
  padding-bottom: 50px;
}
.padding-bottom-60 {
  padding-bottom: 60px;
}
.padding-left-0 
{
    padding-left: 0px !important;
}
.padding-left-5
{
    padding-left: 5px !important;
    }

.padding-left-10 {
  padding-left: 10px !important;
}
.padding-right-0
{
    padding-right: 0px !important;
}
.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}
.padding-left-20 {
  padding-left: 20px !important;
}
.padding-left-50 {
  padding-left: 50px !important;
}
.padding-left-60 {
  padding-left: 60px !important;
}
.padding-left-80 {
  padding-left: 80px !important;
}
.padding-left-85 {
  padding-left: 85px !important;
}
.margin-left-5 {
  margin-left: 5px;
}
.margin-left-10 {
  margin-left: 10px;
}
.margin-left-20 {
  margin-left: 20px;
}
.margin-left-50 {
  margin-left: 50px;
}
.margin-right-20 {
  margin-right: 20px;
}
.margin-right-5 {
  margin-right: 5px;
}
.margin-right-10 {
  margin-right: 10px;
}
.padding-right-0 {
    padding-right: 0;
    }
.row-no-margin {
  margin-left: -40px;
  margin-right: -40px;
}

/* Background Colors */
.background-gray-darker {
  background-color: #222222;
}
.background-gray-dark {
  background-color: #333333;
}
.background-gray {
  background-color: #555555;
}
.background-gray-light {
  background-color: #b3b3b3;
}
.background-gray-lighter {
  background-color: #ebebeb;
}
.background-search-box {
    background-color: #1b498c;
}
.background-enquiry {
    background-color: #F7F7F7;
}
.background-panel 
{
    background-color: #F9F9F9;
    }
.background-white
{
    background-color:#ffffff;
    }
.background-invoice-notice
{
    background-color:#FFF6D8;
    }
.background-orange
{
    background-color:#FF6A00;
    }
/* Button Colors */
.btn {
  border-radius: 0px;
}
.btn-default {
  background-color: rgba(0, 0, 0, 0.043);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05) inset;
  margin: 0;
}
.btn-green {
  background-color: #658538 !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#759a40", endColorstr="#648537");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#759a40), to(#648537));
  background-image: -moz-linear-gradient(top, #759a40, #648537);
  background-image: -ms-linear-gradient(top, #759a40, #648537);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #759a40), color-stop(100%, #648537));
  background-image: -webkit-linear-gradient(top, #759a40, #648537);
  background-image: -o-linear-gradient(top, #759a40, #648537);
  background-image: linear-gradient(#759a40, #648537);
  border-color: #648537 #648537 #618035;
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.09);
  -webkit-font-smoothing: antialiased;
}
.btn-bronze {
  background-color: #856f38 !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9a8140", endColorstr="#856f37");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#9a8140), to(#856f37));
  background-image: -moz-linear-gradient(top, #9a8140, #856f37);
  background-image: -ms-linear-gradient(top, #9a8140, #856f37);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9a8140), color-stop(100%, #856f37));
  background-image: -webkit-linear-gradient(top, #9a8140, #856f37);
  background-image: -o-linear-gradient(top, #9a8140, #856f37);
  background-image: linear-gradient(#9a8140, #856f37);
  border-color: #856f37 #856f37 #806b35;
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.09);
  -webkit-font-smoothing: antialiased;
}
.btn-red {
  background-color: #853838 !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9a4040", endColorstr="#853737");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#9a4040), to(#853737));
  background-image: -moz-linear-gradient(top, #9a4040, #853737);
  background-image: -ms-linear-gradient(top, #9a4040, #853737);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9a4040), color-stop(100%, #853737));
  background-image: -webkit-linear-gradient(top, #9a4040, #853737);
  background-image: -o-linear-gradient(top, #9a4040, #853737);
  background-image: linear-gradient(#9a4040, #853737);
  border-color: #853737 #853737 #803535;
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.09);
  -webkit-font-smoothing: antialiased;
}
.btn-violet {
  background-color: #813885 !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#96409a", endColorstr="#813785");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#96409a), to(#813785));
  background-image: -moz-linear-gradient(top, #96409a, #813785);
  background-image: -ms-linear-gradient(top, #96409a, #813785);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #96409a), color-stop(100%, #813785));
  background-image: -webkit-linear-gradient(top, #96409a, #813785);
  background-image: -o-linear-gradient(top, #96409a, #813785);
  background-image: linear-gradient(#96409a, #813785);
  border-color: #813785 #813785 #7c3580;
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.09);
  -webkit-font-smoothing: antialiased;
}
.btn-blue {
  background-color: #386685 !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#40769a", endColorstr="#376685");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#40769a), to(#376685));
  background-image: -moz-linear-gradient(top, #40769a, #376685);
  background-image: -ms-linear-gradient(top, #40769a, #376685);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #40769a), color-stop(100%, #376685));
  background-image: -webkit-linear-gradient(top, #40769a, #376685);
  background-image: -o-linear-gradient(top, #40769a, #376685);
  background-image: linear-gradient(#40769a, #376685);
  border-color: #376685 #376685 #356280;
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.09);
  -webkit-font-smoothing: antialiased;
}
.btn-aqua {
  background-color: #388582 !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#409a97", endColorstr="#378582");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#409a97), to(#378582));
  background-image: -moz-linear-gradient(top, #409a97, #378582);
  background-image: -ms-linear-gradient(top, #409a97, #378582);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #409a97), color-stop(100%, #378582));
  background-image: -webkit-linear-gradient(top, #409a97, #378582);
  background-image: -o-linear-gradient(top, #409a97, #378582);
  background-image: linear-gradient(#409a97, #378582);
  border-color: #378582 #378582 #35807d;
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.09);
  -webkit-font-smoothing: antialiased;
}
.line-height-1-5{line-height:1.5;}
.table-borderless td,
.table-borderless th {
    border: 0px !important;
}
.table-border-3 td,
.table-border-3 th {
    border: 3px solid #1b498c !important;    
}
.link-unstyled {
  color: inherit;
  text-decoration: inherit;
}

.link-unstyled:link {
  color: inherit;
  text-decoration: inherit;
}

.link-unstyled:hover {
  color: inherit;
  text-decoration: inherit;
}
.row-fluid {
    word-wrap: break-word;
}
.pre-m-side-title{
    color:#ffffff;background-color:#EA68A2;
}
.pre-m-side-content{
    color:#7F0000;background-color:#FFEDFD;
}
.pre-all-side-title
{
    color:#ffffff;background-color:#A12B43;
    }
.pre-all-side-content{
    color:#7F0000;background-color:#FCECE5;
}
.pre-m-side-title{
    color:#ffffff;background-color:#EA68A2;
}
.pre-m-side-content{
    color:#7F0000;background-color:#FFEDFD;
}
.pre-b-side-title{
    color:#ffffff;background-color:#95C621;
}
.pre-b-side-content{
    color:#7F0000;background-color:#FFFDE3;
}
.pre-c-side-title{
    color:#ffffff;background-color:#AF68D2;
}
.pre-c-side-content{
    color:#7F0000;background-color:#F3DDFB;
}
.pre-d-side-title{
    color:#ffffff;background-color:#00A0E9;
}
.pre-d-side-content{
    color:#7F0000;background-color:#E0F3FC;
}
.pre-m-border{
    border:1px solid #EA68A2;
    }
.pre-all-border{
    border:1px solid #A12B43;
    }    
.pre-b-border{
    border:1px solid #95C621;
    }    
.pre-c-border{
    border:1px solid #AF68D2;
    }
.pre-d-border{
    border:1px solid #00A0E9;
    }            
.bs-callout {
padding: 2px;
margin: 0px 0;
border-left-width: 30px;
border-radius: 3px;
}

.bs-callout h5 {
margin-top: 5px;
margin-bottom: 5px;
padding-left:10px;
}

.bs-callout p:last-child {
margin-bottom: 0;
}

.bs-callout code {
border-radius: 1px;
}
.letter-spacing-1
{
    letter-spacing:0.1em;
    }
.letter-spacing-2
{
    letter-spacing:0.2em;
    }
.font-14
{
    font-size:14px;
    }
.font-16
{
    font-size:16px;
    }
.font-18
{
    font-size:18px;
    }
.font-20
{
    font-size:20px;    
    }
.font-22
{
    font-size:22px;    
    }
.font-24
{
    font-size:24px;
    }
.hr-divider{border-top: 1px dotted #8c8b8b;}
.border-search-box{border:2px solid #1b498c; }
.news_shadow{text-shadow: 1px 1px 0px #ff0000}
.hide{display:none;}
.bq-color-googleplus
{
    border-color:#D84A36;
    }

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#fff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

.navbar-yoihon {
  background-color: #A12B43;  
}
.navbar-yoihon .navbar-brand {
  color: #ffffff;
}
.navbar-yoihon .navbar-brand:hover,
.navbar-yoihon .navbar-brand:focus {
  color: #ffffff; /*9d9d9d*/
  background-color: transparent;
}
.navbar-yoihon .navbar-text {
  color: #ffffff;
}
.navbar-yoihon .navbar-nav > li > a {
  color: #ffffff;  
}
.navbar-yoihon .navbar-nav > li > a:hover,
.navbar-yoihon .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-yoihon .navbar-nav > .active > a,
.navbar-yoihon .navbar-nav > .active > a:hover,
.navbar-yoihon .navbar-nav > .active > a:focus {
  color: #fff;  
  background-color: #A8A8A8;
}
.navbar-yoihon .navbar-nav > .disabled > a,
.navbar-yoihon .navbar-nav > .disabled > a:hover,
.navbar-yoihon .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-yoihon .navbar-toggle {
  border-color: #333;
}
.navbar-yoihon .navbar-toggle:hover,
.navbar-yoihon .navbar-toggle:focus {
  background-color: #333;
}
.navbar-yoihon .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-yoihon .navbar-collapse,
.navbar-yoihon .navbar-form {
  border-color: #A12B43; /*101010*/
}
.navbar-yoihon .navbar-nav > .open > a,
.navbar-yoihon .navbar-nav > .open > a:hover,
.navbar-yoihon .navbar-nav > .open > a:focus {
  color: #fff;  
  background-color: #A8A8A8;
}
@media (max-width: 767px) {

   /*1-level*/
   .navbar-yoihon .navbar-nav .dropdown .dropdown-menu >li > a,
   .navbar-yoihon .navbar-nav .dropdown .dropdown-menu >li > a:hover,
   .navbar-yoihon .navbar-nav .dropdown .dropdown-menu >li > a:focus
   {
       color: #444;
       }
   
   .navbar-yoihon .navbar-nav .dropdown .dropdown-menu
   {
       background-color: #ffffff;
       }
  /*2-level*/
  .navbar-yoihon .navbar-nav .dropdown .dropdown-menu .dropdown-submenu .dropdown-menu > li
  {
      padding-left:20px;
      }

  /*start: 3-level menu;*/  
  
  .navbar-yoihon .navbar-nav .dropdown .dropdown-menu .dropdown-submenu .dropdown-menu .dropdown-submenu
  {
      background-color: #ffffff;
      }

  .navbar-yoihon .navbar-nav .dropdown .dropdown-menu .dropdown-submenu .dropdown-menu .dropdown-submenu .dropdown-menu
  {
      background-color: #ffffff;
      }
   
   .navbar-yoihon .navbar-nav .open .dropdown .dropdown-menu > li > a:hover
   {
       background-color: #F5F5F5;
       }
       
  .navbar-yoihon .navbar-nav .dropdown .dropdown-menu .dropdown-submenu .dropdown-menu .dropdown-submenu .dropdown-menu > li > a
  {
      color: #333;
      }       
      
  /*end: 3-level menu;*/
  
}

.navbar-yoihon .navbar-link {
  color: #A8A8A8; /*9d9d9d*/
}
.navbar-yoihon .navbar-link:hover {
  color: #fff;
}
.navbar-yoihon .btn-search-link {
  color: #A8A8A8; /*9d9d9d*/
}
.navbar-yoihon .btn-search-link:hover,
.navbar-yoihon .btn-search-link:focus {
  color: #fff;
}
.navbar-yoihon .btn-search-link[disabled]:hover,
fieldset[disabled] .navbar-yoihon .btn-search-link:hover,
.navbar-yoihon .btn-search-link[disabled]:focus,
fieldset[disabled] .navbar-yoihon .btn-search-link:focus {
  color: #444;
}
.btn-search {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn-search:focus,
.btn-search:active:focus,
.btn-search.active:focus,
.btn-search.focus,
.btn-search:active.focus,
.btn-search.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn-search:hover,
.btn-search:focus,
.btn-search.focus {
  color: #333;
  text-decoration: none;
}
.btn-search:active,
.btn-search.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-search.disabled,
.btn-search[disabled],
fieldset[disabled] .btn-search {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
a.btn-search.disabled,
fieldset[disabled] a.btn-search {
  pointer-events: none;
}
.btn-search-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-search-default:focus,
.btn-search-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-search-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-search-default:active,
.btn-search-default.active,
.open > .dropdown-toggle.btn-search-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-search-default:active:hover,
.btn-search-default.active:hover,
.open > .dropdown-toggle.btn-search-default:hover,
.btn-search-default:active:focus,
.btn-search-default.active:focus,
.open > .dropdown-toggle.btn-search-default:focus,
.btn-search-default:active.focus,
.btn-search-default.active.focus,
.open > .dropdown-toggle.btn-search-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-search-default:active,
.btn-search-default.active,
.open > .dropdown-toggle.btn-search-default {
  background-image: none;
}
.btn-search-default.disabled:hover,
.btn-search-default[disabled]:hover,
fieldset[disabled] .btn-search-default:hover,
.btn-search-default.disabled:focus,
.btn-search-default[disabled]:focus,
fieldset[disabled] .btn-search-default:focus,
.btn-search-default.disabled.focus,
.btn-search-default[disabled].focus,
fieldset[disabled] .btn-search-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-search-default .badge {
  color: #fff;
  background-color: #333;
}
.header-row {
    display: table;
    width:100%;
    margin-right: -15px;
    margin-left: -15px;    
}
.header-row > div {
    float: none;
    display: table-cell;
    vertical-align:bottom;
    /*border: solid 1px #000000;*/
}
.bg-yoihon {
  color: #fff;
  background-color: #A12B43;
}
.horizontal_dotted_line{
  border-bottom: 1px dotted [color];
  width: 100%;
}
