@charset "utf-8";
/* CSS Document */
body,html{width:100%;height:100%;}
a.orange{color:#f86005;}
.bluebg{background:#0097dc;color:White;}
th.blue{color:#0097dc;text-align:center;}
.redtxt{color:Red;}


.menu{width:100%;max-width:1920px;margin:0 auto;position:absolute;top:0;left:0; background:rgba(0,0,0,0.5);z-index:10; }
nav{width:80%;max-width:1200px; margin:0 auto;}
.navbar span{display:none;}
.navbar-brand{
		    padding: 29px 15px;
		    height: auto;
		}
nav.navbar.bootsnav{
	border: none;
}
.navbar-nav{
	float: left;
}
nav.navbar.bootsnav ul.nav > li > a{
	color: white;
	text-transform: uppercase;
	padding:5px 30px;
}
nav.navbar.bootsnav ul.nav > li:hover{
	background: #0097dc;
}

nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
	content: "+";
	font-family: 'FontAwesome';
	font-size: 16px;
	font-weight: 500;
	position: absolute;
	top: 2%;
	right: 10%;
	transition: all 0.4s ease 0s;
}
nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{
	content: "\f105";
	transform: rotate(90deg);
}
.dropdown-menu.multi-dropdown{
	position: absolute;
	left: -100% !important;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	border: none;
}
#navbar-menu{margin-top:12pt;}
.main_visual{width:100%; max-width:1920px; margin:0 auto; overflow:hidden;position:relative;}
.main_image {width:100%; height:422px; border-top:1px solid #d7d7d7; overflow:hidden; margin:0 auto; position:relative}
.main_image ul {width:9999px; height:622px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:422px;}
.main_image li span {display:block; width:100%; height:422px;}
.main_image li a {display:block; width:100%; height:422px}
.main_image li .img_1 {background: url('../images/01.jpg') center top no-repeat;background-size:cover;}
.main_image li .img_2 {background: url('../images/02.jpg') center top no-repeat;background-size:cover;}
.main_image li .img_3 {background: url('../images/03.jpg') center top no-repeat;background-size:cover;}
.main_image li .img_4 {background: url('../images/04.jpg') center top no-repeat;background-size:cover;}
.main_image li .img_5 {background: url('../images/05.jpg') center top no-repeat;background-size:cover;}
div.flicking_con {width:990px; margin:0 auto; position:relative}
div.flicking_con .flicking_inner {position:absolute; top:560px; left:90px; z-index:999; width:300px; height:21px} /* 121126 */
div.flicking_con a {float:left; width:21px; height:21px; margin:0; padding:0; background:url('../images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px}
div.flicking_con a.on {background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:55%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}
.main_visual .line{ background:url(../images/line.gif) repeat-x; height:5pt; background-size:cover;}
.main{width:100%; max-width:1920px; margin:0 auto;}
.main .row{width:80%;max-width:1200px; margin-left: auto;margin-right:auto;
    margin-top: 0;
    margin-bottom: 0;
}
.main .row .col-xs-3{border:1px solid #ccc; width:32%; height:250pt;color:#399cc7;background-color:#fefdfd}
.main .row .col-xs-3 a{color:#399cc7;}
.main .row .col-xs-3:nth-child(2),.main .row .col-xs-3:nth-child(6){margin:0 2%;}
.main .row .col-xs-3 h4{font-weight:bold;}
.main .row .col-xs-3 .more{display:block; text-transform:uppercase;position:absolute; right:10pt; bottom:10pt; }
.main .row .col-xs-3:nth-child(-n+3){margin-top:20pt; margin-bottom:20pt;border-radius:10px;}
.main .row .col-xs-3:nth-child(-n+3) h4{margin:15pt 0 15pt 0;padding:10pt 0 10pt 30pt;}
.main .row .col-xs-3:nth-child(-n+3) .more{color:white; background:#0097dc;padding:3pt 10pt; border-radius:5pt;}
.main .row .col-xs-3:nth-child(n+4){ margin-bottom:20pt;padding:0;}
.main .row .col-xs-3:nth-child(n+4) ul{ margin:0 15px;}
.main .row .col-xs-3:nth-child(6) img{width:90%;}
.main .row .col-xs-3:nth-child(n+4) h4{background:#0097dc; padding:10pt 0; color:white; text-align:center; margin-bottom:15pt;}
.main .row .col-xs-3:nth-child(n+4) .more{color:#0097dc; border:1px solid #0097dc;padding:3pt 10pt; border-radius:5pt;}
.main .row .col-xs-2,.col-xs-9{margin-left:-10px;}
.main .row .col-xs-2{padding-left:0;padding-top:43pt;width:25%;}
.main .row .email{padding:0;}
.main .row .col-xs-2 h4{background:#0097dc; padding:8pt 10pt;color:white;font-weight:bold;}

.main .row .col-xs-2 li,.main .row .col-xs-2 li dd{padding:8pt 10pt; background:#ddd;border-bottom:1px solid white;}
.main .row .col-xs-2 li:hover,.main .row .col-xs-2 li dd:hover{background:#f0ce48; transition:background 0.8s ease;}
.main .row .col-xs-2 li dd:last-child{border-bottom:none;}
.main .row .col-xs-2 li.ln-Li {
    width: auto;
    position: relative;
    font-weight: normal;
    color: #002e73;
}
.main .row .col-xs-2 .ln-Li img {
	margin:0px;
	padding:0px;
	border:1px;
}
.main .row .col-xs-2 .ln-Li img {
	width:14px;
	height:14px;
	position:absolute;
	z-index:1;
	top:14px;
	right:10px;
	vertical-align:middle;
}
.main .row .col-xs-2 .sub-li{padding:0;}
.main .row .col-xs-2 .sub-li dd{padding-left:30pt;}
.main .row .col-xs-2 .ln-Li img:hover {cursor:pointer;}
.main .row .col-xs-2 .contact{background:white; padding:10px;border-radius:10pt;float:right;margin-top:15%;}
.col-xs-9 .breadcrumb,.main .row .col-xs-12 .breadcrumb{display:inline-block;border-radius:0; background:none; padding:8pt 0pt; max-width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.col-xs-9 .breadcrumb li:first-child::after,.main .row .col-xs-12 .breadcrumb li:first-child::after{content:"";}

.col-xs-9 h4{background:#0097dc; padding:8pt 10pt;color:white;font-weight:bold;margin-bottom:20pt;}
.col-xs-9 h4.sub_title{margin:20pt auto;}
.col-xs-9 .breadcrumb+div h4.sub_title,.col-xs-9 .breadcrumb+h4{margin-top:0pt;}

.col-xs-9 div.news{line-height:2em;}

.col-xs-9 table.list,.col-xs-9 table.grid{width:100%;margin:0pt auto;}
.col-xs-9 table.list td,.col-xs-9 table.grid td{padding:8pt 0;}
.col-xs-9 table.list tr{border-top:1px solid #ccc;}
.col-xs-9 table.list tr:last-child{border-bottom:1px solid #ccc;}

.col-xs-9 .drugsearch{text-align:right;margin-bottom:20pt; }
.col-xs-9 .inputkey{border:1px solid #0097dc;width:200pt;height:26pt;}
.col-xs-9 .btnfind{height:26pt; width:60pt; background:#999; color:white; border:none;}
.col-xs-9 table.grid,.main .row .col-xs-12 table.grid{border:1px solid #ccc;}
.col-xs-9 table.grid td,.col-xs-9 table.grid th,.main .row .col-xs-12 table.grid td,.main .row .col-xs-12 table.grid th{border-bottom:1px solid #ccc;}
.col-xs-9 table.grid th{ background:#0097dc;padding:8pt 0; text-align:center;font-weight: bold;color: #fff;}
.col-xs-9 table.grid th.grey{background:#eee;}
.col-xs-9 table.grid .drug{color:#337ab7;}
.col-xs-9 table.grid td,.main .row .col-xs-12 table.grid td{padding:8pt 0;}
.col-xs-9 table.grid .drugs,.col-xs-9 table.grid .drugs a{color:#000;}
.main .row .col-xs-12 .ad{font-size:18px; font-weight:bold; margin:20pt 0;}
.main .row .col-xs-12 .ad strong {color:#0097dc; font-size:24px;margin-right:8%;}
.main .row .col-xs-12 h4.title{background:#0097dc;padding:8pt 0 8pt 5pt;color:white;font-size:16px;}
.main .row .col-xs-12 .col-xs-4>img{width:100%;height:150pt;border:1px solid #0097dc;} 
.main .row .col-xs-12 table.grid{width:100%;margin:20pt auto;}
.main .row .col-xs-12 table.grid th{padding:8pt 0; text-align:center;}
.main .row .col-xs-12>div.news{margin:20pt auto;line-height:2em;}
.main .row .col-xs-12>div.news table td,.main .row .col-xs-12>div.news table th{padding:5pt!important;}
.main .row .col-xs-12 .col-xs-8{line-height:2em;} 
.main .row .col-xs-12>.col-xs-8,.main .row .col-xs-12>.col-xs-4{margin:20pt auto;}
.main .row .bg1{ background:url(../images/bg1.gif) no-repeat center bottom;word-break:break-all}
.main .row .bg2{ background:url(../images/bg2.gif) no-repeat center bottom;}
.main .row .bg3{ background:url(../images/bg3.gif) no-repeat center bottom;}
h4.home{ background:url(../images/home.png) no-repeat center left;}
h4.earth{ background:url(../images/earth.png) no-repeat center left;}
h4.refresh{ background:url(../images/refresh.png) no-repeat center left;}
.main .row div em{width:0;height:0;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid grey; position:absolute; bottom:0;left:50%;}
#leavetb .btn
{
    width: 120px;
    height: 40px;
    background-color: #FFCC00;
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC #666666 #666666 #CCCCCC;
    color: #FFFFFF;
    font-weight: bold;
}
#leavetb .input
        {
    border: 1px solid #C0C0C0;
    width: 80%;
    height: 26px;
    line-height: 26px;
}
#leavetb .textarea
{
    border: 1px solid #C0C0C0;
    width: 80%;
    height: 120px;
    line-height: 16px;
}

footer{width:100%;max-width:1920px;margin:0 auto; background:#313131; padding:10pt 0 10pt 0;}
footer .row{width:80%;max-width:1200px; margin:0 auto; text-align:center;color:white;}
footer .row:nth-child(2){margin-top:20pt;}
footer .row:nth-child(2) .col-xs-6{padding:0;}
footer .row a{padding:0 3%;display:inline-block;color:white;}
footer .row a:hover{color:#337ab7}
.copyright{ background:url(../images/rect.gif) no-repeat right top;width:100%;max-width:1920px;margin:0 auto;color:white; padding:10pt 0;}
.copyright span{display:block;width:80%;max-width:1200px; margin:0 auto;}
@media only screen and (max-width: 992px)
{
.logo{display:none;}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,
nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{ content: " "; }
.dropdown-menu.multi-dropdown{ left: 0 !important; }
nav.navbar.bootsnav ul.nav > li:hover{ background: transparent; }
nav.navbar.bootsnav ul.nav > li > a{ margin: 0; }
.logo span:nth-child(2){display:block!important; position:absolute;top:0;}
.menu{position:relative;background:linear-gradient(#cfcfcf 3%,#ebebeb 15%,#eeeeee 80%);}
nav{width:100%;}
#navbar-menu{margin-top:0px;}
nav.navbar.bootsnav ul.nav > li:hover{
	background: #f0ce48;
}
.navbar span{float:left; margin:15pt 0 0 33%; display:block;}
.navbar span .keys2{outline:none; width:300pt;}
.navbar span .buttons{float:right;outline:none;}
.navbar{ background:url(../images/logo.png) no-repeat center left; background-size:25%;}
.nav > li:after{ background:white;}
.main .row{width:100%;}
.main .row .col-xs-3{float:none;width:100%;border:none; background:url(../images/line.gif) repeat-x left bottom; background-size:100% 5pt; line-height:2em;height:280pt;}
.main .row .col-xs-3:nth-child(1){background:url(../images/line.gif) repeat-x left bottom, url(../images/bulid.jpg) no-repeat left 40pt; background-size:100% 5pt,contain;height:470pt;}
.main .row .col-xs-3:nth-child(1) h4{margin-bottom:60%;}
.main .row .col-xs-3:nth-child(-n+3){border-radius:0;}
.main .row .col-xs-3:nth-child(2),.main .row .col-xs-3:nth-child(6){margin:0 0 20pt 0;}
.main .row .col-xs-3 li{border-bottom:1px dashed #ccc;}
.main .row div em{display:none;}

footer .row{width:100%;}
footer .row:nth-child(1){display:none;}
footer .row:nth-child(2){margin-top:0pt;}
footer .row .col-xs-6:first-child{text-align:center!important; margin-bottom:10pt;}
footer .row .col-xs-6:first-child p{display:none;}
footer .row .col-xs-6{float:none;width:100%;}
}
@media only screen and (max-width: 767px)
{
.logo{display:none;}
.logo span:nth-child(2){display:block!important; position:absolute;top:0;}
.menu{position:relative;background:linear-gradient(#cfcfcf 3%,#ebebeb 15%,#eeeeee 80%);}
nav{width:100%;}
#navbar-menu{margin-top:0px;}
nav.navbar.bootsnav ul.nav > li:hover{
	background: #f0ce48;
}
.navbar span{float:left; margin:17pt 0 0 0; display:inline-block;}
.navbar span:first-child{margin-left:30%;width:40%;margin-top:13pt;}
.navbar span .keys2{outline:none;width:74%;}
.navbar span .buttons{float:right;outline:none;}
.navbar{ background:url(../images/logo.png) no-repeat center left; background-size:25%;}
.nav > li:after{ background:white;}
.main .row{width:100%;}
.main .row .col-xs-3{float:none;width:100%;border:none; background:url(../images/line.gif) repeat-x left bottom; background-size:100% 5pt; line-height:2em;height:280pt;}
.main .row .col-xs-3:nth-child(1){background:url(../images/line.gif) repeat-x left bottom, url(../images/bulid.jpg) no-repeat left 40pt; background-size:100% 5pt,contain;height:370pt;}
.main .row .col-xs-3:nth-child(1) h4{margin-bottom:60%;}
.main .row .col-xs-3:nth-child(-n+3){border-radius:0;}
.main .row .col-xs-3:nth-child(2),.main .row .col-xs-3:nth-child(6){margin:0 0 20pt 0;}
.main .row .col-xs-3 li{border-bottom:1px dashed #ccc;}
.main .row div em{display:none;}
.main .row .col-xs-2{display:none;}
.col-xs-9{float:none;width:100%;}
.col-xs-9 h4{background:url(../images/line.gif) repeat-x left bottom; background-size:100% 5pt;color:#337ab7; text-align:left; padding:15pt 0;}
.col-xs-9 .drugsearch{text-align:center; }
.col-xs-9 .inputkey{width:60%;}
.col-xs-9 div.news img{ max-width:100%!important;float:none!important;}
.main .row .col-xs-12 .ad{font-size:14px;  }
.main .row .col-xs-12 .ad strong {font-size:16px;margin-right:3%;}
.main .row .col-xs-12>.col-xs-8,.main .row .col-xs-12>.col-xs-4{float:none;width:100%;}
footer .row{width:100%;}
footer .row:nth-child(1){display:none;}
footer .row:nth-child(2){margin-top:0pt;}
footer .row .col-xs-6:first-child{text-align:center!important; margin-bottom:10pt;}
footer .row .col-xs-6:first-child p{display:none;}
footer .row .col-xs-6{float:none;width:100%;}
footer .row:nth-child(2) .col-xs-6{padding:0 15px;}
.copyright{ background-position:left top;padding:5pt 0;}
.copyright span{width:100%;overflow:hidden; white-space:nowrap;font-size:12px;}
	}