.text-img {width: 100%; height: auto; padding: 0; box-sizing: border-box; max-width: 180px;} .general .cm-img { width: 160px; height: 160px; margin-bottom: 15px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topright: 20px; border-top-right-radius: 20px;} a.cm { color:#333!important;} html, q p, h1, h2, h3, h4,h5, h6, figure { margin:0; padding: 0; font:inherit; vertical-align:baseline} html, body { margin:0 auto; -webkit-tap-highlight-color: transparent; margin:0; padding:0; color:#333;} input, textarea, select { padding:0; margin:0; moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px} div { position:relative;} a { color:#333; text-decoration:none; transition: all 0.3s ease-out; } a:visited { text-decoration:none; outline:0; } a:active { text-decoration:none; outline:0; } a:hover { color:#95865c; text-decoration:none; outline:0; } a:focus { -moz-outline-style:none; } #body.theme-blue .main-content-blk a, #body.theme-green .main-content-blk a, #body.theme-red .main-content-blk a, #body.theme-yellow .main-content-blk a, #body.theme-cyan .main-content-blk a, #body.theme-orange .main-content-blk a { color:#333; text-decoration:none; transition: all 0.3s ease-out; } #body.theme-new .main-content-blk a { color:#333; text-decoration:none; transition: all 0.3s ease-out; } #body.theme-blue .main-content-blk a:hover { color:#7f6b32; text-decoration:none; outline:0; } #body.theme-green .main-content-blk a:hover { color:#299894; text-decoration:none; outline:0; } #body.theme-red .main-content-blk a:hover { color:#5e4990; text-decoration:none; outline:0; } #body.theme-yellow .main-content-blk a:hover { color:#8c877d; text-decoration:none; outline:0; } #body.theme-cyan .main-content-blk a:hover { color:#b0a78d; text-decoration:none; outline:0; } #body.theme-orange .main-content-blk a:hover { color:#B75A22; text-decoration:none; outline:0; } #body.theme-new .main-content-blk a:hover { color:#B75A22; text-decoration:none; outline:0; } #body.theme-blue .general a { color:#95865c; text-decoration:none; transition: all 0.3s ease-out; } #body.theme-green .general a { color:#47c0bc; text-decoration:none; transition: all 0.3s ease-out; } #body.theme-red .general a { color:#7c68ae; text-decoration:none; transition: all 0.3s ease-out; } #body.theme-yellow .general a { color:#8c877d; text-decoration:none; transition: all 0.3s ease-out; } #body.theme-cyan .general a { color:#b0a78d; text-decoration:none; transition: all 0.3s ease-out; } #body.theme-orange .general a { color:#b87953; text-decoration:none; transition: all 0.3s ease-out; } #body.theme-new .general a { color:#b87953; text-decoration:none; transition: all 0.3s ease-out; } #body.theme-blue .general a:hover { color:#7f6b32; text-decoration:underline;} #body.theme-green .general a:hover { color:#299894; text-decoration:underline;} #body.theme-red .general a:hover { color:#5e4990; text-decoration:underline;} #body.theme-yellow .general a:hover { color:#c29c03; text-decoration:underline;} #body.theme-cyan .general a:hover { color:#006e8a; text-decoration:underline;} #body.theme-orange .general a:hover { color:#B75A22; text-decoration:none; } #body.theme-new .general a:hover { color:#B75A22; text-decoration:none; } #body.theme-blue .general .popup { color:#95865c; text-decoration:none; transition: all 0.3s ease-out; cursor:pointer;} #body.theme-green .general .popup { color:#47c0bc; text-decoration:none; transition: all 0.3s ease-out; cursor:pointer;} #body.theme-red .general .popup { color:#7c68ae; text-decoration:none; transition: all 0.3s ease-out; cursor:pointer;} #body.theme-yellow .general .popup { color:#8c877d; text-decoration:none; transition: all 0.3s ease-out; cursor:pointer;} #body.theme-cyan .general .popup { color:#b0a78d; text-decoration:none; transition: all 0.3s ease-out; cursor:pointer;} #body.theme-orange .general .popup { color:#b87953; text-decoration:none; transition: all 0.3s ease-out; cursor:pointer;} #body.theme-new .general .popup { color:#b87953; text-decoration:none; transition: all 0.3s ease-out; cursor:pointer;} #body.theme-blue .general .popup:hover { color:#7f6b32; text-decoration:underline; cursor:pointer;} #body.theme-green .general .popup:hover { color:#299894; text-decoration:underline; cursor:pointer;} #body.theme-red .general .popup:hover { color:#5e4990; text-decoration:underline; cursor:pointer;} #body.theme-yellow .general .popup:hover { color:#c29c03; text-decoration:underline; cursor:pointer;} #body.theme-cyan .general .popup:hover { color:#006e8a; text-decoration:underline; cursor:pointer;} #body.theme-orange .general .popup:hover { color:#B75A22; text-decoration:none; cursor:pointer; } #body.theme-new .general .popup:hover { color:#B75A22; text-decoration:none; cursor:pointer; } #body.theme-red .general .adj-popuplink .popup { color:#333; text-decoration:none; transition: all 0.3s ease-out; cursor:pointer; } #body.theme-red .general .adj-popuplink .popup:hover { color:#5e4990; text-decoration:none; transition: all 0.3s ease-out; cursor:pointer; } #body.theme-blue ul.left-subnav li.second:before { color:#95865c;} #body.theme-green ul.left-subnav li.second:before { color:#47c0bc;} #body.theme-red ul.left-subnav li.second:before { color:#7c68ae;} #body.theme-yellow ul.left-subnav li.second:before { color:#c29c03;} #body.theme-cyan ul.left-subnav li.second:before { color:#b0a78d;} #body.theme-blue .general .colorBox { background-color:#95865c} #body.theme-green .general .colorBox { background-color:#47c0bc} #body.theme-red .general .colorBox { background-color:#7c68ae} #body.theme-yellow .general .colorBox { background-color:#8c877d} #body.theme-cyan .general .colorBox { background-color:#b0a78d} #body.theme-orange .general .colorBox { background-color:#B75A22} #body.theme-new .general .colorBox { background-color:#B75A22} #body.theme-blue ul.left-nav a.current li, #body.theme-blue ul.left-subnav a.current li { cursor:default; color:#95865c; } #body.theme-green ul.left-nav a.current li, #body.theme-green ul.left-subnav a.current li { cursor:default; color:#47c0bc; } #body.theme-red ul.left-nav a.current li, #body.theme-red ul.left-subnav a.current li { cursor:default; color:#7c68ae; } #body.theme-yellow ul.left-nav a.current li, #body.theme-yellow ul.left-subnav a.current li { cursor:default; color:#c29c03; } #body.theme-cyan ul.left-nav a.current li, #body.theme-cyan ul.left-subnav a.current li { cursor:default; color:#b0a78d; } #body.theme-orange ul.left-nav a.current li, #body.orange-cyan ul.left-subnav a.current li { cursor:default; color:#B75A22; } /*edit*/ #body.theme-new ul.left-nav a.current li, #body.orange-cyan ul.left-subnav a.current li { cursor:default; color:#B75A22; } /*edit*/ #body.theme-blue .general .colorBox a { color:#fff; text-decoration:underline;} #body.theme-green .general .colorBox a { color:#fff; text-decoration:underline;} #body.theme-red .general .colorBox a { color:#fff; text-decoration:underline;} #body.theme-yellow .general .colorBox a { color:#fff; text-decoration:underline;} #body.theme-cyan .general .colorBox a { color:#fff; text-decoration:underline;} #body.theme-orange .general .colorBox a { color:#fff; text-decoration:underline;} #body.theme-new .general .colorBox a { color:#fff; text-decoration:underline;} #body.theme-blue .general .colorBox a:hover { color:#86a7e7; text-decoration:underline;} #body.theme-green .general .colorBox a:hover { color:#333; text-decoration:underline;} #body.theme-red .general .colorBox a:hover { color:#333; text-decoration:underline;} #body.theme-yellow .general .colorBox a:hover { color:#333; text-decoration:underline;} #body.theme-cyan .general .colorBox a:hover { color:#333; text-decoration:underline;} #body.theme-orange .general .colorBox a:hover { color:#B75A22; text-decoration:underline;} #body.theme-new .general .colorBox a:hover { color:#B75A22; text-decoration:underline;} #body.theme-blue .general .colorBox h3, #body.theme-green .general .colorBox h3, #body.theme-red .general .colorBox h3, #body.theme-yellow .general .colorBox h3, #body.theme-cyan .general .colorBox h3, #body.theme-orange .general .colorBox h3 { color:#fff!important} #body.theme-new .general .colorBox h3 { color:#fff!important} #body.theme-blue .dot:after { content: url(images/img-dot-blue.svg); padding:0 10px 5px 10px;} #body.theme-green .dot:after { content: url(images/img-dot-green.svg); padding:0 10px 5px 10px;} #body.theme-red .dot:after { content: url(images/img-dot-red.svg); padding:0 10px 5px 10px;} #body.theme-yellow .dot:after { content: url(images/img-dot-yellow.svg); padding:0 10px 5px 10px;} #body.theme-cyan .dot:after { content: url(images/img-dot-cyan.svg); padding:0 10px 5px 10px;} #body.theme-gray .dot:after { content: url(images/img-dot-gray.svg); padding:0 10px 5px 10px;} #body.theme-orange .dot:after { content: url(images/img-dot-orange.svg); padding:0 10px 5px 10px;} #body.theme-new .dot:after { content: url(images/img-dot-orange.svg); padding:0 10px 5px 10px;} img { border:0; } .img-scale { width:100%; height:auto;} .space { height:30px } .clear { clear:both;} .float-l { float:left;} .float-r { float:right;} .inline-blk { display:inline-block;} .bg-darkgrey { background-color:#333} .bg-lightgrey { background-color:#eee} .bg-gray { background-color:#999} .bg-white { background-color:#fff} .bg-green { background-color:#47c0bc} .bg-blue { background-color:#95865c} .bg-red { background-color:#7c68ae} .bg-yellow { background-color:#8c877d} .bg-cyan { background-color:#b0a78d} .bg-orange { background-color:#d9b17f/*b87953*/} .bg-new { background-color:#e67451} .bg-darkblue { background-color:#7f6b32} .bg-darkgreen { background-color:#299894} .bg-darkred { background-color:#5e4990} .bg-darkyellow { background-color:#c29c03} .bg-darkcyan { background-color:#006e8a} .bg-submenu-grey{ background-color:#464646} #body.theme-blue .theme-txt-dark { color:#7f6b32} #body.theme-green .theme-txt-dark { color:#299894} #body.theme-red .theme-txt-dark { color:#5e4990} #body.theme-yellow .theme-txt-dark { color:#c29c03} #body.theme-cyan .theme-txt-dark { color:#006e8a} #body.theme-orange .theme-txt-dark { color:#B75A22} #body.theme-new .theme-txt-dark { color:#B75A22} .txt-white { color:#fff} .txt-grey { color:#999} .txt-middlegrey { color:#666} .txt-lightgrey { color:#eee} .txt-white { color:#fff} .txt-green { color:#47c0bc} .txt-blue { color:#95865c} .txt-red { color:#7c68ae} .txt-yellow { color:#8c877d} .txt-cyan { color:#b0a78d} .txt-orange { color:#d9b17f/*b87953*/} .txt-content { color:#333} .txt-new { color:#e67451} #body.theme-green .theme-bgcolor { background-color:#47c0bc} #body.theme-blue .theme-bgcolor { background-color:#95865c} #body.theme-red .theme-bgcolor { background-color:#7c68ae} #body.theme-yellow .theme-bgcolor { background-color:#8c877d} #body.theme-cyan .theme-bgcolor { background-color:#b0a78d} #body.theme-orange .theme-bgcolor { background-color:#d9b17f/*b87953*/} #body.theme-new .theme-bgcolor { background-color:#e67451} #body.theme-green .theme-txt, #body.theme-green .general h2 , #body.theme-green .general h3, #body.theme-green .general .highlight-theme { color:#47c0bc} #body.theme-blue .theme-txt, #body.theme-blue .general h2, #body.theme-blue .general h3, #body.theme-blue .general .highlight-theme { color:#95865c} #body.theme-red .theme-txt, #body.theme-red .general h2, #body.theme-red .general h3, #body.theme-red .general .highlight-theme { color:#7c68ae} #body.theme-yellow .theme-txt, #body.theme-yellow .general h2, #body.theme-yellow .general h3, #body.theme-yellow .general .highlight-theme { color:#8c877d} #body.theme-cyan .theme-txt, #body.theme-cyan .general h2, #body.theme-cyan .general h3, #body.theme-cyan .general .highlight-theme { color:#b0a78d} #body.theme-orange .theme-txt, #body.theme-orange .general h2, #body.theme-orange .general h3, #body.theme-orange .general .highlight-theme { color:#d9b17f/*b87953*/} #body.theme-new .theme-txt, #body.theme-new .general h2, #body.theme-new .general h3, #body.theme-new .general .highlight-theme { color:#e67451} .bold { font-weight:bold;} .italic {font-style:italic;} .corner-top-right { -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px;} .corner-diagonal { -webkit-border-top-right-radius: 40px; -webkit-border-bottom-left-radius: 40px; -moz-border-radius-topright: 40px; -moz-border-radius-bottomleft: 40px; border-top-right-radius: 40px; border-bottom-left-radius: 40px;} .corner-diagonal-opp { -webkit-border-top-left-radius: 40px; -webkit-border-bottom-right-radius: 40px; -moz-border-radius-topleft: 40px; -moz-border-radius-bottomright: 40px; border-top-left-radius: 40px; border-bottom-right-radius: 40px;} .corner-bottom-right { -webkit-border-bottom-right-radius: 20px; -moz-border-radius-bottomright: 20px; border-bottom-right-radius: 20px; } .tb-wrapper { display:table; } .tb-wrapper .tb-cell { display:table-cell; vertical-align:middle; } .tb-wrapper .tb-cell.vt-top { vertical-align:top; } /* • for index page & footer ---------------------------------------------------------------------------- */ .div-table { display:table; table-layout:fixed; height:100%; width:100%;} .div-table .middle { vertical-align:middle; display:table-cell;} .div-table .bottom { vertical-align:bottom; display:table-cell;} .div-table .top { vertical-align:top; display:table-cell;} /* • Common ---------------------------------------------------------------------------- */ .container { max-width:1400px; margin:0 auto;} .main-content-blk { padding:0 0 50px 0} .full-wrapper { width:calc(100% - 100px); padding:0 50px;} .index-square-wrapper { width:100%; padding:0} /* for index page square blk wrapper*/ .photo-wrapper { width:100%} .contactus-wrapper { padding:50px} .contactus-wrapper.row { display: table-row; margin-top:50px} /* ========================================================================== Media ============================================================================= */ @media only screen and (max-width: 1400px) { .index-square-wrapper { width:calc(100% - 100px); padding:0 50px } .photo-wrapper { width:calc(100% - 100px); padding:0 50px } } @media only screen and (max-width: 1250px) { .full-wrapper { width:calc(100% - 40px); padding:0 20px; } .index-square-wrapper { width:calc(100% - 40px); padding:0 20px; } .space { height:20px } .photo-wrapper { width:calc(100% - 40px); padding:0 20px; } .contactus-wrapper { padding:50px 0px} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .container { max-width:inherit; width:100%; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .container { max-width:inherit; width:100%; } } @media only screen and (max-width:667px) { .container { max-width:inherit; width:100%;} .main-content-blk { padding:0 0 25px 0; margin-top:0px; z-index:10} #body.mdl-body .main-content-blk { z-index:auto; } .full-wrapper { width:calc(100% - 30px); padding:0 15px} .index-square-wrapper { width:calc(100% - 40px); padding:0 20px} .photo-wrapper { width:calc(100% - 30px); padding:0 15px } .corner-diagonal { -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px;} .corner-diagonal-opp { -webkit-border-top-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomright: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 0px;} .corner-bottom-right { -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; } #body .dot:after { display:none} /*edit 20171219*/