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

.menubox{ background: #805537; }
.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:#805537; }
.menubox .mar .dublock .dumar .dugrids .dumtext{ border-top: 2px solid #805537; }
.menubox .mar .dublock .dumar .dugrids .dumtext .links{ color:#805537; }

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

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

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

.fastbtn .links{ background:#805537; }


/* ********************************* index.css ********************************* */
.block04 .mar .fsgrid .texts{ color:#805537; }
.block04 .mar .fsgrid .img01{ background-image:url(../images/index/ficon01_hct.png); }
.block04 .mar .fsgrid .img02{ background-image:url(../images/index/ficon02_hct.png); }
.block04 .mar .fsgrid .img03{ background-image:url(../images/index/ficon03_hct.png); }
.block04 .mar .fsgrid .img04{ background-image:url(../images/index/ficon04_hct.png); }
.block04 .mar .fsgrid .img05{ background-image:url(../images/index/ficon05_hct.png); }
.block04 .mar .fsgrid .img06{ background-image:url(../images/index/ficon06_hct.png); }
.block04 .mar .fsgrid .img07{ background-image:url(../images/index/ficon07_hct.png); }

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

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

.branchgrid .bgs{ background:#805537; }

.bigrange .bigrids .bgs .ts .text{ color:#805537; }
.bigrange .bigrids .bgs .ts .img01{ background-image:url(../images/index/icon_img01_hct.png); }
.bigrange .bigrids .bgs .ts .img02{ background-image:url(../images/index/icon_img02_hct.png); }
.bigrange .bigrids .bgs .ts .img03{ background-image:url(../images/index/icon_img03_hct.png); }
.bigrange .bigrids .bgs .ts .img04{ background-image:url(../images/index/icon_img04_hct.png); }


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


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

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

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

/* ********************************* 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 #a88065; }
.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_hct_mob.png); background-repeat:no-repeat; background-position:center; background-size:100%; }

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

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


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