﻿/* --------------------------------------------------------------------
 for aboutus page CSS
 -------------------------------------------------------------------- */

/* for infomation table */
#infotbl table{ width: 100%; }
#infotbl table,#infotbl td,#infotbl th {
    border-collapse: collapse;
    border: 1px solid #ccc;
    text-align: left;
    font-size: 1.1em;
    padding-top: 10px; padding-left: 20px; padding-bottom: 10px; padding-right: 0px;
/*
    margin-top: 1em; margin-left: 0em; margin-bottom: 1em; margin-right: 0em;
    border-top: 3px solid #3498db; border-left: ; border-bottom: 1px solid #ccc; border-right: ;
*/
}
#infotbl th { background-color: #F4F4f4; color: #333333;}
#infotbl td { background-color: #FaFafa; color: #333333;}
#infotbl .tblinfotitle {
    background-color: #3883BB;
    color: #ffffff;
    text-align: center;
    padding-top: 10px; padding-left: 0px; padding-bottom: 10px; padding-right: 0px;
}



/* --------------------------------------------------------------------
link list
 -------------------------------------------------------------------- */
#linklist { }
.list_cont { width: 100%; max-width: 940px; margin: 0 auto; padding: 20px 0 15px; color: #fff; display: flex; justify-content: space-between; }

.ll1 { width: 30%; }
.ll1 li { color: #fff; padding-bottom: 5px; border-bottom: 1px dotted #666; margin-bottom: 5px; }
.ll1 li a { color: #fff; text-decoration: none; margin-left: 5px; }
.ll1 li a:hover { color: #d96634; }

.ll2 { width: 30%; }
.ll2 li { color: #fff; padding-bottom: 5px; border-bottom: 1px dotted #666; margin-bottom: 5px; }
.ll2 li a { color: #fff; text-decoration: none; margin-left: 5px; }
.ll2 li a:hover { color: #d96634; }

.ll3 { width: 30%; }
.ll3 li { color: #fff; padding-bottom: 5px; border-bottom: 1px dotted #666; margin-bottom: 5px; }
.ll3 li a { color: #fff; text-decoration: none; margin-left: 5px; }
.ll3 li a:hover { color: #d96634; }
/* =================================================================== */

/* for arrow & disk mark List*/

#listing06 { list-style: none; }
#listing06 li {position: relative;margin-top: 0em; margin-left: 1em; margin-bottom: 1em; margin-right: 0em; }
#listing06 li::after,
#listing06 li::before { display: block; content: ''; position: absolute; }
#listing06 li::after { top: .35em; left: -1.2em; width: 14px; height: 14px; background-color: #3498db; border-radius: 100%; }
#listing06 li::before { z-index: 2; top: .625em; left: -.975em; width: 4px; height: 4px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: otate(-45deg); transform: rotate(-45deg); }
