@charset "utf-8";
/* ********************************* layout.css ********************************* */
/*.headermar{ background-image:url(../images/index/bg_khc.png); background-repeat:no-repeat; background-position:bottom left; }*/
.headermar .logos{ width:540px; }
.headermar .logomob{ display:none; }

.menubox{ background: #ae5d00; }
.menubox .mar .grids{ width:16.66667%; border-left: 1px solid #fff; }
.menubox .mar .grids:last-child{ border-right: 1px solid #fff; }
.menubox .mar .dublock .dumar .dugrids .duTitle{ color:#ae5d00; }
.menubox .mar .dublock .dumar .dugrids .dumtext{ border-top: 2px solid #ae5d00; }
.menubox .mar .dublock .dumar .dugrids .dumtext .links{ color:#ae5d00; }

.mslink .sizebox .sizegrids.hold{ background: #ae5d00; }

.footermenu .lines{ background: #ae5d00; }
.footermenu .lines .arrow{ background: #ae5d00; }
.footermenu .lines .arrow_open{ background:#ae5d00; }
.footermenu .mar .marbgs .grids .h1s{ border-bottom: 1px solid #ae5d00; color:#ae5d00; }
.footermenu .mar .marbgs .grids .uls .lis{ color:#ae5d00; }

.footer{ background: #ae5d00; }
.footer .mar .fmenu{ border-bottom: 1px solid #d58e3e; }
.footer .mar .fdata{ border-bottom: 1px solid #d58e3e; }
.footer .mar .fdata .fg .phones .links{ color:#fff; }
.footer .mar .fdata .fg .ftext .map{ color:#000; }

/*.fastbtn .links{ background:#ae5d00; }*/


/* ********************************* index.css ********************************* */
.block04 .mar .fsgrid .texts{ color:#ae5d00; }
.block04 .mar .fsgrid .img01{ background-image:url(../images/index/ficon01_khc.png); }
.block04 .mar .fsgrid .img02{ background-image:url(../images/index/ficon02_khc.png); }
.block04 .mar .fsgrid .img03{ background-image:url(../images/index/ficon03_khc.png); }
.block04 .mar .fsgrid .img04{ background-image:url(../images/index/ficon04_khc.png); }
.block04 .mar .fsgrid .img05{ background-image:url(../images/index/ficon05_khc.png); }
.block04 .mar .fsgrid .img06{ background-image:url(../images/index/ficon06_khc.png); }
.block04 .mar .fsgrid .img07{ background-image:url(../images/index/ficon07_khc.png); }

.block05.sdw{ box-shadow: 0 -15px 15px rgba(0,0,0,0.08); }
.block05 .mar .ntitle{ color:#ae5d00; }
.block05 .mar .ntitle:after{ background:#ae5d00; }
.block05 .mar .newsbox .bookmark .booktd.hold{ background:#ae5d00; }

.block06 .mar .ntitle{ color:#ae5d00; }
.block06 .mar .ntitle:after{ background:#ae5d00; }
.block06 .mar .sortinline .grids{ border-left: 2px solid #ae5d00; color:#ae5d00; }

.branchgrid .bgs{ background:#ae5d00; }

.bigrange .bigrids .bgs .ts .text{ color:#ae5d00; }
.bigrange .bigrids .bgs .ts .img01{ background-image:url(../images/index/icon_img01_khc.png); }
.bigrange .bigrids .bgs .ts .img02{ background-image:url(../images/index/icon_img02_khc.png); }
.bigrange .bigrids .bgs .ts .img03{ background-image:url(../images/index/icon_img03_khc.png); }
.bigrange .bigrids .bgs .ts .img04{ background-image:url(../images/index/icon_img04_khc.png); }


/* ********************************* page.css ********************************* */
/*20191120變更 start*/
.newlist .lists .h3{ display:inline; font-size:1.125rem; color:#333; padding:5px 0 0 0; line-height: 1.6;}
/*20191120變更 end*/
/*20191120新增 start*/
.newlist .news-tag{display: inline;background-color: #ca7a1d;color: #ffffff;padding: 5px 7px;border-radius: 5px;}
/*20191120新增 end*/


/*================================●●●●●●●●●●●●Hover●●●●●●●●●●●●================================*/
@media screen and (min-width:1024px){
/* ********************************* layout.css ********************************* */
.mslink .sizebox .sizegrids:hover{ background: #ae5d00; }

/* ********************************* index.css ********************************* */
.block05 .mar .newsbox .bookmark .booktd:hover{ background: #ae5d00; }
.block05 .mar .nmore .btns:hover{ background: #ae5d00; }
.block05 .mar .mores:hover { background: #ae5d00; }

.block06 .mar .mores:hover{ background: #ae5d00; }

/* ********************************* page.css ********************************* */

}

/*================================●●●●●●●●●●●●電腦●●●●●●●●●●●●================================*/
@media screen and (max-width:1200px){
.headermar{ background-size: 600px; }
.headermar .logos{ width:460px; }



}

/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (min-width:768px) and (max-width:1023px){
/* ********************************* layout.css ********************************* */
.menubox .mar .grids{ width:auto; border-left:none; border-bottom: 1px solid #fff; }
.menubox .mar .grids:last-child{ border-right:none; }

/* ********************************* index.css ********************************* */


/* ********************************* page.css ********************************* */
}


/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width:767px){
/* ********************************* layout.css ********************************* */
.headermar{ background-image:none; }
.headermar .logos{ width:220px; padding-top: 15px; }
.headermar .logos img{ display:none; }
.headermar .logomob{ display:block; width:220px; height:31px; background-image:url(../images/layout/logo_khc_mob.png); background-repeat:no-repeat; background-position:center; background-size:100%; }*/

.menubox .mar .grids{ width:auto; border-left:none; border-bottom: 1px solid #fff; }
.menubox .mar .grids:last-child{ border-right:none; }

/* ********************************* index.css ********************************* */


/* ********************************* page.css ********************************* */
}