/*V1.1, Alvin, Comment Update 20161121*/

html * {max-height:1000000px;}
body { font-family: 'Noto Sans TC', sans-serif; padding: 0px; margin: 0px auto; border-top: 3px solid #840000;  min-width: 950px; font-weight: 300;-ms-overflow-style:scrollbar; }
ul li { text-align:left;}
.left { float:left !important; }
.right { float:right !important; }
.clear { clear: both !important; }
.text-l { text-align:left !important; }
.text-r { text-align:right !important; }
.text-c { text-align:center !important; }
.iblock { display:inline-block !important; }
.none { display:none !important; }
.pointer { cursor: pointer; }
.pB50 {padding-bottom:50px}

.color_darkRed { color:#AE1B07; }
.color_darkGray { color:#383838; }
.color_lightGray { color: #B4B4B4; }
.color_black { color: #000000; }
.color8E8 {color:#8E8E8E}
.text_400 { font-weight: 400; }
.mask {
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: #999;
    z-index: 19;
    opacity: 0.5;
}

#container { position: relative; display: block; width: 100%; min-width: 640px; }
#header { display: block; width: 100%; height: 75px; margin: 3px auto; text-align: center; position:relative;}
#footer { display: block; width: 100%; margin: 0px auto; background-color: #980716; }
#footer_top_container { display: block; width: 100%; height:100px; background-color: #A7242C; }
#footer_bottom_container { display: block; clear: left; width: 100%; height:auto; background-color: #980716; overflow: hidden;}



#header_menu_mobile { display: none; width: 70px; height: 50px; background: url('../images/menu_mobile.png') no-repeat top center; }
#header_logo { display: inline-block; float: left; width: 330px; height: 40px; margin-top:12px; margin-left: 50px; background: url('../images/logo.png') no-repeat top center; }
#caring_logo { width: 216px; height: 75px; position: relative; background: url('../images/CMSI_Caring Company_2019-2023_xs.png') no-repeat top right; background-size:216px; margin-left:0px !important;}
#caring_logo_mobile { display: none; }

.en #caring_logo { background-image: url('../images/CMSI_Caring Company_2019-2023_xs_Eng.png') }

#header_Slogan { display:inline-block; float: left; color:#DAB866; height:40px; line-height:40px; margin-top:12px; margin-left:10px; }
#header_Slogan.eng { line-height:20px; text-align:left; font-size:10px; }
#header_menu { display: block; float: right; margin-right: 50px; text-align: right; position:relative; font-weight: normal; margin-left:10px;}
#header_menu div { display: inline-block; float: left; margin: auto auto auto 10px; }
#header_menu .selectedlang { color:#AE1B07; font-weight:bold; }
#header .sitemap { background:url('../images/map_btn_cut.png'); width:38px; height:33px; background-position:-21px -13px; cursor:pointer; display:inline-block; }
#header .sitemap.on { background-position:-93px -13px; }
#header_oldversion { display:block; position:relative; top:0px; white-space:nowrap; font-size:16px; }
#header_oldversion > a { text-decoration:underline; color:red; }
#header_mobile_lang { display:none; position:relative; top:0px; white-space:nowrap; }
#header div.header-online-cs{background:url('../images/contact_red.png'); background-size:cover; width:26px; height:26px; cursor:pointer;}


div > a { text-decoration: none; color: #423E3D;}
.header_lang { border:0px; color:#423E3D; font-size:16px; font-family: 'Noto Sans TC', sans-serif; outline: 0px;}
.header_login{ border:0px; color:#423E3D; font-size:16px; font-family: 'Noto Sans TC', sans-serif; outline: 0px; width:118px;}
.header_login_en{ border:0px; color:#423E3D; font-size:16px; font-family: 'Noto Sans TC', sans-serif; outline: 0px; width:200px;}

#footer_top { width: 100%; max-width: 950px; margin: 0px auto; background-color: #A7242C;}
.footer_top_btn { float: left; width: 25%; height: auto; background-color: #A7242C; text-align: center; line-height: 90px; margin: 5px auto; }
.footer_top_btn:not(:first-child) > div { border-left: 2px solid #980716; }
.footer_top_btn > div > a > img { vertical-align: middle; border: 0px;}
.footer_top_btn > div > a { color: #FFFFFF; font-size: 18px;}

#footer_bottom { width: 70%; max-width: 950px; margin: 0px auto; background-color: #980716; color: #FFFFFF;}
.footer_bottom_btn { float: left; width: 25%; height: auto; background-color: #980716; text-align: center; line-height: 70px; margin: 5px 0px 5px -2px;}
.footer_bottom_text { clear: left; width: 100%; height: auto; background-color: #980716; color: #FFFFFF; font-size: 18px; text-align: center; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.footer_bottom_btn > a { color: #FFFFFF; }

.icon_map_front { background:url('../images/icons_map_front.png'); image-rendering: -webkit-optimize-contrast;}
#mobile_checker { display: block; }

.divSiteMap{cursor:pointer;padding: 0 10px 0 10px;}
.divSiteMapClicked{cursor:pointer; padding: 0 10px 0 10px;background-color:#D8D8D8; color:#585858;}
.divSiteMapContent{background-color:#D8D8D8;z-index: 10;position: absolute;width:100%; top:62px;}
.divTopBarSiteMapTB{width:100%;text-align:center; padding:20px;}
.divTopBarSiteMapTB table{text-align:center;width:100%;}
.divTopBarSiteMapTB .SiteMapTBtd{width:11.1%;vertical-align:top;}
.divTopBarSiteMapTB2{width:50%;text-align:left; padding:20px; display:inline-table; float:left;}
.imgSiteMapBtn{width:100px;border-radius: 120px;-webkit-border-radius: 120px;-moz-border-radius: 120px;}
.divTopBarSiteMapTB th{font-size:18px;font-weight:bold;}
.divTopBarSiteMapTB2 th a{font-size:18px;font-weight:bold; color:#423E3D; text-decoration:none;}
.divTopBarSiteMapTB2 th{text-align:left;}
.divTopBarSiteMapTB2 .SiteMapTBtd2{width:33.33%;vertical-align:top;}
.topBarHr{margin:0 20px 0 20px; border-top: 1px solid #979797;border-bottom:0px;}
.divTopBarFooter{width:100%; padding:20px 0;text-align:center;}
.divTopBarFooter a{padding:0 20px 0 20px; }
.divTopBarSiteMapTB3{font-size:14px; width:50%;}



.std_container { width: 100%; position: relative; margin:0 auto; text-align:center; vertical-align: top;  /*margin-bottom: 32px;*/ padding:0px 0px; max-width: 1075px;  }
.std_container > div { padding:0px 20px; }
.std_container .head1 { font-size:26px; color:#AE1B07; font-weight:bold; margin: 50px 0px 50px 0px; }
.std_container .head2 { font-size:26px; color:#3B3B3B; font-weight:400; margin: 50px 0px 30px 0px; }

.common_container { width: 100%; position: relative; margin:0 auto; vertical-align: top; z-index: 0; margin-bottom: 32px; padding:0px; max-width: 1075px; }
.common_container > div { padding:0 20px; }
.common_container.full_width > div { padding:0px; }
.common_container .head1 { font-size:26px; color:#AE1B07; font-weight:bold; margin: 50px 0px 50px 0px; } 
.common_container .head2 { font-size:26px; color:#AE1B07; font-weight:400; }
.common_container .head3 { font-size:18px; color:#383838; font-weight:400; line-height:50px; }
.common_container .content1 { font-size:16px; color:#3b3939; line-height:30px }
.common_container .content2 { font-size:16px; color:#3b3939; line-height:30px }
.common_container .content1 a { color:#B1200E; }
.common_container .content2 a { color:#B1200E; }
.common_container .content1 span.compliant_file_padding { visibility: hidden; }
.common_container .fileLink a.black { line-height: 30px }

.common_container .float_wrapper { vertical-align:top; display:inline-block; width:100%; height:303px; background-position:center 100%; background-repeat:no-repeat; color:#FFF; font-size:30px; text-align:left; margin:5px 0px; position:relative; }
.common_container .float_wrapper.x2 { width:calc(50% - 4px); }
.common_container .float_wrapper.x4 { width:calc(25% - 4px); }
.common_container .float_wrapper > div { margin:10px 20px; }
.common_container .float_wrapper > span { position:absolute; left:20px; top:15px; }
.common_container .float_wrapper.right_text > span { left:auto; right:20px; }
.common_container .float_wrapper_full { vertical-align:top; display:inline-block; width:98%; height:303px; background-position:center 100%; background-repeat:no-repeat; font-size:30px; text-align:left; margin:5px 0px 5px -1px; padding:2%; position:relative; }

.tab1 { padding:0px; height:43px; position:relative; background-color:#ECECEC; text-align:left; }
.tab1 > div.menuContainer_mobile { background:#423E3F; color:#fff; text-align:center; font-size:30px; cursor:pointer; height:60px; line-height:60px; }
.tab1 > div.menuContainer_mobile .menuUpDown{background:url('../images/up_down_mobile.png'); background-position:-28px -30px; width:30px; height:30px; display:inline-block; position: absolute;  right: 20px; top:20px;}
.tab1 > div.menuContainer_mobile .menuUpDown.down{background-position:-92px -30px;}
.tab1 > div.menuContainer > div { color:#000; display:table-cell; position:relative; padding:0px 10px; top:0px; height:43px; text-align:center; vertical-align:middle; white-space:nowrap; }
.tab1 > div.menuContainer > div.sel { color:#B23B35; background:#fff; height:39px; line-height:34px; top:4px; vertical-align:top; }
.tab1 > div.menuContainer { overflow:hidden; }
.tab1 > div.menuContainer.eng > div.r2 { line-height:20px; }
.tab1 > div.menuContainer.eng > div.r2.sel { line-height:18px; }
.tab1 > div.mobile-item { height:60px; line-height:60px; background:black; color:#fff; display:none; }

.subMenuContainer { }
.subMenuContainer > div { display:inline-block; padding:0px 20px 0px 0px; height:30px; line-height:30px; color:#525252;  cursor:pointer}
.subMenuContainer > div.sel { color:#AE1B07; }

.mobile_only{ display:none }
.web_only{ display:block }

.Layer1Menu .menuContainer{  padding-top:30px; max-width:1092px; text-align:left; margin:auto }
.Layer1Menu .menuItemWrapper{ width:calc(20% - 4px); height:60px; display:inline-block; }
.Layer1Menu .menuItem { width:100%; height:60px; border: 1px solid #D3D3D3; background:#FAFAFA;  font-size:18px;
            border-radius:5px;  text-align:center; color:#515151;  cursor:pointer; display:table; border-spacing:0px; }

.Layer1Menu .menuItem .text { display: table-cell; vertical-align: middle;  text-align: center;   }
.Layer1Menu .menuItem .text.font80 { font-size:80% }
.Layer1Menu .menuItem.sel{background: #FFFFFF; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#FFFFFF 90% , #B73C2A 10%); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#FFFFFF 90%, #B73C2A 10%); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#FFFFFF 90%, #B73C2A 10%); /* For Firefox 3.6 to 15 */
background: linear-gradient(#FFFFFF 90%, #B73C2A 10%); /* Standard syntax */}
.Layer1Menu .menuUpDown{background:url('../images/up_down_mobile.png'); background-position:-28px -30px; width:30px; height:30px; display:inline-block; position: absolute;  right: 20px; top:20px;}
.Layer1Menu .menuUpDown.down{background-position:-92px -30px;}

.Layer2Menu .menuUpDown{background:url('../images/up_down_mobile.png'); background-position:-29px -90px; width:30px; height:30px; display:inline-block;position: absolute;  right: 20px; top:18px;}
.Layer2Menu .menuUpDown.down{background-position:-92px -90px; }
.Layer2Menu .subMenuContainer_mobile .sel{    color: #AE1B07;}

#mainTab.std_container { width:980px; }
#mainTab.std_container.tab1.eng{font-size:14px ;}
#mainTab.std_container.tab1.eng > div.menuContainer > div{padding:0 10px}

#btn_top { background: url('../images/btn_top.png') no-repeat top center; width: 68px; height: 68px; position: fixed; right: 10px; bottom: 88px; display: none; opacity: 0.5; filter: alpha(opacity=50); border-radius: 5px; cursor: pointer;}
#btn_online_cs { background: url('../images/contact_wt3.png') #B24C40 no-repeat top center; background-size:cover; width: 68px; height: 68px; position: fixed; right: 10px; bottom: 10px; opacity: 0.5; filter: alpha(opacity=50); border-radius: 5px; cursor: pointer;}
#btn_online_cs:hover {opacity: 1; filter: alpha(opacity=100);}


.gvPager {padding-top:10px;}
.ddlpager {width: 50px;height: 24px;padding: 0 2px;margin: 0 5px;}
#linkLeft {background-image: url("../images/arrowLeft.png");background-size:23px 23px; background-repeat: no-repeat;height:23px;width:23px; display:inline-block; vertical-align:middle; margin-left:10px;margin-right:5px; cursor:pointer;}
#linkRight {background-image: url("../images/arrowRight.png");background-size:23px 23px; background-repeat: no-repeat;height:23px;width:23px; display:inline-block; vertical-align:middle; margin-right:10px;margin-left:5px; cursor:pointer;}


@-ms-viewport{
    width: device-width;
}

@media screen and (min-width: 1920px) {
    #header { max-width: 1920px; }
    .divSiteMapContent > div {width:1920px;margin:0 auto;}
    .divTopBarSiteMapTB {width:1920px;margin:0 auto;}
}

@media screen and (min-width: 950px) and (max-width: 1135px) {
    #header_logo {margin-left:10px;}
    #header_menu {margin-right:10px;}
}

@media screen and (max-width: 1000px) {
    #header_menu #caring_logo {
        width: 120px;
        height:55px;
        margin-top: 15px;
        background-size: 120px;
    }
}

@media screen and (max-width: 1200px) {
    .en #header_menu {margin-right:0px; margin-left:0px;}
    .en #header_logo {margin-left:0px; margin-right:0px; width:300px; background-size:contain;}
    .en #header_menu #caring_logo {
        width: 120px;
        height: 55px;
        margin-top: 15px;
        background-size: 120px;
    }
}

 
@-webkit-keyframes fadeInUp {
    0% {
        opacity:0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
    100% {
        opacity: 1;
        -moz-transform: inherit;
        -ms-transform: inherit;
        -o-transform: inherit;
        -webkit-transform: inherit;
        transform: inherit;
    }
}

@keyframes fadeInUp {
    0% {
        opacity:0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
    100% {
        opacity: 1;
        -moz-transform: inherit;
        -ms-transform: inherit;
        -o-transform: inherit;
        -webkit-transform: inherit;
        transform: inherit;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes filpInY {
    0% {
        -webkit-transform: perspective(800px) rotate3d(0,1,0,90deg);
        transform: perspective(800px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
}

@keyframes filpInY {
    0% {
        -webkit-transform: perspective(800px) rotate3d(0,1,0,90deg);
        transform: perspective(800px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
}
#mobileLoginLink {display:none;}

#divLoginMenu{display:none}

#width_tmp_select{display : none;}